body {color:#333333} a{color:#333333}a:active,a:hover {color:#274174} @media (min-width: 1200px) {.container{ width: 1200px; }} @media (min-width: 1200px) {.container{ width: 1200px; }} #Top .head{ float:left; width:100%; position:relative; z-index:66; background:#fff;} #Top .logo{ float:left; margin:25px 0 24px 0; width:236px; line-height:0;} #Top .EN{ float:right; margin:32px 10px 31px 0;} #Top .EN a{ float:left; width:32px; height:32px; line-height:30px; border:1px solid #eaeaea; text-align:center; color:#999999; font-size:12px; font-weight:bold; border-radius:50%;} #Top .EN a:hover{ color:#274174;} #Top .so_box{ float:right; position:relative; z-index:99; margin:32px 0 31px 0;} #Top .Search_but{ float:left; width:32px; height:32px; border:none;background:url(../images/223_sear_sub.png) center no-repeat;} #Top .so_but{ display:none;float:left; width:250px; position:absolute; right:0; top:63px; z-index:99;} #Top .so{ float:left; width:100%; background:#fff; position:relative; border:1px solid #274174;} #Top .so .Search{ float:left; width:100%; height:36px; background:none; border:none; line-height:36px; padding:0 56px 0 10px; color:#333333; font-size:14px;} #Top .so .sear_sub{ float:right; width:36px; height:36px; border:none;background:url(../images/223_sear_sub1.png) center no-repeat #274174; position:absolute; right:0; top:0;} #Top .so input[placeholder], [placeholder], *[placeholder] {color:#333333 !important;} #Top .so ::-webkit-input-placeholder{color:#333333} #Top .so :-moz-placeholder{color:#333333} #Top .so ::-moz-placeholder{color:#333333} #Top .so :-ms-input-placeholder{color:#333333} /*menu*/ #Top .menu{float: right; margin-right:24px;} #Top .menu .nli{ float:left; padding:0;position:relative;} #Top .menu .nli span a{ float:left; position:relative; padding:0 17px; color:#333333; font-size:15px; line-height:95px; font-weight:bold;} #Top .menu .nli span a:after{ float:left; width:1px; height:8px; background:#c0c0c0; position:absolute; right:0; top:50%; margin-top:-4px; content:'';} #Top .menu .nli span a:before{float:left; width:0; height:3px;background:#274174; position:absolute; left:50%; bottom:0; content:'';-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:last-child span a:after{ display:none;} #Top .menu .nli.active span a, #Top .menu .nli:hover span a{ color:#274174;} #Top .menu .nli.active span a:before, #Top .menu .nli:hover span a:before{ width:60px;} #Top .sub{ display:none; float:left; width:6000px; text-align:center; position:absolute; left:50%; top:95px; z-index:66; padding:7px 0; margin-left:-3000px; background:#000; background:rgba(0,0,0,0.4);} #Top .line{ float:left; width:100; min-height:58px; position:absolute; left:0; top:0; content:''; background:#000; background:rgba(0,0,0,0.4); } #Top .sub li{ display:inline-block; vertical-align:top; white-space:nowrap;} #Top .sub li a{ display:inline-block; vertical-align:top; color:#fff; font-size:14px; line-height:34px; margin:0 20px; white-space:nowrap;} #Top .sub li a:hover{opacity:0.8; filter:alpha(opacity=80);} #Top .menuph{ display:none; float:right; width:28px; height:22px; cursor: pointer; text-align: center; margin:19px 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: #274174; } #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: #274174; } #Top .menuph .navbtn::after { top: -11px; } #Top .menuph .navbtn::before { top: 10px; } #Top .menuph .point.active .navbtn{ background: transparent; } #Top .menuph .point.active .navbtn::after{ -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); top: 0px; } #Top .menuph .point.active .navbtn::before { -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); top: 0px; } /*手机导航*/ #Top .xialaph{ position:fixed; left:0; top:0; float:left; width: 100%; height:100%; overflow:scroll; padding:60px 0 100px 0; display: none; z-index:55; background:#000; background:rgba(0,0,0,0.8)} #Top .xialaph .ul2, #Top .xialaph .ul3{display: none;} #Top .xialaph h4 a{ float:left; width:66%; color: #fff; font-size:16px; line-height: 55px; position:relative;} #Top .xialaph h4{ float:left; width:100%; position:relative;} #Top .xialaph li:last-child h4::before{ content: ''; position: absolute; bottom: 0; left: 0; width: 100%; height: 1px; background-color: #333333; } #Top .xialaph h4:hover a, #Top .xialaph h5:hover a{ color: #274174; } #Top .xialaph h4::after{ content: ''; position: absolute; obtn: 0; left: 0; width: 100%; height: 1px; background-color: #333333; /*opacity: 0.1;*/ } #Top .xialaph h5 a{ float:left; width:100%; color: #fff; font-size:14px; line-height: 45px; text-transform:uppercase; padding:0 16px;} #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: #333333; /*opacity: 0.05;*/ } #Top .xialaph li:last-child h5::after{ display: none; } #Top .xialaph h4 img{ width: 15px; height: 8px; float: right; margin-top: 24px; cursor: pointer; } #Top .xialaph h5 img{ width: 11px; height: 6px; float: right; margin-top: 26px; margin-right: 18px; cursor: pointer; } #Top .xialaph h4.active img.img_s, #Top .xialaph h5.active img.img_s{ display: none; } #Top .xialaph h4.active img.img_d, #Top .xialaph h5.active img.img_d{ display: block; } #Top .xialaph .ul2{ float:left; width:100%; padding:0 10px;} #Top .xialaph .img_d{ display: none; } @media screen and (max-width:1200px){ } @media screen and (max-width:1200px){ #Top .menu{margin-right:15px;} #Top .menu .nli span a{ padding:0 15px; } } @media screen and (max-width:992px){ #Top .menu{ display:none;} #Top .down{ display:none;} #Top .logo{ margin:10px 0; width:205px;} #Top .so_box{ display:none;} #Top .so{ margin-top:15px;} #Top .EN{ margin:14px 10px 14px 0;} #Top .menuph{ display:block; } } @media screen and (max-width:768px){ } /*banner*/ #Slide .slide_banner{ float:left; width:100%; margin:0; position:relative; overflow:hidden; text-align:center;} #Slide .slide_banner .slick-slide{ width:100%; padding:0; position:relative; line-height:0;} #Slide .slide_banner img{ width:100%;} #Slide .slide_banner .slick-dots{ height:4px; position:absolute; bottom:20px;} #Slide .slide_banner .slick-dots li{ background:#f3f3f3; width:52px; height:4px; margin:0 5px; background:#f3f3f3; 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(opacity=100);} @media screen and (max-width:991px){ #Slide .slide_banner .slick-dots{bottom:12px;} #Slide .slide_banner .slick-dots li{ width:26px; height:2px; margin:0 4px;} } @media screen and (max-width:1200px){ } @media screen and (max-width:1200px){ } @media screen and (max-width:992px){ #Slide .slide_banner .slick-dots{bottom:12px;} #Slide .slide_banner .slick-dots li{ width:26px; height:2px; margin:0 4px;} } @media screen and (max-width:768px){ } #Down .pz_down{ float:left; width:100%; background:#021327;} #Down .foot1{ float:left; width:100%; border-bottom:1px solid #fff; border-bottom:1px solid rgba(255,255,255,0.6); padding:36px 0; position:relative;} #Down .footTop{ float:left; width:54px; height:54px; background:url(../images/346_foot7.png) center no-repeat #274174; position:absolute; right:-114px; top:-38px; z-index:66;} #Down .footAddr{ float:left; width:70%;} #Down .footAddr .p1{ float:left; width:100%; position:relative; color:#fff; color:rgba(255,255,255,0.8); font-size:15px; line-height:26px; padding-left:28px; margin:5px 0;opacity:0.6; filter:alpha(opacity=60);} #Down .footAddr .p1 img{ float:left; width:18px; height:18px; position:absolute; left:0; top:4px;} #Down .top_share{ float:right; margin-top:4px;} #Down .fnx1{ float:left; margin-left:10px; position:relative; z-index:99;} #Down .fnx1 a{ float:left; width:40px; height:40px;} #Down .fnx1 a.weixin{ background:url(../images/346_foot3.png) center no-repeat; background-size:100% 100%;} #Down .fnx1 a.tengxun{ background:url(../images/346_foot4.png) center no-repeat; background-size:100% 100%;} #Down .fnx1 a.dizhi{ background:url(../images/346_foot5.png) center no-repeat; background-size:100% 100%;} #Down .er{position:absolute; left:50%; bottom:47px;width:0; height:0; overflow:hidden; -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%);} #Down .fnx1:hover .er{ width:100px; height:100px;} #Down .foot2{ float:left; width:100%; padding:17px 0 20px 0; position:relative;} #Down .copyright{ float:left; color:#fff; line-height:30px; font-size:15px;opacity:0.6; filter:alpha(opacity=60);} #Down .copyright a{ color:#fff; } #Down .copyright a:hover{ color:#fff; text-decoration:underline;} #Down .mailbox{ float:right; color:#fff; width:90px; height:30px; line-height:28px; text-align:center; background:#274174; border-radius:3px; font-size:15px;opacity:0.6; filter:alpha(opacity=60);} #Down .mailbox:hover{opacity:0.8; filter:alpha(opacity=80);} @media screen and (max-width:1200px){ #Down .footTop{ right:0;} } @media screen and (max-width:1200px){ } @media screen and (max-width:992px){ #Down .foot1{ padding:12px 0;} #Down .footAddr .p1{ margin:0; font-size:14px;} #Down .top_share{ margin-top:4px;} #Down .foot2{ padding:12px 0;} #Down .copyright{ font-size:14px;} #Down .mailbox{ font-size:14px;} #Down .pf_down{width:100%; float:left; position:fixed; left:0; bottom:0; height:50px; background:#274174; z-index:33; 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 .ico7{ width:100%; float:left; height:20px;} #Down .pf_down li .name{ width:100%; float:left; margin-top:4px; font-size:12px; color:#fff; line-height:14px;} #Down .pf_down li.l1 .ico7{ background:url(../images/346_btn15.png) no-repeat center; background-size:20px 20px;} #Down .pf_down li.l2 .ico7{ background:url(../images/346_btn16.png) no-repeat center; background-size:20px 20px;} #Down .pf_down li.l3 .ico7{ background:url(../images/346_btn17.png) no-repeat center; background-size:20px 20px;} } @media screen and (max-width:768px){ #Down .footAddr{ width:100%;} #Down .top_share{ float:left;} #Down .fnx1{ margin:0 10px 0 0;} #Down .fnx1 a{ width:30px; height:30px;} #Down .copyright{ text-align:center;} #Down .mailbox{ margin-top:4px;} } #Content .about{ float:left; width:100%; padding:100px 0; position:relative;} #Content .about .cont{ float:left; width:51.11%; position:relative; z-index:6;} #Content .about .tit{ float:left; width:100%; color:#333333; font-size:30px; line-height:40px; padding-left:19px; position:relative; margin-top:6px;} #Content .about .tit:after{ float:left; width:3px; height:32px; position:absolute; left:0; top:50%; margin-top:-16px; content:''; background:#274174;} #Content .about .info{ float:left; width:100%; color:#555555; font-size:16px; line-height:30px; height:120px; overflow:hidden; padding-left:19px; margin:25px 0 61px 0;} #Content .about .more{ float:left; margin-left:19px; width:136px; line-height:46px; background:#274174; color:#fff; font-size:16px; text-align:center;} #Content .about .more:hover{ background:#021327;} #Content .about .img{ float:right; width:41.18%; line-height:0; position:relative; z-index:6;} #Content .about .bg{ float:left; width:33.84%; line-height:0; position:absolute; left:36.49%; top:0; z-index:1;} #Content .about .bgLine{ float:left; width:19.48%; height:100%; position:absolute; right:10.85%; top:0; background:#ebebeb;} @media screen and (max-width:1200px){ } @media screen and (max-width:1200px){ #Content .about .info{ margin:20px 0 40px 0} } @media screen and (max-width:992px){ #Content .about{ padding:30px 0;} #Content .about .tit{ font-size:20px; line-height:30px; padding-left:10px;} #Content .about .tit:after{ height:20px; margin-top:-10px; width:2px;} #Content .about .info{ font-size:14px; line-height:26px; height:104px;padding-left:10px; margin:10px 0 20px 0} #Content .about .more{ margin-left:10px; width:100px; line-height:30px; font-size:14px;} } @media screen and (max-width:768px){ #Content .about{ padding:25px 0 30px 0;} #Content .about .img{ width:100%; } #Content .about .cont{ width:100%; margin-bottom:20px;} #Content .about .tit{ margin:0;} #Content .about .info{ margin:5px 0 10px 0} #Content .about .bg{ left:auto; right:0;} #Content .about .bgLine{ display:none;} } /*banner1*/ #Content2 .banner1{ float:left; width:100%; background:#021327; position:relative; line-height:0;} @media screen and (max-width:1200px){ } @media screen and (max-width:1200px){ } @media screen and (max-width:992px){ } @media screen and (max-width:768px){ } #Content3 .Htit{ float:left; width:100%; text-align:center; background:url(../images/350_main4.png) center bottom no-repeat; color:#333333; font-size:30px; line-height:30px; padding-bottom:28px; position:relative;} #Content3 .Htit:after{ float:left; width:0; height:0; content:''; position:absolute; left:50%; bottom:0; border-left: 6px solid transparent; border-right:6px solid transparent;border-top: 8px solid #274174; margin-left:-6px;} #Content3 .BusiArea{ float:left; width:100%; } #Content3 .BusiArea ul{ margin:0 -15px;} #Content3 .BusiArea li{ float:left; width:25%; padding:0 15px; margin-top:30px;} #Content3 .BusiArea li a{ float:left; width:100%; position:relative; background:#f6f7f8; overflow:hidden;} #Content3 .BusiArea li a .img{ float:left; width:100%; height:100%; position:absolute; left:0; top:0; z-index:1;opacity:0; filter:alpha(opacity=00); -webkit-transition: all 0.5s ease-out 0s; -moz-transition: all 0.5s ease-out 0s; -o-transition: all 0.5s ease-out 0s; transition: all 0.5s ease-out 0s;transition: -webkit-transform 2s;vertical-align:middle;-ms-interpolation-mode:bicubic;} #Content3 .BusiArea li a:hover .img{ -webkit-transform: scale(1.1); -moz-transform: scale(1.1);transform: scale(1.1);} #Content3 .BusiArea li a .cont{ float:left; width:100%; padding:50px 0; position:relative; z-index:6; text-align:center;} #Content3 .BusiArea li a .ico{ float:left; width:100%; height:70px;} #Content3 .BusiArea li a .ico img{ margin:0 auto; width:83px; height:70px;} #Content3 .BusiArea li a .ico .i1{ display:block;} #Content3 .BusiArea li a .ico .i2{ display:none;} #Content3 .BusiArea li a .tit{ float:left; width:100%; color:#222222; font-size:18px; line-height:24px; margin-top:16px;} #Content3 .BusiArea li a:hover{ background:#274174;} #Content3 .BusiArea li a:hover .img{ opacity:0.3; filter:alpha(opacity=30);} #Content3 .BusiArea li a:hover .tit{ color:#fff;} #Content3 .BusiArea li a:hover .ico .i2{ display:block;-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);} #Content3 .BusiArea li a:hover .ico .i1{ display:none;} @media screen and (max-width:1200px){ } @media screen and (max-width:1200px){ } @media screen and (max-width:992px){ #Content3 .Htit{ font-size:20px; line-height:20px; padding-bottom:15px;} #Content3 .BusiArea ul{ margin:0 -6px;} #Content3 .BusiArea li{ padding:0 6px; margin-top:12px;} #Content3 .BusiArea li a .cont{ padding:25px 0;} #Content3 .BusiArea li a .ico{ height:40px;} #Content3 .BusiArea li a .ico img{ width:47px; height:40px;} #Content3 .BusiArea li a .tit{ font-size:16px; line-height:26px; margin-top:5px;} } @media screen and (max-width:768px){ #Content3 .BusiArea{ margin-top:9px;} #Content3 .BusiArea ul{ margin:0 -3px;} #Content3 .BusiArea li{ padding:0 3px; margin-top:6px;} #Content3 .BusiArea li a .cont{ padding:15px 0;} #Content3 .BusiArea li a .ico{ height:35px;} #Content3 .BusiArea li a .ico img{ width:42px; height:35px;} #Content3 .BusiArea li a .tit{ font-size:14px; line-height:24px; margin-top:3px;} } #Content4 .teambg{ float:left; width:100%; padding:76px 0; background:#f6f7f8;} #Content4 .teambg .img{ float:left; width:48.8%;} #Content4 .teambg .img li{ float:left; width:33.333%; line-height:0; overflow:hidden;} #Content4 .teambg .img li 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;} #Content4 .teambg .img li:hover img{ -webkit-transform: scale(1.1); -moz-transform: scale(1.1);transform: scale(1.1);} #Content4 .teambg .cont{ float:right; width:43%; position:relative; z-index:6;} #Content4 .teambg .tit{ float:left; width:100%; color:#333333; font-size:30px; line-height:40px; padding-left:19px; position:relative; margin-top:109px;} #Content4 .teambg .tit:after{ float:left; width:3px; height:32px; position:absolute; left:0; top:50%; margin-top:-16px; content:''; background:#274174;} #Content4 .teambg .info{ float:left; width:100%; color:#555555; font-size:16px; line-height:30px; height:120px; overflow:hidden; padding-left:19px; margin:25px 0 61px 0; letter-spacing:1px;} #Content4 .teambg .more{ float:left; margin-left:19px; width:136px; line-height:46px; background:#274174; color:#fff; font-size:16px; text-align:center;} #Content4 .teambg .more:hover{ background:#021327;} @media (min-width: 992px) { #Content4 .teambg .img li{ height: 190px; } } @media screen and (max-width:1200px){ } @media screen and (max-width:1200px){ #Content4 .teambg .tit{ margin-top:80px;} #Content4 .teambg .info{ margin:20px 0 40px 0} } @media screen and (max-width:992px){ #Content4 .teambg { padding:30px 0;} #Content4 .teambg .tit{ font-size:20px; line-height:30px; padding-left:10px; margin-top:70px;} #Content4 .teambg .tit:after{ height:20px; margin-top:-10px; width:2px;} #Content4 .teambg .info{ font-size:14px; line-height:26px; height:104px;padding-left:10px; margin:10px 0 20px 0} #Content4 .teambg .more{ margin-left:10px; width:100px; line-height:30px; font-size:14px;} } @media screen and (max-width:768px){ #Content4 .teambg { padding:25px 0 30px 0;} #Content4 .teambg .img{ width:100%; } #Content4 .teambg .cont{ width:100%; margin-top:15px;} #Content4 .teambg .tit{ margin:0;} #Content4 .teambg .info{ margin:5px 0 10px 0} } #Content5 .social{ float:left; width:100%; position:relative; padding:110px 0;} #Content5 .social .bg{ float:left; width:100%; height:100%; position:absolute; left:0; top:0; z-index:1; background:url(../images/359_main0.png) right center repeat-y; background-size:100% 100%;} #Content5 .social .cont{ float:left; width:48.71%; position:relative; z-index:6;} #Content5 .social .title{ float:left; width:100%; color:#fff; font-size:30px; line-height:30px; padding-left:19px; position:relative;} #Content5 .social .title:after{ float:left; width:3px; height:32px; position:absolute; left:0; top:50%; margin-top:-16px; content:''; background:#fff; opacity:0.3; filter:alpha(opacity=30); } #Content5 .social .ul1{ float:left; width:100%; padding-left:19px; margin-top:5px;} #Content5 .social .ul1 li{ float:left; width:50%; padding:30px 0; border-bottom:1px dashed #fff; border-bottom:1px dashed rgba(255,255,255,0.4);} #Content5 .social .ul1 .ico{ float:left; line-height:0; margin-right:20px;} #Content5 .social .ul1 .ico img{ width:70px; height:70px;} #Content5 .social .ul1 .tit{ float:left; color:#fff; font-size:20px; line-height:30px; margin:20px 0;} #Content5 .social .ul1 li: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:1200px){ } @media screen and (max-width:1200px){ } @media screen and (max-width:992px){ #Content5 .social{ padding:30px 0;} #Content5 .social .title{ font-size:20px; line-height:20px; padding-left:10px;} #Content5 .social .title:after{ height:20px; margin-top:-10px; width:2px;} #Content5 .social .cont{ width:60%;} #Content5 .social .ul1{ padding-left:10px;} #Content5 .social .ul1 li{ padding:15px 0;} #Content5 .social .ul1 .ico{ margin-right:12px;} #Content5 .social .ul1 .ico img{ width:46px; height:46px;} #Content5 .social .ul1 .tit{ font-size:16px; line-height:26px; margin:10px 0;} } @media screen and (max-width:768px){ #Content5 .social .bg{ background:#0a1a2d;opacity:0.7; filter:alpha(opacity=70);} #Content5 .social .cont{ width:100%;} } #Content6 .Htit{ float:left; width:100%; text-align:center; background:url(../images/382_main4.png) center bottom no-repeat; color:#333333; font-size:30px; line-height:30px; padding-bottom:28px; position:relative;} #Content6 .Htit:after{ float:left; width:0; height:0; content:''; position:absolute; left:50%; bottom:0; border-left: 6px solid transparent; border-right:6px solid transparent;border-top: 8px solid #274174; margin-left:-6px;} #Content6 .hNews{ float:left; width:100%; margin-top:40px;} #Content6 .hNews .img{ float:left; width:50%; line-height:0;} #Content6 .hNews .cont{ float:left; width:50%; background:#f6f7f8; padding:0 40px 30px 40px;} #Content6 .hNews .cont li{ width:100%; height:121px; border-bottom:1px dashed #acacad; padding:15px 0 15px 124px; position:relative;display:flex;flex-direction: column;justify-content:center;align-items:center;} #Content6 .hNews .cont li a{ float:left; width:100%;} #Content6 .hNews .cont .tit{ float:left; width:100%; color:#222222; font-size:18px; line-height:24px; max-height:48px; overflow:hidden;} #Content6 .hNews .cont .info{ float:left; width:100%; color:#888888; font-size:14px; line-height:30px; margin-top:6px;} #Content6 .hNews .cont .time{ float:left; width:111px; position:absolute; left:0; top:50%; color:#888888; font-size:14px; line-height:24px; padding-left:55px; text-align:center; margin-top:-24px;} #Content6 .hNews .cont .time span{ color:#333333; font-size:50px; font-family:'Open Sans'; position:absolute; left:0; top:0; display:inline-block; line-height:48px;} #Content6 .hNews .cont li:hover .tit{ color:#274174;} #Content6 .hNews .cont li:hover .time span{ color:#274174;} @media screen and (max-width:1200px){ } @media screen and (max-width:1200px){ #Content6 .hNews .cont li{ height:98px;} #Content6 .hNews .cont{ padding:0 30px 28px 30px;} #Content6 .hNews .cont .tit{ font-size:16px; line-height:22px; height:44px;} #Content6 .hNews .cont .info{ margin-top:0;} } @media screen and (max-width:992px){ #Content6 .hNews{ margin-top:20px;} #Content6 .hNews .cont li{padding:15px 0 15px 98px;} #Content6 .hNews .img{ width:100%;} #Content6 .hNews .cont{ width:100%;} #Content6 .hNews .cont{ padding:0 15px 13px 15px;} #Content6 .hNews .cont .tit{ font-size:16px;} #Content6 .hNews .cont .time{ font-size:12px; line-height:18px; margin-top:-18px; padding-left:46px; width:88px;} #Content6 .hNews .cont .time span{ font-size:36px; line-height:36px;} #Content6 .Htit{ font-size:20px; line-height:20px; padding-bottom:15px;} } @media screen and (max-width:768px){ } #Content7 .Htit{ float:left; width:100%; text-align:center; background:url(../images/383_main4.png) center bottom no-repeat; color:#333333; font-size:30px; line-height:30px; padding-bottom:28px; position:relative;} #Content7 .Htit:after{ float:left; width:0; height:0; content:''; position:absolute; left:50%; bottom:0; border-left: 6px solid transparent; border-right:6px solid transparent;border-top: 8px solid #274174; margin-left:-6px;} #Content7 .Honor{ float:left; width:100%; margin-top:40px;} #Content7 .Honor .ul1{ margin:0 -10px;} #Content7 .Honor .l1{ float:left; width:20%; padding:0 10px;} #Content7 .Honor .l1 a{ float:left; width:100%; background:#f6f7f8; padding:17px 20px;} #Content7 .Honor .img{ float:left; width:100%; line-height:0; margin:2px 0 17px 0;} #Content7 .Honor .img img{ display:block; margin:0 auto; width:86px; height:86px;} #Content7 .Honor .l1 a:hover .img 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);} #Content7 .Honor .tit{ float:left; width:100%; color:#333333; font-size:18px; line-height:24px; height:48px; overflow:hidden; padding-left:20px; background:url(../images/383_ico1.png) left 2px no-repeat;} #Content7 .Honor .l1 a:hover .tit.tit{ color:#274174;} #Content7 .Honor .slick-dots{ position:static; margin-top:15px; height:10px;} #Content7 .Honor .slick-dots li{ width:10px; height:10px; border-radius:50%; overflow:hidden; text-indent:-999px; background:#274174;opacity:0.4; filter:alpha(opacity=40);} #Content7 .Honor .slick-dots li.slick-active{opacity:1; filter:alpha(opacity=100);} @media screen and (max-width:1200px){ } @media screen and (max-width:1200px){ #Content7 .Honor .l1 a{ padding:17px 15px;} #Content7 .Honor .tit{ font-size:16px; padding-left:16px;} } @media screen and (max-width:992px){ #Content7 .Honor{ margin-top:20px;} #Content7 .Honor .ul1{ margin:0 -6px;} #Content7 .Honor .l1{padding:0 6px;} #Content7 .Htit{ font-size:20px; line-height:20px; padding-bottom:15px;} } @media screen and (max-width:768px){ #Content7 .Honor .l1 a{ padding:15px 12px;} #Content7 .Honor .img{ margin:2px 0 10px 0;} #Content7 .Honor .img img{ width:76px; height:76px;} } #Content8 .aboutInfor{float: left; width: 100%;} #Content8 .aboutTitle{ float: left; width: 100%; text-align: center;;} #Content8 .aboutTitle h2{ float: left; width: 100%; color:#222222; font-size:30px; line-height: 50px; font-weight: bold;} #Content8 .aboutTitle span{ float: left; width: 100%; color:#333333; font-size:14px; line-height: 20px; position: relative; text-transform: uppercase;} #Content8 .aboutTitle span:after{position:absolute;content: ''; width: 190px; height: 1px; left: 50%; margin-left: -95px; top:46px; background: #dde1e7;} #Content8 .aboutInfor .aboutText{ float: left; width: 100%; margin-top:55px} #Content8 .aboutInfor .aboutText .aboutLeftImg{ float: left; width: 39.32%;} #Content8 .aboutInfor .aboutText .aboutLeftImg i{ float: left; width: 100%; font-size:0; line-height: 0;} #Content8 .aboutInfor .aboutText .aboutLeftImg i:nth-child(2){ margin-top: 20px;} #Content8 .aboutInfor .aboutText .aboutRightText{ float:right; width: 57.26%; color:#444444; font-size:16px; line-height: 30px; min-height: 375px; border-bottom: 1px solid #e6e6e6;} #Content8 .aboutInfor .aboutText .wordBox{ float:left;width: 100%;text-indent:2em;word-break: break-all;text-overflow: ellipsis; /*display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 8;*/overflow: hidden; } #Content8 .aboutInfor .aboutText a.more{ float: right; width: 140px; height: 48px; margin-top: 25px; background: #274174; border:1px solid #274174; text-align: center; color:#ffffff; font-size:16px; line-height: 46px; border-radius:3px; -moz-border-radius:3px;-webkit-border-radius:3px;} #Content8 .aboutInfor .aboutText a.more img{ vertical-align: middle; margin-top: -2px;} #Content8 .aboutInfor .aboutText a.more:hover{ background: #2f4d88;} @media screen and (max-width:1200px){ } @media screen and (max-width:1200px){ #Content8 .aboutTitle h2{ font-size:26px;} #Content8 .aboutTitle span{ font-size:12px; line-height: 16px;} #Content8 .aboutTitle span::after{ top:38px; width: 150px; margin-left: -75px;} #Content8 .aboutInfor .aboutText{ margin-top: 48px;} #Content8 .aboutInfor .aboutText .aboutRightText{ font-size:14px; line-height: 26px;min-height: 310px;} /* #Content8 .aboutInfor .aboutText .wordBox{-webkit-line-clamp:7;} */ #Content8 .aboutInfor .aboutText a.more{ font-size:14px; height: 42px; line-height: 40px;} } @media screen and (max-width:992px){ #Content8 .aboutInfor .aboutText .aboutLeftImg{ width: 100%;} #Content8 .aboutInfor .aboutText .aboutLeftImg i{ width: 49%;} #Content8 .aboutInfor .aboutText .aboutLeftImg i:nth-child(2){float:right; margin-top: 0; max-height: 141.5px; overflow: hidden;} /* #Content8 .aboutInfor .aboutText .wordBox{-webkit-line-clamp:4;} */ #Content8 .aboutInfor .aboutText .aboutRightText{ width: 100%; margin-top: 15px; min-height: auto; border:0;} #Content8 .aboutInfor .aboutText a.more{ width: 120px; height: 38px; line-height: 36px; margin-top: 15px;} } @media screen and (max-width:768px){ #Content8 .aboutTitle h2{font-size:22px; line-height: 40px;} #Content8 .aboutTitle span:after{ width: 120px; margin-left: -60px; top:30px;} #Content8 .aboutInfor .aboutText {margin-top: 35px;} #Content8 .aboutInfor .aboutText .aboutLeftImg i{ width: 100%;} #Content8 .aboutInfor .aboutText .aboutLeftImg i:nth-child(2){ margin-top:4%;} #Content8 .aboutInfor .aboutText .aboutRightText{ margin-top: 10px;} /* #Content8 .aboutInfor .aboutText .wordBox{-webkit-line-clamp: 6;} */ #Content8 .aboutInfor .aboutText a.more{float: left; width: 40%; margin-left: 30%; font-size:12px; margin-top: 15px;height: 34px; line-height: 32px;} #Content8 .aboutInfor .aboutText a.more img{ width: 13px; height: 13px;} } #Content9 .aboutInfor{float: left; width: 100%; margin-bottom: 43px;} #Content9 .aboutTitle{ float: left; width: 100%; text-align: center; margin-top: 70px;} #Content9 .aboutTitle h2{ float: left; width: 100%; color:#999999; font-size:30px; line-height: 50px; font-weight: bold;} #Content9 .aboutTitle span{ float: left; width: 100%; color:#333333; font-size:14px; line-height: 20px; position: relative; text-transform: uppercase;} #Content9 .aboutTitle span:after{position:absolute;content: ''; width: 190px; height: 1px; left: 50%; margin-left: -95px; top:46px; background: #dde1e7;} #Content9 .aboutHonor{ float: left; width: 100%; background: #021327; position: relative; z-index: 0; } #Content9 .aboutHonor .aboutTitle{ position: relative; z-index: 2;} #Content9 .aboutHonor .aboutTitle h2, #Content9 .aboutHonor .aboutTitle span{color:#fff;} #Content9 .aboutHonor .aboutTitle span:after{ background: #fff; opacity: 0.4;} #Content9 .Honor{ float:left; width:100%; margin-top:60px; position:relative; z-index:6; margin-bottom:80px;} #Content9 .Honor .ul1{ margin:0 -10px;} #Content9 .Honor .l1{ float:left; width:20%; padding:0 10px;} #Content9 .Honor .l1 a{ float:left; width:100%; background:#f6f7f8; padding:17px 20px;} #Content9 .Honor .img{ float:left; width:100%; line-height:0; margin:2px 0 17px 0;} #Content9 .Honor .img img{ display:block; margin:0 auto; width:86px; height:86px;} #Content9 .Honor .tit{ float:left; width:100%; color:#333333; font-size:18px; line-height:24px; height:48px; overflow:hidden; padding-left:20px; background:url(../images/387_ico1.png) left 2px no-repeat;} #Content9 .Honor .l1 a:hover .tit.tit{ color:#274174;} #Content9 .Honor .slick-dots{ position:static; margin-top:15px; height:10px;} #Content9 .Honor .slick-dots li{ width:10px; height:10px; border-radius:50%; overflow:hidden; text-indent:-999px; background:#fff;opacity:0.4; filter:alpha(opacity=40);} #Content9 .Honor .slick-dots li.slick-active{opacity:1; filter:alpha(opacity=100);} @media screen and (max-width:1200px){ } @media screen and (max-width:1200px){ #Content9 .Honor .l1 a{ padding:17px 15px;} #Content9 .Honor .tit{ font-size:16px; padding-left:16px;} #Content9 .aboutTitle{ margin-top: 55px;} #Content9 .aboutTitle h2{ font-size:26px;} #Content9 .aboutTitle span{ font-size:12px; line-height: 16px;} #Content9 .aboutTitle span::after{ top:38px; width: 150px; margin-left: -75px;} } @media screen and (max-width:992px){ #Content9 .Honor{ margin-top:30px; margin-bottom:30px;} #Content9 .Honor .ul1{ margin:0 -6px;} #Content9 .Honor .l1{padding:0 6px;} #Content9 .Htit{ font-size:20px; line-height:20px; padding-bottom:15px;} } @media screen and (max-width:768px){ #Content9 .Honor .l1 a{ padding:15px 12px;} #Content9 .Honor .img{ margin:2px 0 10px 0;} #Content9 .Honor .img img{ width:76px; height:76px;} #Content9 .aboutTitle{ margin-top:25px;} #Content9 .aboutTitle h2{font-size:22px; line-height: 40px;} #Content9 .aboutTitle span:after{ width: 120px; margin-left: -60px; top:30px;} } #Content10 .aboutTitle{ float: left; width: 100%; text-align: center; margin-top: 70px;} #Content10 .aboutTitle h2{ float: left; width: 100%; color:#444444; font-size:30px; line-height: 50px; font-weight: bold;} #Content10 .aboutTitle span{ float: left; width: 100%; color:#333333; font-size:14px; line-height: 20px; position: relative; text-transform: uppercase;} #Content10 .aboutTitle span:after{position:absolute;content: ''; width: 190px; height: 1px; left: 50%; margin-left: -95px; top:46px; background: #dde1e7;} #Content10 .aboutTeamCulture{ float: left; width: 100%;} #Content10 .aboutTeamCulture .teamBox{ float: left; width: 100%;} #Content10 .aboutTeamCulture .TeamCultureImg{ float: left; width: 50%; font-size:0; line-height: 0;} #Content10 .aboutTeamCulture .TeamCultureText{ float: left; width: 45%; margin-left:5%; color:#333333; font-size:16px; line-height: 30px;} #Content10 .aboutTeamCulture .TeamCultureText .aboutTitle{ text-align: left;} #Content10 .aboutTeamCulture .TeamCultureText .aboutTitle span:after{ left: 0; margin-left: 0;} #Content10 .aboutTeamCulture .TeamCultureText .timeCultureInfo{ float: left; width: 100%; margin-top: 65px;} #Content10 .aboutTeamCulture .cultureBox{ float: left; width: 100%;} #Content10 .aboutTeamCulture .cultureBox .TeamCultureText{margin:0 5% 0 0;} #Content10 .aboutTeamCulture .cultureBox .TeamCultureImg{float: right;} @media screen and (max-width:1200px){ } @media screen and (max-width:1200px){ #Content10 .aboutTeamCulture .TeamCultureText .timeCultureInfo{margin-top: 50px; font-size:14px;line-height: 26px; } #Content10 .aboutTitle{ margin-top: 55px;} #Content10 .aboutTitle h2{ font-size:26px;} #Content10 .aboutTitle span{ font-size:12px; line-height: 16px;} #Content10 .aboutTitle span::after{ top:38px; width: 150px; margin-left: -75px;} } @media screen and (max-width:992px){ #Content10 .TeamCultureText .aboutTitle{ margin-top: 10px;} #Content10 .TeamCultureText .aboutTitle span:after{top: 30px;} #Content10 .aboutTeamCulture .TeamCultureText .timeCultureInfo{ margin-top: 30px;} } @media screen and (max-width:768px){ #Content10 .aboutTeamCulture .TeamCultureImg{ width: 100%;} #Content10 .aboutTeamCulture .TeamCultureText{ width: 100%; margin: 10px 0 0 0;} #Content10 .aboutTeamCulture .TeamCultureText .aboutTitle{ margin-top: 0;} #Content10 .aboutTeamCulture .TeamCultureText .aboutTitle span:after{top: 25px;} #Content10 .aboutTeamCulture .TeamCultureText .timeCultureInfo{ margin-top: 20px;} #Content10 .aboutTeamCulture .cultureBox .TeamCultureText{ margin:10px 0 0 0;} #Content10 .cultureBox{ margin-top: 15px;} #Content10 .aboutTitle{ margin-top:25px;} #Content10 .aboutTitle h2{font-size:22px; line-height: 40px;} #Content10 .aboutTitle span:after{ width: 120px; margin-left: -60px; top:30px;} } #Slide2 .zy_banner{ float:left; width:100%; line-height:0; z-index:2; background:#000; position:relative;} #Slide2 .zy_banner img{opacity:0.74; filter:alpha(opacity=74); } #Slide2 .zy_ban{ float:left; width:100%; position:absolute; left:0; top:50%; text-align:center; margin-top:-54px;} #Slide2 .zy_ban h2{ float:left; width:100%; color:#fff; font-size:30px; line-height:40px; font-weight:bold; text-transform:uppercase; margin:25px 0 0 0;} #Slide2 .zy_ban h1{ float:left; width:100%; color:#fff; font-size:30px; line-height:40px; text-transform:uppercase; font-family:Arial; font-weight:bold; } #Slide2 .zy_ban p{ float:left; width:100%;} #Slide2 .zy_ban p span{ display:block; margin:0 auto; width:46px; height:3px; background:#fff;} @media screen and (max-width:1200px){ } @media screen and (max-width:1200px){ } @media screen and (max-width:992px){ #Slide2 .zy_ban{ margin-top:-34px;} #Slide2 .zy_ban h2{ font-size:20px; line-height:28px; margin:10px 0 0 0;} #Slide2 .zy_ban h1{ font-size:20px; line-height:28px;} #Slide2 .zy_ban p span{ width:52px; height:1px;} } @media screen and (max-width:768px){ } #Content11 .BusiLIST li{ float:left; width:100%; margin-top:30px; padding:40px 30px; border:1px solid #e6e6e6; -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; } #Content11 .BusiLIST .la{ float:left; width:100%; position:relative; min-height:160px; padding-left:190px;} #Content11 .BusiLIST .img{ float:left; width:160px; height:160px; line-height:0; position:absolute; left:0; top:0;background-color: #274174;background-color: linear-gradient(to right, #C01, #C04); border-radius:50%;} #Content11 .BusiLIST .btn{ float:left; width:20px; height:11px; position:absolute; right:9px; top:26px; background:url(../images/525_busi12.png) center no-repeat; cursor:pointer; z-index:6;} #Content11 .BusiLIST .btn.active{ background:url(../images/525_busi13.png) center no-repeat;-webkit-transition: 1s ease; -moz-transition: 1s ease; -ms-transition: 1s ease; -o-transition: 1s ease; transition: 1s ease; -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); -ms-transform: rotate(180deg); -o-transform: rotate(180deg); transform: rotate(180deg);} #Content11 .BusiLIST .tit{ float:left; width:100%; color:#333333; font-size:24px; line-height:34px; font-weight:bold; padding:15px 0; border-bottom:1px solid #e6e6e6;} #Content11 .BusiLIST .info{ float:left; width:100%; color:#333333; font-size:16px; line-height:28px; margin:13px 0 0 0;} #Content11 .BusiLIST .cont{ display:none; float:left; width:100%; color:#333333; font-size:16px; line-height:28px; margin:28px 0 0 0;} #Content11 .BusiLIST .cont .p1{ float:left; padding-left:14px; color:#274174; font-size:18px; line-height:28px; position:relative;} #Content11 .BusiLIST .cont .p1:after{ float:left; width:100%; width:4px; height:14px; position:absolute; left:0; top:50%; margin-top:-7px; content:''; background:#274174;} #Content11 .BusiLIST .cont .p2{ float:left; width:100%;color:#333333; font-size:16px; line-height:24px; margin-top:5px;} #Content11 .BusiLIST .cont .sp1{ float:left; width:48.9%; background:url(../images/525_busi11.png) 20px 20px no-repeat #f0f0f0; padding:20px 20px 20px 40px; margin:10px 0;} #Content11 .BusiLIST .cont .sp1:nth-child(2n){ float:right;} @media screen and (max-width:1200px){ } @media screen and (max-width:1200px){ } @media screen and (max-width:992px){ #Content11 .BusiLIST li{ margin-top:12px; padding:12px;} #Content11 .BusiLIST .la{ min-height:100px; padding-left:112px;} #Content11 .BusiLIST .img{width:100px; height:100px;} #Content11 .BusiLIST .btn{ top:5px;} #Content11 .BusiLIST .tit{ font-size:18px; line-height:28px; padding:0 0 5px 0;} #Content11 .BusiLIST .info{ font-size:14px; line-height:24px; margin-top:4px;} #Content11 .BusiLIST .cont{ margin:10px 0 0 0;} #Content11 .BusiLIST .cont .p1{ font-size:16px;} #Content11 .BusiLIST .cont .p2{ font-size:14px; line-height:22px;} #Content11 .BusiLIST .cont .sp1{padding:8px 12px 8px 25px; margin:5px 0; background:url(../images/525_busi11.png) 10px 15px no-repeat #f0f0f0} } @media screen and (max-width:768px){ #Content11 .BusiLIST .la{ min-height:80px; padding-left:92px;} #Content11 .BusiLIST .img{width:80px; height:80px;} #Content11 .BusiLIST .cont .sp1{ width:100%;} } #Content12 .screen{ float:left; width:100%; } #Content12 .screen ul{ float:left; width:100%; background:#f7f7f7; margin-top:1px; min-height:54px; padding:11px 0 11px 233px; position:relative;} #Content12 .screen ul li{ float:left; margin:0 20px; color:#282828; font-size:14px; line-height:22px;} #Content12 .screen ul li a{ float:left; padding:0 8px; color:#282828; margin:5px 0;} #Content12 .screen ul li a.on, #Content12 .screen ul li a:hover{ background:#274174; color:#fff;} #Content12 .screen ul .l1{ position:absolute; left:32px; top:16px;margin:0 !important;} #Content12 .screen ul .l1:after{ float:left; width:1px; height:16px; background:#c5c5c5; position:absolute; left:121px; top:3px; content:'';} #Content12 .screen ul .l2{ position:absolute; left:173px; top:11px;margin:0 !important;} @media screen and (max-width:1200px){ } @media screen and (max-width:1200px){ #Content12 .screen ul li{ margin:0 10px;} } @media screen and (max-width:992px){ #Content12 .screen ul{ min-height:44px; padding:8px 0 8px 160px; } #Content12 .screen ul li{ margin:0 0 0 3px;} #Content12 .screen ul li a{ margin:3px 0; padding:0 6px;} #Content12 .screen ul .l1{ left:12px; top:11px;} #Content12 .screen ul .l1:after{ left:90px;} #Content12 .screen ul .l2{left:112px; top:8px;} } @media screen and (max-width:768px){ } .temaList{ float:left; width:100%;} .temaList .l1{ float:left; width:100%; background:#f5f5f5;} .temaList .l1 .img{ float:left; width:50%; line-height:0; overflow:hidden;} .temaList .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;} .temaList .l1:hover .img img{ -webkit-transform: scale(1.1); -moz-transform: scale(1.1);} .temaList .l1 .cont{ float:left; width:50%; padding:60px 35px;} .temaList .l1 .tit1{ float:left; width:100%; color:#222222; font-size:28px; line-height:38px; font-weight:bold;} .temaList .l1 .tit2{ float:left; width:100%; color:#555555; font-size:20px; line-height:30px; font-weight:bold; text-transform:uppercase; margin:5px 0;} .temaList .l1 .tit3{ float:left; width:100%; color:#999999; font-size:16px; line-height:24px;} .temaList .l1 .info{ float:left; width:100%; color:#999999; font-size:16px; line-height:24px; height:168px; overflow:hidden; margin:70px 0;} .temaList .l1 .more{ float:right; width:136px; height:48px; background:#274174; color:#fff; font-size:16px; line-height:46px; text-align:center;} .temaList .l1 .more i{ display:inline-block; vertical-align:top; background:url(../images/527_team16.png) center no-repeat; width:14px; height:16px; margin:15px 12px 0 0;} .temaList .l1:hover .tit1{ color:#274174;} .temaList .l1:hover .more{ background:#021327;} .temaList .l2{ float:left; width:25%; position:relative; background:#274174; border-bottom:1px solid #d8dce1;border-right:1px solid #d8dce1;} .temaList .l2 .img{ float:left; width:100%; line-height:0; overflow:hidden;} .temaList .l2 .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;} .temaList .l2:hover .img img{ -webkit-transform: scale(1.1); -moz-transform: scale(1.1);transform: scale(1.1);opacity:0.4; filter:alpha(opacity=40);} .temaList .l2 .cont{ float:left; width:100%; position:absolute; left:0; top:50%; text-align:center; margin-top:-61px;opacity:0; filter:alpha(opacity=00); -webkit-transform: scale(0); -moz-transform: scale(0);transform: scale(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; } .temaList .l2 .tit1{ float:left; width:100%; color:#fff; font-size:24px; line-height:34px;} .temaList .l2 .tit2{ float:left; width:100%; color:#fff; font-size:18px; line-height:28px; position:relative; margin:10px 0 15px 0; padding-bottom:10px;} .temaList .l2 .tit2:after{ float:left; position:absolute; left:50%; bottom:0; content:''; margin-left:-34px; height:1px; width:68px; background:#fff;opacity:0.4; filter:alpha(opacity=40);} .temaList .l2 .info{ float:left; width:100%; color:#fff; font-size:16px; line-height:26px;} .temaList .l2:hover .cont{opacity:1; filter:alpha(opacity=100); -webkit-transform: scale(1); -moz-transform: scale(1);transform: scale(1);} @media screen and (max-width:1200px){ } @media screen and (max-width:1200px){ .temaList .l1 .cont{ padding:44px 35px;} .temaList .l1 .info{ margin:35px 0;} .temaList .l2 .cont{ margin-top:-54px;} .temaList .l2 .tit2{ margin:5px 0 10px 0; padding-bottom:5px;} } @media screen and (max-width:992px){ .temaList .l1 .cont{ padding:20px 15px;} .temaList .l1 .tit1{ font-size:18px; line-height:28px;} .temaList .l1 .tit2{ font-size:16px; line-height:26px; margin:0;} .temaList .l1 .tit3{ font-size:14px;} .temaList .l1 .info{ margin:17px 0; font-size:14px;} .temaList .l1 .more{ width:100px; height:36px;font-size:14px; line-height:36px;} .temaList .l1 .more i{ margin:10px 6px 0 0;} .temaList .l2 .cont{ margin-top:-44px;} .temaList .l2 .tit1{ font-size:18px; line-height:28px;} .temaList .l2 .tit2{ font-size:16px; line-height:26px; margin:0 0 5px 0; padding-bottom:5px;} .temaList .l2 .info{ font-size:14px; line-height:24px;} } @media screen and (max-width:768px){ .temaList .l1 .img{ width:100%;} .temaList .l1 .cont{ width:100%;} .temaList .l1 .info{ margin:5px 0 17px 0; height:96px;} .temaList .l2{ width:50%;} } /* 分页 */ #Pagination .wack1{ float:left; width:100%; text-align:center;} #Pagination .pz_fy{ display:inline-block; *display:inline; *zoom:1;} #Pagination .pz_fy a { float:left; width:38px; height:38px; line-height:36px; border: #e1e1e1 1px solid; color:#272727; font-size:14px; font-family:Arial; margin:0 5px;} #Pagination .pz_fy a:hover, #Pagination .pz_fy a.on{color:#fff; border: 1px solid #274174; background-color:#274174;} #Pagination .pz_fy .l_fy, #Pagination .pz_fy .r_fy{ width:100px; display:inline-block; *display:inline; *zoom:1;} @media screen and (max-width:1200px){ } @media screen and (max-width:1200px){ } @media screen and (max-width:992px){ #Pagination .fy_pc{ text-align:center; font-size:14px; color:#272727; padding:5px 0;} #Pagination .fy_pc a{ padding:5px 25px; color:#fff; border:solid 1px #274174; background:#274174; overflow:hidden;} #Pagination .fy_pc span{ padding:5px 20px; color:#272727;} } @media screen and (max-width:768px){ } #Subpage .teamDet{ float:left; width:100%; } #Subpage .teamL{ float:left; width:540px;} #Subpage .teamL .img{ float:left; width:100%; line-height:0; margin:5px 0 26px 0;} #Subpage .teamL .info{ float:left; width:100%; color:#999999; font-size:16px; line-height:25px;} #Subpage .teamL .fanhui{ float:left; color:#999999; font-size:16px; line-height:25px; padding-left:46px; margin-top:58px; background:url(../images/529_ico2.png) 4px center no-repeat;} #Subpage .teamL .fanhui:hover{ color:#274174;} #Subpage .teamR{ float:right; width:44.87%; margin-right:4.27%;} #Subpage .teamR .tit1{ float:left; width:100%; color:#222222; font-size:28px; line-height:38px; font-weight:bold;} #Subpage .teamR .tit2{ float:left; width:100%; color:#555555; font-size:20px; line-height:30px; font-weight:bold; text-transform:uppercase; margin:5px 0;} #Subpage .teamR .tit3{ float:left; width:100%; color:#999999; font-size:16px; line-height:25px;} #Subpage .teamR .tit4{ float:left; width:100%; color:#333333; font-size:22px; line-height:32px; font-weight:bold; margin:38px 0 20px 0;} #Subpage .teamDet.on .teamL{ position:fixed; left:50%; top:0; margin-left:-585px;} #Subpage .teamDet.active .teamL{ top:auto; bottom:300px;} @media screen and (max-width:1200px){ } @media screen and (max-width:1200px){ #Subpage .teamR{ margin-right:0;width:49%; } #Subpage .teamL{ width:440px;} #Subpage .teamDet.on .teamL{margin-left:-481px;} } @media screen and (max-width:992px){ #Subpage .teamL .img{ margin:5px 0 12px 0;} #Subpage .teamL .info{ font-size:14px; line-height:24px;} #Subpage .teamL .fanhui{ font-size:14px; line-height:24px; padding-left:30px; margin-top:10px;} #Subpage .teamR .tit1{ font-size:20px; line-height:30px;} #Subpage .teamR .tit2{ font-size:16px; line-height:26px; margin:0;} #Subpage .teamR .tit3{ font-size:14px; line-height:24px;} #Subpage .teamR .tit4{ font-size:18px; line-height:20px; margin:15px 0 10px 0;} #Subpage .teamL{ width:350px;} #Subpage .teamDet.on .teamL{margin-left:-384px;} } @media screen and (max-width:768px){ #Subpage .teamL{ width:100%;} #Subpage .teamR{ width:100%; margin-top:20px;} #Subpage .teamDet.on .teamL{margin-left:0; left:0; position:static;} } /*newLIST*/ #List2 .SocialLIST{ float:left; width:100%;} #List2 .SocialLIST li{ float:left; width:100%; background:#f5f5f5; margin-top:30px; padding:20px;-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; } #List2 .SocialLIST li a{ float:left; width:100%; position:relative;} #List2 .SocialLIST li .time{ float:left; position:absolute; left:233px; top:0; width:164px; height:100%; 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;} #List2 .SocialLIST li .time time{ float:left; width:100%; color:#c2c2c2; font-size:72px; line-height:72px; font-family:Arial; font-weight:bold; margin:40px 0 3px 0;} #List2 .SocialLIST li .time span{ float:left; width:100%; color:#4c4c4c; font-size:20px; line-height:20px; font-family:Arial;} #List2 .SocialLIST li .img{ float:left; width:233px; height:180px; line-height:0; overflow:hidden; position:absolute; left:0; top:0;} #List2 .SocialLIST li .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;} #List2 .SocialLIST li:hover .img img{ -webkit-transform: scale(1.1); -moz-transform: scale(1.1);transform: scale(1.1);} #List2 .SocialLIST li .text{ float:left; width:100%; padding:0 0 0 438px; min-height:180px; position:relative;} #List2 .SocialLIST li .text:after{ float:left; width:16px; height:10px; background:url(../images/530_social4.png) right center no-repeat; content:''; position:absolute; right:0; top:20px; content:'';} #List2 .SocialLIST li .tit{ float:left; width:100%; color:#274174; font-weight:bold; font-size:18px; line-height:28px; position:relative; margin:30px 0 15px 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; } #List2 .SocialLIST li .info{ float:left; width:100%; color:#555555; font-size:14px; line-height:26px; height:78px; 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; } #List2 .SocialLIST li .text time{ display:none;} #List2 .SocialLIST li:hover{ background:#274174;} #List2 .SocialLIST li:hover .text:after{background:url(../images/530_social5.png) right center no-repeat;} #List2 .SocialLIST li:hover .tit{ color:#fff;} #List2 .SocialLIST li:hover .info{ color:#fff;opacity:0.8; filter:alpha(opacity=80);} #List2 .SocialLIST li:hover .time{border-right:1px solid rgba(255,255,255,0.4);} #List2 .SocialLIST li:hover .time time{ color:#fff;} #List2 .SocialLIST li:hover .time span{ color:#fff;} @media screen and (max-width:1200px){ } @media screen and (max-width:1200px){ } @media screen and (max-width:992px){ #List2 .SocialLIST li{ margin-top:12px; padding:12px;} #List2 .SocialLIST li .time{ width:98px; left:146px;} #List2 .SocialLIST li .time time{ font-size:46px; line-height:46px; margin:25px 0 3px 0;} #List2 .SocialLIST li .time span{ font-size:14px; line-height:14px;} #List2 .SocialLIST li .img{ float:left; width:146px; height:112px; } #List2 .SocialLIST li .text{ padding:0 0 0 260px; min-height:112px;} #List2 .SocialLIST li .text:after{ top:0;} #List2 .SocialLIST li .tit{ font-size:16px; line-height:24px; margin:8px 0;} #List2 .SocialLIST li .info{ line-height:22px; height:66px;} } @media screen and (max-width:768px){ #List2 .SocialLIST li .time{ display:none;} #List2 .SocialLIST li .img{ width:120px; height:92px;} #List2 .SocialLIST li .text{ padding:0 0 0 132px; min-height:92px;} #List2 .SocialLIST li .tit{ font-size:16px; line-height:24px; margin:0 0 2px 0;} #List2 .SocialLIST li .info{ line-height:22px; height:44px;} #List2 .SocialLIST li .text time{ display:block; float:left; width:100%; color:#c2c2c2; font-size:12px; line-height:22px; } #List2 .SocialLIST li .text:after{ display:none;} } /*二级导航*/ #Content13 .SideNav{ float:left; width:100%; border-bottom:1px solid #f0f0f0;} /*pc*/ #Content13 .in_SideLayer{ float:left; width:100%; text-align:center;} #Content13 .in_SideLayer .pz_SideLayer{ display:inline-block; vertical-align:top;} #Content13 .in_SideLayer .l1{ float:left; margin:0 38px; position:relative; z-index:6;} #Content13 .in_SideLayer .l1 .la{ float:left;height:79px; line-height:77px; color:#333333; font-size:18px; position:relative;} #Content13 .in_SideLayer .l1 .la::after{ float:left; width:0; height:2px; background:#274174; content:''; position:absolute; left:50%; bottom:0;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%); } #Content13 .in_SideLayer .l1.on .la, #Content13 .in_SideLayer .l1:hover .la{color:#274174;} #Content13 .in_SideLayer .l1.on .la::after, #Content13 .in_SideLayer .l1:hover .la::after{ width:100%;} @media screen and (max-width:1200px){ } @media screen and (max-width:1200px){ #Content13 .in_SideLayer .l1{ margin:0 20px;} } @media screen and (max-width:992px){ /*二级导航*/ #Content13 .SideNav{ float:left; width:100%; border-bottom:1px solid #f0f0f0;} #Content13 .babyser{ float:left; width:100%; margin-top:6%; } #Content13 .babyser h2{ float:left; width:100%; padding:0 15px; background:#274174; color:#fff; font-size:16px; line-height:44px;border-radius:3px;} #Content13 .babyser h2 .imgr{ float:right; margin:12px 0 0 0;} #Content13 .pz_SideLayerph{ display:none; float:left; width:100%;} #Content13 .pz_SideLayerph .l1{ margin-top:1px; background:#f9f9f9; border-radius:3px;} #Content13 .pz_SideLayerph .l1:hover{ background:#274174;} #Content13 .pz_SideLayerph .l1 h3{ color:#333333; font-size:14px; line-height:38px; cursor:pointer;} #Content13 .pz_SideLayerph .l1 h3 a{ color:#333333; padding-left:15px;} #Content13 .pz_SideLayerph .l1 h3.active a, #Content13 .pz_SideLayerph .l1 h3:hover a{ color:#fff;} } @media screen and (max-width:768px){ } #List3 .newLIST{ float:left; width:100%;} #List3 .newLIST ul{ margin:0 -15px;} #List3 .newLIST li{ float:left; width:33.333%; padding:0 15px; margin-top:30px;} #List3 .newLIST li a{ float:left; width:100%; background:#f5f5f5;} #List3 .newLIST li a .img{ float:left; width:100%; line-height:0; overflow:hidden;} #List3 .newLIST li a .img img{ height: 275px; object-fit: cover; -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;} #List3 .newLIST li a:hover .img img{ -webkit-transform: scale(1.1); -moz-transform: scale(1.1);transform: scale(1.1);} #List3 .newLIST li a .cont{ float:left; width:100%; padding:35px 37px 26px 37px; text-align:center;} #List3 .newLIST li a .tit{ float:left; width:100%; color:#333333; font-size:18px; line-height:28px;} #List3 .newLIST li a .time{ float:left; width:100%; color:#333333; font-size:14px; line-height:24px; position:relative; padding-bottom:6px; margin:15px 0 22px 0;} #List3 .newLIST li a .time:after{ float:left; width:76px; height:1px; background:#cccccc; position:absolute; left:50%; bottom:0; content:''; margin-left:-38px;} #List3 .newLIST li a .info{ float:left; width:100%; color:#555555; font-size:14px; line-height:30px; height:120px; overflow:hidden;} #List3 .newLIST li a:hover{ background:#274174;} #List3 .newLIST li a:hover .tit, #List3 .newLIST li a:hover .time, #List3 .newLIST li a:hover .info{ color:#fff;} #List3 .newLIST li a:hover .time:after{ background:#fff;opacity:0.2; filter:alpha(opacity=20);} @media screen and (max-width:1200px){ } @media screen and (max-width:1200px){ #List3 .newLIST li a .cont{ padding:35px 20px 26px 20px;} } @media screen and (max-width:992px){ #List3 .newLIST ul{ margin:0 -6px;} #List3 .newLIST li{ padding:0 6px; margin-top:12px;} #List3 .newLIST li a .cont{ padding:15px 12px;} #List3 .newLIST li a .tit{ font-size:16px; line-height:26px;} #List3 .newLIST li a .time{ margin:5px 0 10px 0;} #List3 .newLIST li a .info{ line-height:24px; height:72px;} } @media screen and (max-width:768px){ #List3 .newLIST li{ width:50%;} #List3 .newLIST li a .img img{ height: 140px; } } #Subpage2 .news_det{ float:left; width:100%; } #Subpage2 .news_det .l1{ float:left; width:100%; text-align:center; color:#333333; font-size:24px; line-height:34px;} #Subpage2 .news_det .l2{ float:left; width:100%; margin-top:25px; border-bottom:1px solid #d7d8d8; border-top:1px solid #d7d8d8; padding:9px 0;} #Subpage2 .news_det .l2 p{ float:left; color:#999999; font-size:14px; line-height:34px;} #Subpage2 .news_det .l2 .but1{ float:right; color:#999999; font-size:14px; line-height:34px; background:url(../images/533_news_but.png) right center no-repeat; padding-right:49px;} #Subpage2 .news_det .l2 .but1:hover{ color:#274174;} #Subpage2 .news_det .l3{ float:left; width:100%; color:#333333; font-size:14px; line-height:30px; padding:32px 0;} #Subpage2 .sy_fy{ float:left; width:100%; padding:17px 0; border-top:1px solid #d7d8d8;} #Subpage2 .sy_fy a{ float:left; color:#444444; font-size:14px; line-height:24px;} #Subpage2 .sy_fy a.r_fy{ float:right;} #Subpage2 .sy_fy a:hover{ color:#274174;} #Subpage2 .bdshar2{ float:left; width:100%; text-align:center; height:36px; margin-bottom:30px;} #Subpage2 .bdshar_2{ display:inline-block; *display:inline; *zoom:1; vertical-align:top;} #Subpage2 .bdshar_2 a, #Subpage2 .bdshar_2 .bds_more{ width:36px !important; height:36px !important; margin:0 8px !important; padding:0 !important;} #Subpage2 .bdshar_2 .bds_weixin{ background:url(../images/533_news1_3.png) 0 0 no-repeat !important;} #Subpage2 .bdshar_2 .bds_tsina{ background:url(../images/533_news1_4.png) 0 0 no-repeat !important;} #Subpage2 .bdshar_2 .bds_qzone{ background:url(../images/533_news1_5.png) 0 0 no-repeat !important;} @media screen and (max-width:1200px){ } @media screen and (max-width:1200px){ } @media screen and (max-width:992px){ #Subpage2 .news_det .l2{ margin-top:15px;} #Subpage2 .news_det .l3{ padding:15px 0;} #Subpage2 .sy_fy{ padding:10px 0;} #Subpage2 .bdshar2{ display:none;} } @media screen and (max-width:768px){ #Subpage2 .news_det .l1{ font-size:16px; line-height:24px; } #Subpage2 .news_det .l2 p{ width:100%; line-height:16px; font-size:12px; margin-top:5px;} #Subpage2 .news_det .l2 .but1{ float:left; background-size:25px 22px; padding-right:32px; font-size:12px;} } #Content14 .Rele{ width:100%; float:left;} #Content14 .Rele .title{ width:100%; float:left; font-size:18px; color:#021327; line-height:28px;} #Content14 .Rele ul{ width:100%; float:left; margin-top:20px;} #Content14 .Rele ul li{ width:48.75%; float:left; border-bottom:solid 1px #d7d8d8;} #Content14 .Rele ul li:nth-child(2n){ float:right;} #Content14 .Rele ul li a{ float:left; width:100%; position:relative; padding-right:90px; line-height:38px; } #Content14 .Rele ul li h5{ float:left; width:100%;color:#333333; font-size:14px;} #Content14 .Rele ul li .time{ float:left; font-size:14px; color:#999999; position:absolute; right:0; top:0;} #Content14 .Rele ul li.lc1{ float:right;} #Content14 .Rele ul li:hover h5{ color:#274174;} #Content14 .Rele ul li:hover .time{ color:#274174;} @media screen and (max-width:1200px){ } @media screen and (max-width:1200px){ } @media screen and (max-width:992px){ #Content14 .Rele ul{ margin-top:5px;} } @media screen and (max-width:768px){ #Content14 .Rele ul li{ width:100%;} #Content14 .Rele ul li h5{ line-height:36px;} #Content14 .Rele ul li .time{ line-height:36px;} } #List4 .join_top{ float: left; width: 100%; background: #274174; height: 60px; line-height: 60px; padding:0 85px 0 30px;} #List4 .join_top ul{ float: left; width: 100%;} #List4 .join_top ul li{ float: left; width: 19%; text-align: center; color:#fff; font-size:16px; font-weight: bold; line-height: 60px;} #List4 .join_top ul li:first-child{text-align: left; width:24%;} #List4 .chancecontain{ float:left; width: 100%;} #List4 .chancecontain ul{ float: left; width: 100%;} #List4 .chancecontain ul li{ float: left; width: 100%; margin-top: 12px; position: relative;} #List4 .chancecontain ul li .join_list{ float: left; width: 100%; padding:0 85px 0 30px; background: #f5f5f5; } #List4 .chancecontain ul li .join_list dl{ float: left; width: 100%; margin: 0;} #List4 .chancecontain ul li .join_list dd{float: left; width:19%; text-align: center; color:#333333; font-size:16px; line-height: 60px;margin: 0;} #List4 .chancecontain ul li .join_list.active{background:#274174;} #List4 .chancecontain ul li .join_list.active dd{ color:#fff;} #List4 .chancecontain ul li .join_list dd span{ float: left; width: 100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;} #List4 .chancecontain ul li .join_list dd:first-child{ text-align: left; width:24%;} #List4 .chancecontain .deta{ display:none;font-size:14px; width:100%; float:left;color:#555555; line-height: 28px; overflow:hidden; position:relative; background:#fbfbfb} #List4 .chancecontain .deta .condata{ float:left; width: 100%; padding:42px 20px; } #List4 .chancecontain .deta .left_con{ float:left; width:50%; padding-left:5%;} #List4 .chancecontain .deta .right_data{ float: right; width:45%;} #List4 .chancecontain .deta .cond_yq{float: right; width:45%; margin-top:65px;} #List4 .chancecontain .deta .job_info{ float: left; width: 60%; font-size:14px;} #List4 .chancecontain .deta .job_button{ float: left; margin-left:10px; text-align: center; color:#ffffff; font-size:14px; line-height: 35px; width: 115px; height: 35px;background-color: #274174;transform:skewX(155deg);-moz-transform:skewX(155deg); -webkit-transform:skewX(155deg);} #List4 .chancecontain .deta .job_button a{ float: left; width: 100%; text-align: center; color:#fff; font-size:14px; line-height: 35px; transform:skewX(-155deg);-moz-transform:skewX(-155deg); -webkit-transform:skewX(-155deg);} #List4 .chancecontain .deta .job_button:hover{ background-color: #021327;} #lermore{ position: absolute; right: 0; top:0; width: 85px; height: 60px; background: url(../images/535_join1.png) no-repeat center; border-left: 1px solid #fff; cursor: pointer;} #List4 .chancecontain ul li .join_list.active #lermore{background: url(../images/535_join2.png) no-repeat center;} @media screen and (max-width:1200px){ } @media screen and (max-width:1200px){ #lermore{ width: 60px;} #List4 .chancecontain ul li .join_list{ padding:0 60px 0 20px} #List4 .join_top{ padding:0 60px 0 20px} } @media screen and (max-width:992px){ #List4 .chancecontain .deta .condata{ padding:20px 15px;} #List4 .chancecontain .deta .left_con{ width: 100%; padding-left: 0px;} #List4 .chancecontain .deta .right_data{ width: 100%; margin-top:15px;} #List4 .chancecontain .deta .cond_yq{ width: 100%; margin-top:15px;} #List4 .chancecontain .deta .job_info{ width: 100%;} #List4 .chancecontain .deta .job_button{margin-left:10px; } #List4 .chancecontain ul li .join_list dd{ font-size:14px; line-height: 50px;} #List4 .join_top{ } #List4 .join_top ul li{ height: 50px; line-height: 50px;} #List4 .join_top{ height: 50px; line-height: 50px;} #List4 #lermore{ height:50px;} } @media screen and (max-width:768px){ #List4 .join_top ul li:nth-child(2), #List4 .join_top ul li:nth-child(3), #List4 .join_top ul li:nth-child(5){display: none;} #List4 .join_top ul li{ width: 40%; font-size:14px;line-height: 50px;} #List4 .join_top ul li:first-child{ width: 60%; } #List4 .join_top{padding:0 50px 0 15px;} #List4 .chancecontain ul li .join_list{padding:0 50px 0 15px;} #List4 .chancecontain ul li .join_list dl{width: 100%; margin: 0;} #List4 .chancecontain ul li .join_list dd{width: 40%;} #List4 .chancecontain ul li .join_list dd:first-child{ width: 60%;} #List4 .chancecontain ul li .join_list dd:nth-child(2), #List4 .chancecontain ul li .join_list dd:nth-child(3), #List4 .chancecontain ul li .join_list dd:nth-child(5){display: none;} #List4 .chancecontain .deta .condata{ padding:15px 15px 25px 15px;} #List4 #lermore{ width: 50px; height: 50px;} } #Content15 .Service7{ float:left; width:100%; background:url(../images/536_about3.jpg) center top repeat-y; overflow:hidden;} #Content15 .Service7 .serviceBox{ float:left; width:100%; padding:79px 0;} #Content15 .OnlineReservations{ float:left; width:42.73%;} #Content15 .OnlineReservations_tit{ float:left; width:100%; color:#222222; font-size:18px; line-height:18px; position:relative; z-index:2;} #Content15 .OnlineReservations_content{ float:left; width:100%; margin:27px 0 0 0;} #Content15 .OnlineReservations_content .l1{ float:left; width:100%; position:relative; background:#fff; margin-bottom:10px;} #Content15 .OnlineReservations_content .fm1{ float:left; width:100%; height:46px; line-height:46px; padding:0 19px; color:#737373; font-size:14px; border:none; } #Content15 .OnlineReservations_content .fm2{ float:left; width:100%; height:100px; line-height:20px; padding:10px 19px; color:#737373; font-size:14px; border:none; } #Content15 .OnlineReservations_content .fm3{ float:left; width:54%; height:54px; line-height:54px; color:#fff; font-size:16px; border:none; margin-top:29px; background:#274174; border-radius:54px; -moz-border-radius:54px; -webkit-border-radius:54px;} #Content15 .OnlineReservations_content .fm3:hover{ box-shadow:0 3px 5px #ccc; -moz-box-shadow:0 3px 5px #ccc; -webkit-box-shadow:0 3px 5px #ccc;} #Content15 .ContactInformation{ float:right; width:43.76%; position:relative;} #Content15 .ContactInformation_content{ float:left; width:100%; position:relative; z-index:2;} #Content15 .ContactInformation_content .l1{ float:left; width:280px;} #Content15 .ContactInformation_content .l2{ float:right; width:222px;} #Content15 .ContactInformation_content li{ float:left; width:100%; margin:27px 0 35px 0;-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; } #Content15 .ContactInformation_content li .inforRight{ padding-left: 70px; color:#737373; font-size:16px; line-height:24px;} #Content15 .ContactInformation_content li .inforRight span{color:#3a3a3a;} #Content15 .ContactInformation_content li .ewcon{ margin-left: 70px; margin-top: 10px; background:#f5f5f5; padding:5px; float:left; line-height:0;} #Content15 .ContactInformation_content li b{ float: left; width: 40px; height: 40px; border-radius:50%; background:#274174;} #Content15 .ContactInformation_content li a{ float:left; width:100%; color:#737373; font-size:16px; line-height:24px;} @media screen and (max-width:1200px){ } @media screen and (max-width:1200px){ #Content15 .ContactInformation_content .l1{ width:230px;} #Content15 .ContactInformation_content .l2{ width:190px;} #Content15 .ContactInformation_content li .inforRight{ padding-left:55px;} #Content15 .ContactInformation_content li .ewcon{ margin-left:55px;} } @media screen and (max-width:992px){ #Content15 .Service7 .serviceBox{ padding:30px 0;} #Content15 .OnlineReservations{ width:47%;} #Content15 .ContactInformation{ width:47%;} #Content15 .OnlineReservations_content{ margin-top:15px;} #Content15 .ContactInformation_content .l1{ width:100%;} #Content15 .ContactInformation_content .l2{ width:100%;} #Content15 .ContactInformation_content li{ margin:15px 0 0 0;} #Content15 .ContactInformation_content li .inforRight{ padding-left: 60px; } #Content15 .ContactInformation_content li .ewcon{ margin-left: 60px; } #Content15 .ContactInformation_content li .inforRight{ line-height:22px;} } @media screen and (max-width:768px){ #Content15 .Service7{ background:#f9f9f9;} #Content15 .Service7 .serviceBox{ padding:0;} #Content15 .ContactInformation{ width:100%; padding:0 0 30px 0;} #Content15 .OnlineReservations{ width:100%; padding:30px 0;} #Content15 .OnlineReservations_content .fm3{ width: 160px; height:42px; line-height:42px; margin-top:15px;} #Content15 .ContactInformation_content li .inforRight{ font-size:14px; } } #Content16 .map{ float:left; width:100%; position:relative;} #Content16 .ctiy{ float:left; width:100%; position:absolute; left:0; top:40px; z-index:66; text-align:center;} #Content16 .ctiy ul{ display:inline-block; vertical-align:top;} #Content16 .ctiy ul li{ float:left; margin:0 14px; background:#fff; width:170px; height:48px; line-height:48px; font-size:16px; color:#333333; position:relative;} #Content16 .ctiy ul li:after, #Content16 .ctiy ul li:before{ float:left; width:12px; height:1px; background:#dddddd; content:''; position:absolute; left:20px; top:50%;} #Content16 .ctiy ul li:before{ left:auto; right:20px;} #Content16 .ctiy ul li.on{ background:#274174; color:#fff;} #Content16 .ctiy ul li.on:after, #Content16 .ctiy ul li.on:before{ background:#fff;opacity:0.4; filter:alpha(opacity=40);} #Content16 #dituContent{ float:left; width:100%; height:585px;} #Content16 #dituContent img{max-width:none;} /*.BMap_pop,.BMap_shadow,.anchorBL,.BMapLabel{display:none !important;}*/ /*隐藏标题块*/ #Content16 .BMap_pop > img{display: none !important;} #Content16 .BMap_pop > div{display: none !important;} #Content16 .BMap_pop > div:nth-child(9){display: block !important;width: 140px !important; height: 55px !important;left: 38px !important;top: 56px !important;} #Content16 .BMap_pop > div:nth-child(9) .BMap_bubble_content{display: none !important;} #Content16 .BMap_pop > div:nth-child(9) .BMap_bubble_content .iw_poi_content{display: none;} #Content16 .BMap_pop > div:nth-child(9) .BMap_bubble_content{background: url(../images/img_map_1.png) no-repeat center !important;width: 140px !important; height: 55px !important; left: 0!important;top: 0!important;margin: 0!important;padding: 0 !important;border: 0 !important;} #Content16 .BMap_pop > div:nth-child(9) .BMap_bubble_content .iw_poi_title{display: block !important;float: left !important;width: 100% !important;text-align: center !important;height: 45px !important;line-height: 45px !important;font-size: 16px !important;color: #fff !important;} #Content16 .BMap_shadow{display: none !important;} #Content16 .BMapLabel{display: block !important; border: 0 none !important; padding: 0 !important; background:url(../images/538_bdmap.png) no-repeat center !important; width:59px !important; height: 44px !important; max-width: none !important; margin-bottom: 0 !important; } #Content16 .BMapLabel .box{ float:left;background:#fff; box-shadow:0 0 6px rgba(0,0,0,0.11);width:388px; padding:15px; margin:-25px 0 0 70px; position:absolute; left:0; top:0;} #Content16 .BMapLabel .box:after{ float:left; width:0; height:0; position:absolute; left:-7px; top:50%; margin-top:-7px; border-top: 7px solid transparent; border-bottom:7px solid transparent;border-right: 7px solid #fff; content:'';} #Content16 .BMapLabel .title{ float:left; width:100%; text-align:center; font-size:20px !important; color:#274174; line-height:30px!important; margin:0 0 3px 0; text-align:center; font-weight:bold;} #Content16 .BMapLabel .content{ float:left; width:100%; text-align:center; font-size:14px !important; color:#3a3a3a !important; line-height:24px!important; text-align:center;} @media screen and (max-width:1200px){ } @media screen and (max-width:1200px){ } @media screen and (max-width:992px){ #Content16 .ctiy{ top:15px; padding-left:35px;} #Content16 .ctiy ul li{margin:0 5px; width:120px; height:36px; line-height:36px; font-size:14px;} #Content16 .ctiy ul li:after{ left:15px;} #Content16 .ctiy ul li:before{ left:auto; right:15px;} #Content16 #dituContent{ height:500px;} #Content16 .BMapLabel .box{width:320px; left:50%; top:80px; padding:10px; margin-left:-160px;} #Content16 .BMapLabel .box:after{ display:none;} #Content16 .BMapLabel .box:before{ float:left; width:0; height:0; position:absolute; left:50%; margin-left:-7px; top:0; margin-top:-7px; border-left: 7px solid transparent; border-right:7px solid transparent;border-bottom: 7px solid #fff; content:''; } #Content16 .BMapLabel .title{ font-size:16px !important; line-height:26px !important; margin-bottom:0 !important;} #Content16 .BMapLabel .content{ line-height:20px !important; font-size:13px !important;white-space:initial !important;} } @media screen and (max-width:768px){ }