body {color:#333333} a{color:#06134b}a:active,a:hover {color:#06134b} @media (min-width: 1600px) {.container{ width: 1600px; }} @media (min-width: 1600px) {.container{ width: 1600px; }} #Content .head{ float:left; width:100%; position:relative; z-index:101; background:#fff; } #Content .logo{ float:left; width:200px; height:53px; line-height:0;} #Content .logo0{ display:none;} #Content .logo1{ display:block;} #Content .denglu{ float:right; color:#3b3d45; font-size:16px; line-height:66px; margin:0 0 0 15px;} #Content .denglu a{ float:left; color:#3b3d45; font-size:16px; line-height:66px;} #Content .denglu i{ float:left; width:1px; height:16px; background:#e5e5e5; margin:25px 5px;} #Content .denglu a.on{ color:#172b7c;} #Content .denglu1{ float:left; width:100%; margin:15px 0 0 0; text-align:center; color:#fff; font-size:16px; line-height:46px;} #Content .denglu1 a{ display:inline-block; vertical-align:top; text-align:center; color:#fff; font-size:16px; line-height:46px;} #Content .denglu1 i{ display:inline-block; vertical-align:top; width:1px; height:15px; background:#fff; margin:15px 5px;} #Content .denglu1 a.on{ color:#fff;} /*menu*/ #Content .menu{float: right; } #Content .menu .nli{ float:left; padding:0; margin:0 15px; position:relative;} #Content .menu .nli span a{ float:left; position:relative; padding:0 0 0 23px; color:#3b3d45; font-size:16px; line-height:66px;} #Content .menu .nli span a[data-n='1']{ background:url(/template/theme/CN/4548_top1.png) left center no-repeat;} #Content .menu .nli span a[data-n='2']{ background:url(/template/theme/CN/4548_top2.png) left center no-repeat;} #Content .menu .nli span a[data-n='3']{ background:url(/template/theme/CN/4548_top3.png) left center no-repeat;} #Content .menu .nli span a[data-n='4']{ background:url(/template/theme/CN/4548_top4.png) left center no-repeat;} #Content .menu .nli span a[data-n='5']{ background:url(/template/theme/CN/4548_top5.png) left center no-repeat;} #Content .menu .nli span a[data-n='6']{ background:url(/template/theme/CN/4548_top6.png) left center no-repeat;} #Content .menu .nli span a[data-n='7']{ background:url(/template/theme/CN/4548_top7.png) left center no-repeat;} #Content .menu .nli:hover span a[data-n='1']{ background:url(/template/theme/CN/4548_top1_1.png) left center no-repeat;} #Content .menu .nli:hover span a[data-n='2']{ background:url(/template/theme/CN/4548_top2_1.png) left center no-repeat;} #Content .menu .nli:hover span a[data-n='3']{ background:url(/template/theme/CN/4548_top3_1.png) left center no-repeat;} #Content .menu .nli:hover span a[data-n='4']{ background:url(/template/theme/CN/4548_top4_1.png) left center no-repeat;} #Content .menu .nli:hover span a[data-n='5']{ background:url(/template/theme/CN/4548_top5_1.png) left center no-repeat;} #Content .menu .nli:hover span a[data-n='6']{ background:url(/template/theme/CN/4548_top6_1.png) left center no-repeat;} #Content .menu .nli:hover span a[data-n='7']{ background:url(/template/theme/CN/4548_top7_1.png) left center no-repeat;} #Content .menu .nli.active span a[data-n='1']{ background:url(/template/theme/CN/4548_top1_1.png) left center no-repeat;} #Content .menu .nli.active span a[data-n='2']{ background:url(/template/theme/CN/4548_top2_1.png) left center no-repeat;} #Content .menu .nli.active span a[data-n='3']{ background:url(/template/theme/CN/4548_top3_1.png) left center no-repeat;} #Content .menu .nli.active span a[data-n='4']{ background:url(/template/theme/CN/4548_top4_1.png) left center no-repeat;} #Content .menu .nli.active span a[data-n='5']{ background:url(/template/theme/CN/4548_top5_1.png) left center no-repeat;} #Content .menu .nli.active span a[data-n='6']{ background:url(/template/theme/CN/4548_top6_1.png) left center no-repeat;} #Content .menu .nli.active span a[data-n='7']{ background:url(/template/theme/CN/4548_top7_1.png) left center no-repeat;} #Content .menu .nli.active span a, #Content .menu .nli:hover span a{ color:#172b7c;} #Content .menu .nli i{ position: absolute; width:23px; height: 23px; left: 0; obtn:50%; margin-top: -11px;} #Content .top1{ float:left; width:100%; position:absolute; left:0; top:0; z-index:26; padding-top:12px;} #Content .menu1{float: right; margin-top:6px; } #Content .menu1 .nli{ float:left; margin:0 18px; position:relative;} #Content .menu1 .nli span a{ float:left; letter-spacing:1px; color:#fff; font-size:18px; line-height:38px; font-weight:bold;} #Content .menu1 .sub { float:left; position:absolute; left:50%; top:100%; width:140px; margin-left:-70px; display:none; } #Content .menu1 .sub li { float:left; width:100%; margin-bottom:1px; background:rgba(146,201,229,0.8);} #Content .menu1 .sub li a{ float:left; width:100%; color:#fff; font-size:14px; line-height:34px; text-align:center; } #Content .menu1 .nli:hover .sub{ display:block;} #Content .menu1 .nli .sub li:hover{ background:rgba(0,0,0,0.5);} #Content .lang{ float:right; margin-top:6px;} #Content .menu1 .nli.active span a, #Content .menu1 .nli:hover span a{ color:#92c9e5;} #Content .lang{ float:right; letter-spacing:1px; text-transform:uppercase; color:#fff; font-size:18px; line-height:38px; font-weight:bold; margin:6px 0 0 0;/* padding:0 0 0 23px;*/ position:relative; } /*#Content .lang:after{ float:left; width:1px; height:18px; position:absolute; left:0; top:50%; background:#fff; content:''; opacity:0.2; filter:alpha(opacity=20); margin-top:-9px;}*/ #Content .lang a{ float:left; margin-left:18px; color:#fff;} #Content .lang a:hover{ color:#92c9e5;} #Content .searh{ float:right; position:relative; z-index:8; margin:6px 18px 0 18px;} #Content .searh .btn{ float:right; width:38px; height:38px; background:url(/template/theme/CN/4548_so.png) center no-repeat; position:relative; z-index:6;} #Content .searh .fv{ float:left; width:0; height:38px; border-radius:10px; line-height:24px; position:absolute; right:0; top:0; background:#92c9e5; color:#fff; font-size:15px; padding: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;} #Content .searh:hover .fv{ width:180px; padding:7px 38px 7px 15px;} #Content .searh ::-webkit-input-placeholder{color:#fff;} #Content .searh :-moz-placeholder{color:#fff;} #Content .searh ::-moz-placeholder{color:#fff;} #Content .searh :-ms-input-placeholder{color:#fff;} #Content .menuph{ display:none; float:right; width:28px; height:22px; cursor: pointer; text-align: center; margin:22px 0;} #Content .menuph .point { display: inline-block; width: 28px; height: 22px; position: relative;} #Content .menuph .point:hover .navbtn, #Content .menuph .point:hover .navbtn::after, #Content .menuph .point:hover .navbtn::before { width: 28px; } #Content .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: #ffffff; } #Content .menuph .navbtn::after, #Content .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: #ffffff; } #Content .menuph .navbtn::after { top: -11px; } #Content .menuph .navbtn::before { top: 10px; } #Content .menuph .point.active .navbtn{ background: transparent; } #Content .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; } #Content .menuph .point.active .navbtn::before { -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); top: 0px; } /*手机导航*/ #Content .xialaph{ position:fixed; left:0; top:0; float:left; width: 100%; height:100%; overflow:scroll; padding:66px 0 100px 0; display: none; z-index:99; background:#000; background:rgba(0,0,0,0.8)} #Content .xialaph .ul2, #Content .xialaph .ul3{display: none;} #Content .xialaph h4{ float:left; width:100%; position:relative;} #Content .xialaph h4 a{ float:left; width:66%; color: #fff; font-size:16px; line-height: 55px; position:relative;} #Content .xialaph li h4 a i{ float:left; position:absolute; left:0; top:50%; margin-obtn:-10px; width:20px; height:20px;} #Content .xialaph li:last-child h4::before{ content: ''; position: absolute; bottom: 0; left: 0; width: 100%; height: 1px; background-color: #fff;opacity: 0.2; } #Content .xialaph h4:hover a, #Content .xialaph h5:hover a{ color: #fff; } #Content .xialaph h4::after{ content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 1px; background-color: #fff; opacity: 0.2; } #Content .xialaph h5 a{ float:left; width:100%; color: #fff; font-size:14px; line-height: 45px; text-transform:uppercase; padding:0 15px;} #Content .xialaph h5{ float:left; width:100%;position: relative; } #Content .xialaph h5::after{ content: ''; position: absolute; bottom: 0; left: 0; right: 0; height: 1px; background-color: #fff; opacity: 0.2; } #Content .xialaph li:last-child h5::after{ display: none; } #Content .xialaph h4 img{ width: 15px; height: 8px; float: right; margin-top: 24px; cursor: pointer; } #Content .xialaph h5 img{ width: 11px; height: 6px; float: right; margin-top: 26px; margin-right: 18px; cursor: pointer; } #Content .xialaph h4.active img.img_s, #Content .xialaph h5.active img.img_s{ display: none; } #Content .xialaph h4.active img.img_d, #Content .xialaph h5.active img.img_d{ display: block; } #Content .xialaph .ul2{ float:left; width:100%;} #Content .xialaph .img_d{ display: none; } @media screen and (max-width:1230px){ } @media screen and (max-width:1230px){ } @media screen and (max-width:1024px){ #Content .menu{ display:none;} #Content .logo1{ display:none;} #Content .logo0{ display:block;} #Content .top1{ display:none;} #Content .denglu{ display:none;} #Content .head{ background:#172b7c;} #Content .logo{ margin:8px 0; width:189px; height:50px;} #Content .searh{ width:100%; margin:20px 0 0 0;} #Content .searh .fv{ width:100%; padding:7px 38px 7px 15px; font-size:15px;} #Content .searh:hover .fv{ width:100%; padding:7px 38px 7px 15px;} #Content .menuph{ display:block;} } @media screen and (max-width:768px){ } /*手机底部导航*/ #Content2 .pf_down{width:100%; float:left; position:fixed; left:0; bottom:0; height:50px; background:#172b7c; z-index:66; box-shadow:0 -4px 7px rgba(0,0,0,0.15);} #Content2 .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);} #Content2 .pf_down li:last-child{ border:none;} #Content2 .pf_down li .ico7{ width:100%; float:left; height:20px;} #Content2 .pf_down li .ico7 img{ width:20px; height:20px;} #Content2 .pf_down li .name{ width:100%; float:left; margin-top:4px; font-size:12px; color:#fff; line-height:14px;} /*底部*/ #Content2 .pz_down{ float:left; width:100%; background:#161619; } #Content2 .foot1{ float:left; width:100%; margin:75px 0 60px 0; padding:0 136px 0 0; position:relative;} #Content2 .footEr{ float:left; position:absolute; right:0; top:3px; width:136px; text-align:center;} #Content2 .footEr i{ float:left; width:100%; line-height:0;} #Content2 .footEr span{ float:left; width:100%; color:#fff; color:rgba(255,255,255,0.6); font-size:14px; line-height:24px; margin-top:15px;} #Content2 .footNav{ float:left; width:16.66%;} #Content2 .footNav h5{ float:left; width:100%;} #Content2 .footNav h5 a{ float:left; width:100%; color:#fff; font-size:18px; line-height:28px;} #Content2 .footNav ul{ float:left; width:100%; margin-top:17px;} #Content2 .footNav ul li{ float:left; width:100%;} #Content2 .footNav ul li a{ float:left; width:100%; color:#fff; color:rgba(255,255,255,0.6); font-size:14px; line-height:34px;} #Content2 .footNav ul li a:hover{ color:#172b7c;} #Content2 .foot2{ float:left; width:100%; padding:42px 0; border-top:1px solid #fff; border-top:1px solid rgba(255,255,255,0.1);} #Content2 .copyright{ float:left; width:100%; color:#fff; color:rgba(255,255,255,0.6); font-size:14px; line-height:25px;} #Content2 .copyright a{ color:#fff; color:rgba(255,255,255,0.6);} #Content2 .copyright .sp{ float:right;} #Content2 .copyright a:hover{ color:#172b7c;} #Content2 .footShare{ display:none; float:right;} #Content2 .footShare .la{ float:left; margin:0 0 0 20px; position:relative;} #Content2 .footShare .la .img1{ float:left; background:rgba(255,255,255,0.1); width:45px; height:45px; border-radius:50%;} #Content2 .footShare .la:hover .img1{ float:left; background:#92c9e5;} #Content2 .footShare .la i{ float:left; position:absolute; background:#fff; padding:5px; width:90px; height:90px; left:50%; margin-left:-45px; bottom:55px; z-index:80;-webkit-transition: all 500ms cubic-bezier(.5, 1, .4, 1); -moz-transition: all 500ms cubic-bezier(.5, 1, .4, 1); transition: all 500ms cubic-bezier(.5, 1, .4, 1); -webkit-transform-origin:50% 95%; -moz-transform-origin:50% 95%; -ms-transform-origin:50% 95%; -o-transform-origin:50% 95%; transform-origin:50% 95%; -webkit-transform: translateY(0) scale(0); -moz-transform: translateY(0) scale(0); -ms-transform: translateY(0) scale(0); -o-transform: translateY(0) scale(0); transform: translateY(0) scale(0);} #Content2 .footShare .la i:after{ float:left; width:0; height:0; position:absolute; left:50%; bottom:-7px; content:''; border-left: 6px solid transparent; border-right:6px solid transparent;border-top: 8px solid #fff; margin-left:-6px; } #Content2 .footShare .la:hover i{ opacity: 1; filter: alpha(opacity=100); display: block \9; pointer-events: auto; -webkit-transform: translateY(0) scale(1); -moz-transform: translateY(0) scale(1); -ms-transform: translateY(0) scale(1); -o-transform: translateY(0) scale(1); transform: translateY(0) scale(1);} #Content2 .ctext5{ float:left; position:fixed; right:1.56%; bottom:6%; width:60px; z-index:88; } #Content2 .ctext5 a{ float:left; width:60px; height:60px; border-radius:50%; line-height:0; overflow:hidden; background:#06134b; margin:10px 0;} #Content2 .ctext5 a:hover{ background:#92c9e5;} @media screen and (max-width:1230px){ } @media screen and (max-width:1230px){ } @media screen and (max-width:1024px){ #Content2 .foot1{ margin:20px 0; padding:0 100px 0 0;} #Content2 .footEr{ width:100px;} #Content2 .footNav h5 a{ font-size:15px; line-height:26px;} #Content2 .footNav ul{ margin-top:5px;} #Content2 .footNav ul li a{ font-size:12px; line-height:24px;} #Content2 .foot2{ padding:15px 0;} #Content2 .copyright a{ line-height:24px; margin:4px 0;} #Content2 .footShare .la{ margin:0 0 0 12px;} #Content2 .footShare .la .img1{ width:32px; height:32px;} #Content2 .ctext5{ width:30px; bottom:55px; } #Content2 .ctext5 a{ margin:3px 0; width:30px; height:30px;} } @media screen and (max-width:768px){ #Content2 .footNav h5 a{ float:left; width:100%; padding:6px 12px; background:rgba(255,255,255,0.1); margin:4px 0; position:relative;} #Content2 .footNav h5 a:after{ float:left; width:0; height:0; position:absolute; right:12px; top:50%; content:''; border-left: 6px solid transparent; border-right:6px solid transparent;border-top: 6px solid #fff; margin-top:-3px;opacity:0.6; filter:alpha(opacity=60); } #Content2 .footNav{ width:100%;} #Content2 .footNav ul{ display:none; padding:0 12px 6px 12px;} #Content2 .footNav ul li{ width:33.33%;} #Content2 .foot2{ margin-bottom:50px;} #Content2 .copyright{ width:100%; text-align:center; margin:0;} #Content2 .copyright .sp{ display:inline-block; width:100%;} #Content2 .footShare{ text-align:center; width:100%;} #Content2 .footShare .la{ float:none; display:inline-block; margin:0 4px;} #Content2 .foot1{ padding:0;} #Content2 .footEr{ width:100%; position:static; margin-top:15px;} #Content2 .footEr i img{ width:100px;} #Content2 .footEr span{ margin-top:5px;} } /*ctext1*/ #Content3 .ctext1{ float:left; width:100%; position:fixed; left:0; top:66px; z-index:102; padding:12px 0;-webkit-transition: 1s ease; -moz-transition: 1s ease; -ms-transition: 1s ease; -o-transition: 1s ease; transition: 1s ease; } #Content3 .ctext1.on{background:#172b7c;} #Content3 .logo{ float:left; width:200px; height:53px; line-height:0;} #Content3 .logo0{ display:none;} #Content3 .logo1{ display:block;} #Content3 .top1{ float:left; width:100%; position:absolute; left:0; top:0; z-index:26; padding-top:12px;} #Content3 .menu1{float: right; margin-top:6px; } #Content3 .menu1 .nli{ float:left; margin:0 18px; position:relative;} #Content3 .menu1 .nli span a{ float:left; letter-spacing:1px; color:#fff; font-size:18px; line-height:38px; font-weight:bold;} #Content3 .menu1 .sub { float:left; position:absolute; left:50%; top:100%; width:140px; margin-left:-70px; display:none; } #Content3 .menu1 .sub li { float:left; width:100%; margin-bottom:1px; background:rgba(146,201,229,0.8);} #Content3 .menu1 .sub li a{ float:left; width:100%; color:#fff; font-size:14px; line-height:34px; text-align:center; } #Content3 .menu1 .nli:hover .sub{ display:block;} #Content3 .menu1 .nli .sub li:hover{ background:rgba(0,0,0,0.5);} #Content3 .lang{ float:right; margin-top:6px;} #Content3 .menu1 .nli.active span a, #Content3 .menu1 .nli:hover span a{ color:#92c9e5;} #Content3 .lang{ float:right; letter-spacing:1px; text-transform:uppercase; color:#fff; font-size:18px; line-height:38px; font-weight:bold; margin:6px 0 0 0;/* padding:0 0 0 23px;*/ position:relative; } /*#Content3 .lang:after{ float:left; width:1px; height:18px; position:absolute; left:0; top:50%; background:#fff; content:''; opacity:0.2; filter:alpha(opacity=20); margin-top:-9px;}*/ #Content3 .lang a{ float:left; margin-left:18px; color:#fff;} #Content3 .lang a:hover{ color:#92c9e5;} #Content3 .searh{ float:right; position:relative; z-index:8; margin:6px 18px 0 18px;} #Content3 .searh .btn{ float:right; width:38px; height:38px; background:url(/template/theme/CN/4551_so.png) center no-repeat; position:relative; z-index:6;} #Content3 .searh .fv{ float:left; width:0; height:38px; border-radius:10px; line-height:24px; position:absolute; right:0; top:0; background:#92c9e5; color:#fff; font-size:15px; padding: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;} #Content3 .searh:hover .fv{ width:180px; padding:7px 38px 7px 15px;} #Content3 .searh ::-webkit-input-placeholder{color:#fff;} #Content3 .searh :-moz-placeholder{color:#fff;} #Content3 .searh ::-moz-placeholder{color:#fff;} #Content3 .searh :-ms-input-placeholder{color:#fff;} @media screen and (max-width:1230px){ } @media screen and (max-width:1230px){ } @media screen and (max-width:1024px){ #Content3 .ctext1{ display:none;} #Content3 .menu{ display:none;} #Content3 .logo1{ display:none;} #Content3 .logo0{ display:block;} #Content3 .top1{ display:none;} #Content3 .denglu{ display:none;} #Content3 .head{ background:#172b7c;} #Content3 .logo{ margin:8px 0; width:189px; height:50px;} #Content3 .searh{ width:100%; margin:20px 0 0 0;} #Content3 .searh .fv{ width:100%; padding:7px 38px 7px 15px; font-size:15px;} #Content3 .searh:hover .fv{ width:100%; padding:7px 38px 7px 15px;} } @media screen and (max-width:768px){ } .section{ width:100%; overflow:hidden; position:relative; height:100vh;} /*banner*/ #Content2{ height:100%;} #Content4{height:100%;} /*#Content5{ height:100%;} #Content6{height:100%;}*/ #Content4 .slide_banner{ float:left; width:100%; height:100%; position:relative; padding-top:56px;} #Content4 .slide_banner .slick-list{ height:100%;} #Content4 .slide_banner .slick-track{ height:100%;} #Content4 .slide_banner .slick-slide{height:100%; position:relative; background:#000000; margin:0;} #Content4 .slide_banner .ph3{ float:left; width:100%; line-height:0; display:none;} #Content4 .slide_banner .img1{ float:left; width:100%; height:100%; position:relative; opacity:0.6; filter:alpha(opacity=60);} #Content4 .slide_banner .img1 img{ display:none;} #Content4 .slide_banner .img2{ opacity:0.8; filter:alpha(opacity=80);} #Content4 .slide_banner .text{ display:none; float:left; width:100%; position:absolute; left:0; top:50%; z-index:6; transform:translate(0,-45%); -webkit-transform:translate(0,-45%);} #Content4 .slide_banner .text .tit1{ float:left; width:100%; line-height:0; padding:0 8.125%;} #Content4 .slide_banner .text .tit1 img{float:right;max-height: 1.8rem;} #Content4 .slide_banner .text .more{ float:left; width:100%; margin-top:3%; padding:0 8.125%; text-align:right;} #Content4 .slide_banner .text .more a{ display:inline-block; vertical-align:top; width:1.166666rem; border-radius:5px; background:#92c9e5; color:#fff; font-size:0.09375rem; line-height:0.34375rem; text-align:center;} #Content4 .slide_banner .text .more a:hover{ background:#172b7c; box-shadow:0 5px 10px rgba(0,0,0,0.2);} #Content4 .slide_banner .text2{ text-align:right;} #Content4 .slide_banner .slick-current .text{ display:block;} #Content4 .slide_banner .slick-prev, #Content4 .slide_banner .slick-next{ width:7.3%; height:100%; opacity:0; filter:alpha(opacity=00);} #Content4 .slide_banner .slick-prev{ background:url(/template/theme/CN/4552_ban3.png) center no-repeat; background-size:30px auto; left:0;} #Content4 .slide_banner .slick-next{ background:url(/template/theme/CN/4552_ban2.png) center no-repeat; background-size:30px auto; right:0;} #Content4 .slide_banner .slick-prev:hover, #Content4 .slide_banner .slick-next:hover{ opacity:0.5; filter:alpha(opacity=50);} #Content4 .sceoll{ float:left; width:0.458333rem; line-height:0; position:absolute; left:50%; bottom:0.229166rem; margin-left:-0.229166rem; z-index:66; text-align:center; background:url(/template/theme/CN/4552_ban1.png) center bottom no-repeat; padding-bottom:0.114583rem; color:#fff; font-size:14px; line-height:14px; text-transform:uppercase;} #Content4 .sceoll span{ float:left; width:100%;} #Content4 .sceoll i{ float:left; width:100%; height:1px; background:#fff; opacity:0.2; margin-top:10px;} /*@media screen and (max-width:1230px){ } @media screen and (max-width:1230px){ #Content4 .slide_banner .text .more a{ width:200px; font-size:16px; line-height:54px; } }*/ @media screen and (max-width:1024px){ .section{ height:auto !important; display:block; float:left; width:100%;} .fp-tableCell{ height:auto !important; display:block; float:left; width:100%;} #Content4 .slide_banner .text .tit1 img{ max-height:none;} #Content4 .slide_banner{ padding-top:0; height:82vh; position:relative; left:0; margin-left:0; width:100%;} #Content4 .slide_banner .slick-list{ padding:0;} #Content4 .slide_banner .slick-slide{ margin:0;} #Content4 .slide_banner .text{ padding:0 5%;} #Content4 .slide_banner .text .more a{ width:140px; font-size:14px; line-height:38px;} #Content4 .slide_banner .slick-prev{ background:url(/template/theme/CN/4552_ban3.png) center no-repeat; background-size:16px auto; left:0;} #Content4 .slide_banner .slick-next{ background:url(/template/theme/CN/4552_ban2.png) center no-repeat; background-size:16px auto; right:0;} #Content4 .sceoll{ width:50px; bottom:25px; margin-left:-25px; padding-bottom:17px; color:#fff; font-size:12px;} #Content4 .sceoll i{ margin-top:5px;} } /*@media screen and (max-width:768px){ #Content4 .slide_banner{ height:91vh;} #Content4 .slide_banner .text{ top:40%;} #Content4 .slide_banner .text .tit1{ padding:0;} #Content4 .slide_banner .img1 img{ display:block;} #Content4 .slide_banner .text .more{ margin-top:13%; padding:0;} #Content4 .slide_banner .text .more a{ float:none; display:block; margin:0 auto;} }*/ @media screen and (max-width:767px ) { #Content4 .slide_banner{ height:91vh;} #Content4 .slide_banner .text .tit1{ padding:0;} #Content4 .slide_banner .img1 img{ display:block;} #Content4 .slide_banner .text .more{ margin-top:13%; padding:0;} #Content4 .slide_banner .text .more a{ float:none; display:block; margin:0 auto;} } /*section7*/ .section7{ background:url(/template/theme/CN/4553_main26.jpg) left center repeat; background-size:100% 100%; overflow:hidden;} .section7 .cont{ float:left; width:100%; margin-top:129px;} .section7 .cont .info{ float:left; width:45%;} .section7 .cont .tit1{ float:left; width:100%; color:#16154b; font-size:0.270833rem; line-height:0.3125rem; letter-spacing:0.041666rem; margin:3.33% 0 2.56% 0;} .section7 .cont .tit2{ float:left; width:100%; color:#333333; font-size:0.125rem; line-height:0.177083rem; letter-spacing:2px; font-weight:bold;} .section7 .cont .p1{ float:left; width:100%; color:#333333; font-size:0.1rem; line-height:0.1875rem; height:0.575rem; overflow:hidden; margin:4.48% 0 9.23% 0;} .section7 .cont .more{ float:left; width:100%; margin-bottom:6%;} .section7 .cont .more a{ float:left; width:0.911458rem; color:#fff; background:#92c9e5; text-align:center; font-size:0.083333rem; line-height:0.260416rem; border-radius:4px;} .section7 .cont .more a img{width: 6px;height: 10px;margin: 0 0 0 0.125rem;} .section7 .cont .more a:hover{ background:#06134b; box-shadow:0 5px 10px rgba(0,0,0,0.15);} .section7 .cont .img{ float:right; width:50.23%; line-height:0; position:relative; right:0; /*margin-right:-1.15%;*/ padding-bottom:3%;} .section7 .cont .img .imgBox{width:100%; padding-bottom:50%; overflow:hidden; position:relative} .section7 .cont .img .imgBox img{position:absolute; right:0;top:0; width:auto; height:100%;} .section7 .list{ float:left; width:100%;} .section7 .list ul{ margin:0 -21px;} .section7 .list li{ float:left; width:25%; padding:0 0.109375rem;} .section7 .list li a{ float:left; width:100%; background:#fff; padding:0.182291rem 0.052083rem; text-align:center;} .section7 .list li a:hover{ box-shadow:0 5px 10px rgba(0,0,0,0.2);} .section7 .list li a .img{ display:inline-block; vertical-align:top; width:0.46875rem; height:0.46875rem; line-height:0; transition: all 0.5s linear; -moz-transition: all 0.5s linear; -webkit-transition: all 0.5s linear; -o-transition: all 0.5s linear;} .section7 .list li a .tit{ display:inline-block; vertical-align:top; line-height:0.15625rem; color:#172b7c; font-size:0.125rem; font-weight:bold; margin:0.15625rem 0 0.15625rem 0.182291rem;} .section7 .list li a:hover .img{-webkit-transform: rotateY(360deg); -moz-transform: rotateY(360deg); -ms-transform: rotateY(360deg); -o-transform: rotateY(360deg); transform: rotateY(360deg);} /*@media screen and (max-height: 800px){ .section7 .cont .tit1{ font-size:48px; line-height:58px;} .section7 .cont .tit2{ font-size:19px; line-height:29px;} .section7 .cont .p1{ font-size:14px; line-height:30px; height:60px; margin:3.33% 0 2.56% 0;} .section7 .cont .img{ width:48%;} .section7 .list ul{ margin:0 -16px;} .section7 .list li{ padding:0 16px;} .section7 .list li a{ padding:26px 10px;} .section7 .list li a .img{ width:70px; height:70px; } .section7 .list li a .tit{line-height:28px; font-size:19px; margin:21px 0 21px 28px;} } @media screen and (max-width:1600px){ .section7 .cont .tit1{ font-size:48px; line-height:58px;} .section7 .cont .tit2{ font-size:19px; line-height:29px;} .section7 .cont .p1{ font-size:14px; line-height:30px; height:60px; margin:3.33% 0 2.56% 0;} .section7 .cont .img{ width:48%;} .section7 .list ul{ margin:0 -16px;} .section7 .list li{ padding:0 16px;} .section7 .list li a{ padding:26px 10px;} .section7 .list li a .img{ width:70px; height:70px; } .section7 .list li a .tit{line-height:28px; font-size:19px; margin:21px 0 21px 28px;} } @media screen and (max-width:1230px){ .section7 .cont .tit1{ font-size:40px; line-height:50px;} .section7 .list ul{ margin:0 -12px;} .section7 .list li{ padding:0 12px;} .section7 .list li a{ padding:22px 10px;} .section7 .list li a .img{ width:56px; height:56px; } .section7 .list li a .tit{line-height:26px; font-size:18px; margin:15px 0 15px 15px;} }*/ @media screen and (max-width:1024px){ .section7{ padding:30px 0 40px 0;} .section7 .cont{ margin:0;} .section7 .cont .tit1{ font-size:30px; line-height:40px; letter-spacing:3px; margin:3% 0 2% 0;} .section7 .cont .tit2{ font-size:16px; line-height:26px;} .section7 .cont .p1{ font-size:14px; line-height:24px; height:48px; margin:2% 0 4% 0;} .section7 .cont .more a{ width:120px; line-height:36px; font-size:14px;} .section7 .cont .more a img{ margin:13px 0 0 8px;} .section7 .list ul{ margin:0 -6px;} .section7 .list li{ padding:0 6px;} .section7 .list li a{ padding:15px 6px;} .section7 .list li a .img{ width:40px; height:40px; } .section7 .list li a .tit{line-height:22px; font-size:16px; margin:9px 0 9px 6px;} } @media screen and (max-width:768px){ .section7 .cont .tit1{ font-size:30px; line-height:40px; margin:0 0 5px 0;} .section7 .cont .p1{ margin:2px 0 12px 0;} .section7 .cont .more{ margin-bottom:15px;} .section7 .cont .img{ width:100%; text-align:center; margin:0; padding-bottom:0;} .section7 .cont .img .imgBox{ padding-bottom:initial;} /*.section7 .cont .img img{ }*/ .section7 .cont .img .imgBox img{ position:initial; width:100%; height:auto;} .section7 .cont .info{ width:100%;} .section7 .list li{ width:50%; margin-top:12px;} .section7 .list li a .tit{ font-size:15px;} } /*ctext4*/ .section4 .bg4{ float:left; width:100%; height:100%; position:absolute; left:0; top:0; z-index:1;} #Content6 .ctext4{ float:left; width:100%; position:relative; z-index:6; margin-top:129px;} #Content6 .ltext4{ float:left; width:41.71%; position:relative;} #Content6 .ltext4:after{ float:left; width:1px; height:1600px; position:absolute; left:100%; top:50%; transform:translate(0,-50%); content:''; background:rgba(210,210,210,0.46); z-index:2;} #Content6 .ltext4 .tit1{ float:left; width:100%; color:#06134b; font-size:0.270833rem; line-height:0.3125rem; letter-spacing:0.041666rem; border-bottom:1px solid rgba(210,210,210,0.46); padding-bottom:5.16%; margin-bottom:5.16%; position:relative; } #Content6 .ltext4 .tit1:after{ float:left; width:1000px; height:1px; position:absolute; right:100%; bottom:-1px; border-bottom:1px solid rgba(210,210,210,0.46); content:''; } #Content6 .ltext4 ul{ float:left; width:100%; padding-right:22.13%;} #Content6 .ltext4 ul li{ float:left; width:100%;} #Content6 .ltext4 ul li a{ float:left; width:100%; position:relative;} #Content6 .ltext4 ul li .img{ float:left; width:100%; line-height:0; overflow:hidden; margin:4.9% 0;} #Content6 .ltext4 ul 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;} #Content6 .ltext4 ul li:hover .img img{ -webkit-transform: scale(1.1); -moz-transform: scale(1.1);transform: scale(1.1);} #Content6 .ltext4 ul li .time{ float:left; width:100%; color:#06134b; font-size:0.104166rem; line-height:0.15625rem;} #Content6 .ltext4 ul li .time time{ font-size:0.15625rem; font-weight:bold; margin-right:0.052083rem;} #Content6 .ltext4 ul li .tit{ float:left; width:100%; color:#3b3d45; font-size:0.104166rem; line-height:0.15625rem;} #Content6 .ltext4 ul li:hover .tit{ text-decoration:underline; } #Content6 .rtext4{ float:left; width:58.29%;} #Content6 .rtext4 ul{ float:left; width:100%; padding-left:18.84%; margin-bottom:2%; margin-top:4%;} #Content6 .rtext4 ul li{ float:left; width:100%; margin-bottom:6%;} #Content6 .rtext4 ul li a{ float:left; width:100%; position:relative; height:0.557291rem; padding-left:0.9375rem;} #Content6 .rtext4 ul li .img{ float:left; width:0.833333rem; height:0.557291rem; line-height:0; position:absolute; left:0; top:0; overflow:hidden;} #Content6 .rtext4 ul 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;} #Content6 .rtext4 ul li:hover .img img{ -webkit-transform: scale(1.1); -moz-transform: scale(1.1);transform: scale(1.1);} #Content6 .rtext4 ul li .info{ float:left; width:100%;} #Content6 .rtext4 ul li .time{ float:left; width:100%; color:#06134b; font-size:0.083333rem; line-height:0.125rem;} #Content6 .rtext4 ul li .time time{ font-size:0.104166rem; font-weight:bold; margin-right:0.052083rem;} #Content6 .rtext4 ul li .tit{ float:left; width:100%; color:#3b3d45; font-size:0.09375rem; line-height:0.15625rem; margin:10px 0 4px 0;} #Content6 .rtext4 ul li .cont{ float:left; width:100%; color:#6f717a; font-size:0.072916rem; line-height:0.104166rem; height:0.208333rem; overflow:hidden;} #Content6 .rtext4 ul li:hover .tit{ text-decoration:underline; } #Content6 .rtext4 .more1{ float:left; width:100%; padding-left:0; padding-top:0.052083rem; /*border-top:1px solid rgba(210,210,210,0.46);*/ position:relative;} #Content6 .rtext4 .more1:after{ float:left; width:1000px; height:1px; position:absolute; left:100%; top:-1px; border-top:1px solid rgba(210,210,210,0.46); content:''; display:none; } #Content6 .rtext4 .more1 .a{ float:left; width:0.520833rem; line-height:0.145833rem; color:#fff; font-size:0.072916rem; text-align:center; background:#92c9e5; border-radius:3px;} #Content6 .rtext4 .more1 .a img{ max-width: none;width: 6px;height: 10px;margin: 0 0 0 0.052083rem;} #Content6 .rtext4 .more1 .a:hover{ background:#06134b; box-shadow:0 5px 10px rgba(0,0,0,0.15);} /*@media screen and (max-height: 800px){ #Content6 .ltext4 .tit1{ font-size:48px; line-height:50px; padding-bottom:5%; margin-bottom:4.5%;} #Content6 .ltext4 ul li .time{ font-size:16px; line-height:24px;} #Content6 .ltext4 ul li .time time{ font-size:24px; margin-right:6px;} #Content6 .ltext4 ul li .tit{ font-size:16px; line-height:26px;} #Content6 .ltext4 ul li .img{ margin:4.5% 0;} #Content6 .rtext4 ul{ margin-bottom:1%;} #Content6 .rtext4 ul li{ margin-bottom:4%;} #Content6 .rtext4 ul li a{ height:100px; padding-left:165px;} #Content6 .rtext4 ul li .img{ width:150px; height:100px;} #Content6 .rtext4 ul li .time{ font-size:14px; line-height:24px;} #Content6 .rtext4 ul li .time time{ font-size:18px; margin-right:6px;} #Content6 .rtext4 ul li .tit{ font-size:16px; line-height:26px; margin:5px 0 2px 0;} #Content6 .rtext4 ul li .cont{ font-size:13px;} #Content6 .rtext4 .more1{ padding-left:18.84%; padding-top:4%;} } @media screen and (max-width:1600px){ #Content6 .ltext4 .tit1{ font-size:48px; line-height:50px; padding-bottom:5%; margin-bottom:4.5%;} #Content6 .ltext4 ul li .time{ font-size:16px; line-height:24px;} #Content6 .ltext4 ul li .time time{ font-size:24px; margin-right:6px;} #Content6 .ltext4 ul li .tit{ font-size:16px; line-height:26px;} #Content6 .ltext4 ul li .img{ margin:4.5% 0;} #Content6 .rtext4 ul{ margin-bottom:1%;} #Content6 .rtext4 ul li{ margin-bottom:4%;} #Content6 .rtext4 ul li a{ height:100px; padding-left:165px;} #Content6 .rtext4 ul li .img{ width:150px; height:100px;} #Content6 .rtext4 ul li .time{ font-size:14px; line-height:24px;} #Content6 .rtext4 ul li .time time{ font-size:18px; margin-right:6px;} #Content6 .rtext4 ul li .tit{ font-size:16px; line-height:26px; margin:5px 0 2px 0;} #Content6 .rtext4 ul li .cont{ font-size:13px;} #Content6 .rtext4 .more1{ padding-left:18.84%; padding-top:4%;} } @media screen and (max-width:1230px){ #Content6 .ltext4 ul{ padding-right:14.49%;} #Content6 .rtext4 ul{padding-left:10.36%;} #Content6 .rtext4 .more1{ padding-left:10.36%;} #Content6 .ltext4 .tit1{font-size:40px; line-height:42px;} }*/ @media screen and (max-width:1024px){ #Content6 .ctext4{ margin:30px 0 40px 0;} #Content6 .ltext4 .tit1{ font-size:30px; line-height:32px; letter-spacing:4px; margin-bottom:15px; padding-bottom:15px;} #Content6 .ltext4 ul{ padding-right:15px;} #Content6 .ltext4 ul li .time{ font-size:14px; line-height:24px;} #Content6 .ltext4 ul li .time time{ font-size:22px; margin-right:6px;} #Content6 .ltext4 ul li .img{ margin:10px 0;} #Content6 .ltext4 ul li .tit{ font-size:14px; line-height:24px;} #Content6 .rtext4 ul{padding-left:15px; margin-bottom:10px;} #Content6 .rtext4 ul li{ margin-bottom:15px;} #Content6 .rtext4 ul li a{ height:80px; padding-left:132px;} #Content6 .rtext4 ul li .img{ width:120px; height:80px;} #Content6 .rtext4 ul li .time{ font-size:14px; line-height:24px;} #Content6 .rtext4 ul li .time time{ font-size:18px; margin-right:6px;} #Content6 .rtext4 ul li .tit{ font-size:16px; line-height:26px; margin:2px 0 2px 0;} #Content6 .rtext4 ul li .cont{ height:20px;} #Content6 .rtext4 .more1{ padding-top:2px;} #Content6 .rtext4 .more1 .a{ width:80px; line-height:24px; font-size:12px;} #Content6 .rtext4 .more1 .a img{ margin:7px 0 0 6px;} } @media screen and (max-width:768px){ #Content6 .ltext4{ width:100%; margin-bottom:20px; padding-bottom:15px;} #Content6 .ltext4:after{ width:120%; height:1px; left:-10%; top:auto; bottom:0; transform:translate(0,0);} #Content6 .ltext4 .tit1{ font-size:30px; line-height:32px;} #Content6 .ltext4 ul{ padding-right:0;} #Content6 .rtext4{ width:100%;} #Content6 .rtext4 ul{ padding-left:0;} #Content6 .rtext4 .more1{ padding-left:0;} } #Content7 .head{ float:left; width:100%; position:relative; z-index:103; background:#fff; } #Content7 .logo{ float:left; width:200px; height:53px; line-height:0;} #Content7 .logo0{ display:none;} #Content7 .logo1{ display:block;} #Content7 .denglu{ float:right; color:#3b3d45; font-size:16px; line-height:66px; margin:0 0 0 15px;} #Content7 .denglu a{ float:left; color:#3b3d45; font-size:16px; line-height:66px;} #Content7 .denglu i{ float:left; width:1px; height:16px; background:#e5e5e5; margin:25px 5px;} #Content7 .denglu a.on{ color:#172b7c;} #Content7 .denglu1{ float:left; width:100%; margin:15px 0 0 0; text-align:center; color:#fff; font-size:16px; line-height:46px;} #Content7 .denglu1 a{ display:inline-block; vertical-align:top; text-align:center; color:#fff; font-size:16px; line-height:46px;} #Content7 .denglu1 i{ display:inline-block; vertical-align:top; width:1px; height:15px; background:#fff; margin:15px 5px;} #Content7 .denglu1 a.on{ color:#fff;} /*menu*/ #Content7 .menu{float: right; } #Content7 .menu .nli{ float:left; padding:0; margin:0 15px; position:relative; } #Content7 .menu .nli span a{ float:left; position:relative; padding:0 0 0 23px; color:#3b3d45; font-size:16px; line-height:66px;} /*#Content7 .menu .nli span a[data-n='1']{ background:url(/template/theme/CN/4555_top1.png) left center no-repeat;} #Content7 .menu .nli span a[data-n='2']{ background:url(/template/theme/CN/4555_top2.png) left center no-repeat;} #Content7 .menu .nli span a[data-n='3']{ background:url(/template/theme/CN/4555_top3.png) left center no-repeat;} #Content7 .menu .nli span a[data-n='4']{ background:url(/template/theme/CN/4555_top4.png) left center no-repeat;} #Content7 .menu .nli span a[data-n='5']{ background:url(/template/theme/CN/4555_top5.png) left center no-repeat;} #Content7 .menu .nli span a[data-n='6']{ background:url(/template/theme/CN/4555_top6.png) left center no-repeat;} #Content7 .menu .nli span a[data-n='7']{ background:url(/template/theme/CN/4555_top7.png) left center no-repeat;} #Content7 .menu .nli:hover span a[data-n='1']{ background:url(/template/theme/CN/4555_top1_1.png) left center no-repeat;} #Content7 .menu .nli:hover span a[data-n='2']{ background:url(/template/theme/CN/4555_top2_1.png) left center no-repeat;} #Content7 .menu .nli:hover span a[data-n='3']{ background:url(/template/theme/CN/4555_top3_1.png) left center no-repeat;} #Content7 .menu .nli:hover span a[data-n='4']{ background:url(/template/theme/CN/4555_top4_1.png) left center no-repeat;} #Content7 .menu .nli:hover span a[data-n='5']{ background:url(/template/theme/CN/4555_top5_1.png) left center no-repeat;} #Content7 .menu .nli:hover span a[data-n='6']{ background:url(/template/theme/CN/4555_top6_1.png) left center no-repeat;} #Content7 .menu .nli:hover span a[data-n='7']{ background:url(/template/theme/CN/4555_top7_1.png) left center no-repeat;} #Content7 .menu .nli.active span a[data-n='1']{ background:url(/template/theme/CN/4555_top1_1.png) left center no-repeat;} #Content7 .menu .nli.active span a[data-n='2']{ background:url(/template/theme/CN/4555_top2_1.png) left center no-repeat;} #Content7 .menu .nli.active span a[data-n='3']{ background:url(/template/theme/CN/4555_top3_1.png) left center no-repeat;} #Content7 .menu .nli.active span a[data-n='4']{ background:url(/template/theme/CN/4555_top4_1.png) left center no-repeat;} #Content7 .menu .nli.active span a[data-n='5']{ background:url(/template/theme/CN/4555_top5_1.png) left center no-repeat;} #Content7 .menu .nli.active span a[data-n='6']{ background:url(/template/theme/CN/4555_top6_1.png) left center no-repeat;} #Content7 .menu .nli.active span a[data-n='7']{ background:url(/template/theme/CN/4555_top7_1.png) left center no-repeat;}*/ #Content7 .menu .nli.active span a, #Content7 .menu .nli:hover span a{ color:#172b7c;} #Content7 .menu .nli i{ position: absolute; width:23px; height: 23px; left: 0; obtn:50%; margin-top: -11px;} #Content7 .menu .nli .sub { float:left; position:absolute; left:50%; top:100%; width:140px; margin-left:-70px; display:none; } #Content7 .menu .nli .sub li { float:left; width:100%; margin-bottom:1px; background:rgba(146,201,229,0.8);} #Content7 .menu .nli .sub li a{ float:left; width:100%; color:#fff; font-size:14px; line-height:34px; text-align:center; } #Content7 .menu .nli:hover .sub{ display:block;} #Content7 .menu .nli .sub li:hover{ background:rgba(0,0,0,0.5);} #Content7 .top1{ float:left; width:100%; position:absolute; left:0; top:0; z-index:26; padding-top:12px;} #Content7 .menu1{float: right; margin-top:6px; } #Content7 .menu1 .nli{ float:left; margin:0 18px; position:relative;} #Content7 .menu1 .nli span a{ float:left; letter-spacing:1px; color:#fff; font-size:18px; line-height:38px; font-weight:bold;} #Content7 .menu1 .sub { float:left; position:absolute; left:50%; top:100%; width:140px; margin-left:-70px; display:none; } #Content7 .menu1 .sub li { float:left; width:100%; margin-bottom:1px; background:rgba(146,201,229,0.8);} #Content7 .menu1 .sub li a{ float:left; width:100%; color:#fff; font-size:14px; line-height:34px; text-align:center; } #Content7 .menu1 .nli:hover .sub{ display:block;} #Content7 .menu1 .nli .sub li:hover{ background:rgba(0,0,0,0.5);} #Content7 .lang{ float:right; margin-top:6px;} #Content7 .menu1 .nli.active span a, #Content7 .menu1 .nli:hover span a{ color:#92c9e5;} #Content7 .lang{ float:right; letter-spacing:1px; text-transform:uppercase; color:#fff; font-size:18px; line-height:38px; font-weight:bold; margin:6px 0 0 0;/* padding:0 0 0 23px;*/ position:relative; } /*#Content7 .lang:after{ float:left; width:1px; height:18px; position:absolute; left:0; top:50%; background:#fff; content:''; opacity:0.2; filter:alpha(opacity=20); margin-top:-9px;}*/ #Content7 .lang a{ float:left; margin-left:18px; color:#fff;} #Content7 .lang a:hover{ color:#92c9e5;} #Content7 .searh{ float:right; position:relative; z-index:8; margin:6px 18px 0 18px;} #Content7 .searh .btn{ float:right; width:38px; height:38px; background:url(/template/theme/CN/4555_so.png) center no-repeat; position:relative; z-index:6;} #Content7 .searh .fv{ float:left; width:0; height:38px; border-radius:10px; line-height:24px; position:absolute; right:0; top:0; background:#92c9e5; color:#fff; font-size:15px; padding: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;} #Content7 .searh:hover .fv{ width:180px; padding:7px 38px 7px 15px;} #Content7 .searh ::-webkit-input-placeholder{color:#fff;} #Content7 .searh :-moz-placeholder{color:#fff;} #Content7 .searh ::-moz-placeholder{color:#fff;} #Content7 .searh :-ms-input-placeholder{color:#fff;} #Content7 .menuph{ display:none; float:right; width:28px; height:22px; cursor: pointer; text-align: center; margin:22px 0;} #Content7 .menuph .point { display: inline-block; width: 28px; height: 22px; position: relative;} #Content7 .menuph .point:hover .navbtn, #Content7 .menuph .point:hover .navbtn::after, #Content7 .menuph .point:hover .navbtn::before { width: 28px; } #Content7 .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: #ffffff; } #Content7 .menuph .navbtn::after, #Content7 .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: #ffffff; } #Content7 .menuph .navbtn::after { top: -11px; } #Content7 .menuph .navbtn::before { top: 10px; } #Content7 .menuph .point.active .navbtn{ background: transparent; } #Content7 .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; } #Content7 .menuph .point.active .navbtn::before { -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); top: 0px; } /*手机导航*/ #Content7 .xialaph{ position:fixed; left:0; top:0; float:left; width: 100%; height:100%; overflow:scroll; padding:66px 0 100px 0; display: none; z-index:99; background:#000; background:rgba(0,0,0,0.8)} #Content7 .xialaph .ul2, #Content7 .xialaph .ul3{display: none;} #Content7 .xialaph h4{ float:left; width:100%; position:relative;} #Content7 .xialaph h4 a{ float:left; width:66%; color: #fff; font-size:16px; line-height: 55px; position:relative;} #Content7 .xialaph li h4 a i{ float:left; position:absolute; left:0; top:50%; margin-obtn:-10px; width:20px; height:20px;} #Content7 .xialaph li:last-child h4::before{ content: ''; position: absolute; bottom: 0; left: 0; width: 100%; height: 1px; background-color: #fff;opacity: 0.2; } #Content7 .xialaph h4:hover a, #Content7 .xialaph h5:hover a{ color: #fff; } #Content7 .xialaph h4::after{ content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 1px; background-color: #fff; opacity: 0.2; } #Content7 .xialaph h5 a{ float:left; width:100%; color: #fff; font-size:14px; line-height: 45px; text-transform:uppercase; padding:0 15px;} #Content7 .xialaph h5{ float:left; width:100%;position: relative; } #Content7 .xialaph h5::after{ content: ''; position: absolute; bottom: 0; left: 0; right: 0; height: 1px; background-color: #fff; opacity: 0.2; } #Content7 .xialaph li:last-child h5::after{ display: none; } #Content7 .xialaph h4 img{ width: 15px; height: 8px; float: right; margin-top: 24px; cursor: pointer; } #Content7 .xialaph h5 img{ width: 11px; height: 6px; float: right; margin-top: 26px; margin-right: 18px; cursor: pointer; } #Content7 .xialaph h4.active img.img_s, #Content7 .xialaph h5.active img.img_s{ display: none; } #Content7 .xialaph h4.active img.img_d, #Content7 .xialaph h5.active img.img_d{ display: block; } #Content7 .xialaph .ul2{ float:left; width:100%;} #Content7 .xialaph .img_d{ display: none; } @media screen and (max-width:1230px){ } @media screen and (max-width:1230px){ } @media screen and (max-width:1024px){ #Content7 .menu{ display:none;} #Content7 .logo1{ display:none;} #Content7 .logo0{ display:block;} #Content7 .top1{ display:none;} #Content7 .denglu{ display:none;} #Content7 .head{ background:#172b7c; position:relative !important;} #Content7 .logo{ margin:8px 0; width:189px; height:50px;} #Content7 .searh{ width:100%; margin:20px 0 0 0;} #Content7 .searh .fv{ width:100%; padding:7px 38px 7px 15px; font-size:15px;} #Content7 .searh:hover .fv{ width:100%; padding:7px 38px 7px 15px;} #Content7 .menuph{ display:block;} #Content7 .lang{float:left; width:100%; text-align:center; } #Content7 .lang a{display:inline-block; float:none; margin:0 9px;} } @media screen and (max-width:768px){ } /*login1*/ #Content8 .login1{ float:left; width:100%; background:#000; position:relative; padding:197px 0 204px 0;} #Content8 .login1 .bg1{ float:left; width:100%; height:100%; position:absolute; left:0; top:0; z-index:1; opacity:0.6;} #Content8 .login1 .bg2{ float:left; width:100%; height:100%; position:absolute; left:0; top:0; z-index:2; background:url(/template/theme/CN/4556_deng2.png) center repeat;} #Content8 .login1 .box{ float:left; width:100%;} #Content8 .login1 .cont{ display:block; margin:0 auto; width:500px;} #Content8 .login1 .cont .lin1{ float:left; width:100%; height:14px; position:relative; z-index:10; background:url(/template/theme/CN/4556_deng3.png) center bottom no-repeat; background-size:100% auto;} #Content8 .login1 .cont .form{ float:left; width:100%; background:#fff; position:relative; z-index:16; border-radius:8px; padding:45px 65px; box-shadow:0 8px 8px rgba(0,0,0,0.16);} #Content8 .login1 .cont .tit1{ float:left; width:100%; color:#172b7c; font-size:32px; line-height:42px; font-weight:bold; text-align:center; letter-spacing:2px; margin-bottom:5px;} #Content8 .login1 .cont .lab{ float:left; width:100%; margin-top:20px; position:relative; } #Content8 .login1 .cont .fv1{ float:left; width:100%; border-radius:56px; height:56px; color:#666666; font-size:16px; line-height:26px; padding:15px 39px; background:#f4f5f7; box-shadow:0 0 7px rgba(0,0,0,0); letter-spacing:2px; border:none; outline:none; cursor:pointer; } #Content8 .login1 .cont .fv1 option{ border:none; outline:none;} #Content8 .login1 .cont .fv1.on{ background:#fff; box-shadow:0 0 7px rgba(0,0,0,0.1);} #Content8 .login1 .cont .fv1:focus{ background:#fff; box-shadow:0 0 7px rgba(0,0,0,0.1);} #Content8 .login1 .cont .fv2{ float:left; width:100%; background:#172b7c; border-radius:56px; height:56px; line-height:56px; letter-spacing:2px; color:#fff; font-size:18px;} #Content8 .login1 .cont .fv2:hover{ box-shadow:0 5px 10px rgba(0,0,0,0.15);} #Content8 .login1 .cont .lab i{ float:left; width:0; height:0; position:absolute; right:39px; top:50%; margin-top:-4px; border-left: 6px solid transparent; border-right:6px solid transparent;border-top: 8px solid #9d9d9d; } #Content8 .login1 .cont .sub{ display:none; float:left; width:100%; position:absolute; left:0; top:56px; z-index:6; background:#fff; box-shadow:0 0 7px rgba(0,0,0,0.1); padding:10px 0; border-radius:10px;} #Content8 .login1 .cont .sub li{ float:left; width:100%; color:#666666; font-size:16px; line-height:26px; padding:0 39px; cursor:pointer;} #Content8 .login1 .cont .sub li:hover{ color:#172b7c;} #Content8 .login1 .cont .lab1{ text-align:center; font-size:14px; line-height:22px; color:#eaeaeb; } #Content8 .login1 .cont .lab1 a{ color:#666666; font-size:16px; } #Content8 .login1 .cont .lab1 span{ color:#666666;} #Content8 .login1 .cont .lab1 a:hover{ color:#172b7c;} #Content8 .login1 .cont .yanzhengma{ float:left; position:absolute; right:22px; top:50%; margin-top:-20px; width:112px; height:40px; } #Content8 .login2{ padding:145px 0 201px 0;} #Content8 .login2 .cont{ width:610px;} #Content8 .login2 .cont .form{ padding:45px 120px;} #Content8 .login3{ padding:145px 0 144px 0;} #Content8 .login3 .cont{ width:610px;} #Content8 .login3 .cont .form{ padding:45px 120px 50px 120px;} #Content8 .logo{ float:left; width:200px; height:53px; line-height:0;} #Content8 .logo0{ display:none;} #Content8 .logo1{ display:block;} #Content8 .top1{ float:left; width:100%; position:absolute; left:0; top:0; z-index:26; padding-top:12px;} #Content8 .menu1{float: right; margin-top:6px; } #Content8 .menu1 .nli{ float:left; margin:0 18px; position:relative;} #Content8 .menu1 .nli span a{ float:left; letter-spacing:1px; color:#fff; font-size:18px; line-height:38px; font-weight:bold;} #Content8 .menu1 .sub { float:left; position:absolute; left:50%; top:100%; width:140px; margin-left:-70px; display:none; } #Content8 .menu1 .sub li { float:left; width:100%; margin-bottom:1px; background:rgba(146,201,229,0.8);} #Content8 .menu1 .sub li a{ float:left; width:100%; color:#fff; font-size:14px; line-height:34px; text-align:center; } #Content8 .menu1 .nli:hover .sub{ display:block;} #Content8 .menu1 .nli .sub li:hover{ background:rgba(0,0,0,0.5);} #Content8 .lang{ float:right; margin-top:6px;} #Content8 .menu1 .nli.active span a, #Content8 .menu1 .nli:hover span a{ color:#92c9e5;} #Content8 .lang{ float:right; letter-spacing:1px; text-transform:uppercase; color:#fff; font-size:18px; line-height:38px; font-weight:bold; margin:6px 0 0 0;/* padding:0 0 0 23px;*/ position:relative; } /*#Content8 .lang:after{ float:left; width:1px; height:18px; position:absolute; left:0; top:50%; background:#fff; content:''; opacity:0.2; filter:alpha(opacity=20); margin-top:-9px;}*/ #Content8 .lang a{ float:left; margin-left:18px; color:#fff;} #Content8 .lang a:hover{ color:#92c9e5;} #Content8 .searh{ float:right; position:relative; z-index:8; margin:6px 18px 0 18px;} #Content8 .searh .btn{ float:right; width:38px; height:38px; background:url(/template/theme/CN/4556_so.png) center no-repeat; position:relative; z-index:6;} #Content8 .searh .fv{ float:left; width:0; height:38px; border-radius:10px; line-height:24px; position:absolute; right:0; top:0; background:#92c9e5; color:#fff; font-size:15px; padding: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;} #Content8 .searh:hover .fv{ width:180px; padding:7px 38px 7px 15px;} #Content8 .searh ::-webkit-input-placeholder{color:#fff;} #Content8 .searh :-moz-placeholder{color:#fff;} #Content8 .searh ::-moz-placeholder{color:#fff;} #Content8 .searh :-ms-input-placeholder{color:#fff;} @media screen and (max-width:1230px){ } @media screen and (max-width:1230px){ } @media screen and (max-width:1024px){ #Content8 .login1{ padding:100px 0;} #Content8 .login1 .cont .form{ padding:22px 15px;} #Content8 .login1 .cont .tit1{ font-size:22px; line-height:32px;} #Content8 .login1 .cont .lab{ margin-top:15px;} #Content8 .login1 .cont .fv1{ border-radius:40px; height:40px; line-height:26px; padding:7px 15px; font-size:14px; } #Content8 .login1 .cont .fv2{ height:40px; line-height:40px; font-size:16px; } #Content8 .login1 .cont .yanzhengma{ right:15px;} #Content8 .login1 .cont .lab1{ font-size:12px; line-height:20px;} #Content8 .login1 .cont .lab1 a{ font-size:14px;} #Content8 .login1 .cont .lab i{ right:15px; } #Content8 .login1 .cont .sub{ top:40px; padding:10px 0; border-radius:10px;} #Content8 .login1 .cont .sub li{ font-size:13px; line-height:24px; padding:0 15px; cursor:pointer;} #Content8 .menu{ display:none;} #Content8 .logo1{ display:none;} #Content8 .logo0{ display:block;} #Content8 .top1{ display:none;} #Content8 .denglu{ display:none;} #Content8 .head{ background:#172b7c;} #Content8 .logo{ margin:8px 0; width:189px; height:50px;} #Content8 .searh{ width:100%; margin:20px 0 0 0;} #Content8 .searh .fv{ width:100%; padding:7px 38px 7px 15px; font-size:15px;} #Content8 .searh:hover .fv{ width:100%; padding:7px 38px 7px 15px;} } @media screen and (max-width:768px){ #Content8 .login1 .cont{ width:90%;} } #Content9 .logo{ float:left; width:200px; height:53px; line-height:0;} #Content9 .logo0{ display:none;} #Content9 .logo1{ display:block;} #Content9 .top1{ float:left; width:100%; position:absolute; left:0; top:0; z-index:26; padding-top:12px;} #Content9 .menu1{float: right; margin-top:6px; } #Content9 .menu1 .nli{ float:left; margin:0 18px; position:relative;} #Content9 .menu1 .nli span a{ float:left; letter-spacing:1px; color:#fff; font-size:18px; line-height:38px; font-weight:bold;} #Content9 .menu1 .sub { float:left; position:absolute; left:50%; top:100%; width:140px; margin-left:-70px; display:none; } #Content9 .menu1 .sub li { float:left; width:100%; margin-bottom:1px; background:rgba(146,201,229,0.8);} #Content9 .menu1 .sub li a{ float:left; width:100%; color:#fff; font-size:14px; line-height:34px; text-align:center; } #Content9 .menu1 .nli:hover .sub{ display:block;} #Content9 .menu1 .nli .sub li:hover{ background:rgba(0,0,0,0.5);} #Content9 .lang{ float:right; margin-top:6px;} #Content9 .menu1 .nli.active span a, #Content9 .menu1 .nli:hover span a{ color:#92c9e5;} #Content9 .lang{ float:right; letter-spacing:1px; text-transform:uppercase; color:#fff; font-size:18px; line-height:38px; font-weight:bold; margin:6px 0 0 0;/* padding:0 0 0 23px;*/ position:relative; } /*#Content9 .lang:after{ float:left; width:1px; height:18px; position:absolute; left:0; top:50%; background:#fff; content:''; opacity:0.2; filter:alpha(opacity=20); margin-top:-9px;}*/ #Content9 .lang a{ float:left; margin-left:18px; color:#fff;} #Content9 .lang a:hover{ color:#92c9e5;} #Content9 .searh{ float:right; position:relative; z-index:8; margin:6px 18px 0 18px;} #Content9 .searh .btn{ float:right; width:38px; height:38px; background:url(/template/theme/CN/4557_so.png) center no-repeat; position:relative; z-index:6;} #Content9 .searh .fv{ float:left; width:0; height:38px; border-radius:10px; line-height:24px; position:absolute; right:0; top:0; background:#92c9e5; color:#fff; font-size:15px; padding: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;} #Content9 .searh:hover .fv{ width:180px; padding:7px 38px 7px 15px;} #Content9 .searh ::-webkit-input-placeholder{color:#fff;} #Content9 .searh :-moz-placeholder{color:#fff;} #Content9 .searh ::-moz-placeholder{color:#fff;} #Content9 .searh :-ms-input-placeholder{color:#fff;} /*login1*/ #Content9 .login1{ float:left; width:100%; background:#000; position:relative; padding:197px 0 204px 0;} #Content9 .login1 .bg1{ float:left; width:100%; height:100%; position:absolute; left:0; top:0; z-index:1; opacity:0.6;} #Content9 .login1 .bg2{ float:left; width:100%; height:100%; position:absolute; left:0; top:0; z-index:2; background:url(/template/theme/CN/4557_deng2.png) center repeat;} #Content9 .login1 .box{ float:left; width:100%;} #Content9 .login1 .cont{ display:block; margin:0 auto; width:500px;} #Content9 .login1 .cont .lin1{ float:left; width:100%; height:14px; position:relative; z-index:10; background:url(/template/theme/CN/4557_deng3.png) center bottom no-repeat; background-size:100% auto;} #Content9 .login1 .cont .form{ float:left; width:100%; background:#fff; position:relative; z-index:16; border-radius:8px; padding:45px 65px; box-shadow:0 8px 8px rgba(0,0,0,0.16);} #Content9 .login1 .cont .tit1{ float:left; width:100%; color:#172b7c; font-size:32px; line-height:42px; font-weight:bold; text-align:center; letter-spacing:2px; margin-bottom:5px;} #Content9 .login1 .cont .lab{ float:left; width:100%; margin-top:20px; position:relative; } #Content9 .login1 .cont .fv1{ float:left; width:100%; border-radius:56px; height:56px; color:#666666; font-size:16px; line-height:26px; padding:15px 39px; background:#f4f5f7; box-shadow:0 0 7px rgba(0,0,0,0); letter-spacing:2px; border:none; outline:none; cursor:pointer; } #Content9 .login1 .cont .fv1 option{ border:none; outline:none;} #Content9 .login1 .cont .fv1.on{ background:#fff; box-shadow:0 0 7px rgba(0,0,0,0.1);} #Content9 .login1 .cont .fv1:focus{ background:#fff; box-shadow:0 0 7px rgba(0,0,0,0.1);} #Content9 .login1 .cont .fv2{ float:left; width:100%; background:#172b7c; border-radius:56px; height:56px; line-height:56px; letter-spacing:2px; color:#fff; font-size:18px;} #Content9 .login1 .cont .fv2:hover{ box-shadow:0 5px 10px rgba(0,0,0,0.15);} #Content9 .login1 .cont .lab i{ float:left; width:0; height:0; position:absolute; right:39px; top:50%; margin-top:-4px; border-left: 6px solid transparent; border-right:6px solid transparent;border-top: 8px solid #9d9d9d; } #Content9 .login1 .cont .sub{ display:none; float:left; width:100%; position:absolute; left:0; top:56px; z-index:6; background:#fff; box-shadow:0 0 7px rgba(0,0,0,0.1); padding:10px 0; border-radius:10px;} #Content9 .login1 .cont .sub li{ float:left; width:100%; color:#666666; font-size:16px; line-height:26px; padding:0 39px; cursor:pointer;} #Content9 .login1 .cont .sub li:hover{ color:#172b7c;} #Content9 .login1 .cont .lab1{ text-align:center; font-size:14px; line-height:22px; color:#eaeaeb; } #Content9 .login1 .cont .lab1 a{ color:#666666; font-size:16px; } #Content9 .login1 .cont .lab1 span{ color:#666666;} #Content9 .login1 .cont .lab1 a:hover{ color:#172b7c;} #Content9 .login1 .cont .yanzhengma{ float:left; position:absolute; right:22px; top:50%; margin-top:-20px; width:112px; height:40px; } #Content9 .login2{ padding:145px 0 201px 0;} #Content9 .login2 .cont{ width:610px;} #Content9 .login2 .cont .form{ padding:45px 120px;} #Content9 .login3{ padding:145px 0 144px 0;} #Content9 .login3 .cont{ width:610px;} #Content9 .login3 .cont .form{ padding:45px 120px 50px 120px;} #Content9 .login1 .cont .yzm{ font-size: 16px; line-height: 32px; color: #172b7c; position: absolute; right: 20px; top: 15px;} #Content9 .login1 .cont .yzm:hover{ text-decoration: underline;} @media screen and (max-width:1230px){ } @media screen and (max-width:1230px){ } @media screen and (max-width:1024px){ #Content9 .menu{ display:none;} #Content9 .logo1{ display:none;} #Content9 .logo0{ display:block;} #Content9 .top1{ display:none;} #Content9 .denglu{ display:none;} #Content9 .head{ background:#172b7c;} #Content9 .logo{ margin:8px 0; width:189px; height:50px;} #Content9 .searh{ width:100%; margin:20px 0 0 0;} #Content9 .searh .fv{ width:100%; padding:7px 38px 7px 15px; font-size:15px;} #Content9 .searh:hover .fv{ width:100%; padding:7px 38px 7px 15px;} #Content9 .login1{ padding:100px 0;} #Content9 .login1 .cont .form{ padding:22px 15px;} #Content9 .login1 .cont .tit1{ font-size:22px; line-height:32px;} #Content9 .login1 .cont .lab{ margin-top:15px;} #Content9 .login1 .cont .fv1{ border-radius:40px; height:40px; line-height:26px; padding:7px 15px; font-size:14px; } #Content9 .login1 .cont .fv2{ height:40px; line-height:40px; font-size:16px; } #Content9 .login1 .cont .yanzhengma{ right:15px;} #Content9 .login1 .cont .lab1{ font-size:12px; line-height:20px;} #Content9 .login1 .cont .lab1 a{ font-size:14px;} #Content9 .login1 .cont .lab i{ right:15px; } #Content9 .login1 .cont .sub{ top:40px; padding:10px 0; border-radius:10px;} #Content9 .login1 .cont .sub li{ font-size:13px; line-height:24px; padding:0 15px; cursor:pointer;} } @media screen and (max-width:768px){ #Content9 .login1 .cont{ width:90%;} } #Content10 .logo{ float:left; width:200px; height:53px; line-height:0;} #Content10 .logo0{ display:none;} #Content10 .logo1{ display:block;} #Content10 .login1{ float:left; width:100%; background:#000; position:relative; padding:197px 0 204px 0;} #Content10 .login1 .bg1{ float:left; width:100%; height:100%; position:absolute; left:0; top:0; z-index:1; opacity:0.6;} #Content10 .login1 .bg2{ float:left; width:100%; height:100%; position:absolute; left:0; top:0; z-index:2; background:url(/template/theme/CN/4558_deng2.png) center repeat;} #Content10 .login1 .box{ float:left; width:100%;} #Content10 .login1 .cont{ display:block; margin:0 auto; width:500px;} #Content10 .login1 .cont .lin1{ float:left; width:100%; height:14px; position:relative; z-index:10; background:url(/template/theme/CN/4558_deng3.png) center bottom no-repeat; background-size:100% auto;} #Content10 .login1 .cont .form{ float:left; width:100%; background:#fff; position:relative; z-index:16; border-radius:8px; padding:45px 65px; box-shadow:0 8px 8px rgba(0,0,0,0.16);} #Content10 .login1 .cont .tit1{ float:left; width:100%; color:#172b7c; font-size:32px; line-height:42px; font-weight:bold; text-align:center; letter-spacing:2px; margin-bottom:5px;} #Content10 .login1 .cont .lab{ float:left; width:100%; margin-top:20px; position:relative; } #Content10 .login1 .cont .fv1{ float:left; width:100%; border-radius:56px; height:56px; color:#666666; font-size:16px; line-height:26px; padding:15px 39px; background:#f4f5f7; box-shadow:0 0 7px rgba(0,0,0,0); letter-spacing:2px; border:none; outline:none; cursor:pointer; } #Content10 .login1 .cont .fv1 option{ border:none; outline:none;} #Content10 .login1 .cont .fv1.on{ background:#fff; box-shadow:0 0 7px rgba(0,0,0,0.1);} #Content10 .login1 .cont .fv1:focus{ background:#fff; box-shadow:0 0 7px rgba(0,0,0,0.1);} #Content10 .login1 .cont .fv2{ float:left; width:100%; background:#172b7c; border-radius:56px; height:56px; line-height:56px; letter-spacing:2px; color:#fff; font-size:18px;} #Content10 .login1 .cont .fv2:hover{ box-shadow:0 5px 10px rgba(0,0,0,0.15);} #Content10 .login1 .cont .lab i{ float:left; width:0; height:0; position:absolute; right:39px; top:50%; margin-top:-4px; border-left: 6px solid transparent; border-right:6px solid transparent;border-top: 8px solid #9d9d9d; } #Content10 .login1 .cont .sub{ display:none; float:left; width:100%; position:absolute; left:0; top:56px; z-index:6; background:#fff; box-shadow:0 0 7px rgba(0,0,0,0.1); padding:10px 0; border-radius:10px;} #Content10 .login1 .cont .sub li{ float:left; width:100%; color:#666666; font-size:16px; line-height:26px; padding:0 39px; cursor:pointer;} #Content10 .login1 .cont .sub li:hover{ color:#172b7c;} #Content10 .login1 .cont .lab1{ text-align:center; font-size:14px; line-height:22px; color:#eaeaeb; } #Content10 .login1 .cont .lab1 a{ color:#666666; font-size:16px; } #Content10 .login1 .cont .lab1 span{ color:#666666;} #Content10 .login1 .cont .lab1 a:hover{ color:#172b7c;} #Content10 .login1 .cont .yanzhengma{ float:left; position:absolute; right:22px; top:50%; margin-top:-20px; width:112px; height:40px; } #Content10 .login2{ padding:145px 0 201px 0;} #Content10 .login2 .cont{ width:610px;} #Content10 .login2 .cont .form{ padding:45px 120px;} #Content10 .login3{ padding:145px 0 144px 0;} #Content10 .login3 .cont{ width:610px;} #Content10 .login3 .cont .form{ padding:45px 120px 50px 120px;} #Content10 .top1{ float:left; width:100%; position:absolute; left:0; top:0; z-index:26; padding-top:12px;} #Content10 .menu1{float: right; margin-top:6px; } #Content10 .menu1 .nli{ float:left; margin:0 18px; position:relative;} #Content10 .menu1 .nli span a{ float:left; letter-spacing:1px; color:#fff; font-size:18px; line-height:38px; font-weight:bold;} #Content10 .menu1 .sub { float:left; position:absolute; left:50%; top:100%; width:140px; margin-left:-70px; display:none; } #Content10 .menu1 .sub li { float:left; width:100%; margin-bottom:1px; background:rgba(146,201,229,0.8);} #Content10 .menu1 .sub li a{ float:left; width:100%; color:#fff; font-size:14px; line-height:34px; text-align:center; } #Content10 .menu1 .nli:hover .sub{ display:block;} #Content10 .menu1 .nli .sub li:hover{ background:rgba(0,0,0,0.5);} #Content10 .lang{ float:right; margin-top:6px;} #Content10 .menu1 .nli.active span a, #Content10 .menu1 .nli:hover span a{ color:#92c9e5;} #Content10 .lang{ float:right; letter-spacing:1px; text-transform:uppercase; color:#fff; font-size:18px; line-height:38px; font-weight:bold; margin:6px 0 0 0;/* padding:0 0 0 23px;*/ position:relative; } /*#Content10 .lang:after{ float:left; width:1px; height:18px; position:absolute; left:0; top:50%; background:#fff; content:''; opacity:0.2; filter:alpha(opacity=20); margin-top:-9px;}*/ #Content10 .lang a{ float:left; margin-left:18px; color:#fff;} #Content10 .lang a:hover{ color:#92c9e5;} #Content10 .searh{ float:right; position:relative; z-index:8; margin:6px 18px 0 18px;} #Content10 .searh .btn{ float:right; width:38px; height:38px; background:url(/template/theme/CN/4558_so.png) center no-repeat; position:relative; z-index:6;} #Content10 .searh .fv{ float:left; width:0; height:38px; border-radius:10px; line-height:24px; position:absolute; right:0; top:0; background:#92c9e5; color:#fff; font-size:15px; padding: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;} #Content10 .searh:hover .fv{ width:180px; padding:7px 38px 7px 15px;} #Content10 .searh ::-webkit-input-placeholder{color:#fff;} #Content10 .searh :-moz-placeholder{color:#fff;} #Content10 .searh ::-moz-placeholder{color:#fff;} #Content10 .searh :-ms-input-placeholder{color:#fff;} @media screen and (max-width:1230px){ } @media screen and (max-width:1230px){ } @media screen and (max-width:1024px){ #Content10 .menu{ display:none;} #Content10 .logo1{ display:none;} #Content10 .logo0{ display:block;} #Content10 .top1{ display:none;} #Content10 .denglu{ display:none;} #Content10 .head{ background:#172b7c;} #Content10 .logo{ margin:8px 0; width:189px; height:50px;} #Content10 .searh{ width:100%; margin:20px 0 0 0;} #Content10 .searh .fv{ width:100%; padding:7px 38px 7px 15px; font-size:15px;} #Content10 .searh:hover .fv{ width:100%; padding:7px 38px 7px 15px;} #Content10 .login1{ padding:100px 0;} #Content10 .login1 .cont .form{ padding:22px 15px;} #Content10 .login1 .cont .tit1{ font-size:22px; line-height:32px;} #Content10 .login1 .cont .lab{ margin-top:15px;} #Content10 .login1 .cont .fv1{ border-radius:40px; height:40px; line-height:26px; padding:7px 15px; font-size:14px; } #Content10 .login1 .cont .fv2{ height:40px; line-height:40px; font-size:16px; } #Content10 .login1 .cont .yanzhengma{ right:15px;} #Content10 .login1 .cont .lab1{ font-size:12px; line-height:20px;} #Content10 .login1 .cont .lab1 a{ font-size:14px;} #Content10 .login1 .cont .lab i{ right:15px; } #Content10 .login1 .cont .sub{ top:40px; padding:10px 0; border-radius:10px;} #Content10 .login1 .cont .sub li{ font-size:13px; line-height:24px; padding:0 15px; cursor:pointer;} } @media screen and (max-width:768px){ #Content10 .login1 .cont{ width:90%;} } /*手机底部导航*/ #Content11 .pf_down{width:100%; float:left; position:fixed; left:0; bottom:0; height:50px; background:#172b7c; z-index:66; box-shadow:0 -4px 7px rgba(0,0,0,0.15);} #Content11 .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);} #Content11 .pf_down li:last-child{ border:none;} #Content11 .pf_down li .ico7{ width:100%; float:left; height:20px;} #Content11 .pf_down li .ico7 img{ width:20px; height:20px;} #Content11 .pf_down li .name{ width:100%; float:left; margin-top:4px; font-size:12px; color:#fff; line-height:14px;} /*底部*/ #Content11 .pz_down{ float:left; width:100%; background:#161619; } #Content11 .foot1{ float:left; width:100%; margin:75px 0 60px 0; padding:0 136px 0 0; position:relative;} #Content11 .footEr{ float:left; position:absolute; right:0; top:3px; width:136px; text-align:center;} #Content11 .footEr i{ float:left; width:100%; line-height:0;} #Content11 .footEr span{ float:left; width:100%; color:#fff; color:rgba(255,255,255,0.6); font-size:14px; line-height:24px; margin-top:15px;} #Content11 .footNav{ float:left; width:16.66%;} #Content11 .footNav h5{ float:left; width:100%;} #Content11 .footNav h5 a{ float:left; width:100%; color:#fff; font-size:18px; line-height:28px;} #Content11 .footNav ul{ float:left; width:100%; margin-top:17px;} #Content11 .footNav ul li{ float:left; width:100%;} #Content11 .footNav ul li a{ float:left; width:100%; color:#fff; color:rgba(255,255,255,0.6); font-size:14px; line-height:34px;} #Content11 .footNav ul li a:hover{ color:#172b7c;} #Content11 .foot2{ float:left; width:100%; padding:42px 0; border-top:1px solid #fff; border-top:1px solid rgba(255,255,255,0.1);} #Content11 .copyright{ float:left; width:100%; color:#fff; color:rgba(255,255,255,0.6); font-size:14px; line-height:25px;} #Content11 .copyright a{ color:#fff; color:rgba(255,255,255,0.6);} #Content11 .copyright .sp{ float:right;} #Content11 .copyright a:hover{ color:#172b7c;} #Content11 .footShare{ display:none; float:right;} #Content11 .footShare .la{ float:left; margin:0 0 0 20px; position:relative;} #Content11 .footShare .la .img1{ float:left; background:rgba(255,255,255,0.1); width:45px; height:45px; border-radius:50%;} #Content11 .footShare .la:hover .img1{ float:left; background:#92c9e5;} #Content11 .footShare .la i{ float:left; position:absolute; background:#fff; padding:5px; width:90px; height:90px; left:50%; margin-left:-45px; bottom:55px; z-index:80;-webkit-transition: all 500ms cubic-bezier(.5, 1, .4, 1); -moz-transition: all 500ms cubic-bezier(.5, 1, .4, 1); transition: all 500ms cubic-bezier(.5, 1, .4, 1); -webkit-transform-origin:50% 95%; -moz-transform-origin:50% 95%; -ms-transform-origin:50% 95%; -o-transform-origin:50% 95%; transform-origin:50% 95%; -webkit-transform: translateY(0) scale(0); -moz-transform: translateY(0) scale(0); -ms-transform: translateY(0) scale(0); -o-transform: translateY(0) scale(0); transform: translateY(0) scale(0);} #Content11 .footShare .la i:after{ float:left; width:0; height:0; position:absolute; left:50%; bottom:-7px; content:''; border-left: 6px solid transparent; border-right:6px solid transparent;border-top: 8px solid #fff; margin-left:-6px; } #Content11 .footShare .la:hover i{ opacity: 1; filter: alpha(opacity=100); display: block \9; pointer-events: auto; -webkit-transform: translateY(0) scale(1); -moz-transform: translateY(0) scale(1); -ms-transform: translateY(0) scale(1); -o-transform: translateY(0) scale(1); transform: translateY(0) scale(1);} #Content11 .ctext5{ float:left; position:fixed; right:1.56%; bottom:6%; width:60px; z-index:88; } #Content11 .ctext5 a{ float:left; width:60px; height:60px; border-radius:50%; line-height:0; overflow:hidden; background:#06134b; margin:10px 0;} #Content11 .ctext5 a:hover{ background:#92c9e5;} #Content6 .ctext5{ float:left; position:fixed; right:1.56%; bottom:6%; width:60px; z-index:88; } #Content6 .ctext5 a{ float:left; width:60px; height:60px; border-radius:50%; line-height:0; overflow:hidden; background:#06134b; margin:10px 0;} #Content6 .ctext5 a:hover{ background:#92c9e5;} @media screen and (max-width:1230px){ } @media screen and (max-width:1230px){ } @media screen and (max-width:1024px){ #Content11 .foot1{ margin:20px 0; padding:0 100px 0 0;} #Content11 .footEr{ width:100px;} #Content11 .footNav h5 a{ font-size:15px; line-height:26px;} #Content11 .footNav ul{ margin-top:5px;} #Content11 .footNav ul li a{ font-size:12px; line-height:24px;} #Content11 .foot2{ padding:15px 0;} #Content11 .copyright a{ line-height:24px; margin:4px 0;} #Content11 .footShare .la{ margin:0 0 0 12px;} #Content11 .footShare .la .img1{ width:32px; height:32px;} #Content11 .ctext5{ width:30px; bottom:55px; } #Content11 .ctext5 a{ margin:3px 0; width:30px; height:30px;} #Content6 .ctext5{ width:30px; bottom:55px; } #Content6 .ctext5 a{ margin:3px 0; width:30px; height:30px;} } @media screen and (max-width:768px){ #Content11 .footNav h5 a{ float:left; width:100%; padding:6px 12px; background:rgba(255,255,255,0.1); margin:4px 0; position:relative;} #Content11 .footNav h5 a:after{ float:left; width:0; height:0; position:absolute; right:12px; top:50%; content:''; border-left: 6px solid transparent; border-right:6px solid transparent;border-top: 6px solid #fff; margin-top:-3px;opacity:0.6; filter:alpha(opacity=60); } #Content11 .footNav{ width:100%;} #Content11 .footNav ul{ display:none; padding:0 12px 6px 12px;} #Content11 .footNav ul li{ width:50%;} #Content11 .foot2{ margin-bottom:50px;} #Content11 .copyright{ width:100%; text-align:center; margin:0;} #Content11 .copyright .sp{ display:inline-block; width:100%;} #Content11 .footShare{ text-align:center; width:100%;} #Content11 .footShare .la{ float:none; display:inline-block; margin:0 4px;} #Content11 .foot1{ padding:0;} #Content11 .footEr{ width:100%; position:static; margin-top:15px;} #Content11 .footEr i img{ width:100px;} #Content11 .footEr span{ margin-top:5px;} } #Content12 .logo{ float:left; width:200px; height:53px; line-height:0;} #Content12 .logo0{ display:none;} #Content12 .logo1{ display:block;} /*inBanner*/ #Content12 .inBanner{ float:left; width:100%; position:relative; background:#000; line-height:0; min-height:77px;} #Content12 .inBanner .img{ opacity:0.8; width:100%;} #Content12 .top1{ float:left; width:100%; position:absolute; left:0; top:0; z-index:26; padding-top:12px;} #Content12 .menu1{float: right; margin-top:6px; } #Content12 .menu1 .nli{ float:left; margin:0 18px; position:relative;} #Content12 .menu1 .nli span a{ float:left; letter-spacing:1px; color:#fff; font-size:18px; line-height:38px; font-weight:bold;} #Content12 .menu1 .sub { float:left; position:absolute; left:50%; top:100%; width:140px; margin-left:-70px; display:none; } #Content12 .menu1 .sub li { float:left; width:100%; margin-bottom:1px; background:rgba(146,201,229,0.8);} #Content12 .menu1 .sub li a{ float:left; width:100%; color:#fff; font-size:14px; line-height:34px; text-align:center; } #Content12 .menu1 .nli:hover .sub{ display:block;} #Content12 .menu1 .nli .sub li:hover{ background:rgba(0,0,0,0.5);} #Content12 .lang{ float:right; margin-top:6px;} #Content12 .menu1 .nli.active span a, #Content12 .menu1 .nli:hover span a{ color:#92c9e5;} #Content12 .lang{ float:right; letter-spacing:1px; text-transform:uppercase; color:#fff; font-size:18px; line-height:38px; font-weight:bold; margin:6px 0 0 0;/* padding:0 0 0 23px;*/ position:relative; } /*#Content12 .lang:after{ float:left; width:1px; height:18px; position:absolute; left:0; top:50%; background:#fff; content:''; opacity:0.2; filter:alpha(opacity=20); margin-top:-9px;}*/ #Content12 .lang a{ float:left; margin-left:18px; color:#fff;} #Content12 .lang a:hover{ color:#92c9e5;} #Content12 .searh{ float:right; position:relative; z-index:8; margin:6px 18px 0 18px;} #Content12 .searh .btn{ float:right; width:38px; height:38px; background:url(/template/theme/CN/4560_so.png) center no-repeat; position:relative; z-index:6;} #Content12 .searh .fv{ float:left; width:0; height:38px; border-radius:10px; line-height:24px; position:absolute; right:0; top:0; background:#92c9e5; color:#fff; font-size:15px; padding: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;} #Content12 .searh:hover .fv{ width:180px; padding:7px 38px 7px 15px;} #Content12 .searh ::-webkit-input-placeholder{color:#fff;} #Content12 .searh :-moz-placeholder{color:#fff;} #Content12 .searh ::-moz-placeholder{color:#fff;} #Content12 .searh :-ms-input-placeholder{color:#fff;} @media screen and (max-width:1230px){ } @media screen and (max-width:1230px){ } @media screen and (max-width:1024px){ #Content12 .menu{ display:none;} #Content12 .logo1{ display:none;} #Content12 .logo0{ display:block;} #Content12 .top1{ display:none;} #Content12 .denglu{ display:none;} #Content12 .head{ background:#172b7c;} #Content12 .logo{ margin:8px 0; width:189px; height:50px;} #Content12 .searh{ width:100%; margin:20px 0 0 0;} #Content12 .searh .fv{ width:100%; padding:7px 38px 7px 15px; font-size:15px;} #Content12 .searh:hover .fv{ width:100%; padding:7px 38px 7px 15px;} } @media screen and (max-width:768px){ } /*pord1*/ #Content13 .pord0{ float:left; width:100%; background:#f8f8f8;} #Content13 .pord1{ float:left; width:100%; background:#f8f8f8; padding:40px 0;} #Content13 .pord1 ul{ float:left; width:100%; } #Content13 .pord1 ul li{ float:left; width:100%; margin:40px 0; } #Content13 .pord1 ul li a{ float:left; width:100%; background:#ffffff; padding:30px; } #Content13 .pord1 ul li a .img{ float:left; width:36.5%; height:367px; line-height:0; overflow:hidden;} #Content13 .pord1 ul li a .img img{ height:100%; display:block; -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;} #Content13 .pord1 ul li a:hover .img img{ -webkit-transform: scale(1.1); -moz-transform: scale(1.1);transform: scale(1.1);} #Content13 .pord1 ul li a .info{ float:right; width:61.5%; padding:30px;} #Content13 .pord1 ul li a .tit{float:left; width:100%; color:#172b7c; font-size:36px; line-height:46px; margin:10px 0 14px 0;} #Content13 .pord1 ul li a .cont{float:left; width:100%; color:#666666; font-size:16px; line-height:32px; height:64px; overflow:hidden;} #Content13 .pord1 ul li a .more{float:left; width:166px; color:#fff; text-align:center; font-size:16px; line-height:50px; margin-top:98px; border-radius:3px; background:#92c9e5;-webkit-transition: 0.5s ease; -moz-transition: 0.5s ease; -ms-transition: 0.5s ease; -o-transition: 0.5s ease; transition: 0.5s ease; } #Content13 .pord1 ul li a:hover{ box-shadow:0 0 13px rgba(23,43,124,0.13);} #Content13 .pord1 ul li a:hover .tit{ text-decoration:underline;} #Content13 .pord1 ul li a:hover .more{ background:#172b7c;} #Content13 .pord1 ul li:nth-child(2n) .img{ float:right;} #Content13 .pord1 ul li:nth-child(2n) .info{ float:left;} #Content13 .jiazai{ float:left; width:100%; line-height:0; text-align:center; margin:20px 0 30px 0; } #Content13 .jiazai img{ width:64px; height:64px;} /*左边*/ #Content13 .pord3{ float:left; width:100%; background:#f8f8f8; overflow:hidden; } #Content13 .ctext6{ float:left; width:100%; color:#333333; font-size:24px; line-height:44px; padding:20px 0; border-bottom:1px solid #dddddd; position:relative; z-index:65; cursor:pointer;} #Content13 .ctext6 .bg{ display:none; float:left; width:200%; height:6000px; position:absolute; left:-50%; top:100%; background:#000; z-index:68; opacity:0.2; } #Content13 .ctext6 .title1{ float:left;} /*手机导航按钮*/ #Content13 .menuph1{ float:left; width:22px; height:15px; cursor: pointer; text-align: center; margin:14px 21px 0 0;} #Content13 .menuph1 .point { display: inline-block; vertical-align:top; width: 22px; height: 15px; position: relative;} #Content13 .menuph1 .point:hover .navbtn, #Content13 .menuph1 .point:hover .navbtn::after, #Content13 .menuph1 .point:hover .navbtn::before { width: 22px; } #Content13 .menuph1 .navbtn { position: absolute; top: 6px; right: 0; display: inline-block; width: 22px; height: 3px; -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: #c0c0c0; } #Content13 .menuph1 .navbtn::after, #Content13 .menuph1 .navbtn::before { position: absolute; right: 0; display: inline-block; width: 22px; height: 3px; 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: #c0c0c0; } #Content13 .menuph1 .navbtn::after { top: -6px; } #Content13 .menuph1 .navbtn::before { top: 6px; } #Content13 .menuph1 .point.active .navbtn{ background: transparent; } #Content13 .menuph1 .point.active .navbtn::after{ -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); top: 0px; background: #92c9e5; } #Content13 .menuph1 .point.active .navbtn::before { -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); top: 0px; background: #92c9e5;} #Content13 .ltext1{ display:none; float:left; width:320px; position:absolute; left:0; top:100%; background:#fff; z-index:70; padding:10px 30px 54px 30px;} #Content13 .ltext1 .pz_SideLayer{ float:left; width:100%; margin-top:1px;} #Content13 .ltext1 .pz_SideLayer .l1{ float:left; width:100%; margin-bottom:8px;} #Content13 .ltext1 .pz_SideLayer .l1 .la{ float:left; width:100%; border-bottom:1px solid #fff; line-height:38px; color:#444444; font-size:18px; padding:10px 0; position:relative;} #Content13 .ltext1 .pz_SideLayer .l1 .la:after{ float:left; width:12px; height:12px; position:absolute; right:0; top:50%; content:''; margin-top:-6px; background:url(/template/theme/CN/4561_pord6.png) center no-repeat;-webkit-transition: 0.5s ease; -moz-transition: 0.5s ease; -ms-transition: 0.5s ease; -o-transition: 0.5s ease; transition: 0.5s ease;} #Content13 .ltext1 .pz_SideLayer .l1.on .la, #Content13 .ltext1 .pz_SideLayer .l1:hover .la{ color:#172b7c;border-bottom:1px solid #172b7c; } #Content13 .ltext1 .pz_SideLayer .l1.on .la:after, #Content13 .ltext1 .pz_SideLayer .l1:hover .la:after{ background:url(/template/theme/CN/4561_pord7.png) center no-repeat; transform:rotate(90deg); } #Content13 .ltext1 .pz_SideLayer .l2{ float:left; width:100%; padding:0 29px;} #Content13 .ltext1 .pz_SideLayer .l2 .lb{ float:left; width:100%; line-height:36px; color:#444444; font-size:16px; padding:6px 0;} #Content13 .ltext1 .pz_SideLayer .l2.on .lb, #Content13 .ltext1 .pz_SideLayer .l2:hover .lb{ color:#92c9e5; text-decoration:underline;} #Content13 .ltext1 .pz_SideLayer .sub{ float:left; width:100%; padding:14px 0 11px 0;} @media screen and (max-width:1600px){ #Content13 .pord1 ul li a .info{ padding:20px;} #Content13 .pord1 ul li a .img{ height:277px;} #Content13 .pord1 ul li a .tit{ font-size:30px; line-height:40px;} #Content13 .pord1 ul li a .more{ margin-top:50px;} } /*@media screen and (max-width:1230px){ #Content13 .pord1 ul li a .info{ padding:20px;} #Content13 .pord1 ul li a .img{ height:277px;} #Content13 .pord1 ul li a .tit{ font-size:30px; line-height:40px;} #Content13 .pord1 ul li a .more{ margin-top:50px;} }*/ @media screen and (max-width:1230px){ #Content13 .pord1 ul li a .info{ padding:10px 20px;} #Content13 .pord1 ul li a .img{ height:227px;} #Content13 .pord1 ul li a .tit{ font-size:24px; line-height:34px;} #Content13 .pord1 ul li a .cont{ font-size:14px; line-height:26px; height:52px;} #Content13 .pord1 ul li a .more{ width:120px; line-height:36px; font-size:14px; margin-top:40px;} #Content13 .ltext1{ width:260px; padding:10px 15px 25px 15px; } #Content13 .ltext1 .pz_SideLayer .l1{ margin-bottom:2px;} #Content13 .ltext1 .pz_SideLayer .l1 .la{ line-height:34px; font-size:16px; padding:6px 0; } #Content13 .ltext1 .pz_SideLayer .l2{ padding:0 20px;} #Content13 .ltext1 .pz_SideLayer .l2 .lb{ line-height:32px; font-size:14px; padding:2px 0;} #Content13 .ltext1 .pz_SideLayer .sub{ padding:7px 0 5px 0;} } @media screen and (max-width:1024px){ #Content13 .pord1{ padding:30px 0;} #Content13 .pord1 ul li{ margin:10px 0;} #Content13 .pord1 ul li a{ padding:15px;} #Content13 .pord1 ul li a .info{ padding:10px 20px;} #Content13 .pord1 ul li a .img{ height:172px;} #Content13 .pord1 ul li a .tit{ font-size:24px; line-height:34px; margin:8px 0 6px 0;} #Content13 .pord1 ul li a .cont{ font-size:14px; line-height:26px; height:52px;} #Content13 .pord1 ul li a .more{ width:120px; line-height:36px; font-size:14px; margin-top:15px;} #Content13 .jiazai{ margin:15px 0 10px 0; } #Content13 .jiazai img{ width:32px; height:32px;} #Content13 .ctext6{ font-size:18px; line-height:38px; padding:10px 0;} /*手机导航按钮*/ #Content13 .menuph1{ margin:11px 12px 0 0;} #Content13 .ltext1 .pz_SideLayer .l1{ margin-bottom:0;} #Content13 .ltext1 .pz_SideLayer .l1 .la{ line-height:34px; font-size:16px; padding:3px 0; } #Content13 .ltext1 .pz_SideLayer .l2{ padding:0 20px;} #Content13 .ltext1 .pz_SideLayer .l2 .lb{ line-height:32px; font-size:14px; padding:1px 0;} #Content13 .ltext1 .pz_SideLayer .sub{ padding:7px 0 5px 0;} } @media screen and (max-width:768px){ #Content13 .pord1 ul li a .info{ width:100%; padding:6px 0;} #Content13 .pord1 ul li a .tit{ font-size:18px; line-height:28px;} #Content13 .pord1 ul li a .cont{ line-height:24px; height:48px;} #Content13 .pord1 ul li a .img{ height:auto; width:100%;} } /*inBanner*/ #Content14 .inBanner{ float:left; width:100%; position:relative; background:#000; line-height:0; min-height:77px;} #Content14 .inBanner .img{ opacity:0.8;} #Content14 .logo{ float:left; width:200px; height:53px; line-height:0;} #Content14 .logo0{ display:none;} #Content14 .logo1{ display:block;} #Content14 .top1{ float:left; width:100%; position:absolute; left:0; top:0; z-index:26; padding-top:12px;} #Content14 .menu1{float: right; margin-top:6px; } #Content14 .menu1 .nli{ float:left; margin:0 18px; position:relative;} #Content14 .menu1 .nli span a{ float:left; letter-spacing:1px; color:#fff; font-size:18px; line-height:38px; font-weight:bold;} #Content14 .menu1 .sub { float:left; position:absolute; left:50%; top:100%; width:140px; margin-left:-70px; display:none; } #Content14 .menu1 .sub li { float:left; width:100%; margin-bottom:1px; background:rgba(146,201,229,0.8);} #Content14 .menu1 .sub li a{ float:left; width:100%; color:#fff; font-size:14px; line-height:34px; text-align:center; } #Content14 .menu1 .nli:hover .sub{ display:block;} #Content14 .menu1 .nli .sub li:hover{ background:rgba(0,0,0,0.5);} #Content14 .lang{ float:right; margin-top:6px;} #Content14 .menu1 .nli.active span a, #Content14 .menu1 .nli:hover span a{ color:#92c9e5;} #Content14 .lang{ float:right; letter-spacing:1px; text-transform:uppercase; color:#fff; font-size:18px; line-height:38px; font-weight:bold; margin:6px 0 0 0;/* padding:0 0 0 23px;*/ position:relative; } /*#Content14 .lang:after{ float:left; width:1px; height:18px; position:absolute; left:0; top:50%; background:#fff; content:''; opacity:0.2; filter:alpha(opacity=20); margin-top:-9px;}*/ #Content14 .lang a{ float:left; margin-left:18px; color:#fff;} #Content14 .lang a:hover{ color:#92c9e5;} #Content14 .searh{ float:right; position:relative; z-index:8; margin:6px 18px 0 18px;} #Content14 .searh .btn{ float:right; width:38px; height:38px; background:url(/template/theme/CN/4562_so.png) center no-repeat; position:relative; z-index:6;} #Content14 .searh .fv{ float:left; width:0; height:38px; border-radius:10px; line-height:24px; position:absolute; right:0; top:0; background:#92c9e5; color:#fff; font-size:15px; padding: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 .searh:hover .fv{ width:180px; padding:7px 38px 7px 15px;} #Content14 .searh ::-webkit-input-placeholder{color:#fff;} #Content14 .searh :-moz-placeholder{color:#fff;} #Content14 .searh ::-moz-placeholder{color:#fff;} #Content14 .searh :-ms-input-placeholder{color:#fff;} @media screen and (max-width:1230px){ } @media screen and (max-width:1230px){ } @media screen and (max-width:1024px){ #Content14 .inBanner{ display:none;} #Content14 .menu{ display:none;} #Content14 .logo1{ display:none;} #Content14 .logo0{ display:block;} #Content14 .top1{ display:none;} #Content14 .denglu{ display:none;} #Content14 .head{ background:#172b7c;} #Content14 .logo{ margin:8px 0; width:189px; height:50px;} #Content14 .searh{ width:100%; margin:20px 0 0 0;} #Content14 .searh .fv{ width:100%; padding:7px 38px 7px 15px; font-size:15px;} #Content14 .searh:hover .fv{ width:100%; padding:7px 38px 7px 15px;} } @media screen and (max-width:768px){ } #Content15 .inside_bg{ float:left; width:100%;} #Content15 .side_tit{ float:left; line-height:26px; color:#666666; font-size:14px; padding:18px 0;} #Content15 .side_tit a{ color:#666666;} #Content15 .side_tit a.on, #Content15 .side_tit a:hover{ color:#172b7c;} #Content15 .case_small{ float:right; height:62px; border-left:1px solid #e0e0e0;} #Content15 .case_small li{ float:left;} #Content15 .case_small li a{ float:left; padding:18px 40px; color:#333333; font-size:18px; line-height:26px; border-right:1px solid #e0e0e0; position:relative;} #Content15 .case_small li a:after{ display:none; float:left; width:0; height:0; position:absolute; left:50%; top:100%; content:''; border-left: 9px solid transparent; border-right:9px solid transparent;border-top: 9px solid #172b7c; margin-left:-9px; z-index:6; } #Content15 .case_small li:hover a, #Content15 .case_small li.on a{ background:#172b7c; color:#fff;} #Content15 .case_small li:hover a::after, #Content15 .case_small li.on a::after{ display:block;} #Content15 .lay2{ display:none; width:100%; float:left;} #Content15 .lay2 .l1{ float:left; width:100%;} #Content15 .lay2 .l1 a{ float:left; width:100%; color:#333333; font-size:15px; line-height:42px; cursor:pointer; border-top:#e0e0e0 solid 1px; padding:0 15px;} #Content15 .lay2 .l1 a.on, #Content15 .lay2 .l1 a:hover{ background:#172b7c; color:#fff;} #Content15 .babyser{ float:left; width:100%; position: relative; z-index: 5;} #Content15 .babyser h2{ float:left; width:100%; padding:0 15px; color:#172b7c; font-size:18px; line-height:48px; position:relative;} #Content15 .babyser h2:after{ float:left; width:0; height:0; position:absolute; right:15px; top:50%; margin-top:-4px; content:''; border-left: 9px solid transparent; border-right:9px solid transparent;border-top: 9px solid #172b7c; margin-left:-9px; z-index:6; } @media screen and (max-width:1230px){ } @media screen and (max-width:1230px){ #Content15 .case_small li a{ padding:18px 28px; font-size:16px; } } @media screen and (max-width:1024px){ #Content15 .inBanner{ min-height:0;} #Content15 .inside_bg{ height:auto; border:none;} #Content15 .case_tx2{ font-size:18px; line-height:18px;} #Content15 .babyser h2 .imgr{ float:right; margin:16px 0 0 0; transition: all 0.2s linear; } #Content15 .babyser h2.active .imgr{ -webkit-transform:rotate(90deg); -moz-transform:rotate(90deg); -o-transform:rotate(90deg); transform:rotate(90deg); } } @media screen and (max-width:768px){ } /*左边*/ #List .pord2{ float:left; width:100%; background:#f8f8f8; padding:40px 0 0 0;} #List .ltext{ float:left; width:290px;} #List .ltext .pz_SideLayer{ float:left; width:100%; margin-top:1px;} #List .ltext .pz_SideLayer .l1{ float:left; width:100%; margin-bottom:8px;} #List .ltext .pz_SideLayer .l1 .la{ float:left; width:100%; border-bottom:1px solid #f8f8f8; line-height:38px; color:#444444; font-size:18px; padding:10px 0; position:relative;} #List .ltext .pz_SideLayer .l1 .la:after{ float:left; width:12px; height:12px; position:absolute; right:0; top:50%; content:''; margin-top:-6px; background:url(/template/theme/CN/4564_pord6.png) center no-repeat;-webkit-transition: 0.5s ease; -moz-transition: 0.5s ease; -ms-transition: 0.5s ease; -o-transition: 0.5s ease; transition: 0.5s ease;} #List .ltext .pz_SideLayer .l1.on .la, #List .ltext .pz_SideLayer .l1:hover .la{ color:#172b7c;border-bottom:1px solid #172b7c; } #List .ltext .pz_SideLayer .l1.on .la:after, #List .ltext .pz_SideLayer .l1:hover .la:after{ background:url(/template/theme/CN/4564_pord7.png) center no-repeat; transform:rotate(90deg); } #List .ltext .pz_SideLayer .l2{ float:left; width:100%; padding:0 29px;} #List .ltext .pz_SideLayer .l2 .lb{ float:left; width:100%; line-height:36px; color:#444444; font-size:16px; padding:6px 0;} #List .ltext .pz_SideLayer .l2.on .lb, #List .ltext .pz_SideLayer .l2:hover .lb{ color:#92c9e5; text-decoration:underline;} #List .ltext .pz_SideLayer .sub{ float:left; width:100%; padding:14px 0 11px 0; display:none;} #List .ltext .pz_SideLayer .l1.on .sub{display:block;} #List .rtext{ float:right; width:1250px;} #List .rtext ul{ margin:0 -15px;} #List .rtext li{ float:left; width:33.33%; padding:0 15px; text-align:center; margin-bottom:20px;} #List .rtext li a{ float:left; width:100%; position:relative; padding:30px 0;} #List .rtext li a:after{ float:left; width:0; height:1px; position:absolute; left:0; bottom:0; content:''; background:#172b7c; -webkit-transition: 0.5s ease; -moz-transition: 0.5s ease; -ms-transition: 0.5s ease; -o-transition: 0.5s ease; transition: 0.5s ease; } #List .rtext li .img{ float:left; width:100%; position:relative; line-height:0; padding-bottom:95%; overflow:hidden; margin:47px 0 0 0; } #List .rtext li .img img{ float:left; width:100%; position:absolute; left:0; top:0; z-index:6;} #List .rtext li .img i{ float:left; width:286px; height:286px; border-radius:50%; border:40px solid #92c9e5; position:absolute; left:50%; top:22px; margin-left:-143px; z-index:5; opacity:0.4; } #List .rtext li .tit1{ float:left; width:100%; color:#c6c6c6; font-size:12px; line-height:22px; text-transform:uppercase; letter-spacing:4px; padding-top:11px; background:url(/template/theme/CN/4564_pord5.png) center top no-repeat;} #List .rtext li .tit2{ float:left; width:100%; color:#333333; font-size:18px; line-height:28px; text-transform:uppercase; letter-spacing:3px; margin:17px 0 15px 0;} #List .rtext li .more{ float:left; width:100%;} #List .rtext li .more span{ display:block; margin:0 auto; width:102px; line-height:32px; color:#fff; font-size:14px; text-align:center; background:#92c9e5; border-radius:3px; transition:background 0.5s ease; -o-transition:background 0.5s ease; -moz-transition:background 0.5s ease; -webkit-transition:background 0.5s ease; } #List .rtext li a:hover:after{ width:100%;} #List .rtext li a:hover .more span{ background:#172b7c;} #List .wack1{ float:left; width:100%; padding:70px 0 100px 0; text-align:center;} #List .wack1 .pz_fy{ display:inline-block; *display:inline; *zoom:1;} #List .wack1 .pz_fy a { float:left; width:42px; height:42px; line-height:40px; border:1px solid #e1e1e1; color:#272727; font-size:14px; font-family:Arial; margin:0 3px; position:relative;} #List .wack1 .pz_fy a:hover, #List .wack1 .pz_fy a.on{color:#fff; border:1px solid #172b7c; background:#172b7c;} #List .wack1 .pz_fy a i{ position:absolute; left:50%; top:50%;} #List .wack1 .pz_fy .l_fy{ border:1px solid #c6c6c6; background:#c6c6c6; margin-right:16px;} #List .wack1 .pz_fy .r_fy{ border:1px solid #c6c6c6; background:#c6c6c6; margin-left:16px;} #List .wack1 .pz_fy .l_fy i:after, #List .wack1 .pz_fy .l_fy i:before, #List .wack1 .pz_fy .r_fy i:after, #List .wack1 .pz_fy .r_fy i:before{float:left; width:14px; height:1px; background:#fff; content:''; position:relative;} #List .wack1 .pz_fy .l_fy i:after{ -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); top:50%; right:40%; margin-top:5px; } #List .wack1 .pz_fy .l_fy i:before{ -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); top:50%; right:40%; margin-top:-5px; } #List .wack1 .pz_fy .r_fy i:after{ -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); top:50%; left:-30%; margin-top:5px; } #List .wack1 .pz_fy .r_fy i:before{ -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); top:50%; left:-30%; margin-top:-5px; } #List .wack1 .pz_fy .l_fy:hover, #List .wack1 .pz_fy .r_fy:hover{ border:1px solid #172b7c; background:#172b7c;} @media screen and (max-width:1600px ) { #List .rtext{ width:880px;} #List .rtext li .img i{ width:200px; height:200px; border:25px solid #92c9e5; margin-left:-100px; } } @media screen and (max-width:1230px){ } @media screen and (max-width:1230px){ #List .ltext{ width:260px;} #List .ltext .pz_SideLayer .l1{ margin-bottom:2px;} #List .ltext .pz_SideLayer .l1 .la{ line-height:34px; font-size:16px; padding:6px 0; } #List .ltext .pz_SideLayer .l2{ padding:0 20px;} #List .ltext .pz_SideLayer .l2 .lb{ line-height:32px; font-size:14px; padding:2px 0;} #List .ltext .pz_SideLayer .sub{ padding:7px 0 5px 0;} #List .rtext{ width:700px;} #List .rtext li{ margin-bottom:10px;} #List .rtext li .img{ margin:30px 0 0 0;} #List .rtext li .img i{ width:140px; height:140px; border:20px solid #92c9e5; margin-left:-70px; } #List .rtext li .tit1{ letter-spacing:1px;} #List .rtext li .tit2{ letter-spacing:1px; font-size:16px; line-height:26px; } } @media screen and (max-width:1024px){ #List .pord2{ padding:20px 0 0 0;} #List .ltext{ width:100%;} #List .ltext .pz_SideLayer .l1{ margin-bottom:0;} #List .ltext .pz_SideLayer .l1 .la{ line-height:34px; font-size:16px; padding:3px 0; } #List .ltext .pz_SideLayer .l2{ padding:0 20px;} #List .ltext .pz_SideLayer .l2 .lb{ line-height:32px; font-size:14px; padding:1px 0;} #List .ltext .pz_SideLayer .sub{ padding:7px 0 5px 0;} #List .rtext{ width:100%;} #List .rtext ul{ margin:0 -6px;} #List .rtext li{ padding:0 6px;} #List .rtext li a{ padding:15px 0;} #List .wack1{padding:30px 0 40px 0;} #List .wack1 .fy_pc{ text-align:center; font-size:14px; color:#272727; padding:5px 0;} #List .wack1 .fy_pc a{ padding:5px 25px; color:#fff; border:solid 1px #172b7c; background:#172b7c; border-radius:0px; overflow:hidden;} #List .wack1 .fy_pc span{ padding:5px 20px; color:#272727;} } @media screen and (max-width:768px){ #List .rtext li{ width:50%;} #List .rtext li .img{ margin:30px 0 0 0;} #List .rtext li .img i{ width:100px; height:100px; border:12px solid #92c9e5; margin-left:-50px; top:14px; } #List .rtext li .tit1{ letter-spacing:1px; padding-top:8px;} #List .rtext li .tit2{ letter-spacing:1px; font-size:14px; line-height:24px; margin:8px 0 8px 0; } #List .rtext li .more span{ width:82px; line-height:26px; font-size:12px;} } /*左边*/ #Subpage .pord3{ float:left; width:100%; background:#f8f8f8; overflow:hidden; } #Subpage .ctext6{ float:left; width:100%; color:#333333; font-size:24px; line-height:44px; padding:20px 0; border-bottom:1px solid #dddddd; position:relative; z-index:22; cursor:pointer;} #Subpage .ctext6 .bg{ display:none; float:left; width:200%; height:6000px; position:absolute; left:-50%; top:100%; background:#000; z-index:68; opacity:0.2; } #Subpage .ctext6 .title1{ float:left;} /*手机导航按钮*/ #Subpage .menuph1{ float:left; width:22px; height:15px; cursor: pointer; text-align: center; margin:14px 21px 0 0;} #Subpage .menuph1 .point { display: inline-block; vertical-align:top; width: 22px; height: 15px; position: relative;} #Subpage .menuph1 .point:hover .navbtn, #Subpage .menuph1 .point:hover .navbtn::after, #Subpage .menuph1 .point:hover .navbtn::before { width: 22px; } #Subpage .menuph1 .navbtn { position: absolute; top: 6px; right: 0; display: inline-block; width: 22px; height: 3px; -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: #c0c0c0; } #Subpage .menuph1 .navbtn::after, #Subpage .menuph1 .navbtn::before { position: absolute; right: 0; display: inline-block; width: 22px; height: 3px; 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: #c0c0c0; } #Subpage .menuph1 .navbtn::after { top: -6px; } #Subpage .menuph1 .navbtn::before { top: 6px; } #Subpage .menuph1 .point.active .navbtn{ background: transparent; } #Subpage .menuph1 .point.active .navbtn::after{ -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); top: 0px; background: #92c9e5; } #Subpage .menuph1 .point.active .navbtn::before { -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); top: 0px; background: #92c9e5;} #Subpage .ltext1{ display:none; float:left; width:320px; position:absolute; left:0; top:100%; background:#fff; z-index:70; padding:10px 30px 54px 30px;} #Subpage .ltext1 .pz_SideLayer{ float:left; width:100%; margin-top:1px;} #Subpage .ltext1 .pz_SideLayer .l1{ float:left; width:100%; margin-bottom:8px;} #Subpage .ltext1 .pz_SideLayer .l1 .la{ float:left; width:100%; border-bottom:1px solid #fff; line-height:38px; color:#444444; font-size:18px; padding:10px 0; position:relative;} #Subpage .ltext1 .pz_SideLayer .l1 .la:after{ float:left; width:12px; height:12px; position:absolute; right:0; top:50%; content:''; margin-top:-6px; background:url(/template/theme/CN/4565_pord6.png) center no-repeat;-webkit-transition: 0.5s ease; -moz-transition: 0.5s ease; -ms-transition: 0.5s ease; -o-transition: 0.5s ease; transition: 0.5s ease;} #Subpage .ltext1 .pz_SideLayer .l1.on .la, #Subpage .ltext1 .pz_SideLayer .l1:hover .la{ color:#172b7c;border-bottom:1px solid #172b7c; } #Subpage .ltext1 .pz_SideLayer .l1.on .la:after, #Subpage .ltext1 .pz_SideLayer .l1:hover .la:after{ background:url(/template/theme/CN/4565_pord7.png) center no-repeat; transform:rotate(90deg); } #Subpage .ltext1 .pz_SideLayer .l2{ float:left; width:100%; padding:0 29px;} #Subpage .ltext1 .pz_SideLayer .l2 .lb{ float:left; width:100%; line-height:36px; color:#444444; font-size:16px; padding:6px 0;} #Subpage .ltext1 .pz_SideLayer .l2.on .lb, #Subpage .ltext1 .pz_SideLayer .l2:hover .lb{ color:#92c9e5; text-decoration:underline;} #Subpage .ltext1 .pz_SideLayer .sub{ float:left; width:100%; padding:14px 0 11px 0;} #Subpage .ctext7{ float:left; width:100%; padding:90px 0 68px 0; position:relative; z-index:1;} #Subpage .ctext7 .img{ float:left; width:49%; line-height:0;} #Subpage .ctext7 .cont{ float:right; width:43.3%;} #Subpage .ctext7 .cont .tit1{ float:left; width:100%; color:#333333; font-size:30px; line-height:40px;} #Subpage .ctext7 .cont .tit2{ float:left; width:100%; color:#333333; font-size:16px; line-height:30px; margin:10% 0 5.14% 0;} #Subpage .ctext7 .cont .tit3{ float:left; width:100%; color:#333333; font-size:16px; line-height:36px; margin-bottom:13.2%; } #Subpage .ctext7 .cont .zixun{ float:left; width:100%; border-bottom:1px solid #dddddd; border-top:1px solid #dddddd; padding:20px 0;} #Subpage .ctext7 .cont .zixun a{ float:left; padding-left:31px; color:#333333; font-size:16px; line-height:26px; background:url(/template/theme/CN/4565_pord10.png) left center no-repeat; } #Subpage .ctext7 .cont .zixun a:hover{ color:#172b7c;} #Subpage .share1{ float:left; width:100%; margin-top:19px;} #Subpage .share1 span{ float:left; color:#333333; font-size:16px; line-height:38px;} #Subpage .share1 .la{ float:left; margin:0 0 0 10px; position:relative;} #Subpage .share1 .la .img1{ float:left; background:rgba(146,201,229,0.3); width:38px; height:38px; border-radius:50%;} #Subpage .share1 .la:hover .img1{ float:left; background:#92c9e5;} #Subpage .share1 .la i{ float:left; position:absolute; background:#fff; padding:5px; width:90px; height:90px; left:50%; margin-left:-45px; bottom:55px; z-index:80;-webkit-transition: all 500ms cubic-bezier(.5, 1, .4, 1); -moz-transition: all 500ms cubic-bezier(.5, 1, .4, 1); transition: all 500ms cubic-bezier(.5, 1, .4, 1); -webkit-transform-origin:50% 95%; -moz-transform-origin:50% 95%; -ms-transform-origin:50% 95%; -o-transform-origin:50% 95%; transform-origin:50% 95%; -webkit-transform: translateY(0) scale(0); -moz-transform: translateY(0) scale(0); -ms-transform: translateY(0) scale(0); -o-transform: translateY(0) scale(0); transform: translateY(0) scale(0);} #Subpage .share1 .la i:after{ float:left; width:0; height:0; position:absolute; left:50%; bottom:-7px; content:''; border-left: 6px solid transparent; border-right:6px solid transparent;border-top: 8px solid #fff; margin-left:-6px; } #Subpage .share1 .la:hover i{ opacity: 1; filter: alpha(opacity=100); display: block \9; pointer-events: auto; -webkit-transform: translateY(0) scale(1); -moz-transform: translateY(0) scale(1); -ms-transform: translateY(0) scale(1); -o-transform: translateY(0) scale(1); transform: translateY(0) scale(1);} #Subpage .ctext8{ float:left; width:100%; padding:0 0 100px 0;} #Subpage .ctext8 .hd{ float:left; width:100%; text-align:center; border-top:1px solid #dddddd;} #Subpage .ctext8 .hd ul{ float:left; width:100%;} #Subpage .ctext8 .hd ul li{ float:left; width:33.33%; padding:25px 0; border-bottom:1px solid #dddddd; cursor:pointer;} #Subpage .ctext8 .hd ul li i{ float:left; width:100%; margin:5px 0 7px 0;} #Subpage .ctext8 .hd ul li i img{ width:48px; height:48px; border-radius:50%; background:#92c9e5;} #Subpage .ctext8 .hd ul li span{ float:left; width:100%; color:#333333; font-size:18px; line-height:28px; } #Subpage .ctext8 .hd ul li.on{ border-bottom:1px solid #172b7c;} #Subpage .ctext8 .hd ul li.on i img{ background:#172b7c;} #Subpage .ctext8 .hd ul li.on span{ color:#172b7c;} #Subpage .ctext9 .hd ul li{ width:25%;} #Subpage .ctext8 .bd{ float:left; width:100%; margin-top:40px;} #Subpage .ctext8 .bd .cont{ float:left; width:100%; } #Subpage .ctext8 .pord4{ float:left; width:100%;} #Subpage .ctext8 .pord4 .lc1{ float:left; width:100%; margin:20px 0 0 0;} #Subpage .ctext8 .pord4 .lc2{ float:left; width:100%; margin:80px 0 0 0;} #Subpage .ctext8 .pord4 .tit1{ float:left; width:18.28%; color:#333333; font-size:24px; line-height:34px; padding-left:1.9%;} #Subpage .ctext8 .pord4 .info1{ float:left; width:81.72%; border-left:1px solid #e2e2e2; padding-left:8.9%; color:#333333; font-size:16px; line-height:36px;} #Subpage .ctext8 .pord4 .info2{ float:left; width:81.72%; border-left:1px solid #e2e2e2; padding-left:8.9%; overflow:hidden;} #Subpage .ctext8 .pord4 .info2 .ul1{ margin:-35px -15px 0 -15px; display:flex; flex-wrap: wrap; align-items: flex-start;} #Subpage .ctext8 .pord4 .info2 .l1{ float:left; width:33.33%; padding:0 15px; margin-top:35px;} #Subpage .ctext8 .pord4 .info2 .l1 .img{ float:left; width:100%; line-height:0;} #Subpage .ctext8 .pord4 .info2 .l1 .tit2{ float:left; width:100%; text-align:center; color:#333333; font-size:18px; line-height:28px; margin-top:20px;} #Subpage .ctext8 .pord4 .info3{ float:left; width:81.72%; border-left:1px solid #e2e2e2; padding-left:8.9%; overflow:hidden;} #Subpage .ctext8 .pord4 .info3 .ul1{ margin:-35px -15px 0 -15px;} #Subpage .ctext8 .pord4 .info3 .l1{ float:left; width:50%; padding:0 15px; margin-top:35px;} #Subpage .ctext8 .pord4 .info3 .l1 .img{ float:left; width:100%; line-height:0;} #Subpage .ctext8 .pord4 .info3 .l1 .tit2{ float:left; width:100%; text-align:center; color:#333333; font-size:18px; line-height:28px; margin-top:20px;} #Subpage .guige1{ float:left; width:100%; background:#fff; color:#333333; font-size:16px; line-height:30px; text-align:center; border-top:1px solid #efefef; border-left:1px solid #efefef; border-right:1px solid #efefef;} #Subpage .guige1 .l1{ float:left; width:100%; border-bottom:1px solid #efefef; position:relative; } #Subpage .guige1 .l1:first-child{ background:#e8e8e8; font-weight:bold;} #Subpage .guige1 .l1:after{ float:left; width:1px; height:100%; position:absolute; left:50%; top:0; content:''; background:#efefef;} #Subpage .guige1 .l1 .tit{ float:left; width:50%; padding:14px 6px; margin-left:-1px;} #Subpage .guige1 .l1 .b1{ width:25%;border-right:none; position:relative; height:100%;display:flex;flex-direction: column;justify-content:center;align-items:center; position:absolute; left:0; top:0; } #Subpage .guige1 .l1 .p1{ width:75%; float:right; border-bottom:1px solid #efefef; border-left:1px solid #efefef; position:relative; top:1px; margin-top:-1px;} #Subpage .guige1 .l1 .b2{ width:33.33%;} #Subpage .guige1 .l1 .b3{ width:66.33%; border-right:none;} #Subpage .ctext8 .form{ float:left; width:100%; background:#fff; padding:65px 20%;} #Subpage .ctext8 .form .lab{ float:left; position:relative; margin:15px 0; width:48%;} #Subpage .ctext8 .form .lab.r{ float:right;} #Subpage .ctext8 .form .lab1{ width:100%;} #Subpage .ctext8 .form .fv1{ float:left; width:100%; border-radius:52px; height:52px; line-height:26px; padding:13px 40px; color:#666666; font-size:16px; border:none; background:#f2f2f2; letter-spacing:2px; } #Subpage .ctext8 .form .fv2{ float:left; width:100%; border-radius:52px; height:52px; line-height:52px; text-align:center; color:#fff; font-size:18px; border:none; background:#172b7c; letter-spacing:1px; } #Subpage .down1{ float:left; width:100%; background:#f8f8f8; padding:100px 0 0 0;} #Subpage .down1 ul{ float:left; width:100%; border-bottom:1px solid #e5e5e5;} #Subpage .down1 li{ float:left; width:100%; border-top:1px solid #e5e5e5; padding:25px 320px 25px 90px; position:relative; z-index:1; margin-top:-1px;-webkit-transition: 0.5s ease; -moz-transition: 0.5s ease; -ms-transition: 0.5s ease; -o-transition: 0.5s ease; transition: 0.5s ease; } #Subpage .down1 li .ico1{ float:left; width:22px; height:22px; position:absolute; left:28px; top:50%; margin-top:-11px;} #Subpage .down1 li .info{ float:left; width:100%; /*min-height:52px;*/} #Subpage .down1 li .tit{ float:left; width:100%; color:#333333; font-size:18px; line-height:28px;} #Subpage .down1 li .time{ float:left; width:100%; color:#888888; font-size:14px; line-height:24px; display:none;} #Subpage .down1 li .pdf{ float:left; text-align:center; color:#888888; font-size:16px; line-height:32px; width:150px; position:absolute; top:34px; right:127px; text-transform:uppercase; } #Subpage .down1 li .ico2{ float:left; width:32px; height:32px; background:url(/template/theme/CN/4565_down2.png) center no-repeat; background-size:100% 100%; position:absolute; right:60px; top:50%; margin-top:-16px;} #Subpage .down1 li:hover{ background:#fff; border-top:1px solid #fff; z-index:6;} #Subpage .down1 li:hover .ico2{ background:url(/template/theme/CN/4565_down3.png) center no-repeat; background-size:100% 100%;} @media screen and (max-width:1600px){ #Subpage .ctext7 .cont .tit2{ margin:5% 0 2.6% 0;} #Subpage .ctext7 .cont .tit3{ margin-bottom:6.6%; } #Subpage .ctext7 .cont .zixun{ padding:15px 0;} } @media screen and (max-width:1230px){ #Subpage .ltext1{ width:260px; padding:10px 15px 25px 15px; } #Subpage .ltext1 .pz_SideLayer .l1{ margin-bottom:2px;} #Subpage .ltext1 .pz_SideLayer .l1 .la{ line-height:34px; font-size:16px; padding:6px 0; } #Subpage .ltext1 .pz_SideLayer .l2{ padding:0 20px;} #Subpage .ltext1 .pz_SideLayer .l2 .lb{ line-height:32px; font-size:14px; padding:2px 0;} #Subpage .ltext1 .pz_SideLayer .sub{ padding:7px 0 5px 0;} #Subpage .ctext7 .cont .tit1{ font-size:24px; line-height:34px;} #Subpage .ctext7 .cont .tit2{ font-size:14px; line-height:26px; margin:5% 0 2.6% 0;} #Subpage .ctext7 .cont .tit3{ font-size:14px; line-height:28px; margin-bottom:6.6%; } #Subpage .ctext7 .cont .zixun{ padding:15px 0;} #Subpage .ctext7 .cont .zixun a{ padding-left:26px; font-size:14px; line-height:24px; } #Subpage .ctext8 .form{ padding:65px 10%; } } @media screen and (max-width:1024px){ #Subpage .ctext6{ font-size:18px; line-height:38px; padding:10px 0;} /*手机导航按钮*/ #Subpage .menuph1{ margin:11px 12px 0 0;} #Subpage .ltext1 .pz_SideLayer .l1{ margin-bottom:0;} #Subpage .ltext1 .pz_SideLayer .l1 .la{ line-height:34px; font-size:16px; padding:3px 0; } #Subpage .ltext1 .pz_SideLayer .l2{ padding:0 20px;} #Subpage .ltext1 .pz_SideLayer .l2 .lb{ line-height:32px; font-size:14px; padding:1px 0;} #Subpage .ltext1 .pz_SideLayer .sub{ padding:7px 0 5px 0;} #Subpage .ctext7{ padding:30px 0 30px 0;} #Subpage .ctext7 .img{ width:100%; text-align:center;} #Subpage .ctext7 .img img{ width:280px;} #Subpage .ctext7 .cont{ width:100%; margin-top:15px;} #Subpage .ctext7 .cont .tit2{ margin:10px 0 20px 0;} #Subpage .ctext7 .cont .tit3{ margin-bottom:25px;} #Subpage .ctext7 .cont .zixun{ padding:10px 0;} #Subpage .share1 span{ font-size:14px; line-height:30px;} #Subpage .share1 .la .img1{ width:30px; height:30px; } #Subpage .ctext8{ padding:0 0 40px 0;} #Subpage .ctext8 .hd ul li{ padding:15px 0;} #Subpage .ctext8 .hd ul li i{ margin:2px 0 3px 0;} #Subpage .ctext8 .hd ul li i img{ width:40px; height:40px; } #Subpage .ctext8 .hd ul li span{ font-size:16px; line-height:26px; } #Subpage .ctext8 .bd{ margin-top:20px;} #Subpage .ctext8 .pord4 .lc1{ margin-top:15px;} #Subpage .ctext8 .pord4 .lc2{ margin-top:30px;} #Subpage .ctext8 .pord4 .tit1{ font-size:18px; line-height:28px;} #Subpage .ctext8 .pord4 .info1{ font-size:16px; line-height:36px;} #Subpage .ctext8 .pord4 .info2 .ul1{ margin:-15px -6px 0 -6px;} #Subpage .ctext8 .pord4 .info2 .l1{ padding:0 6px; margin-top:15px;} #Subpage .ctext8 .pord4 .info2 .l1 .tit2{ font-size:16px; line-height:26px; margin-top:10px;} #Subpage .ctext8 .pord4 .info3 .ul1{ margin:-15px -6px 0 -6px;} #Subpage .ctext8 .pord4 .info3 .l1{ padding:0 6px; margin-top:15px;} #Subpage .ctext8 .pord4 .info3 .l1 .tit2{ font-size:16px; line-height:26px; margin-top:10px;} #Subpage .guige1{ font-size:12px; line-height:20px; } #Subpage .guige1 .l1 .tit{ padding:10px 6px;} #Subpage .ctext8 .form{ padding:25px 15px; } #Subpage .ctext8 .form .tit{ font-size:20px; line-height:30px;} #Subpage .ctext8 .form .lab{ margin:8px 0;} #Subpage .ctext8 .form .fv1{ border-radius:38px; height:38px; line-height:24px; padding:7px 15px; font-size:14px; letter-spacing:1px; } #Subpage .ctext8 .form .fv2{ border-radius:38px; height:38px; line-height:36px; font-size:16px; } #Subpage .down1{ padding:40px 0 0 0;} #Subpage .down1 li{ padding:12px 150px 12px 46px; } #Subpage .down1 li .ico1{ width:16px; height:16px; left:15px; margin-top:-8px;} /*#Subpage .down1 li .info{ min-height:52px;}*/ #Subpage .down1 li .tit{ font-size:16px; line-height:26px;} #Subpage .down1 li .pdf{ font-size:14px; line-height:24px; width:80px; top:26px; right:54px; } #Subpage .down1 li .ico2{ width:24px; height:24px; right:15px; margin-top:-12px;} } @media screen and (max-width:768px){ #Subpage .ctext8 .pord4 .tit1{ width:100%;} #Subpage .ctext8 .pord4 .info1{ width:100%; padding:15px 0 0 0; margin-top:12px; font-size:14px; line-height:26px; border-left:none; border-top:1px solid #e2e2e2;} #Subpage .ctext8 .pord4 .info2{ width:100%; padding:15px 0 0 0; margin-top:15px; border-left:none; border-top:1px solid #e2e2e2;} #Subpage .ctext8 .pord4 .info2 .l1{ width:50%;} #Subpage .ctext8 .pord4 .info3{ width:100%; padding:15px 0 0 0; margin-top:15px; border-left:none; border-top:1px solid #e2e2e2;} #Subpage .ctext8 .form .lab{ width:100%;} #Subpage .down1 li{ padding:12px 15px 12px 46px; } #Subpage .down1 li .pdf{ width:50%; text-align:left; position:static; } #Subpage .down1 li .ico2{ float:right; } } /*service9*/ #Content16 .service9{ float:left; width:100%; background:#f8f8f8; padding:100px 0 95px 0; position:relative;} #Content16 .service9:after{ float:left; width:100%; height:18px; position:absolute; left:0; top:193px; content:''; background:url(/template/theme/CN/4566_serv15.png) center top no-repeat;} #Content16 .service9 ul{ float:left; width:100%; position:relative; z-index:8;} #Content16 .service9 ul li{ float:left; width:20%; text-align:center;} #Content16 .service9 ul li a{cursor:auto;} #Content16 .service9 ul li .cont{ opacity:0; float:left; width:100%; color:#333333; font-size:18px; line-height:29px; margin-top:24px; padding:0 16%;} #Content16 .service9 ul li .img{ display:inline-block; width:203px; height:203px; background:#fff; border-radius:50%;-webkit-transition: 0.5s ease; -moz-transition: 0.5s ease; -ms-transition: 0.5s ease; -o-transition: 0.5s ease; transition: 0.5s ease;} #Content16 .service9 ul li .img .ico{ display:inline-block; width:80px; height:80px; border-radius:50%; position:relative; margin:36px 0 16px 0;} #Content16 .service9 ul li .img .ico .i1{ position:relative;} #Content16 .service9 ul li .img .ico .i2{ position:absolute; left:0; top:0; opacity:0;} #Content16 .service9 ul li .img .tit{ float:left; width:100%; color:#333333; font-size:18px; line-height:28px; } #Content16 .service9 ul li:hover .img{ background:#172b7c;} #Content16 .service9 ul li:hover .img .ico .i1{ opacity:0;} #Content16 .service9 ul li:hover .img .ico .i2{ opacity:1;} #Content16 .service9 ul li:hover .img .tit{ color:rgba(255,255,255,0.8);} #Content16 .service9 ul li:hover .cont{ opacity:1;} #Content16 .service9 .slick-dots{ height:10px; position:static; margin-top:20px;} #Content16 .service9 .slick-dots li{ float:none; vertical-align:top; width:10px; height:10px; background:#172b7c; border-radius:50%; margin:0 5px;} @media screen and (max-width:1600px){ #Content16 .service9:after{ top:182px;} #Content16 .service9 ul li .img{ width:180px; height:180px;} #Content16 .service9 ul li .img .tit{ font-size:16px; line-height:26px;} #Content16 .service9 ul li .img .ico{ width:70px; height:70px;} #Content16 .service9 ul li .cont{ font-size:16px; line-height:26px; padding:0 10%;} } @media screen and (max-width:1230px){ #Content16 .service9:after{ top:172px;} #Content16 .service9 ul li .img{ width:160px; height:160px;} #Content16 .service9 ul li .img .tit{ font-size:16px; line-height:26px;} #Content16 .service9 ul li .img .ico{ width:60px; height:60px; margin:32px 0 12px 0;} #Content16 .service9 ul li .cont{ font-size:16px; line-height:26px; padding:0 10%;} } @media screen and (max-width:1024px){ #Content16 .service9{ padding:40px 0;} #Content16 .service9:after{ top:92px;} #Content16 .service9 ul li .img{ width:120px; height:120px;} #Content16 .service9 ul li .img .tit{ font-size:14px; line-height:22px;} #Content16 .service9 ul li .img .ico{ width:40px; height:40px; margin:25px 0 6px 0;} #Content16 .service9 ul li .cont{ font-size:14px; line-height:22px; padding:0 10px; margin-top:15px;} #Content16 .service9 ul li .cont{ opacity:1;} } @media screen and (max-width:768px){ } /*service10*/ #Content17 .service10{ float:left; width:100%; background:#fff; position:relative; padding:95px 0;} #Content17 .service10 .bg10{ display:none; float:left; width:100%; height:100%; position:absolute; left:0; top:0; z-index:1; opacity:0.1;} #Content17 .service10 .cont1{ float:left; width:48%; position:relative; z-index:6;} #Content17 .service10 .cont2{ float:right;} #Content17 .service10 .cont1 .tit1{ float:left; width:100%; color:#172b7c; font-size:48px; line-height:58px; letter-spacing:3px;} #Content17 .service10 .cont1 ul{ float:left; width:100%; margin-top:40px;} #Content17 .service10 .cont1 ul li{ float:left; width:100%; margin-bottom:5px; background:none; color:#333333; font-size:18px; line-height:28px; position:relative;-webkit-transition: 0.5s ease; -moz-transition: 0.5s ease; -ms-transition: 0.5s ease; -o-transition: 0.5s ease; transition: 0.5s ease; } #Content17 .service10 .cont1 ul li span{ font-weight:bold; color:#999999; font-size:16px; margin-right:18px;} #Content17 .service10 .cont1 ul li i{ float:left; width:22px; height:22px; position:absolute; right:30px; top:22px; background:url(/template/theme/CN/4567_down1.png) center no-repeat; background-size:100% 100%;} #Content17 .service10 .cont1 ul li a{color:#333333; float:left; width:100%; padding:20px 82px 20px 30px;} #Content17 .service10 .cont1 ul li:hover{ background:#172b7c; color:#fff;} #Content17 .service10 .cont1 ul li:hover span{ color:#fff; color:rgba(255,255,255,0.9);} #Content17 .service10 .cont1 ul li:hover i{ background:url(/template/theme/CN/4567_down1_1.png) center no-repeat; background-size:100% 100%;} #Content17 .service10 .cont1 ul li:hover a{color:#fff;} @media screen and (max-width:1230px){ } @media screen and (max-width:1230px){ #Content17 .service10 .cont1 .tit1{ font-size:36px; line-height:46px;} #Content17 .service10 .cont1 ul li{ font-size:16px; line-height:26px; } #Content17 .service10 .cont1 ul li a{padding:20px 62px 20px 20px;} #Content17 .service10 .cont1 ul li i{ right:20px;} #Content17 .service10 .cont1 ul li span{ margin-right:10px;} } @media screen and (max-width:1024px){ #Content17 .service10{ padding:35px 0 40px 0;} #Content17 .service10 .cont1{ width:100%;} #Content17 .service10 .cont2{ margin-top:15px;} #Content17 .service10 .cont1 .tit1{ font-size:20px; line-height:30px;} #Content17 .service10 .cont1 ul { margin-top:15px;} #Content17 .service10 .cont1 ul li{ font-size:16px; line-height:26px;} #Content17 .service10 .cont1 ul li a{padding:12px 40px 12px 12px;} #Content17 .service10 .cont1 ul li i{ width:16px; height:16px; right:12px; top:17px;} #Content17 .service10 .cont1 ul li span{ margin-right:8px;} } @media screen and (max-width:768px){ #Content17 .service10 .cont2{ margin-top:0;} #Content17 .service10 .cont2 .tit1{display:none;} #Content17 .service10 .cont2 ul { margin-top:0;} } /*service11*/ #Content18 .service11{ float:left; width:100%; background:#f8f8f8; position:relative; padding:95px 0 103px 0;} #Content18 .service11 .tit1{ float:left; width:100%; text-align:center; color:#172b7c; font-size:48px; line-height:58px; letter-spacing:3px;} #Content18 .service11 .list{ float:left; width:100%; position:relative; z-index:6; margin-top:55px; background:#fff;} #Content18 .service11 .list li{ float:left; width:25%; padding:60px; position:relative; z-index:6;} #Content18 .service11 .list li .tit2{ float:left; width:100%; color:#333333; font-size:26px; line-height:30px; font-weight:bold; letter-spacing:1px; border-bottom:1px solid rgba(0,0,0,0.1); padding-bottom:39px; } #Content18 .service11 .list li .info1{ float:left; width:100%; color:#444444; font-size:18px; line-height:28px; border-bottom:1px solid rgba(0,0,0,0.1); padding:25px 0;} #Content18 .service11 .list li .p1{ float:left; width:100%; position:relative; padding-left:62px;} #Content18 .service11 .list li .p1 img{ float:left; width:32px; height:32px; position:absolute; left:10px; top:-2px;} #Content18 .service11 .list .l1{ width:50%;} #Content18 .service11 .list .l1 .tit2{ color:#fff; border-bottom:1px solid rgba(255,255,255,0.1);} #Content18 .service11 .list .l1 .info1{ color:#fff; border-bottom:1px solid rgba(255,255,255,0.1);} #Content18 .service11 .list .l1 .p1{ width:50%;} #Content18 .service11 .list:after{ float:left; width:50%; height:100%; content:''; position:absolute; left:0; top:0; z-index:1; z-index:1; background:#223582;} #Content18 .service11 .list:before{ float:left; width:25%; height:100%; content:''; position:absolute; right:0; top:0; z-index:1; z-index:1; background:#f3f3f3;} @media screen and (max-width:1600px ) { #Content18 .service11 .list li{ padding:40px 30px;} #Content18 .service11 .list li .tit2{ font-size:20px; line-height:30px; padding-bottom:25px; } #Content18 .service11 .list li .p1{ padding-left:45px; font-size:16px;} #Content18 .service11 .list li .p1 img{ left:6px;} } /*@media screen and (max-width:1230px){ #Content18 .service11 .list li{ padding:40px 30px;} #Content18 .service11 .list li .tit2{ font-size:20px; line-height:30px; padding-bottom:25px; } #Content18 .service11 .list li .p1{ padding-left:45px; font-size:16px;} #Content18 .service11 .list li .p1 img{ left:6px;} }*/ @media screen and (max-width:1230px){ #Content18 .service11 .tit1{ font-size:36px; line-height:46px;} #Content18 .service11 .list li{ width:30%;} #Content18 .service11 .list .l1{ width:40%;} #Content18 .service11 .list:after{ width:40%; } #Content18 .service11 .list:before{ width:30%; } } @media screen and (max-width:1024px){ #Content18 .service11{ padding:35px 0 40px 0;} #Content18 .service11 .tit1{ font-size:20px; line-height:30px;} #Content18 .service11 .list{ margin-top:20px;} #Content18 .service11 .list li{ width:100%; padding:20px 15px;} #Content18 .service11 .list li .tit2{ padding-bottom:15px;} #Content18 .service11 .list li .info1{ padding:15px 0;} #Content18 .service11 .list .l1{ width:100%;background:#223582;} #Content18 .service11 .list .l3{ width:100%;background:#f3f3f3;} #Content18 .service11 .list:after{ display:none;} #Content18 .service11 .list:before{ display:none;} } @media screen and (max-width:768px){ } #Subpage2 .service6{ float:left; width:100%; background:#f8f8f8; padding:60px 0 0 0; } #Subpage2 .service6 .img{ float:left; width:59%; line-height:0;} #Subpage2 .service6 .img .slick-dots{ bottom:20px; height:10px;} #Subpage2 .service6 .img .slick-dots li{ width:10px; height:10px; border-radius:50%; background:#fff; margin:0 5px; opacity:0.8;} #Subpage2 .service6 .img .slick-dots li.slick-active{ background:#172b7c; opacity:1;} #Subpage2 .service6 .cont{ float:right; width:38.85%; } #Subpage2 .service6 .cont .tit0{ float:left; width:100%; color:#333333; font-size:30px; line-height:40px; border-bottom:1px solid #e3e3e3; padding:23px 0 35px 0; margin-bottom:37px;} #Subpage2 .service6 .cont .tit1{ float:left; width:100%; color:#333333; font-size:20px; line-height:30px; letter-spacing:1px; font-weight:bold;} #Subpage2 .service6 .cont .tit2{ float:left; width:100%; color:#333333; font-size:16px; line-height:36px; letter-spacing:1px; margin:4px 0 39px 0; } #Subpage2 .service7{ float:left; width:100%; background:#f8f8f8; padding:75px 0 0 0; } #Subpage2 .service7 .text1{ float:left; width:100%; text-align:center; color:#172b7c; font-size:36px; line-height:46px; letter-spacing:6px;} #Subpage2 .service7 .text1 span{ position:relative; padding:0 30px; } #Subpage2 .service7 .text1 span:after, #Subpage2 .service7 .text1 span:before{ float:left; width:78px; height:1px; position:absolute; left:100%; top:50%; content:''; background:#172b7c; opacity:0.6; } #Subpage2 .service7 .text1 span:before{ left:auto; right:100%;} #Subpage2 .service7 .list{ float:left; width:100%; margin-top:15px;} #Subpage2 .service7 .list ul{ margin:0 -15px;} #Subpage2 .service7 .list li{ float:left; width:25%; padding:0 15px; text-align:center; margin-top:20px;} #Subpage2 .service7 .list a{ float:left; width:100%; background:#fff; position:relative;} #Subpage2 .service7 .list a:after{ float:left; width:0; height:1px; position:absolute; left:0; bottom:0; content:''; background:#172b7c; -webkit-transition: 0.5s ease; -moz-transition: 0.5s ease; -ms-transition: 0.5s ease; -o-transition: 0.5s ease; transition: 0.5s ease; } #Subpage2 .service7 .list li .img{ float:left; width:100%; position:relative; line-height:0; padding-bottom:100%; overflow:hidden; border-bottom:1px solid #f8f8f8;} #Subpage2 .service7 .list li .img img{ float:left; width:100%; position:absolute; left:0; top:0; z-index:6;} #Subpage2 .service7 .list li .tit2{ float:left; width:100%; color:#333333; font-size:18px; line-height:28px; text-transform:uppercase; letter-spacing:3px; margin:25px 0 15px 0; padding:0 12px;} #Subpage2 .service7 .list li .more{ float:left; width:100%; margin-bottom:30px; padding:0 12px;} #Subpage2 .service7 .list li .more span{ display:block; margin:0 auto; width:102px; line-height:32px; color:#fff; font-size:14px; text-align:center; background:#92c9e5; border-radius:3px; transition:background 0.5s ease; -o-transition:background 0.5s ease; -moz-transition:background 0.5s ease; -webkit-transition:background 0.5s ease; } #Subpage2 .service7 .list li a:hover:after{ width:100%;} #Subpage2 .service7 .list li a:hover .more span{ background:#172b7c;} #Subpage2 .service8{ float:left; width:100%; background:#f8f8f8; padding:75px 0 120px 0; } #Subpage2 .service8 .text1{ float:left; width:100%; text-align:center; color:#172b7c; font-size:36px; line-height:46px; letter-spacing:6px;} #Subpage2 .service8 .text1 span{ position:relative; padding:0 30px; } #Subpage2 .service8 .text1 span:after, #Subpage2 .service8 .text1 span:before{ float:left; width:78px; height:1px; position:absolute; left:100%; top:50%; content:''; background:#172b7c; opacity:0.6; } #Subpage2 .service8 .text1 span:before{ left:auto; right:100%;} #Subpage2 .service8 .list{ float:left; width:100%; margin-top:15px;} #Subpage2 .service8 .list ul{ margin:0 -15px;} #Subpage2 .service8 .list li{ float:left; width:50%; padding:0 15px; text-align:center; margin-top:20px;} #Subpage2 .service8 .list a{ float:left; width:100%; background:#000000; position:relative;} #Subpage2 .service8 .list a:after{ float:left; width:0; height:1px; position:absolute; left:0; bottom:0; content:''; background:#172b7c; -webkit-transition: 0.5s ease; -moz-transition: 0.5s ease; -ms-transition: 0.5s ease; -o-transition: 0.5s ease; transition: 0.5s ease; } #Subpage2 .service8 .list li .img{ float:left; width:100%; position:relative; line-height:0; padding-bottom:66%; overflow:hidden; opacity:0.7; } #Subpage2 .service8 .list li .img img{ float:left; width:100%; position:absolute; left:0; top:0; z-index:6;} #Subpage2 .service8 .list li .cont{ float:left; width:100%; position:absolute; left:0; top:50%; transform:translate(0,-50%); padding:0 12px;} #Subpage2 .service8 .list li .tit2{ float:left; width:100%; color:#fff; font-size:30px; line-height:38px; font-weight:bold; margin-bottom:5.3%;} #Subpage2 .service8 .list li .play{ float:left; width:100%; margin-top:px; line-height:0;} #Subpage2 .service8 .list li .play img{ width:82px; height:82px;} @media screen and (max-width:1600px ) { #Subpage2 .service6 .cont .tit0{ font-size:24px; line-height:30px; padding:12px 0 18px 0; margin-bottom:18px;} #Subpage2 .service6 .cont .tit1{ font-size:18px; line-height:28px; } #Subpage2 .service6 .cont .tit2{ font-size:14px; line-height:30px; margin:4px 0 20px 0; } } /*@media screen and (max-width:1230px){ #Subpage2 .service6 .cont .tit0{ font-size:24px; line-height:30px; padding:12px 0 18px 0; margin-bottom:18px;} #Subpage2 .service6 .cont .tit1{ font-size:18px; line-height:28px; } #Subpage2 .service6 .cont .tit2{ font-size:14px; line-height:30px; margin:4px 0 20px 0; } }*/ @media screen and (max-width:1230px){ #Subpage2 .service6 .cont .tit0{ font-size:24px; line-height:30px; padding:6px 0 10px 0; margin-bottom:9px;} #Subpage2 .service6 .cont .tit1{ font-size:18px; line-height:28px; } #Subpage2 .service6 .cont .tit2{ font-size:14px; line-height:24px; margin:2px 0 10px 0; } #Subpage2 .service7 .text1{ font-size:24px; line-height:34px; letter-spacing:4px;} #Subpage2 .service7 .text1 span{ padding:0 20px; } #Subpage2 .service7 .text1 span:after, #Subpage2 .service7 .text1 span:before{ width:60px;} #Subpage2 .service7 .list li .tit2{ letter-spacing:1px; font-size:16px; line-height:26px; } #Subpage2 .service8 .text1{ font-size:24px; line-height:34px; letter-spacing:4px;} #Subpage2 .service8 .text1 span{ padding:0 20px; } #Subpage2 .service8 .text1 span:after, #Subpage2 .service8 .text1 span:before{ width:60px;} #Subpage2 .service8 .list li .tit2{ font-size:24px; line-height:32px; } #Subpage2 .service8 .list li .play img{ width:70px; height:70px;} } @media screen and (max-width:1024px){ #Subpage2 .service6{ padding:40px 0 0 0;} #Subpage2 .service6 .img{ width:100%;} #Subpage2 .service6 .cont{ width:100%; margin-top:20px;} #Subpage2 .service7{ padding:35px 0 0 0;} #Subpage2 .service7 .text1{ font-size:20px; line-height:30px; letter-spacing:2px;} #Subpage2 .service7 .text1 span{ padding:0 15px; } #Subpage2 .service7 .text1 span:after, #Subpage2 .service7 .text1 span:before{ width:40px;} #Subpage2 .service7 .list{ margin-top:5px;} #Subpage2 .service7 .list ul{ margin:0 -6px;} #Subpage2 .service7 .list li{ padding:0 6px;} #Subpage2 .service7 .list li .tit2{ margin:10px 0 5px 0;} #Subpage2 .service7 .list li .more{ float:left; width:100%; margin-bottom:20px; padding:0 12px;} #Subpage2 .service8{ padding:35px 0 50px 0;} #Subpage2 .service8 .text1{ font-size:20px; line-height:30px; letter-spacing:2px;} #Subpage2 .service8 .text1 span{ padding:0 15px; } #Subpage2 .service8 .text1 span:after, #Subpage2 .service8 .text1 span:before{ width:40px;} #Subpage2 .service8 .list{ margin-top:5px;} #Subpage2 .service8 .list ul{ margin:0 -6px;} #Subpage2 .service8 .list li{ padding:0 6px;} #Subpage2 .service8 .list li .tit2{ font-size:18px; line-height:26px; margin-bottom:12px; } #Subpage2 .service8 .list li .play img{ width:40px; height:40px;} } @media screen and (max-width:768px){ #Subpage2 .service7 .list li{ width:50%; margin-top:15px;} #Subpage2 .service7 .list li .img{ margin:30px 0 0 0;} #Subpage2 .service7 .list li .tit2{ letter-spacing:1px; font-size:14px; line-height:24px;} #Subpage2 .service7 .list li .more span{ width:82px; line-height:26px; font-size:12px;} #Subpage2 .service8 .list li{ width:100%; margin-top:15px;} } #Content19 .inside_bg{ float:left; width:100%;} #Content19 .side_tit{ float:left; line-height:26px; color:#666666; font-size:14px; padding:18px 0;} #Content19 .side_tit a{ color:#666666;} #Content19 .side_tit a.on, #Content19 .side_tit a:hover{ color:#172b7c;} #Content19 .case_small{ float:right; height:62px; border-left:1px solid #e0e0e0;} #Content19 .case_small li{ float:left;} #Content19 .case_small li a{ float:left; padding:18px 40px; color:#333333; font-size:18px; line-height:26px; border-right:1px solid #e0e0e0; position:relative;} #Content19 .case_small li a:after{ display:none; float:left; width:0; height:0; position:absolute; left:50%; top:100%; content:''; border-left: 9px solid transparent; border-right:9px solid transparent;border-top: 9px solid #172b7c; margin-left:-9px; z-index:6; } #Content19 .case_small li:hover a, #Content19 .case_small li.on a{ background:#172b7c; color:#fff;} #Content19 .case_small li:hover a::after, #Content19 .case_small li.on a::after{ display:block;} #Content19 .lay2{ display:none; width:100%; float:left;} #Content19 .lay2 .l1{ float:left; width:100%;} #Content19 .lay2 .l1 a{ float:left; width:100%; color:#333333; font-size:15px; line-height:42px; cursor:pointer; border-top:#e0e0e0 solid 1px; padding:0 15px;} #Content19 .lay2 .l1 a.on, #Content19 .lay2 .l1 a:hover{ background:#172b7c; color:#fff;} #Content19 .babyser{ float:left; width:100%; position: relative; z-index: 5;} #Content19 .babyser h2{ float:left; width:100%; padding:0 15px; color:#172b7c; font-size:18px; line-height:48px; position:relative;} #Content19 .babyser h2:after{ float:left; width:0; height:0; position:absolute; right:15px; top:50%; margin-top:-4px; content:''; border-left: 9px solid transparent; border-right:9px solid transparent;border-top: 9px solid #172b7c; margin-left:-9px; z-index:6; } @media screen and (max-width:1230px){ } @media screen and (max-width:1230px){ #Content19 .case_small li a{ padding:18px 28px; font-size:16px; } } @media screen and (max-width:1024px){ #Content19 .inBanner{ min-height:0;} #Content19 .inside_bg{ height:auto; border:none;} #Content19 .case_tx2{ font-size:18px; line-height:18px;} #Content19 .babyser h2 .imgr{ float:right; margin:16px 0 0 0; transition: all 0.2s linear; } #Content19 .babyser h2.active .imgr{ -webkit-transform:rotate(90deg); -moz-transform:rotate(90deg); -o-transform:rotate(90deg); transform:rotate(90deg); } } @media screen and (max-width:768px){ } /*about2*/ #Content20 .about2{ float:left; width:100%; background:#f8f8f8; padding:100px 0 100px 0;} #Content20 .about2 .img{ float:left; width:46.49%; line-height:0;} #Content20 .about2 .text1{ float:right; width:46.49%;} #Content20 .about2 .text1 .tit{ float:left; width:100%; color:#172b7c; font-size:48px; line-height:58px; letter-spacing:2px; margin:34px 0 39px 0; } #Content20 .about2 .text1 .info{ float:left; width:100%; color:#333333; font-size:18px; line-height:36px; letter-spacing:1px; margin-bottom:42px; } #Content20 .about2 .text1 .cont{ float:left; width:100%; border-top:1px solid #eaeaea; border-bottom:1px solid #eaeaea;padding:29px 0;} #Content20 .about2 .text1 .cont .l1{ float:left; width:25%; text-align:center; padding:6px; } #Content20 .about2 .text1 .cont .tit1{ float:left; width:100%; color:#06134b; font-size:52px; line-height:52px; font-weight:bold; } #Content20 .about2 .text1 .cont .tit2{ float:left; width:100%; color:#3b3d45; font-size:16px; line-height:26px; margin-top:5px; } @media screen and (max-width:1600px){ #Content20 .about2 .text1{ width:49%;} #Content20 .about2 .text1 .tit{ font-size:36px; line-height:46px; margin:17px 0 20px 0; } #Content20 .about2 .text1 .info{ font-size:16px; line-height:30px; margin-bottom:21px; } #Content20 .about2 .text1 .cont{ padding:14px 0;} #Content20 .about2 .text1 .cont .tit1{ font-size:40px; line-height:40px; } #Content20 .about2 .text1 .cont .tit2{ font-size:14px; line-height:24px; margin-top:5px; } } @media screen and (max-width:1230px){ #Content20 .about2 .text1 .tit{ font-size:30px; line-height:40px; margin:0 0 10px 0; } #Content20 .about2 .text1 .info{ font-size:14px; line-height:26px; margin-bottom:15px; } #Content20 .about2 .text1 .cont .tit1{ font-size:34px; line-height:34px; } #Content20 .about2 .text1 .cont .tit2{ font-size:12px; line-height:20px; margin-top:5px; } } @media screen and (max-width:1024px){ #Content20 .about2{ padding:40px 0;} #Content20 .about2 .img{ width:100%;} #Content20 .about2 .text1{ width:100%; margin-top:20px;} #Content20 .about2 .text1 .cont .l1{ width:50%;} #Content20 .about2 .text1 .tit{ font-size:26px; line-height:36px; margin:0 0 10px 0; } #Content20 .about2 .text1 .cont .tit1{ font-size:30px; line-height:30px; } } @media screen and (max-width:768px){ } #Content21 .about3{ float:left; width:100%; background:#f8f8f8; position:relative; padding:70px 0 100px 0; overflow:hidden;} #Content21 .about3 .bg3{ float:left; width:100%; height:100%; position:absolute; left:0; top:0; z-index:1;} #Content21 .about3 .ztit{color: #172b7c;font-size: 48px;line-height: 58px;letter-spacing: 2px; position:relative; z-index:6; margin-bottom:40px;} #Content21 .about3 ul{ margin:0 -25px; position:relative; z-index:6; padding-bottom:85px; } #Content21 .about3 ul:after{ float:left; width:200%; height:2px; position:absolute; left:-50%; top:81px; content:''; background:#cccccc; z-index:-1; } #Content21 .about3 ul li{ padding:0 25px; } #Content21 .about3 ul li .num{ float:left; width:100%; font-weight:bold; color:#333333; font-size:24px; line-height:32px; margin-top:24px; } #Content21 .about3 ul li .num span{ float:left; position:relative; z-index:18; padding-bottom:29px; font-style:italic; } #Content21 .about3 ul li .num span i{ display:none; float:left; position:absolute; left:50%; bottom:4px;} #Content21 .about3 ul li .num span i:after{ float:left; width:160px; height:2px; content:''; position:absolute; left:0; top:0;background-image: -webkit-linear-gradient(right, rgba(23,43, 124, 0) 0%, rgba(23,43, 124, 1) 100%); background-image: -moz-linear-gradient(right, rgba(23,43, 124, 0) 0%, rgba(23,43, 124, 1) 100%); background-image: -o-linear-gradient(right, rgba(23,43, 124, 0) 0%, rgba(23,43, 124, 1) 100%); background-image: linear-gradient(right, rgba(23,43, 124, 0) 0%, rgba(23,43, 124, 1) 100%); } #Content21 .about3 ul li .num span i:before{ float:left; width:160px; height:2px; content:''; position:absolute; right:0; top:0;background-image: -webkit-linear-gradient(right, rgba(23,43, 124, 1) 0%, rgba(23,43, 124, 0) 100%); background-image: -moz-linear-gradient(right, rgba(23,43, 124, 1) 0%, rgba(23,43, 124, 0) 100%); background-image: -o-linear-gradient(right, rgba(23,43, 124, 1) 0%, rgba(23,43, 124, 0) 100%); background-image: linear-gradient(right, rgba(23,43, 124, 1) 0%, rgba(23,43, 124, 0) 100%); } #Content21 .about3 ul li .num span:after{ float:left; width:9px; height:9px; background:#cccccc; border-radius:50%; content:''; position:absolute; left:50%; bottom:-2px; margin-left:-4px; z-index:8;} #Content21 .about3 ul li .num span:before{ float:left; width:31px; height:31px; border-radius:50%; content:''; position:absolute; left:50%; bottom:-13px; margin-left:-15px; z-index:7;} #Content21 .about3 ul li .info{ float:left; width:100%; color:#333333; font-size:16px; line-height:35px; margin:34px 0 0 0;} #Content21 .about3 ul li .info .p1{ float:left; width:100%;} #Content21 .about3 ul li .info .p2{ float:left; width:100%; color:#333333; font-size:18px; line-height:37px; font-weight:bold;} #Content21 .about3 ul li.slick-current .num span i{ display:block;} #Content21 .about3 ul li.slick-current .num{ font-size:48px; line-height:56px; color:#172b7c; margin-top:0;} #Content21 .about3 ul li.slick-current .num span:after{ width:15px; height:15px; border:3px solid #172b7c; background:#fff; bottom:-5px; margin-left:-7px;} #Content21 .about3 ul li.slick-current .num span:before{ background:#f2f2f2;} #Content21 .about3 ul .slick-prev{ width:55px; height:55px; background:url(/template/theme/CN/4572_news6.png) center no-repeat #cccccc; background-size:100% 100%; left:auto; right:102px; top:auto; bottom:0; transform:translate(0,0); -webkit-transform:translate(0,0); } #Content21 .about3 ul .slick-next{ width:55px; height:55px; background:url(/template/theme/CN/4572_news7.png) center no-repeat #cccccc; background-size:100% 100%; right:25px; top:auto; bottom:0; transform:translate(0,0); -webkit-transform:translate(0,0); } #Content21 .about3 ul .slick-prev:hover{ background:url(/template/theme/CN/4572_news6.png) center no-repeat #172b7c; background-size:100% 100%; } #Content21 .about3 ul .slick-next:hover{ background:url(/template/theme/CN/4572_news7.png) center no-repeat #172b7c; background-size:100% 100%; } #Subpage2 .service6 .img .slick-prev{ width:55px; height:55px; background:url(/template/theme/CN/4572_news6.png) center no-repeat #cccccc; background-size:100% 100%; left:0; right:auto; top:50%; margin-top:-27px; bottom:auto; transform:translate(0,0); -webkit-transform:translate(0,0); } #Subpage2 .service6 .img .slick-next{ width:55px; height:55px; background:url(/template/theme/CN/4572_news7.png) center no-repeat #cccccc; background-size:100% 100%; left:auto; right:0; top:50%; margin-top:-27px; bottom:auto; transform:translate(0,0); -webkit-transform:translate(0,0); } #Subpage2 .service6 .img .slick-prev:hover{ background:url(/template/theme/CN/4572_news6.png) center no-repeat #172b7c; background-size:100% 100%; } #Subpage2 .service6 .img .slick-next:hover{ background:url(/template/theme/CN/4572_news7.png) center no-repeat #172b7c; background-size:100% 100%; } @media screen and (max-width:1600px){ #Content21 .about3 .ztit{font-size: 42px; line-height: 46px;} #Content21 .about3 ul{ margin:0 -15px; } #Content21 .about3 ul li{ padding:0 15px; } #Content21 .about3 ul .slick-prev{ left:0;} #Content21 .about3 ul .slick-next{ right:0;} #Subpage2 .service6 .img .slick-prev{ left:0; right:auto;} #Subpage2 .service6 .img .slick-next{ right:0;} } @media screen and (max-width:1230px){ #Content21 .about3 .ztit{font-size: 42px; line-height: 40px;} #Content21 .about3 ul:after{ top:70px;} #Content21 .about3 ul li .num{ font-size:20px; line-height:28px; margin:16px 0 0 0;} #Content21 .about3 ul li .num span i{ bottom:3px;} #Content21 .about3 ul li .info{ font-size:14px; line-height:26px;} #Content21 .about3 ul li .info .p2{ font-size:16px; line-height:26px;} #Content21 .about3 ul li.slick-current .num{ font-size:36px; line-height:44px; margin-top:0;} } @media screen and (max-width:1024px){ #Content21 .about3 .ztit{font-size: 32px; line-height: 36px; margin-bottom:20px;} #Content21 .about3{ padding:40px 0;} #Content21 .about3 ul{ margin:0 -6px; padding-bottom:42px; } #Content21 .about3 ul li{ padding:0 6px; } #Content21 .about3 ul .slick-prev{ width:30px; height:30px; left:auto; right:42px;} #Content21 .about3 ul .slick-next{ width:30px; height:30px; right:6px;} #Subpage2 .service6 .img .slick-prev{ width:30px; height:30px; margin-top:-15px;} #Subpage2 .service6 .img .slick-next{ width:30px; height:30px; margin-top:-15px;} } @media screen and (max-width:768px){ #Content21 .about3 .ztit{font-size: 26px; line-height: 36px; margin-bottom:15px;} } /*wenhua1*/ #Content22 .wenhua1{ float:left; width:100%; background:#f8f8f8; padding:100px 0;} #Content22 .wenhua1 .text2{ float:left; width:100%; line-height:0; padding:0 10.2%;} #Content22 .wenhua1 .text1{ float:left; width:100%; padding:0 10.2%;} #Content22 .wenhua1 .text1 .l1{ float:left; width:100%; margin-bottom:29px; padding:37px 60px; background:#eeeeee;} #Content22 .wenhua1 .text1 .tit1{ float:left; width:100%; color:#333333; font-size:36px; line-height:46px; line-stacking:2px; font-weight:bold; } #Content22 .wenhua1 .text1 .tit2{ float:left; width:100%; color:#333333; font-size:24px; line-height:34px; line-stacking:1px; margin-top:16px;} @media screen and (max-width:1600px){ #Content22 .wenhua1 .text2{ padding:0 5%;} #Content22 .wenhua1 .text1{ padding:0 5%;} } @media screen and (max-width:1230px){ #Content22 .wenhua1 .text2{ padding:0;} #Content22 .wenhua1 .text1{ padding:0;} #Content22 .wenhua1 .text1 .l1{ padding:30px 40px;} #Content22 .wenhua1 .text1 .tit1{ font-size:24px; line-height:34px; } #Content22 .wenhua1 .text1 .tit2{ font-size:18px; line-height:28px; margin-top:8px; } } @media screen and (max-width:1024px){ #Content22 .wenhua1{ padding:40px 0;} #Content22 .wenhua1 .text1 .l1{ margin-bottom:15px; padding:15px 15px;} #Content22 .wenhua1 .text1 .tit1{ font-size:18px; line-height:28px; } #Content22 .wenhua1 .text1 .tit2{ font-size:16px; line-height:26px; margin-top:2px; } } @media screen and (max-width:768px){ } /*text2*/ #List2 .quanqui1{ float:left; width:100%; background:#f8f8f8;} #List2 .quanqui1 .text1{ float:left; width:94%; position:relative; margin:121px 3% 83px 3%;} #List2 .quanqui1 .text1 img{ position:relative; z-index:6;} #List2 .quanqui1 .text1 .cont{ float:left; position:absolute; margin:-14px 0 0 -14px; width:28px; height:28px; cursor:pointer; z-index:8; } #List2 .quanqui1 .text1 .cont .ico{ float:left; width:14px; height:14px; background:#172b7c; border-radius:50%; position:absolute; left:7px; top:7px;} #List2 .quanqui1 .text1 .cont .ico:after{ float:left; width:28px; height:28px; border:7px solid rgba(255,255,255,0.3); border-radius:50%; position:absolute; left:-7px; top:-7px; content:'';} #List2 .quanqui1 .text1 .c1{ left:16.92%; top:32.51%;} #List2 .quanqui1 .text1 .c2{ left:75.96%; top:38.66%;} #List2 .quanqui1 .text1 .c3{ left:80%; top:36.29%;} #List2 .quanqui1 .text1 .c4{ left:80.7%; top:42.23%;} #List2 .quanqui1 .text1 .c5{ left:46%; top:30.5%;} #List2 .quanqui1 .text1 .c6{ left:54.3%; top:17.22%;} #List2 .quanqui1 .text1 .c7{ left:55.17%; top:32.8%;} #List2 .quanqui1 .text1 .c8{ left:57.14%; top:38.6%;} #List2 .quanqui1 .text1 .c9{ left:67.88%; top:46.52%;} #List2 .quanqui1 .text1 .c10{ left:73.88%; top:48.85%;} #List2 .quanqui1 .text1 .c11{ left:76.1%; top:51.31%;} #List2 .quanqui1 .text1 .c12{ left:74.82%; top:57.99%;} #List2 .quanqui1 .text1 .c13{ left:80.43%; top:62.56%;} #List2 .quanqui1 .text1 .cont .tit{ display:none; float:left; background:#fff; color:#172b7c; font-size:16px; line-height:30px; font-weight:bold; border-radius:2px; padding:0 17px; position:absolute; left:-10px; top:-45px; white-space:nowrap; letter-spacing:1px; } #List2 .quanqui1 .text1 .cont .tit:after{ float:left; width:0; height:0; content:''; position:absolute; left:17px; top:100%; border-left: 6px solid transparent; border-right:6px solid transparent;border-top: 8px solid #fff; } #List2 .quanqui1 .text1 .cont.on .tit{ display:block;} #List2 .quanqui1 .text1 .cont:hover .tit{ display:block;} #List2 .quanqui1 .text1 .c2 .tit1{ float:left; color:#172b7c; font-size:18px; line-height:28px; font-weight:bold; position:absolute; right:35px; top:-15px; white-space:nowrap; letter-spacing:1px; } #List2 .quanqui1 .text1 .c3 .tit1{ float:left; color:#172b7c; font-size:18px; line-height:28px; font-weight:bold; position:absolute; left:24px; top:-20px; white-space:nowrap; letter-spacing:1px; } #List2 .quanqui1 .text1 .c4 .tit1{ float:left; color:#172b7c; font-size:18px; line-height:28px; font-weight:bold; position:absolute; left:15px; top:-8px; white-space:nowrap; letter-spacing:1px; } #List2 .quanqui1 .text1 .c2 .ino{ float:left; width:21px; position:relative; z-index:6; left:-11px; top:-26px;} #List2 .quanqui1 .text1 .c3 .ino{ float:left; width:14px; position:relative; z-index:6; left:0; top:-17px;} #List2 .quanqui1 .text1 .c4 .ino{ float:left; width:14px; position:relative; z-index:6; left:0; top:-8px;} #List2 .quanqui1 .text1 .c2 .ico{ width:75px; height:75px; background:rgba(146,201,229,0.5); margin:-38px 0 0 -38px;} #List2 .quanqui1 .text1 .c2 .ico:after{ display:none;} #List2 .quanqui1 .text1 .c3 .ico{ width:47px; height:47px; background:rgba(146,201,229,0.5); margin:-24px 0 0 -24px;} #List2 .quanqui1 .text1 .c3 .ico:after{ display:none;} #List2 .quanqui1 .text1 .c4 .ico{ width:47px; height:47px; background:rgba(146,201,229,0.5); margin:-24px 0 0 -24px;} #List2 .quanqui1 .text1 .c4 .ico:after{ display:none;} #List2 .quanqui1 .text2{ float:left; width:100%; background:#1b2f7e; padding:56px 0 50px 0; } #List2 .quanqui1 .text2 .cont{ float:left; width:100%; position:relative; } #List2 .quanqui1 .text2 .cont:after{ float:left; width:1px; height:100%; position:absolute; left:36.56%; top:0; top:0; background:rgba(255,255,255,0.2); content:'';} #List2 .quanqui1 .text2 .cont:before{ float:left; width:1px; height:100%; position:absolute; right:35.61%; top:0; top:0; background:rgba(255,255,255,0.2); content:'';} #List2 .quanqui1 .text2 .l1{ float:left; width:33.33%;} #List2 .quanqui1 .text2 .l1 .tit1{ float:left; width:100%; color:#fff; font-size:24px; line-height:34px;} #List2 .quanqui1 .text2 .l1 .tit2{ float:left; width:100%; color:#fff; color:rgba(255,255,255,0.8); font-size:16px; line-height:26px; margin-top:26px;} #List2 .quanqui1 .text2 .l1 .tit2 .p1{ float:left; margin:5px 18px 5px 0; } #List2 .quanqui1 .text2 .l1 .tit2 .p1 a{color:#fff; color:rgba(255,255,255,0.8);} #List2 .quanqui1 .text2 ._l1{ width:31.16%; margin-right:5.1%;} #List2 .quanqui1 .text2 ._l2{ width:22.73%; margin-left:5.1%;} #List2 .quanqui1 .text2 ._l3{ width:30.57%; float:right; } @media screen and (max-width:1600px){ #List2 .quanqui1 .text1{ width:100%; margin:121px 0 93px 0;} #List2 .quanqui1 .text2 .l1 .tit2{ margin-top:15px;} } @media screen and (max-width:1230px){ #List2 .quanqui1 .text2 .l1 .tit1{ font-size:18px; line-height:28px;} #List2 .quanqui1 .text2 .l1 .tit2{ font-size:14px; line-height:24px;} #List2 .quanqui1 .text2 .l1 .tit2 .p1{ margin:2px 12px 2px 0; } } @media screen and (max-width:1024px){ #List2 .quanqui1 .text1{ margin:40px 0 30px 0;} #List2 .quanqui1 .text2{ padding:28px 0 25px 0; } #List2 .quanqui1 .text2 .l1 .tit2{ margin-top:10px;} #List2 .quanqui1 .text2 ._l1{ width:33.16%; margin-right:3.1%;} #List2 .quanqui1 .text2 ._l2{ width:24.73%; margin-left:3.1%;} #List2 .quanqui1 .text2 ._l3{ width:31.57%; float:right; } #List2 .quanqui1 .text1 .cont{ margin:-8px 0 0 -8px; width:16px; height:16px;} #List2 .quanqui1 .text1 .cont .ico{ width:8px; height:8px; left:4px; top:4px; } #List2 .quanqui1 .text1 .cont .ico:after{ border:4px solid rgba(255,255,255,0.3); width:16px; height:16px; left:-4px; top:-4px;} #List2 .quanqui1 .text1 .cont .tit{ font-size:12px; line-height:22px; padding:0 8px; top:-34px; left:-15px;} #List2 .quanqui1 .text1 .c2 .ino{ width:14px; top:-12px;} #List2 .quanqui1 .text1 .c3 .ino{ width:10px; top:-9px;} #List2 .quanqui1 .text1 .c4 .ino{ width:10px; top:-6px;} #List2 .quanqui1 .text1 .c2 .tit1{ font-size:12px; line-height:22px; right:28px; top:-8px;} #List2 .quanqui1 .text1 .c3 .tit1{ font-size:12px; line-height:22px; left:10px; top:-12px;} #List2 .quanqui1 .text1 .c4 .tit1{ font-size:12px; line-height:22px; left:12px; top:-8px;} #List2 .quanqui1 .text1 .c2 .ico{ width:38px; height:38px; margin:-19px 0 0 -19px;} #List2 .quanqui1 .text1 .c3 .ico{ width:24px; height:24px; background:rgba(146,201,229,0.5); margin:-12px 0 0 -12px;} #List2 .quanqui1 .text1 .c4 .ico{ width:24px; height:24px; background:rgba(146,201,229,0.5); margin:-12px 0 0 -12px;} } @media screen and (max-width:768px){ #List2 .quanqui1 .text2{ padding:20px 0; } #List2 .quanqui1 .text2 .cont:after{ display:none;} #List2 .quanqui1 .text2 .cont:before{ display:none;} #List2 .quanqui1 .text2 .l1{ padding:12px 0;} #List2 .quanqui1 .text2 .l1 .tit2{ margin-top:4px;} #List2 .quanqui1 .text2 .l1 .tit2 .p1{ margin:0 10px 0 0; } #List2 .quanqui1 .text2 ._l1{ width:100%; margin-right:0; border-bottom:1px solid rgba(255,255,255,0.2);} #List2 .quanqui1 .text2 ._l2{ width:100%; margin-left:0; border-bottom:1px solid rgba(255,255,255,0.2);} #List2 .quanqui1 .text2 ._l3{ width:100%; float:right; } } /*jiaru1*/ #List3 .jiaru1{ float:left; width:100%; background:#f8f8f8; padding:100px 0 100px 0;} #List3 .share{ float:left; width:100%; margin-bottom:30px; position:relative; z-index:88; } #List3 .share .so1{ float:left; width:38.47%; margin-right:1.27%; position:relative; z-index:6;} #List3 .share .so1:after{ float:left; width:0; height:0; position:absolute; right:30px; top:50%; content:''; border-left: 6px solid transparent; border-right:6px solid transparent;border-top:7px solid #d3d3d3; margin-top:-3px; } #List3 .share .so2{ float:left; width:38.61%; margin-right:1.27%; position:relative; z-index:5;} #List3 .share .so2:after{ float:left; width:0; height:0; position:absolute; right:30px; top:50%; content:''; border-left: 6px solid transparent; border-right:6px solid transparent;border-top:7px solid #d3d3d3; margin-top:-3px; } #List3 .share .so3{ float:right; width:20.38%; } #List3 .share .fv1{ float:left; width:100%; border:1px solid #e3e3e3; border-radius:3px; background:#fff; color:#333333; font-size:18px; line-height:63px; height:65px; padding:0 30px; outline:none; cursor:pointer;} #List3 .share .fv2{ float:left; width:100%; border:none; border-radius:3px; background:#172b7c; color:#fff; font-size:18px; line-height:65px; cursor:pointer;} #List3 .share ul{ display:none; float:left; width:100%; position:absolute; left:0; z-index:10; top:100%; background:rgba(0,0,0,0.8); border-radius:3px; padding:14px 0; } #List3 .share ul li{ float:left; width:100%; color:#ffffff; font-size:16px; line-height:35px; padding:0 47px; margin:6px 0; cursor:pointer; } #List3 .share ul li:hover{ background:rgba(146,201,229,0.8);} #List3 .jiaru1 ul{ float:left; width:100%; } #List3 .jiaru1 ul{ float:left; width:100%; } #List3 .jiaru1 ul li{ float:left; width:100%; margin-top:1px; position:relative; z-index:6; } #List3 .jiaru1 ul li .info1{ float:left; width:100%; padding:36px 60px; background:#fff; position:relative;} #List3 .jiaru1 ul li .info1 .l1{ float:left; width:100%; color:#333333; font-size:18px; line-height:28px; padding-right:100px; padding-left:24px; position:relative; z-index:8;} #List3 .jiaru1 ul li .info1 .l1:after{ float:left; width:5px; height:22px; position:absolute; left:0; top:3px; content:''; background:#172b7c;} #List3 .jiaru1 ul li .info1 .l2{ float:left; width:100%; color:#333333; font-size:16px; line-height:26px; margin-top:30px; padding-right:100px; position:relative; z-index:8; } #List3 .jiaru1 ul li .info1 .l2 .p1{ float:left; width:22.5%; padding-left:24px;} #List3 .jiaru1 ul li .info1 .l2 .sp{ color:#888888;} #List3 .jiaru1 ul li .info1 .l3{ float:left; position:absolute; z-index:8; right:84px; top:50%; margin-top:-13px; color:#fff; font-size:16px; line-height:26px;-webkit-transition: 0.5s ease; -moz-transition: 0.5s ease; -ms-transition: 0.5s ease; -o-transition: 0.5s ease; transition: 0.5s ease;} #List3 .jiaru1 ul li .info1 .l3:after{ float:left; width:0; height:0; position:absolute; left:100%; margin-left:14px; top:50%; margin-top:-8px; content:''; border-top: 8px solid transparent; border-bottom:8px solid transparent;border-left: 11px solid #454545; webkit-transition: 0.5s ease; -moz-transition: 0.5s ease; -ms-transition: 0.5s ease; -o-transition: 0.5s ease; transition: 0.5s ease; } #List3 .jiaru1 ul li .info2{ display:none; float:left; width:100%; background:#fff; padding:0 84px; letter-spacing:1px; color:#666666; font-size:16px; line-height:30px; position:relative; z-index:8; } #List3 .jiaru1 ul li .info2 .line1{ float:left; width:100%; padding:36px 0; border-top:1px solid #e1e1e1; } #List3 .jiaru1 ul li .info2 .p1{ float:left; width:100%; font-weight:bold; color:#333333; font-size:18px; line-height:32px;} #List3 .jiaru1 ul li .info2 .p2{ float:left; width:100%; margin:26px 0 58px 0; } #List3 .jiaru1 ul li:nth-child(2n) .info1{ background:#f8f8f8;} #List3 .jiaru1 ul li:nth-child(2n) .info1 .l3{ color:#f8f8f8;} #List3 .jiaru1 ul li.active .info1{ background:#fff;} #List3 .jiaru1 ul li.active .info1 .l3{ color:#666666;} #List3 .jiaru1 ul li.active .info1 .l3:after{ transform:rotate(90deg);} #List3 .jiaru1 ul li.active{ box-shadow:0 0 38px rgba(0,0,0,0.1); z-index:8;} #List3 .jiaru1 ul li.active .info1{ background:#fff;} @media screen and (max-width:1230px){ } @media screen and (max-width:1230px){ #List3 .jiaru1 ul li .info1{ padding:30px 40px;} #List3 .jiaru1 ul li .info1 .l1{ font-size:16px; line-height:26px; padding-left:15px;} #List3 .jiaru1 ul li .info1 .l2{ font-size:14px; line-height:24px; margin-top:15px;} #List3 .jiaru1 ul li .info1 .l2 .p1{ padding-left:15px;} #List3 .jiaru1 ul li .info1 .l3{ right:40px;} #List3 .jiaru1 ul li .info2{ padding:0 55px;} } @media screen and (max-width:1024px){ #List3 .jiaru1{ padding:40px 0 40px 0;} #List3 .share .fv1{ font-size:14px; line-height:38px; height:40px; padding:0 12px;} #List3 .share .fv2{ font-size:14px; line-height:40px;} #List3 .share ul{ padding:7px 0; } #List3 .share ul li{ font-size:14px; line-height:32px; padding:0 10px; margin:1px 0;} #List3 .jiaru1 ul li .info1{ padding:15px 15px;} #List3 .jiaru1 ul li .info1 .l1{ padding-right:85px;} #List3 .jiaru1 ul li .info1 .l1:after{ width:3px; height:20px;} #List3 .jiaru1 ul li .info1 .l2{ padding-right:85px; margin-top:8px;} #List3 .jiaru1 ul li .info1 .l2 .p1{ width:50%;} #List3 .jiaru1 ul li .info1 .l3{ font-size:14px;} #List3 .jiaru1 ul li .info1 .l3:after{ margin-left:10px; margin-top:-6px; content:''; border-top: 6px solid transparent; border-bottom:6px solid transparent;border-left:8px solid #454545; } #List3 .jiaru1 ul li .info2{ padding:0 25px; font-size:14px; line-height:26px;} #List3 .jiaru1 ul li .info2 .line1{ padding:18px 0;} #List3 .jiaru1 ul li .info2 .p1{ font-size:16px; line-height:28px;} #List3 .jiaru1 ul li .info2 .p2{ margin:10px 0 20px 0; } } @media screen and (max-width:768px){ #List3 .jiaru1 ul li .info1 .l2 .p1{ width:100%;} } #List4 .news1{ float:left; width:100%; background:#f8f8f8; padding:92px 0 0 0;} #List4 .newsTit{ float:left; width:100%; color:#172b7c; font-size:36px; line-height:46px;} #List4 .news1 .ul2{ float:left; width:100%;} #List4 .news1 .ul2 li{ float:left; width:100%; padding:30px; margin-top:60px; background:#fff; position:relative;} #List4 .news1 .ul2 li:after{ float:left; width:0; height:1px; position:absolute; left:0; bottom:0; content:''; z-index:1; background:#172b7c;-webkit-transition: 0.5s ease; -moz-transition: 0.5s ease; -ms-transition: 0.5s ease; -o-transition: 0.5s ease; transition: 0.5s ease;} #List4 .news1 .ul2 li .img{ float:right; width:29.9%; height:300px; line-height:0; overflow:hidden;} #List4 .news1 .ul2 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;} #List4 .news1 .ul2 li:hover .img img{ -webkit-transform: scale(1.1); -moz-transform: scale(1.1);transform: scale(1.1);} #List4 .news1 .ul2 li .info{ float:left; width:62.4%; margin-left:3.18%;} #List4 .news1 .ul2 li .time{ float:left; width:100%; color:#cbcbcb; font-size:20px; line-height:30px; font-weight:bold; margin:74px 0 0 0;} #List4 .news1 .ul2 li .time time{ font-size:16px; font-weight:normal; margin-left:10px;} #List4 .news1 .ul2 li .tit{ float:left; width:100%; color:#333333; font-size:24px; line-height:34px; font-weight:bold; letter-spacing:2px; margin:10px 0 26px 0; overflow:hidden;white-space: nowrap; text-overflow:ellipsis;} #List4 .news1 .ul2 li .cont{ float:left; width:100%; color:#555555; font-size:16px; line-height:30px; height:60px; overflow:hidden; letter-spacing:1px;} #List4 .news1 .ul2 li:hover .tit{ color:#172b7c;} #List4 .news1 .ul2 li:hover:after{ width:100%;} #List4 .news1 .ul1{ float:left; width:100%; margin-top:45px;} #List4 .news1 .ul1 li{ float:left; width:100%; background:#fff;} #List4 .news1 .ul1 li .img{ float:left; width:59.3%; height:620px; line-height:0; overflow:hidden;} #List4 .news1 .ul1 li .img img{ height:100%; display:block; -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;} #List4 .news1 .ul1 li:hover .img img{ -webkit-transform: scale(1.1); -moz-transform: scale(1.1);transform: scale(1.1);} #List4 .news1 .ul1 li .info{ float:left; width:40.7%; padding:3.82%;} #List4 .news1 .ul1 li .time{ float:left; width:100%; color:#cbcbcb; font-size:18px; line-height:24px; font-weight:bold;} #List4 .news1 .ul1 li .time time{ display:inline-block; font-size:70px; line-height:91px; margin-right:24px; border-bottom:3px solid #172b7c;} #List4 .news1 .ul1 li .time span{ display:inline-block;} #List4 .news1 .ul1 li .tit{ float:left; width:100%; color:#333333; font-size:24px; line-height:36px; height:72px; overflow:hidden; font-weight:bold; letter-spacing:1px; margin:10.5% 0 4.8% 0;} #List4 .news1 .ul1 li .cont{ float:left; width:100%; color:#555555; font-size:16px; line-height:30px; height:60px; overflow:hidden; letter-spacing:1px;} #List4 .news1 .ul1 li .more{ float:right; width:166px; margin-top:24%; color:#fff; font-size:16px; line-height:50px; background:#92c9e5; text-align:center; border-radius:3px;-webkit-transition: 0.5s ease; -moz-transition: 0.5s ease; -ms-transition: 0.5s ease; -o-transition: 0.5s ease; transition: 0.5s ease;} #List4 .news1 .ul1 li:hover .more{ background:#172b7c;} #List4 .news1 .ul1 li:hover .tit{ color:#172b7c;} #List4 .number{ float:right; color:#888888; font-size:16px; line-height:36px; margin-top:10px;} #List4 .number font{ font-size:24px; color:#172b7c;} #List4 .wack1{ float:left; width:100%; padding:70px 0 100px 0; text-align:center;} #List4 .wack1 .pz_fy{ display:inline-block; *display:inline; *zoom:1;} #List4 .wack1 .pz_fy a { float:left; width:42px; height:42px; line-height:40px; border:1px solid #e1e1e1; color:#272727; font-size:14px; font-family:Arial; margin:0 3px; position:relative;} #List4 .wack1 .pz_fy a:hover, #List4 .wack1 .pz_fy a.on{color:#fff; border:1px solid #172b7c; background:#172b7c;} #List4 .wack1 .pz_fy a i{ position:absolute; left:50%; top:50%;} #List4 .wack1 .pz_fy .l_fy{ border:1px solid #c6c6c6; background:#c6c6c6; margin-right:16px;} #List4 .wack1 .pz_fy .r_fy{ border:1px solid #c6c6c6; background:#c6c6c6; margin-left:16px;} #List4 .wack1 .pz_fy .l_fy i:after, #List4 .wack1 .pz_fy .l_fy i:before, #List4 .wack1 .pz_fy .r_fy i:after, #List4 .wack1 .pz_fy .r_fy i:before{float:left; width:14px; height:1px; background:#fff; content:''; position:relative;} #List4 .wack1 .pz_fy .l_fy i:after{ -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); top:50%; right:40%; margin-top:5px; } #List4 .wack1 .pz_fy .l_fy i:before{ -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); top:50%; right:40%; margin-top:-5px; } #List4 .wack1 .pz_fy .r_fy i:after{ -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); top:50%; left:-30%; margin-top:5px; } #List4 .wack1 .pz_fy .r_fy i:before{ -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); top:50%; left:-30%; margin-top:-5px; } #List4 .wack1 .pz_fy .l_fy:hover, #List4 .wack1 .pz_fy .r_fy:hover{ border:1px solid #172b7c; background:#172b7c;} /*@media screen and (max-width:1600px){ #List4 .news1 .ul1 li .img{ height:474px;} #List4 .news1 .ul1 li .more{ margin-top:11%;} }*/ @media screen and (max-width:1600px){ #List4 .news1 .ul2 li .img{ height:227px;} #List4 .news1 .ul2 li .time{ margin:30px 0 0 0;} #List4 .news1 .ul1 li .img{ height:474px;} #List4 .news1 .ul1 li .info{ width:40.7%; padding:3%;} #List4 .news1 .ul1 li .time time{ font-size:60px; line-height:80px; margin-right:15px; border-bottom:3px solid #172b7c;} #List4 .news1 .ul1 li .tit{ margin:10.5% 0 4.8% 0;} #List4 .news1 .ul1 li .more{ margin-top:10%;} } @media screen and (max-width:1230px){ #List4 .newsTit{ font-size:24px; line-height:34px;} #List4 .news1 .ul2 li .img{ height:186px;} #List4 .news1 .ul2 li .info{ width:65.5%; margin-left:0;} #List4 .news1 .ul2 li .time{ font-size:18px; line-height:28px; margin:22px 0 0 0;} #List4 .news1 .ul2 li .time time{ font-size:14px; margin-left:6px;} #List4 .news1 .ul2 li .tit{ font-size:18px; line-height:28px; margin:8px 0 15px 0;} #List4 .news1 .ul2 li .cont{ font-size:14px; line-height:26px; height:52px;} #List4 .news1 .ul1 li .img{ height:392px;} #List4 .news1 .ul1 li .info{ width:40.7%; padding:3%;} #List4 .news1 .ul1 li .time{ font-size:14px; line-height:18px;} #List4 .news1 .ul1 li .time time{ font-size:40px; line-height:60px; margin-right:10px; border-bottom:2px solid #172b7c;} #List4 .news1 .ul1 li .tit{ margin:10.5% 0 4.8% 0; font-size:18px; line-height:30px; height:60px;} #List4 .news1 .ul1 li .cont{ font-size:14px; line-height:26px; height:52px;} #List4 .news1 .ul1 li .more{ width:120px; font-size:14px; line-height:36px; margin-top:15%;} #List4 .number{ font-size:16px; line-height:30px; margin-top:4px;} #List4 .number font{ font-size:20px; color:#172b7c;} } @media screen and (max-width:1024px){ #List4 .news1{ padding:40px 0 0 0;} #List4 .newsTit{ font-size:18px; line-height:28px;} #List4 .news1 .ul2 li{ margin-top:16px; padding:15px;} #List4 .news1 .ul2 li .img{ height:141px;} #List4 .news1 .ul2 li .info{ width:65.5%; margin-left:0;} #List4 .news1 .ul2 li .time{ font-size:18px; line-height:28px; margin:5px 0 0 0;} #List4 .news1 .ul2 li .time time{ font-size:14px; margin-left:6px;} #List4 .news1 .ul2 li .tit{ font-size:18px; line-height:28px; letter-spacing:1px; margin:4px 0 8px 0;} #List4 .news1 .ul2 li .cont{ font-size:14px; line-height:26px; height:52px;} #List4 .news1 .ul1{ margin-top:20px;} #List4 .news1 .ul1 li .img{ height:291px;} #List4 .news1 .ul1 li .info{ padding:20px 15px;} #List4 .news1 .ul1 li .time{ font-size:14px; line-height:18px;} #List4 .news1 .ul1 li .time time{ font-size:40px; line-height:60px; margin-right:10px; border-bottom:2px solid #172b7c;} #List4 .news1 .ul1 li .tit{ margin:15px 0 10px 0; font-size:18px; line-height:30px; height:60px;} #List4 .news1 .ul1 li .cont{ font-size:14px; line-height:26px; height:52px;} #List4 .news1 .ul1 li .more{ width:120px; font-size:14px; line-height:36px; margin-top:15px;} #List4 .number{ font-size:16px; line-height:28px; margin-top:0;} #List4 .number font{ font-size:20px; color:#172b7c;} #List4 .wack1{padding:30px 0 40px 0;} #List4 .wack1 .fy_pc{ text-align:center; font-size:14px; color:#272727; padding:5px 0;} #List4 .wack1 .fy_pc a{ padding:5px 25px; color:#fff; border:solid 1px #172b7c; background:#172b7c; border-radius:0px; overflow:hidden;} #List4 .wack1 .fy_pc span{ padding:5px 20px; color:#272727;} } @media screen and (max-width:768px){ #List4 .news1 .ul2 li .img{ width:100%; height:auto;} #List4 .news1 .ul2 li .info{ width:100%; margin-top:8px;} #List4 .news1 .ul2 li .tit{ font-size:16px; line-height:26px; letter-spacing:1px; margin:2px 0 4px 0;} #List4 .news1 .ul2 li .cont{ font-size:14px; line-height:24px; height:48px;} #List4 .news1 .ul1 li .img{ height:auto; width:100%;} #List4 .news1 .ul1 li .info{ width:100%; padding:10px 15px 25px 15px;} #List4 .news1 .ul1 li .tit{ font-size:16px; line-height:28px; height:56px;} #List4 .news1 .ul1 li .cont{ font-size:14px; line-height:24px; height:48px;} } /*news2*/ #Subpage3 .news2{ float:left; width:100%; background:#f8f8f8; padding:80px 0 100px 0;} #Subpage3 .news2 .info{ float:left; width:60%; background:#fff; margin:0 20%; padding:62px 50px 60px 50px; } #Subpage3 .news2 .info .tit1{ float:left; width:100%; color:#333333; font-size:24px; line-height:34px; font-weight:bold; letter-spacing:1px; position:relative;} #Subpage3 .news2 .info .tit1:after{ float:left; width:4px; height:32px; position:absolute; left:-50px; top:px; content:''; background:#172b7c;} #Subpage3 .news2 .info .tit2{ float:left; width:100%; color:#888888; font-size:16px; line-height:26px; margin:16px 0 34px 0; letter-spacing:1px;} #Subpage3 .news2 .info .tit2 .l{ font-weight:bold;} #Subpage3 .news2 .info .tit2 .r{ float:right;} #Subpage3 .news2 .info .cont{ float:left; width:100%; color:#444444; font-size:16px; line-height:36px; padding:32px 0 50px 0; border-bottom:1px solid #e6e6e6; border-top:1px solid #e6e6e6; letter-spacing:1px;} #Subpage3 .news2 .info .sx_fy{ float:left; width:100%; color:#444444; font-size:16px; line-height:55px; margin-top:40px;} #Subpage3 .news2 .info .sx_fy a{ width:48%;} #Subpage3 .news2 .info .sx_fy .l_fy i{ display:inline-block; vertical-align:top; width:55px; height:55px; background:url(/template/theme/CN/4577_news6.png) center no-repeat #cccccc; background-size:100% 100%; margin-right:30px;} #Subpage3 .news2 .info .sx_fy .r_fy i{ display:inline-block; vertical-align:top; width:55px; height:55px; background:url(/template/theme/CN/4577_news7.png) center no-repeat #cccccc; background-size:100% 100%; float:right; margin-left:30px;} #Subpage3 .news2 .info .sx_fy .r_fy{ float:right; text-align:right; } #Subpage3 .news2 .info .sx_fy .l_fy:hover i{ background:url(/template/theme/CN/4577_news6.png) center no-repeat #172b7c; background-size:100% 100%; } #Subpage3 .news2 .info .sx_fy .r_fy:hover i{ background:url(/template/theme/CN/4577_news7.png) center no-repeat #172b7c; background-size:100% 100%; } @media screen and (max-width:1600px){ #Subpage3 .news2 .info{ width:78%; margin:0 11%; } } @media screen and (max-width:1230px){ #Subpage3 .news2 .info{ width:90%; margin:0 5%; } } @media screen and (max-width:1024px){ #Subpage3 .news2{ padding:40px 0 50px 0;} #Subpage3 .news2 .info{ width:100%; margin:0; padding:20px 15px; } #Subpage3 .news2 .info .tit1{ font-size:16px; line-height:26px;} #Subpage3 .news2 .info .tit2{ font-size:14px; line-height:24px; margin:8px 0 16px 0;} #Subpage3 .news2 .info .cont{ font-size:14px; line-height:26px; padding:16px 0 25px 0;} #Subpage3 .news2 .info .sx_fy{ font-size:14px; line-height:30px; margin-top:20px;} #Subpage3 .news2 .info .sx_fy .l_fy i{ width:30px; height:30px; margin-right:10px;} #Subpage3 .news2 .info .sx_fy .r_fy i{ width:30px; height:30px; margin-left:10px;} } @media screen and (max-width:768px){ #Subpage3 .news2 .info .tit2 .r{ float:left; width:100%;} } /*down1*/ #List5 .down1{ float:left; width:100%; background:#f8f8f8; padding:100px 0 0 0;} #List5 .down1 ul{ float:left; width:100%; border-bottom:1px solid #e5e5e5;} #List5 .down1 li{ float:left; width:100%; border-top:1px solid #e5e5e5; padding:25px 320px 25px 90px; position:relative; z-index:1; margin-top:-1px;-webkit-transition: 0.5s ease; -moz-transition: 0.5s ease; -ms-transition: 0.5s ease; -o-transition: 0.5s ease; transition: 0.5s ease; } #List5 .down1 li .ico1{ float:left; width:22px; height:22px; position:absolute; left:28px; top:50%; margin-top:-11px;} #List5 .down1 li .info{ float:left; width:100%; /*min-height:52px;*/} #List5 .down1 li .tit{ float:left; width:100%; color:#333333; font-size:18px; line-height:28px;} #List5 .down1 li .time{ float:left; width:100%; color:#888888; font-size:14px; line-height:24px;} #List5 .down1 li .pdf{ float:left; text-align:center; color:#888888; font-size:16px; line-height:32px; width:150px; position:absolute; top:50%; margin-top:-16px; right:127px; text-transform:uppercase; } #List5 .down1 li .ico2{ float:left; width:32px; height:32px; background:url(/template/theme/CN/4578_down2.png) center no-repeat; background-size:100% 100%; position:absolute; right:60px; top:50%; margin-top:-16px;} #List5 .down1 li:hover{ background:#fff; border-top:1px solid #fff; z-index:6;} #List5 .down1 li:hover .ico2{ background:url(/template/theme/CN/4578_down3.png) center no-repeat; background-size:100% 100%;} #List5 .wack1{ float:left; width:100%; padding:70px 0 100px 0; text-align:center;} #List5 .wack1 .pz_fy{ display:inline-block; *display:inline; *zoom:1;} #List5 .wack1 .pz_fy a { float:left; width:42px; height:42px; line-height:40px; border:1px solid #e1e1e1; color:#272727; font-size:14px; font-family:Arial; margin:0 3px; position:relative;} #List5 .wack1 .pz_fy a:hover, #List5 .wack1 .pz_fy a.on{color:#fff; border:1px solid #172b7c; background:#172b7c;} #List5 .wack1 .pz_fy a i{ position:absolute; left:50%; top:50%;} #List5 .wack1 .pz_fy .l_fy{ border:1px solid #c6c6c6; background:#c6c6c6; margin-right:16px;} #List5 .wack1 .pz_fy .r_fy{ border:1px solid #c6c6c6; background:#c6c6c6; margin-left:16px;} #List5 .wack1 .pz_fy .l_fy i:after, #List5 .wack1 .pz_fy .l_fy i:before, #List5 .wack1 .pz_fy .r_fy i:after, #List5 .wack1 .pz_fy .r_fy i:before{float:left; width:14px; height:1px; background:#fff; content:''; position:relative;} #List5 .wack1 .pz_fy .l_fy i:after{ -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); top:50%; right:40%; margin-top:5px; } #List5 .wack1 .pz_fy .l_fy i:before{ -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); top:50%; right:40%; margin-top:-5px; } #List5 .wack1 .pz_fy .r_fy i:after{ -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); top:50%; left:-30%; margin-top:5px; } #List5 .wack1 .pz_fy .r_fy i:before{ -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); top:50%; left:-30%; margin-top:-5px; } #List5 .wack1 .pz_fy .l_fy:hover, #List5 .wack1 .pz_fy .r_fy:hover{ border:1px solid #172b7c; background:#172b7c;} @media screen and (max-width:1230px){ } @media screen and (max-width:1230px){ } @media screen and (max-width:1024px){ #List5 .down1{ padding:40px 0 0 0;} #List5 .down1 li{ padding:12px 150px 12px 46px; } #List5 .down1 li .ico1{ width:16px; height:16px; left:15px; margin-top:-8px;} #List5 .down1 li .info{ /*min-height:52px;*/} #List5 .down1 li .tit{ font-size:16px; line-height:26px;} #List5 .down1 li .pdf{ font-size:14px; line-height:24px; width:80px; right:54px; margin-top:-12px; } #List5 .down1 li .ico2{ width:24px; height:24px; right:15px; margin-top:-12px;} #List5 .wack1{padding:30px 0 40px 0;} #List5 .wack1 .fy_pc{ text-align:center; font-size:14px; color:#272727; padding:5px 0;} #List5 .wack1 .fy_pc a{ padding:5px 25px; color:#fff; border:solid 1px #172b7c; background:#172b7c; border-radius:0px; overflow:hidden;} #List5 .wack1 .fy_pc span{ padding:5px 20px; color:#272727;} } @media screen and (max-width:768px){ #List5 .down1 li{ padding:12px 15px 12px 46px; } #List5 .down1 li .pdf{ width:50%; text-align:left; position:static; margin-top:0; } #List5 .down1 li .ico2{ float:right; /*position:static;*/} } /*down1*/ #Subpage4 .down1{ float:left; width:100%; background:#f8f8f8; padding:100px 0 0 0;} #Subpage4 .down1 ul{ float:left; width:100%; border-bottom:1px solid #e5e5e5;} #Subpage4 .down1 li{ float:left; width:100%; border-top:1px solid #e5e5e5; padding:25px 320px 25px 90px; position:relative; z-index:1; margin-top:-1px;-webkit-transition: 0.5s ease; -moz-transition: 0.5s ease; -ms-transition: 0.5s ease; -o-transition: 0.5s ease; transition: 0.5s ease; } #Subpage4 .down1 li .ico1{ float:left; width:22px; height:22px; position:absolute; left:28px; top:41px;} #Subpage4 .down1 li .info{ float:left; width:100%; min-height:52px;} #Subpage4 .down1 li .tit{ float:left; width:100%; color:#333333; font-size:18px; line-height:28px;} #Subpage4 .down1 li .time{ float:left; width:100%; color:#888888; font-size:14px; line-height:24px;} #Subpage4 .down1 li .pdf{ float:left; text-align:center; color:#888888; font-size:16px; line-height:32px; width:150px; position:absolute; top:34px; right:127px; text-transform:uppercase; } #Subpage4 .down1 li .ico2{ float:left; width:32px; height:32px; background:url(/template/theme/CN/4579_down2.png) center no-repeat; background-size:100% 100%; position:absolute; right:60px; top:34px;} #Subpage4 .down1 li:hover{ background:#fff; border-top:1px solid #fff; z-index:6;} #Subpage4 .down1 li:hover .ico2{ background:url(/template/theme/CN/4579_down3.png) center no-repeat; background-size:100% 100%;} /*左边*/ #Subpage4 .pord3{ float:left; width:100%; background:#f8f8f8; overflow:hidden; } #Subpage4 .ctext6{ float:left; width:100%; color:#333333; font-size:24px; line-height:44px; padding:20px 0; border-bottom:1px solid #dddddd; position:relative; cursor:pointer;} #Subpage4 .ctext6 .bg{ display:none; float:left; width:200%; height:6000px; position:absolute; left:-50%; top:100%; background:#000; z-index:68; opacity:0.2; } #Subpage4 .ctext6 .title1{ float:left;} /*手机导航按钮*/ #Subpage4 .menuph1{ float:left; width:22px; height:15px; cursor: pointer; text-align: center; margin:14px 21px 0 0;} #Subpage4 .menuph1 .point { display: inline-block; vertical-align:top; width: 22px; height: 15px; position: relative;} #Subpage4 .menuph1 .point:hover .navbtn, #Subpage4 .menuph1 .point:hover .navbtn::after, #Subpage4 .menuph1 .point:hover .navbtn::before { width: 22px; } #Subpage4 .menuph1 .navbtn { position: absolute; top: 6px; right: 0; display: inline-block; width: 22px; height: 3px; -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: #c0c0c0; } #Subpage4 .menuph1 .navbtn::after, #Subpage4 .menuph1 .navbtn::before { position: absolute; right: 0; display: inline-block; width: 22px; height: 3px; 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: #c0c0c0; } #Subpage4 .menuph1 .navbtn::after { top: -6px; } #Subpage4 .menuph1 .navbtn::before { top: 6px; } #Subpage4 .menuph1 .point.active .navbtn{ background: transparent; } #Subpage4 .menuph1 .point.active .navbtn::after{ -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); top: 0px; background: #92c9e5; } #Subpage4 .menuph1 .point.active .navbtn::before { -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); top: 0px; background: #92c9e5;} #Subpage4 .ltext1{ display:none; float:left; width:320px; position:absolute; left:0; top:100%; background:#fff; z-index:70; padding:10px 30px 54px 30px;} #Subpage4 .ltext1 .pz_SideLayer{ float:left; width:100%; margin-top:1px;} #Subpage4 .ltext1 .pz_SideLayer .l1{ float:left; width:100%; margin-bottom:8px;} #Subpage4 .ltext1 .pz_SideLayer .l1 .la{ float:left; width:100%; border-bottom:1px solid #fff; line-height:38px; color:#444444; font-size:18px; padding:10px 0; position:relative;} #Subpage4 .ltext1 .pz_SideLayer .l1 .la:after{ float:left; width:12px; height:12px; position:absolute; right:0; top:50%; content:''; margin-top:-6px; background:url(/template/theme/CN/4579_pord6.png) center no-repeat;-webkit-transition: 0.5s ease; -moz-transition: 0.5s ease; -ms-transition: 0.5s ease; -o-transition: 0.5s ease; transition: 0.5s ease;} #Subpage4 .ltext1 .pz_SideLayer .l1.on .la, #Subpage4 .ltext1 .pz_SideLayer .l1:hover .la{ color:#172b7c;border-bottom:1px solid #172b7c; } #Subpage4 .ltext1 .pz_SideLayer .l1.on .la:after, #Subpage4 .ltext1 .pz_SideLayer .l1:hover .la:after{ background:url(/template/theme/CN/4579_pord7.png) center no-repeat; transform:rotate(90deg); } #Subpage4 .ltext1 .pz_SideLayer .l2{ float:left; width:100%; padding:0 29px;} #Subpage4 .ltext1 .pz_SideLayer .l2 .lb{ float:left; width:100%; line-height:36px; color:#444444; font-size:16px; padding:6px 0;} #Subpage4 .ltext1 .pz_SideLayer .l2.on .lb, #Subpage4 .ltext1 .pz_SideLayer .l2:hover .lb{ color:#92c9e5; text-decoration:underline;} #Subpage4 .ltext1 .pz_SideLayer .sub{ float:left; width:100%; padding:14px 0 11px 0;} #Subpage4 .ctext7{ float:left; width:100%; padding:90px 0 68px 0;} #Subpage4 .ctext7 .img{ float:left; width:49%; line-height:0;} #Subpage4 .ctext7 .cont{ float:right; width:43.3%;} #Subpage4 .ctext7 .cont .tit1{ float:left; width:100%; color:#333333; font-size:30px; line-height:40px;} #Subpage4 .ctext7 .cont .tit2{ float:left; width:100%; color:#333333; font-size:16px; line-height:30px; margin:10% 0 5.14% 0;} #Subpage4 .ctext7 .cont .tit3{ float:left; width:100%; color:#333333; font-size:16px; line-height:36px; margin-bottom:13.2%; } #Subpage4 .ctext7 .cont .zixun{ float:left; width:100%; border-bottom:1px solid #dddddd; border-top:1px solid #dddddd; padding:20px 0;} #Subpage4 .ctext7 .cont .zixun a{ float:left; padding-left:31px; color:#333333; font-size:16px; line-height:26px; background:url(/template/theme/CN/4579_pord10.png) left center no-repeat; } #Subpage4 .ctext7 .cont .zixun a:hover{ color:#172b7c;} #Subpage4 .share1{ float:left; width:100%; margin-top:19px;} #Subpage4 .share1 span{ float:left; color:#333333; font-size:16px; line-height:38px;} #Subpage4 .share1 .la{ float:left; margin:0 0 0 10px; position:relative;} #Subpage4 .share1 .la .img1{ float:left; background:rgba(146,201,229,0.3); width:38px; height:38px; border-radius:50%;} #Subpage4 .share1 .la:hover .img1{ float:left; background:#92c9e5;} #Subpage4 .share1 .la i{ float:left; position:absolute; background:#fff; padding:5px; width:90px; height:90px; left:50%; margin-left:-45px; bottom:55px; z-index:80;-webkit-transition: all 500ms cubic-bezier(.5, 1, .4, 1); -moz-transition: all 500ms cubic-bezier(.5, 1, .4, 1); transition: all 500ms cubic-bezier(.5, 1, .4, 1); -webkit-transform-origin:50% 95%; -moz-transform-origin:50% 95%; -ms-transform-origin:50% 95%; -o-transform-origin:50% 95%; transform-origin:50% 95%; -webkit-transform: translateY(0) scale(0); -moz-transform: translateY(0) scale(0); -ms-transform: translateY(0) scale(0); -o-transform: translateY(0) scale(0); transform: translateY(0) scale(0);} #Subpage4 .share1 .la i:after{ float:left; width:0; height:0; position:absolute; left:50%; bottom:-7px; content:''; border-left: 6px solid transparent; border-right:6px solid transparent;border-top: 8px solid #fff; margin-left:-6px; } #Subpage4 .share1 .la:hover i{ opacity: 1; filter: alpha(opacity=100); display: block \9; pointer-events: auto; -webkit-transform: translateY(0) scale(1); -moz-transform: translateY(0) scale(1); -ms-transform: translateY(0) scale(1); -o-transform: translateY(0) scale(1); transform: translateY(0) scale(1);} #Subpage4 .ctext8{ float:left; width:100%; padding:0 0 100px 0;} #Subpage4 .ctext8 .hd{ float:left; width:100%; text-align:center; border-top:1px solid #dddddd;} #Subpage4 .ctext8 .hd ul{ float:left; width:100%;} #Subpage4 .ctext8 .hd ul li{ float:left; width:33.33%; padding:25px 0; border-bottom:1px solid #dddddd; cursor:pointer;} #Subpage4 .ctext8 .hd ul li i{ float:left; width:100%; margin:5px 0 7px 0;} #Subpage4 .ctext8 .hd ul li i img{ width:48px; height:48px; border-radius:50%; background:#92c9e5;} #Subpage4 .ctext8 .hd ul li span{ float:left; width:100%; color:#333333; font-size:18px; line-height:28px; } #Subpage4 .ctext8 .hd ul li.on{ border-bottom:1px solid #172b7c;} #Subpage4 .ctext8 .hd ul li.on i img{ background:#172b7c;} #Subpage4 .ctext8 .hd ul li.on span{ color:#172b7c;} #Subpage4 .ctext9 .hd ul li{ width:25%;} #Subpage4 .ctext8 .bd{ float:left; width:100%; margin-top:40px;} #Subpage4 .ctext8 .bd .cont{ float:left; width:100%; } #Subpage4 .ctext8 .pord4{ float:left; width:100%;} #Subpage4 .ctext8 .pord4 .lc1{ float:left; width:100%; margin:20px 0 0 0;} #Subpage4 .ctext8 .pord4 .lc2{ float:left; width:100%; margin:80px 0 0 0;} #Subpage4 .ctext8 .pord4 .tit1{ float:left; width:18.28%; color:#333333; font-size:24px; line-height:34px; padding-left:1.9%;} #Subpage4 .ctext8 .pord4 .info1{ float:left; width:81.72%; border-left:1px solid #e2e2e2; padding-left:8.9%; color:#333333; font-size:16px; line-height:36px;} #Subpage4 .ctext8 .pord4 .info2{ float:left; width:81.72%; border-left:1px solid #e2e2e2; padding-left:8.9%; overflow:hidden;} #Subpage4 .ctext8 .pord4 .info2 .ul1{ margin:-35px -15px 0 -15px;} #Subpage4 .ctext8 .pord4 .info2 .l1{ float:left; width:33.33%; padding:0 15px; margin-top:35px;} #Subpage4 .ctext8 .pord4 .info2 .l1 .img{ float:left; width:100%; line-height:0;} #Subpage4 .ctext8 .pord4 .info2 .l1 .tit2{ float:left; width:100%; text-align:center; color:#333333; font-size:18px; line-height:28px; margin-top:20px;} #Subpage4 .ctext8 .pord4 .info3{ float:left; width:81.72%; border-left:1px solid #e2e2e2; padding-left:8.9%; overflow:hidden;} #Subpage4 .ctext8 .pord4 .info3 .ul1{ margin:-35px -15px 0 -15px;} #Subpage4 .ctext8 .pord4 .info3 .l1{ float:left; width:50%; padding:0 15px; margin-top:35px;} #Subpage4 .ctext8 .pord4 .info3 .l1 .img{ float:left; width:100%; line-height:0;} #Subpage4 .ctext8 .pord4 .info3 .l1 .tit2{ float:left; width:100%; text-align:center; color:#333333; font-size:18px; line-height:28px; margin-top:20px;} #Subpage4 .guige1{ float:left; width:100%; background:#fff; color:#333333; font-size:16px; line-height:30px; text-align:center; border-top:1px solid #efefef; border-left:1px solid #efefef; border-right:1px solid #efefef;} #Subpage4 .guige1 .l1{ float:left; width:100%; border-bottom:1px solid #efefef; position:relative; } #Subpage4 .guige1 .l1:first-child{ background:#e8e8e8; font-weight:bold;} #Subpage4 .guige1 .l1:after{ float:left; width:1px; height:100%; position:absolute; left:50%; top:0; content:''; background:#efefef;} #Subpage4 .guige1 .l1 .tit{ float:left; width:50%; padding:14px 6px; margin-left:-1px;} #Subpage4 .guige1 .l1 .b1{ width:25%;border-right:none; position:relative; height:100%;display:flex;flex-direction: column;justify-content:center;align-items:center; position:absolute; left:0; top:0; } #Subpage4 .guige1 .l1 .p1{ width:75%; float:right; border-bottom:1px solid #efefef; border-left:1px solid #efefef; position:relative; top:1px; margin-top:-1px;} #Subpage4 .guige1 .l1 .b2{ width:33.33%;} #Subpage4 .guige1 .l1 .b3{ width:66.33%; border-right:none;} #Subpage4 .ctext8 .form{ float:left; width:100%; background:#fff; padding:65px 20%;} #Subpage4 .ctext8 .form .lab{ float:left; position:relative; margin:15px 0; width:48%;} #Subpage4 .ctext8 .form .lab.r{ float:right;} #Subpage4 .ctext8 .form .lab1{ width:100%;} #Subpage4 .ctext8 .form .fv1{ float:left; width:100%; border-radius:52px; height:52px; line-height:26px; padding:13px 40px; color:#666666; font-size:16px; border:none; background:#f2f2f2; letter-spacing:2px; } #Subpage4 .ctext8 .form .fv2{ float:left; width:100%; border-radius:52px; height:52px; line-height:52px; text-align:center; color:#fff; font-size:18px; border:none; background:#172b7c; letter-spacing:1px; } @media screen and (max-width:1600px){ #Subpage4 .ctext7 .cont .tit2{ margin:5% 0 2.6% 0;} #Subpage4 .ctext7 .cont .tit3{ margin-bottom:6.6%; } #Subpage4 .ctext7 .cont .zixun{ padding:15px 0;} } @media screen and (max-width:1230px){ #Subpage4 .ltext1{ width:260px; padding:10px 15px 25px 15px; } #Subpage4 .ltext1 .pz_SideLayer .l1{ margin-bottom:2px;} #Subpage4 .ltext1 .pz_SideLayer .l1 .la{ line-height:34px; font-size:16px; padding:6px 0; } #Subpage4 .ltext1 .pz_SideLayer .l2{ padding:0 20px;} #Subpage4 .ltext1 .pz_SideLayer .l2 .lb{ line-height:32px; font-size:14px; padding:2px 0;} #Subpage4 .ltext1 .pz_SideLayer .sub{ padding:7px 0 5px 0;} #Subpage4 .ctext7 .cont .tit1{ font-size:24px; line-height:34px;} #Subpage4 .ctext7 .cont .tit2{ font-size:14px; line-height:26px; margin:5% 0 2.6% 0;} #Subpage4 .ctext7 .cont .tit3{ font-size:14px; line-height:28px; margin-bottom:6.6%; } #Subpage4 .ctext7 .cont .zixun{ padding:15px 0;} #Subpage4 .ctext7 .cont .zixun a{ padding-left:26px; font-size:14px; line-height:24px; } #Subpage4 .ctext8 .form{ padding:65px 10%; } } @media screen and (max-width:1024px){ #Subpage4 .down1{ padding:40px 0 0 0;} #Subpage4 .down1 li{ padding:12px 150px 12px 46px; } #Subpage4 .down1 li .ico1{ width:16px; height:16px; left:15px; top:30px;} #Subpage4 .down1 li .info{ min-height:52px;} #Subpage4 .down1 li .tit{ font-size:16px; line-height:26px;} #Subpage4 .down1 li .pdf{ font-size:14px; line-height:24px; width:80px; top:26px; right:54px; } #Subpage4 .down1 li .ico2{ width:24px; height:24px; right:15px; top:26px;} #Subpage4 .ctext6{ font-size:18px; line-height:38px; padding:10px 0;} /*手机导航按钮*/ #Subpage4 .menuph1{ margin:11px 12px 0 0;} #Subpage4 .ltext1 .pz_SideLayer .l1{ margin-bottom:0;} #Subpage4 .ltext1 .pz_SideLayer .l1 .la{ line-height:34px; font-size:16px; padding:3px 0; } #Subpage4 .ltext1 .pz_SideLayer .l2{ padding:0 20px;} #Subpage4 .ltext1 .pz_SideLayer .l2 .lb{ line-height:32px; font-size:14px; padding:1px 0;} #Subpage4 .ltext1 .pz_SideLayer .sub{ padding:7px 0 5px 0;} #Subpage4 .ctext7{ padding:30px 0 30px 0;} #Subpage4 .ctext7 .img{ width:100%; text-align:center;} #Subpage4 .ctext7 .img img{ width:280px;} #Subpage4 .ctext7 .cont{ width:100%; margin-top:15px;} #Subpage4 .ctext7 .cont .tit2{ margin:10px 0 20px 0;} #Subpage4 .ctext7 .cont .tit3{ margin-bottom:25px;} #Subpage4 .ctext7 .cont .zixun{ padding:10px 0;} #Subpage4 .share1 span{ font-size:14px; line-height:30px;} #Subpage4 .share1 .la .img1{ width:30px; height:30px; } #Subpage4 .ctext8{ padding:0 0 40px 0;} #Subpage4 .ctext8 .hd ul li{ padding:15px 0;} #Subpage4 .ctext8 .hd ul li i{ margin:2px 0 3px 0;} #Subpage4 .ctext8 .hd ul li i img{ width:40px; height:40px; } #Subpage4 .ctext8 .hd ul li span{ font-size:16px; line-height:26px; } #Subpage4 .ctext8 .bd{ margin-top:20px;} #Subpage4 .ctext8 .pord4 .lc1{ margin-top:15px;} #Subpage4 .ctext8 .pord4 .lc2{ margin-top:30px;} #Subpage4 .ctext8 .pord4 .tit1{ font-size:18px; line-height:28px;} #Subpage4 .ctext8 .pord4 .info1{ font-size:16px; line-height:36px;} #Subpage4 .ctext8 .pord4 .info2 .ul1{ margin:-15px -6px 0 -6px;} #Subpage4 .ctext8 .pord4 .info2 .l1{ padding:0 6px; margin-top:15px;} #Subpage4 .ctext8 .pord4 .info2 .l1 .tit2{ font-size:16px; line-height:26px; margin-top:10px;} #Subpage4 .ctext8 .pord4 .info3 .ul1{ margin:-15px -6px 0 -6px;} #Subpage4 .ctext8 .pord4 .info3 .l1{ padding:0 6px; margin-top:15px;} #Subpage4 .ctext8 .pord4 .info3 .l1 .tit2{ font-size:16px; line-height:26px; margin-top:10px;} #Subpage4 .guige1{ font-size:12px; line-height:20px; } #Subpage4 .guige1 .l1 .tit{ padding:10px 6px;} #Subpage4 .ctext8 .form{ padding:25px 15px; } #Subpage4 .ctext8 .form .tit{ font-size:20px; line-height:30px;} #Subpage4 .ctext8 .form .lab{ margin:8px 0;} #Subpage4 .ctext8 .form .fv1{ border-radius:38px; height:38px; line-height:24px; padding:7px 15px; font-size:14px; letter-spacing:1px; } #Subpage4 .ctext8 .form .fv2{ border-radius:38px; height:38px; line-height:36px; font-size:16px; } } @media screen and (max-width:768px){ #Subpage4 .down1 li{ padding:12px 15px 12px 46px; } #Subpage4 .down1 li .pdf{ width:50%; text-align:left; position:static; } #Subpage4 .down1 li .ico2{ float:right; position:static;} #Subpage4 .ctext8 .pord4 .tit1{ width:100%;} #Subpage4 .ctext8 .pord4 .info1{ width:100%; padding:15px 0 0 0; margin-top:12px; font-size:14px; line-height:26px; border-left:none; border-top:1px solid #e2e2e2;} #Subpage4 .ctext8 .pord4 .info2{ width:100%; padding:15px 0 0 0; margin-top:15px; border-left:none; border-top:1px solid #e2e2e2;} #Subpage4 .ctext8 .pord4 .info2 .l1{ width:50%;} #Subpage4 .ctext8 .pord4 .info3{ width:100%; padding:15px 0 0 0; margin-top:15px; border-left:none; border-top:1px solid #e2e2e2;} #Subpage4 .ctext8 .form .lab{ width:100%;} } #Content23 .service2{ float:left; width:100%; background:#f8f8f8; padding:100px 0 100px 0;} #Content23 .service2 .bg2 { float:left; width:100%; height:100%; position:absolute; left:0; top:0; z-index:1; opacity:0.3;} #Content23 .service2 .text2{ float:left; width:100%; text-align:center;} #Content23 .service2 .text2 .ico{float:left; width:100%; position:relative; z-index:6; } #Content23 .service2 .text2 .ico img{ width:85px; height:85px; border-radius:50%; background:#92c9e5; overflow:hidden;} #Content23 .service2 .text2 .tit1{ float:left; width:100%; color:#333333; font-size:18px; line-height:28px; position:relative; z-index:6; margin:25px 0 10px 0;} #Content23 .service2 .text2 .tit2{ float:left; width:100%; color:#172b7c; font-weight:bold; font-size:48px; line-height:50px; position:relative; z-index:6;} #Content23 .service2 .form{ float:left; width:64%; background:rgba(255,255,255,0.6); margin:55px 18% 0 18%; border-radius:20px; padding:57px 100px 60px 100px; box-shadow:0 4px 4px rgba(0,0,0,0.11); } #Content23 .service2 .form .lab{ float:left; position:relative; margin-top:20px; width:48%;} #Content23 .service2 .form .lab.r{ float:right;} #Content23 .service2 .form .lab1{ width:100%;} #Content23 .service2 .form .tit{ float:left; width:100%; text-align:center; letter-spacing:1px; color:#333333; font-size:30px; line-height:40px; font-weight:bold; } #Content23 .service2 .form .name{ float:left; line-height:27px; color:#555555; font-size:16px; letter-spacing:3px; position:absolute; left:25px; top:14px;} #Content23 .service2 .form .name span{ color:#92c9e5; font-size:18px;} #Content23 .service2 .form .fv1{ float:left; width:100%; border-radius:55px; height:55px; line-height:27px; padding:14px 25px 14px 124px; color:#555555; font-size:16px; border:none; background:rgba(227,229,235,0.4); letter-spacing:3px; } #Content23 .service2 .form .fv1_1{ padding:14px 25px 14px 86px;} #Content23 .service2 .form .fv1_2{ padding:14px 25px 14px 200px;} #Content23 .service2 .form .fv1_3{ padding:14px 25px 14px 143px;} #Content23 .service2 .form .fv1_4{ padding:14px 25px 14px 181px;} #Content23 .service2 .form .fv2{ float:left; width:100%; border-radius:55px; height:55px; line-height:53px; text-align:center; color:#fff; font-size:18px; border:none; background:#172b7c; letter-spacing:1px; } @media screen and (max-width:1600px){ #Content23 .service2 .form{ width:84%; margin:55px 8% 0 8%; border-radius:20px; padding:57px 100px 60px 100px;} } @media screen and (max-width:1230px){ #Content23 .service2 .form{ width:100%; margin:55px 0 0 0; border-radius:20px; padding:57px 60px 60px 60px;} } @media screen and (max-width:1024px){ #Content23 .service2{ padding:40px 0;} #Content23 .service2 .text2 .l1{ margin-top:20px; margin-bottom:0; min-height:187px; padding:25px 15px;} #Content23 .service2 .text2 .ico img{ width:60px; height:60px;} #Content23 .service2 .text2 .tit1{ font-size:18px; line-height:28px; margin:8px 0 5px 0;} #Content23 .service2 .text2 .tit2{ font-size:30px; line-height:32px;} #Content23 .service2 .form{ margin:25px 0 0 0; border-radius:10px; padding:25px 15px; } #Content23 .service2 .form .tit{ font-size:20px; line-height:30px;} #Content23 .service2 .form .lab{ margin-top:15px;} #Content23 .service2 .form .name{ font-size:14px; line-height:24px; letter-spacing:1px; left:12px; top:7px;} #Content23 .service2 .form .name span{ font-size:16px;} #Content23 .service2 .form .fv1{ border-radius:38px; height:38px; line-height:24px; padding:7px 12px 7px 90px; font-size:14px; letter-spacing:1px; } #Content23 .service2 .form .fv1_1{ padding:7px 12px 7px 60px;} #Content23 .service2 .form .fv1_2{ padding:7px 12px 7px 150px;} #Content23 .service2 .form .fv1_3{ padding:7px 12px 7px 105px;} #Content23 .service2 .form .fv1_4{ padding:7px 12px 7px 135px;} #Content23 .service2 .form .fv2{ border-radius:38px; height:38px; line-height:36px; font-size:16px; } } @media screen and (max-width:768px){ #Content23 .service2 .form .lab{ width:100%;} } #Content24 .service3{ float:left; width:100%; background:#fff; padding:88px 0 95px 0; position:relative;} #Content24 .service3 .bg3{ float:left; width:100%; height:100%; position:absolute; left:0; top:0; z-index:1; opacity:0.2;} #Content24 .service3 .title1{ float:left; width:100%; text-align:center; color:#172b7c; font-size:48px; line-height:58px; letter-spacing:2px; position:relative; z-index:6; } #Content24 .service3 .cont{ float:left; width:100%; position:relative; z-index:6; margin-top:45px;} #Content24 .service3 .cont li{ float:left; width:25%; padding:0 10px; text-align:center; position:relative;} #Content24 .service3 .cont li:after{ float:left; width:100%; height:1px; border-bottom:1px dashed rgba(0,0,0,0.3); position:absolute; left:50%; top:48px; content:''; z-index:1;} #Content24 .service3 .cont li .ico{ float:left; width:100%; line-height:0; position:relative; z-index:6;} #Content24 .service3 .cont li .ico img{ width:96px; height:96px; border-radius:50%; background:#92c9e5;} #Content24 .service3 .cont li .tit{ float:left; width:100%; color:#333333; font-size:18px; line-height:28px; margin-top:22px;} #Content24 .service3 .cont li:last-child:after{ display:none;} @media screen and (max-width:1600px){ } @media screen and (max-width:1230px){ #Content24 .service3 .title1{ font-size:30px; line-height:40px;} #Content24 .service3 .cont li:after{ top:40px;} #Content24 .service3 .cont li .ico img{ width:80px; height:80px;} #Content24 .service3 .cont li .tit{ font-size:14px; line-height:24px; margin-top:15px;} } @media screen and (max-width:1024px){ #Content24 .service3{ padding:35px 0 40px 0;} #Content24 .service3 .title1{ font-size:20px; line-height:30px;} #Content24 .service3 .cont{ margin-top:15px;} } @media screen and (max-width:768px){ #Content24 .service3 .cont li{ width:50%; margin-top:15px; } #Content24 .service3 .cont li .ico img{ width:70px; height:70px;} #Content24 .service3 .cont li:after{ top:35px;} #Content24 .service3 .cont li .tit{ font-size:14px; line-height:22px; margin-top:8px; min-height:44px;} #Content24 .service3 .cont li:nth-child(2n):after{ display:none;} } #Content25 .service4{ float:left; width:100%; background:#f8f8f8; padding:95px 0 95px 0;} #Content25 .service4 .title1{ float:left; width:100%; text-align:center; color:#172b7c; font-size:48px; line-height:58px; letter-spacing:2px; } #Content25 .service4 .cont{ float:left; width:100%; margin-top:5px; padding:0 130px;} #Content25 .service4 .cont ul{ margin:0 -27px;} #Content25 .service4 .cont ul li{ float:left; width:50%; padding:0 15px; margin-top:30px;} #Content25 .service4 .cont ul li .info{ float:left; width:100%; position:relative; background:#fff; min-height:64px; padding:18px 30px 18px 68px; color:#333333; font-size:18px; line-height:28px;-webkit-transition: 0.5s ease; -moz-transition: 0.5s ease; -ms-transition: 0.5s ease; -o-transition: 0.5s ease; transition: 0.5s ease;} #Content25 .service4 .cont ul li .info:hover{ box-shadow:0 5px 10px rgba(0,0,0,0.15);} #Content25 .service4 .cont ul li .img{ float:left; width:24px; height:24px; position:absolute; left:30px; top:20px;} #Content25 .service4 .cont ul li .p1{ float:left; width:100%;} #Content25 .service4 .cont ul li:last-child{ width:100%;} @media screen and (max-width:1600px){ #Content25 .service4 .cont{ padding:0;} } @media screen and (max-width:1230px){ #Content25 .service4 .title1{ font-size:30px; line-height:40px;} #Content25 .service4 .cont ul li .info{ padding:10px 15px 10px 43px; min-height:44px; font-size:14px; line-height:24px;} #Content25 .service4 .cont ul li .img{ width:18px; height:18px; left:15px; top:13px;} } @media screen and (max-width:1024px){ #Content25 .service4{ padding:35px 0 40px 0;} #Content25 .service4 .title1{ font-size:20px; line-height:30px;} #Content25 .service4 .cont ul{ margin:0 -6px;} #Content25 .service4 .cont ul li{ width:100%; padding:0 6px; margin-top:15px;} } @media screen and (max-width:768px){ } #Content26 .service5{ float:left; width:100%; background:#f8f8f8; padding:0 0 95px 0;} #Content26 .service5 .title1{ float:left; width:100%; text-align:center; color:#172b7c; font-size:48px; line-height:58px; letter-spacing:2px; } #Content26 .service5 .cont{ float:left; width:100%; margin-top:5px; padding:0 130px;} #Content26 .service5 .cont ul{ margin:0 -27px;} #Content26 .service5 .cont ul li{ float:left; width:33.33%; padding:0 27px; margin-top:30px;} #Content26 .service5 .cont ul li .info{ float:left; width:100%;} #Content26 .service5 .cont ul li .img{ float:left; width:100%; line-height:0; overflow:hidden;} #Content26 .service5 .cont ul 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;} #Content26 .service5 .cont ul li .info:hover .img img{ -webkit-transform: scale(1.1); -moz-transform: scale(1.1);transform: scale(1.1);} #Content26 .service5 .cont ul li .p1{ float:left; width:100%; line-height:28px; font-size:18px; color:#333333; text-align:center; margin-top:20px;} #Content26 .service5 .cont ul li .info:hover .p1{ color:#172b7c;} @media screen and (max-width:1600px){ #Content26 .service5 .cont{ padding:0;} } @media screen and (max-width:1230px){ #Content26 .service5 .title1{ font-size:30px; line-height:40px;} #Content26 .service5 .cont ul{ margin:0 -15px;} #Content26 .service5 .cont ul li{ padding:0 15px; margin-top:30px;} #Content26 .service5 .cont ul li .p1{ font-size:14px; line-height:24px; margin-top:10px;} } @media screen and (max-width:1024px){ #Content26 .service5{ padding:0 0 40px 0;} #Content26 .service5 .title1{ font-size:20px; line-height:30px;} #Content26 .service5 .cont ul{ margin:0 -6px;} #Content26 .service5 .cont ul li{ padding:0 6px; margin-top:15px;} } @media screen and (max-width:768px){ #Content26 .service5 .cont ul li{ width:100%;} } #Content27 .service1{ float:left; width:100%; background:#f8f8f8; padding:93px 0 95px 0;} #Content27 .service1 .text1{ float:left; width:100%; text-align:center; color:#000000; font-size:24px; line-height:34px; } #Content27 .service1 .text2{ float:left; width:100%;} #Content27 .service1 .text2 .l1{ float:left; width:100%; margin-top:55px; margin-bottom:5px; text-align:center; position:relative; min-height:285px; padding:45px;} #Content27 .service1 .text2 .bg{ float:left; width:100%; height:100%; position:absolute; left:0; top:0; z-index:1; opacity:0.3;} #Content27 .service1 .text2 .ico{float:left; width:100%; position:relative; z-index:6; } #Content27 .service1 .text2 .ico img{ width:85px; height:85px; border-radius:50%; background:#92c9e5; overflow:hidden;} #Content27 .service1 .text2 .tit1{ float:left; width:100%; color:#333333; font-size:18px; line-height:28px; position:relative; z-index:6; margin:25px 0 10px 0;} #Content27 .service1 .text2 .tit2{ float:left; width:100%; color:#172b7c; font-weight:bold; font-size:48px; line-height:40px; position:relative; z-index:6;} #Content27 .service1 .text2 .ico1{float:left; width:100%; position:relative; z-index:6; margin-top:30px; } #Content27 .service1 .text2 .ico1 img{ width:85px; height:85px; border-radius:50%; background:#172b7c; overflow:hidde} #Content27 .service1 .text2 .tit3{ float:left; width:100%; color:#333333; font-weight:bold; font-size:24px; line-height:34px; margin:20px 0 30px 0; position:relative; z-index:6;} #Content27 .service1 .text2 .tit3 a{ color:#000;} @media screen and (max-width:1230px){ } @media screen and (max-width:1230px){ } @media screen and (max-width:1024px){ #Content27 .service1{ padding:40px 0;} #Content27 .service1 .text1{ font-size:16px; line-height:26px; } #Content27 .service1 .text2 .l1{ margin-top:20px; margin-bottom:0; min-height:187px; padding:25px 15px;} #Content27 .service1 .text2 .ico img{ width:60px; height:60px;} #Content27 .service1 .text2 .tit1{ font-size:18px; line-height:28px; margin:8px 0 5px 0;} #Content27 .service1 .text2 .tit2{ font-size:30px; line-height:32px;} #Content27 .service1 .text2 .ico1{ margin-top:15px; } #Content27 .service1 .text2 .ico1 img{ width:60px; height:60px; } #Content27 .service1 .text2 .tit3{ font-size:18px; line-height:18px; margin:10px 0 15px 0;} } @media screen and (max-width:768px){ } /*contact1*/ #List6 .contact1{ float:left; width:100%; background:#f8f8f8; position:relative;} #List6 .bdmap{ float:left; width:100%; height:765px;} #List6 .contact1 .cont{ float:left; width:100%; position:absolute; left:0; top:153px; z-index:6;} #List6 .contact1 .info{ float:right; width:49%; background:rgba(0,0,0,0.6); padding:75px 5% 50px 5%;} #List6 .contact1 .info .tit{ float:left; width:100%; color:#fff; font-size:24px; line-height:34px; font-weight:bold; letter-spacing:1px; margin-bottom:30px; padding-bottom:34px; border-bottom:1px solid rgba(255,255,255,0.3);} #List6 .contact1 .info .p1{ float:left; width:100%; position:relative; color:#fff; font-size:24px; line-height:32px; font-weight:bold; padding:3px 0 3px 60px; margin:11px 0 10px 0; min-height:38px;} #List6 .contact1 .info .p1 img{ float:left; width:38px; height:38px; border-radius:50%; background:#92c9e5; position:absolute; left:0; top:0;} #List6 .contact1 .info .p2{ font-size:18px; font-weight:normal;} #List6 .contact1 .info .p3{ font-size:16px; font-weight:normal;} #List6 .contact2{ float:left; width:100%; background:#f8f8f8; padding:80px 0 50px 0;} #List6 .contact2 .text1{ float:left; width:100%; margin:0 0 28px 0;} #List6 .contact2 .text1 ul{display:flex; flex-wrap: wrap; align-items: flex-start;} #List6 .contact2 .text1 .l1{ float:left; width:49%; background:#fff; margin-bottom:30px; padding:20px 3.82%;-webkit-transition: 0.5s ease; -moz-transition: 0.5s ease; -ms-transition: 0.5s ease; -o-transition: 0.5s ease; transition: 0.5s ease;} #List6 .contact2 .text1 .l1:nth-child(2n){ /*float:right;*/ margin-left:2%;} #List6 .contact2 .text1 .l1 .tit1{ float:left; width:100%; color:#333333; font-size:24px; line-height:34px; padding:5px 0 25px 0; border-bottom:1px solid #e5e5e5; margin-bottom:20px;} #List6 .contact2 .text1 .l1 .p1{ float:left; width:100%; color:#333333; font-size:16px; line-height:36px; min-height:144px} #List6 .contact2 .text1 .l1:hover{ background:#172b7c;} #List6 .contact2 .text1 .l1:hover .tit1{ color:#fff; border-bottom:1px solid rgba(255,255,255,0.1);} #List6 .contact2 .text1 .l1:hover .p1{ color:#fff;} #List6 .jiazai{ float:left; width:100%; line-height:0; text-align:center; margin:20px 0 30px 0; } #List6 .jiazai img{ width:64px; height:64px;} #List6 .share{ float:left; width:100%; margin-bottom:30px; position:relative; z-index:88; } #List6 .share .so1{ float:left; width:38.47%; margin-right:1.27%; position:relative; z-index:6;} #List6 .share .so1:after{ float:left; width:0; height:0; position:absolute; right:30px; top:50%; content:''; border-left: 6px solid transparent; border-right:6px solid transparent;border-top:7px solid #d3d3d3; margin-top:-3px; } #List6 .share .so2{ float:left; width:38.61%; margin-right:1.27%; position:relative; z-index:5;} #List6 .share .so2:after{ float:left; width:0; height:0; position:absolute; right:30px; top:50%; content:''; border-left: 6px solid transparent; border-right:6px solid transparent;border-top:7px solid #d3d3d3; margin-top:-3px; } #List6 .share .so3{ float:right; width:20.38%; } #List6 .share .fv1{ float:left; width:100%; border:1px solid #e3e3e3; border-radius:3px; background:#fff; color:#333333; font-size:18px; line-height:63px; height:65px; padding:0 30px; outline:none; cursor:pointer;} #List6 .share .fv2{ float:left; width:100%; border:none; border-radius:3px; background:#172b7c; color:#fff; font-size:18px; line-height:65px; cursor:pointer;} #List6 .share ul{ display:none; float:left; width:100%; position:absolute; left:0; z-index:10; top:100%; background:rgba(0,0,0,0.8); border-radius:3px; padding:14px 0; } #List6 .share ul li{ float:left; width:100%; color:#ffffff; font-size:16px; line-height:35px; padding:0 47px; margin:6px 0; cursor:pointer; } #List6 .share ul li:hover{ background:rgba(146,201,229,0.8);} @media screen and (max-width:1230px){ } @media screen and (max-width:1230px){ } @media screen and (max-width:1024px){ #List6 .contact2{ padding:40px 0 25px 0;} #List6 .contact2 .text1{ margin:0;} #List6 .bdmap{ height:340px;} #List6 .contact1 .info{ padding:25px 15px;} #List6 .contact1 .cont{ top:40px;} #List6 .contact1 .info .tit{ font-size:16px; line-height:24px; padding-bottom:12px; margin-bottom:12px;} #List6 .contact1 .info .p1{ font-size:16px; line-height:26px; min-height:32px; padding:0 0 0 34px; margin:6px 0 3px 0;} #List6 .contact1 .info .p1 img{ width:24px; height:24px; top:1px;} #List6 .contact2 .text1 .l1{ width:100%; margin-bottom:15px;} #List6 .contact2 .text1 .l1:nth-child(2n){ /*float:right;*/ margin-left:0;} #List6 .contact2 .text1 .l1 .tit1{ font-size:16px; line-height:26px; padding:0 0 10px 0; margin-bottom:10px;} #List6 .contact2 .text1 .l1 .p1{ font-size:14px; line-height:26px; min-height:26px;} #List6 .jiazai{ margin:15px 0 10px 0; } #List6 .jiazai img{ width:32px; height:32px;} #List6 .share .fv1{ font-size:14px; line-height:38px; height:40px; padding:0 12px;} #List6 .share .fv2{ font-size:14px; line-height:40px;} #List6 .share ul{ padding:7px 0; } #List6 .share ul li{ font-size:14px; line-height:32px; padding:0 10px; margin:1px 0;} } @media screen and (max-width:768px){ #List6 .contact1 .cont{ position:static;} #List6 .contact1 .info{ width:100%;} } #Content28 .page_bg{ float:left; width:100%; margin:60px 0;} #Content28 .page_bg .page{ float:left; width:100%; color:#333333; font-size:16px; line-height:30px;} @media screen and (max-width:1230px){ } @media screen and (max-width:1230px){ } @media screen and (max-width:1024px){ #Content28 .page_bg{ margin:30px 0;} #Content28 .page_bg .page{ font-size:14px; line-height:28px;} } @media screen and (max-width:768px){ } .sitemap{ width:100%;float:left;} .sitemap li{border-bottom:1px dashed #d2d2d2; padding:7px 0; float:left; line-height:40px;width:98%; padding-left:2%; } .sitemap li a{ margin-right:10px;font-size:12px; float:left; white-space: nowrap; font-size:14px;} .sitemap li a:hover{color:#172b7c;} .sitemap li .font16{ font-size:16px; /*color:#135fb1*/} .sitemap li .font14{font-size:14px; } .sitemap li .font12{ font-size:12px; color:#999} .zmb{ width:100%; height:100%; position:fixed; left:0; top:0; background:black; background:balck; opacity:0.4; display:none; z-index:99999;} .tc_video{ width:1016px; height:570px; position:fixed; left:50%; top:50%; margin:-285px 0 0 -508px; display:none; z-index:100000;} .tc_video video{ width:100%; height:100%; position:absolute; left:0; top:0;} .tc_video .videoclose{position: absolute;right: 0px;top: -35px;width: 30px;height: 30px; cursor:pointer;} @media screen and (max-width:1200px){ } @media screen and (max-width:1200px){ .tc_video{ width:960px; height:500px; margin:-250px 0 0 -480px;} } @media screen and (max-width:992px){ .tc_video{ width:760px; height:300px; margin:-150px 0 0 -380px;} } @media screen and (max-width:768px){ .tc_video{ width:90%; height:250px; margin:-125px 0 0 0; left:5%;} } #Content29 .pord5{ float:left; width:100%; background:#f8f8f8; padding:60px 0 100px 0;} #Content29 .ltext2{ float:left; width:290px;} #Content29 .ltext2 .pz_SideLayer{ float:left; width:100%; margin-top:1px;} #Content29 .ltext2 .pz_SideLayer .l1{ float:left; width:100%; background:#ffffff; margin-bottom:20px;} #Content29 .ltext2 .pz_SideLayer .l1 .la{ float:left; width:100%; line-height:38px; color:#444444; font-size:18px; padding:17px 30px; position:relative;} #Content29 .ltext2 .pz_SideLayer .l1 .la:after{ float:left; width:12px; height:12px; position:absolute; right:30px; top:50%; content:''; margin-top:-6px; background:url(/template/theme/CN/4665_pord6.png) center no-repeat;-webkit-transition: 0.5s ease; -moz-transition: 0.5s ease; -ms-transition: 0.5s ease; -o-transition: 0.5s ease; transition: 0.5s ease;} #Content29 .ltext2 .pz_SideLayer .l1.on .la, #Content29 .ltext2 .pz_SideLayer .l1:hover .la{ color:#fff; background:#172b7c; } #Content29 .ltext2 .pz_SideLayer .l1.on .la:after, #Content29 .ltext2 .pz_SideLayer .l1:hover .la:after{ background:url(/template/theme/CN/4665_pord7_1.png) center no-repeat; } #Content29 .rtext2{ float:right; width:1250px; background:#ffffff; padding:55px 48px 75px 48px; color:#444444; font-size:16px; line-height:30px;} #Content29 .rtext2 .tit0{ float:left; width:100%; border-bottom:1px solid #e9e9e9; } #Content29 .rtext2 .tit0 .l{ float:left;color:#333333; font-size:36px; line-height:46px; padding-bottom:27px; position:relative;} #Content29 .rtext2 .tit0 .l:after{ float:left; width:100%; height:3px; position:absolute; left:0; bottom:-2px; content:''; background:#92c9e5; } #Content29 .rtext2 .tit0 .r{ float:right;color:#333333; font-size:24px; line-height:46px; padding-bottom:27px;} #Content29 .rtext2 .tit1{ float:left; width:100%; color:#172b7c; font-size:24px; line-height:34px; letter-spacing:2px; margin-top:60px;} #Content29 .rtext2 .tit2{ float:left; width:100%; margin-top:17px;} #Content29 .rtext2 .ico{ width:33px; height:33px; display:inline-block; vertical-align:top; margin:0 13px 0 0;} #Content29 .ltext{ float:left; width:290px;} #Content29 .ltext .pz_SideLayer{ float:left; width:100%; margin-top:1px;} #Content29 .ltext .pz_SideLayer .l1{ float:left; width:100%; margin-bottom:8px;} #Content29 .ltext .pz_SideLayer .l1 .la{ float:left; width:100%; border-bottom:1px solid #f8f8f8; line-height:38px; color:#444444; font-size:18px; padding:10px 0; position:relative;} #Content29 .ltext .pz_SideLayer .l1 .la:after{ float:left; width:12px; height:12px; position:absolute; right:0; top:50%; content:''; margin-top:-6px; background:url(/template/theme/CN/4665_pord6.png) center no-repeat;-webkit-transition: 0.5s ease; -moz-transition: 0.5s ease; -ms-transition: 0.5s ease; -o-transition: 0.5s ease; transition: 0.5s ease;} #Content29 .ltext .pz_SideLayer .l1.on .la, #Content29 .ltext .pz_SideLayer .l1:hover .la{ color:#172b7c;border-bottom:1px solid #172b7c; } #Content29 .ltext .pz_SideLayer .l1.on .la:after, #Content29 .ltext .pz_SideLayer .l1:hover .la:after{ background:url(/template/theme/CN/4665_pord7.png) center no-repeat; transform:rotate(90deg); } #Content29 .ltext .pz_SideLayer .l2{ float:left; width:100%; padding:0 29px;} #Content29 .ltext .pz_SideLayer .l2 .lb{ float:left; width:100%; line-height:36px; color:#444444; font-size:16px; padding:6px 0;} #Content29 .ltext .pz_SideLayer .l2.on .lb, #Content29 .ltext .pz_SideLayer .l2:hover .lb{ color:#92c9e5; text-decoration:underline;} #Content29 .ltext .pz_SideLayer .sub{ float:left; width:100%; padding:14px 0 11px 0;} @media screen and (max-width:1600px){ #Content29 .rtext2{ width:880px;} } @media screen and (max-width:1230px){ #Content29 .ltext2{ width:260px;} #Content29 .ltext2 .pz_SideLayer .l1{ margin-bottom:12px;} #Content29 .ltext2 .pz_SideLayer .l1 .la{ line-height:34px; font-size:16px; padding:10px 20px; } #Content29 .ltext2 .pz_SideLayer .l1 .la:after{ right:15px;} #Content29 .rtext2{ width:700px;} #Content29 .ltext{ width:260px;} #Content29 .ltext .pz_SideLayer .l1{ margin-bottom:2px;} #Content29 .ltext .pz_SideLayer .l1 .la{ line-height:34px; font-size:16px; padding:6px 0; } #Content29 .ltext .pz_SideLayer .l2{ padding:0 20px;} #Content29 .ltext .pz_SideLayer .l2 .lb{ line-height:32px; font-size:14px; padding:2px 0;} #Content29 .ltext .pz_SideLayer .sub{ padding:7px 0 5px 0;} } @media screen and (max-width:1024px){ #Content29 .pord5{ padding:40px 0 40px 0;} #Content29 .ltext2{ width:100%;} #Content29 .ltext2 .pz_SideLayer .l1 .la{ line-height:34px; font-size:16px; padding:3px 15px; } #Content29 .ltext2 .pz_SideLayer .l1 .la:after{ right:15px;} #Content29 .rtext2{ width:100%; margin-top:15px; padding:25px 15px 30px 15px; font-size:14px; line-height:26px;} #Content29 .rtext2 .tit0{} #Content29 .rtext2 .tit0 .l{ font-size:18px; line-height:28px; padding-bottom:14px;} #Content29 .rtext2 .tit0 .r{ font-size:16px; line-height:28px; padding-bottom:14px;} #Content29 .rtext2 .tit1{ font-size:18px; line-height:28px; margin-top:30px;} #Content29 .rtext2 .tit2{ margin-top:8px;} #Content29 .rtext2 .ico{ width:26px; height:26px; margin:0 8px 0 0;} #Content29 .ltext{ width:100%;} #Content29 .ltext .pz_SideLayer .l1{ margin-bottom:0;} #Content29 .ltext .pz_SideLayer .l1 .la{ line-height:34px; font-size:16px; padding:3px 0; } #Content29 .ltext .pz_SideLayer .l2{ padding:0 20px;} #Content29 .ltext .pz_SideLayer .l2 .lb{ line-height:32px; font-size:14px; padding:1px 0;} #Content29 .ltext .pz_SideLayer .sub{ padding:7px 0 5px 0;} } @media screen and (max-width:768px){ } #Content6{ float:left; width:100%; overflow:hidden; display: flex; align-items: center; justify-content: center;} @media screen and (max-width:768px){ .section7 .list li a .tit {font-size: 14px; margin-left: 4px;} .section7 .list li {width: 50%;margin-top: 8px;padding: 0 4px;} .section7 .list li a .img { width: 34px; height: 34px;} .section4 .bg4{z-index:-1;} } /*20210120*/ ._message{ display:none; float:left; width:100%; height:100%; position:fixed; left:0; top:0; z-index:666; background:rgba(0,0,0,0.5);} ._message .Form{ float:left; width:990px; border-radius:20px; background:#fff; position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); -ms-transform:translate(-50%,-50%); padding:20px;} ._message form{ float:left; width:100%; padding:25px 8.4% 32px 8.4%; display: flex; flex-wrap:wrap; justify-content: space-between; overflow:hidden; overflow-y:auto; scrollbar-width:thin; max-height:86vh; } ._message form::-webkit-scrollbar { width:3px } ._message form::-webkit-scrollbar-track { background-color:#e5e5e5; border-radius:3px } ._message form::-webkit-scrollbar-thumb { width:3px; height:60px; background-color:#172b7c; border-radius:3px} ._message form h1{ float:left; width:100%; text-align:center; color:#333333; font-size:30px; line-height:40px; font-weight:bold; letter-spacing:1px; margin-bottom:20px;} ._message form .sub{ float:left; width:100%; margin-top:2px; margin-bottom:8px; border-radius:53px; height:53px; line-height:53px; background:#172b7c; color:#fff; font-size:18px;-webkit-transition: all 1s ease-out 0s; -moz-transition: all 1s ease-out 0s; -o-transition: all 1s ease-out 0s; transition: all 1s ease-out 0s; } ._message form .sub:hover{ box-shadow:0 5px 10px rgba(0,0,0,0.2); opacity:0.9;} ._message form .lab{ float:left; width:48.5%; position:relative; margin-bottom:18px;} ._message form .lab em { float:left; width:0; height:0; position:absolute; top:50%; right:40px; border-left: 6px solid transparent; border-right:6px solid transparent;border-top: 8px solid #9d9d9d; margin-top:-4px; } ._message form h5{ float:left; position:absolute; left:25px; top:15px; color:#92c9e5; font-size:18px; line-height:24px;} ._message form .fv{ float:left; width:100%; color:#555555; font-size:16px; line-height:30px; height:52px; border-radius:27px; background:#f4f5f7; border:none; padding:11px 25px 11px 40px; cursor:pointer;} ._message form .lab1{ float:left; width:100%; border-radius:27px; background:#f4f5f7; padding:0 20px; position:relative; margin-bottom:18px; color:#555555; font-size:16px; line-height:26px; display:none; } ._message form .check{ float:left; width:100%; border-bottom:1px solid rgba(0,0,0,0.1); padding:12px 0 12px 40%;cursor:pointer; } ._message form .check:last-child{ border-bottom:none;} ._message form .check i{ float:right; position:relative; margin-top:5px; width:16px; height:16px; border-radius:2px; border: 1px solid #b2b2b2;} ._message form .check i:after{ float:left; width:6px; height:9px; border-top:1px solid #fff; border-left:1px solid #fff; content:''; position:absolute; left:50%; top:50%; transform:translate(-50%,-50%) rotate(225deg); -ms-transform:translate(-50%,-50%) rotate(225deg); margin-top:-2px; opacity:0; } ._message form .check.on{ color: #172b7c;} ._message form .check.on i{background: #172b7c; border: 1px solid #172b7c;} ._message form .check.on i:after{ opacity:1; } ._message form .lab2{ float:left; width:100%; position:relative; margin-bottom:18px;} ._message form .text{ float:left; width:100%; color:#555555; font-size:16px; line-height:26px; height:150px; border-radius:27px; background:#f4f5f7; border:none; padding:15px 40px;} ._message ._colse{ float:left; width:42px; height:42px; position:absolute; top:-44px; right:-55px; line-height:0; cursor:pointer; } @media screen and (max-height:900px){ ._message form h1 {font-size:20px; line-height:30px; margin-bottom:10px; } ._message form .lab {width: 49%;} ._message form .lab1 { border-radius:12px; padding:0 10px; margin-bottom:10px; font-size:14px; line-height:24px;} ._message form .check{padding:6px 0 6px 40%;} ._message form .lab {margin-bottom:10px;} ._message form .fv{ font-size:14px; line-height:26px; height:40px; border-radius:20px; padding:6px 15px 6px 26px; cursor:pointer;} ._message form h5 { left:15px; top:8px;} ._message form .lab em { right:15px;} ._message form .lab2 {margin-bottom:10px;} ._message form .text{ font-size:14px; line-height:26px; height:100px; border-radius:20px; padding:6px 15px 6px 26px;} ._message form .sub{ margin-bottom:8px; border-radius:20px; height:40px; line-height:38px; font-size:16px;} ._message ._colse { width:32px; height:32px; top:-34px; right:-35px;} } @media screen and (max-width:1230px){ ._message .Form{ width:700px; border-radius:10px; padding:20px 15px; } ._message form{ padding:0; max-height:80vh;} ._message form h1 {font-size:20px; line-height:30px; margin-bottom:10px; } ._message form .lab {width: 49%;} ._message form .lab1 { border-radius:12px; padding:0 10px; margin-bottom:10px; font-size:14px; line-height:24px;} ._message form .check{padding:6px 0 6px 40%;} ._message form .lab {margin-bottom:10px;} ._message form .fv{ font-size:14px; line-height:26px; height:40px; border-radius:20px; padding:6px 15px 6px 26px; cursor:pointer;} ._message form h5 { left:15px; top:8px;} ._message form .lab em { right:15px;} ._message form .lab2 {margin-bottom:10px;} ._message form .text{ font-size:14px; line-height:26px; height:100px; border-radius:20px; padding:6px 15px 6px 26px;} ._message form .sub{ margin-bottom:8px; border-radius:20px; height:40px; line-height:38px; font-size:16px;} ._message ._colse { width:32px; height:32px; top:-34px; right:-35px;} } @media screen and (max-width:1024px) { ._message .Form {width: 82%; padding:15px 12px;} ._message form .lab {width: 100%;} ._message form .check{padding:6px 0 6px 15%;} ._message form h1 {font-size:18px; line-height:28px;} ._message form .fv{ height:36px; padding:4px 15px 4px 26px;} ._message form .sub{ height:36px; line-height:34px; } ._message ._colse { width:24px; height:24px; top:-26px; right:-24px;} } ._messR{ float:right; position:fixed; right:1px; top:50%; width:60px; z-index:660; } ._messR li{ float:right; width:100%; position:relative;} ._messR li a{ float:right; width:100%; height:60px; background:#06134b; border-radius:50%; margin:10px 0;} ._messR li h6{ float:right; background:#06134b; color:#fff; font-size:16px; line-height:26px; padding:7px 18px; border-radius:5px; white-space:nowrap; position:absolute; right:100%; top:50%; margin-top:-20px; margin-right:10px; -webkit-transition: all 500ms cubic-bezier(.5, 1, .4, 1); -moz-transition: all 500ms cubic-bezier(.5, 1, .4, 1); transition: all 500ms cubic-bezier(.5, 1, .4, 1); -webkit-transform-origin:98% 50%; -moz-transform-origin:98% 50%; -ms-transform-origin:98% 50%; -o-transform-origin:98% 50%; transform-origin:98% 50%; -webkit-transform: translateY(0) scale(0); -moz-transform: translateY(0) scale(0); -ms-transform: translateY(0) scale(0); -o-transform: translateY(0) scale(0); transform: translateY(0) scale(0) } ._messR li h6:after{ float:left; width:0; height:0; content:''; position:absolute; left:100%; top:50%; border-top: 6px solid transparent; border-bottom:6px solid transparent;border-left:6px solid #06134b; margin-top:-6px; } ._messR li:hover h6{filter: alpha(opacity=100); display: block \9; pointer-events: auto; -webkit-transform: translateY(0) scale(1); -moz-transform: translateY(0) scale(1); -ms-transform: translateY(0) scale(1); -o-transform: translateY(0) scale(1); transform: translateY(0) scale(1);} @media screen and (max-width:1024px) { ._messR{ width:28px;} ._messR li a{ height:28px; margin:4px 0;} ._messR li h6{ display:none !important; font-size:14px; line-height:24px; padding:5px 15px; margin-top:-17px;} } ._messR{margin-top:-160px;} @media screen and (max-width:1024px) { ._messR{margin-top:-72px;} } /*._el{overflow:hidden;white-space: nowrap; text-overflow:ellipsis;}*/ .xw_section ul li{} #List .rtext.xw_section li a{padding:0; text-align:left;} .xw_section ul li .picbox{width:100%;position: relative;} .xw_section ul li .pic{width: 100%; padding-bottom: 55.33%; position: relative; overflow: hidden;} .xw_section ul li .pic img{ width: 100%; position: absolute; left: 50%; top: 50%; min-height: 100%; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%);} .xw_section ul li .icon{width: 62px;height: 62px;position: absolute;left: 50%;top: 50%; cursor:pointer; transform: translate(-50%,-50%); -ms-transform: translate(-50%,-50%);} .xw_section ul li .wordsbox{width: 100%;padding: 18px;border:1px solid #eeeeee; padding-right:0; border-top: 0;position: relative;overflow: hidden;} .xw_section ul li .wordsbox .conbox{height:auto; overflow-y:auto; position: relative;z-index: 9; padding-right:18px;} .xw_section ul{display:flex; flex-wrap: wrap; align-items: flex-start; width:100%;} .xw_section ul li .wordsbox .date{font-size: 16px;color: #333333;margin-bottom: 10px; transition: All 0.3s ease-in-out; -webkit-transition: All 0.3s ease-in-out; -moz-transition: All 0.3s ease-in-out; -o-transition: All 0.3s ease-in-out;} .xw_section ul li .wordsbox h3{font-size: 20px;color: #333333; margin-bottom: 9px; transition: All 0.3s ease-in-out; -webkit-transition: All 0.3s ease-in-out; -moz-transition: All 0.3s ease-in-out; -o-transition: All 0.3s ease-in-out;} .xw_section ul li .wordsbox p{font-size: 16px;color: #555555;line-height: 30px; transition: All 0.3s ease-in-out; -webkit-transition: All 0.3s ease-in-out; -moz-transition: All 0.3s ease-in-out; -o-transition: All 0.3s ease-in-out;} .xw_section ul li .wordsbox .back{width: 100%;height: 100%;background-color: #5368ab;position: absolute;left: 0%;top: 0%;z-index: 8;opacity: 0; transition: All 0.3s ease-in-out; -webkit-transition: All 0.3s ease-in-out; -moz-transition: All 0.3s ease-in-out; -o-transition: All 0.3s ease-in-out;} /*.xw_section ul li:hover .wordsbox .back{opacity: 1;}*/ /*.xw_section ul li:hover .wordsbox .date{color: #fff;} .xw_section ul li:hover .wordsbox h3{color: #fff;} .xw_section ul li:hover .wordsbox p{color: #fff;}*/ #List .rtext.xw_section{width:1220px;} .casttit{float: left; width: 100%; color: #172b7c; font-size: 24px; line-height: 59px; margin-bottom:30px;} @media screen and (max-width:1600px) { #List .rtext.xw_section{width:850px;} } @media screen and (max-width:1230px) { .casttit{line-height:47px;margin-bottom:20px;} #List .rtext.xw_section{width:670px;} } @media screen and (max-width:1024px) { .xw_section ul li{} #List .rtext.xw_section{margin-top:15px; width:100%;} .casttit{display:none;} #List .rtext.xw_section li{width:50%;} .xw_section ul li .icon{width: 40px;height: 40px;} .xw_section ul li .wordsbox{padding: 14px; padding-right:0;} .xw_section ul li .wordsbox .conbox{height:auto; padding-right:14px;} .xw_section ul li .wordsbox .date{font-size: 14px;} .xw_section ul li .wordsbox h3{font-size: 16px;color: #333333;} .xw_section ul li .wordsbox p{font-size: 14px;line-height: 26px;} } @media screen and (max-width:768px) { .xw_section ul li{} #List .rtext.xw_section li{width:100%;} .xw_section ul li .icon{width: 30px;height: 30px;} .xw_section ul li .wordsbox{padding: 12px; } .xw_section ul li .wordsbox .conbox{padding-right:0;} .xw_section ul li .wordsbox p{line-height: 24px;} } ._message{position:initial; display:block; background:#f8f8f8;} ._message .Form{position:initial;transform: translate(0%,0%); float:none; margin:0 auto; background:none; overflow:hidden;} ._message form .fv{background:#fff;} ._message form .text{background:#fff;} .tc_video .daima{ width: 100%; height: 100%; position: absolute; left: 0; top: 0;} .tc_video .daima iframe{display:block; width:100%; height:100%;}