body {color:#333333} a{color:#0182e7}a:active,a:hover {color:#0182e7} @media (min-width: 1390px) {.container{ width: 1390px; }} @media (min-width: 1390px) {.container{ width: 1390px; }} /*手机下拉*/ #Top .xialaph{ position:fixed; left:0; top:0; float:left; width: 100%; height:100%; overflow:scroll; padding:66px 0 150px 0; display: none; z-index:66; background:#fff;} #Top .xialaph .ul2, #Top .xialaph .ul3{display: none;} #Top .xialaph h4 a{ float:left; width:60%; color: #1f1f1f; font-size:15px;line-height:48px; text-transform:uppercase;} #Top .xialaph h4{ float:left; width:100%; position:relative;} #Top .xialaph li:last-child h4::before{ content: ''; position: absolute; bottom: 0; left: 0; width: 100%; height: 1px; background-color: #e7e7e7;} #Top .xialaph h4:hover a, #Top .xialaph h5:hover a{ color: #0182e7; } #Top .xialaph h4::after{ content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 1px; background-color: #e7e7e7; } #Top .xialaph h5 a{ float:left; width:100%; color: #1f1f1f; font-size:14px; line-height:38px; text-transform:uppercase; } #Top .xialaph h5{ float:left; width:100%;position: relative; } #Top .xialaph h5::after{ content: ''; position: absolute; bottom: 0; left: 0; right: 0; height: 1px; background-color: #e7e7e7; } #Top .xialaph li:last-child h5::after{ display: none; } #Top .xialaph h4 img{ width: 15px; height: 8px; float: right; margin-top: 20px; cursor: pointer; } #Top .xialaph h5 img{ width: 11px; height: 6px; float: right; margin-top: 16px; margin-right: 18px; cursor: pointer; } #Top .xialaph h4.active img.img_s, #Top .xialaph h5.active img.img_s{ display: none; } #Top .xialaph h4.active img.img_d, #Top .xialaph h5.active img.img_d{ display: block; } #Top .xialaph .ul2{ float:left; width:100%; padding:0 10px;} #Top .xialaph .ul3{ padding-top: 12px; padding-bottom: 18px; padding-left: 15px; position: relative; } #Top .xialaph .ul3::after{ content: ''; position: absolute; bottom: 0; left: 0; right: 0; height: 1px; background-color: #3c3a3a; } #Top .xialaph li:last-child .ul3::after{ display: none; } #Top .xialaph .ul3 li a{ color: #333; font-size: 14px; line-height: 35px; display: block; } #Top .xialaph .ul3 li{ padding-top: 5px; } #Top .xialaph .ul3 li:first-child{ padding-top: 0; } #Top .xialaph .phsou{ position: relative; margin-top: 34px; } #Top .xialaph .phsou input{ width: 100%; height: 56px; background-color: #fff; color: #aaa; font-size: 14px; padding-left: 20px; border: 1px solid #e5e5e5; } #Top .xialaph .phsou img{ cursor: pointer; width: 21px; height: 22px; position: absolute; top: 17px; right: 29px; } .img_d, .disno{ display: none; } /*手机按钮*/ #Top .menuph{ display:none; float:right; width:28px; text-align:center; font-size:13px; line-height:13px; color:#000000; cursor: pointer; text-align: center; margin:12px 0; } #Top .menuph .point { display: inline-block; width: 28px; height: 22px; position: relative; margin-bottom:6px;} #Top .menuph .point:hover .navbtn, #Top .menuph .point:hover .navbtn::after, #Top .menuph .point:hover .navbtn::before { width: 28px; } #Top .menuph .navbtn { position: absolute; top: 10px; right: 0; display: inline-block; width: 21px; height: 2px; -webkit-transition: all .3s ease-out 0s; -moz-transition: all .3s ease-out 0s; -ms-transition: all .3s ease-out 0s; -o-transition: all .3s ease-out 0s; transition: all .3s ease-out 0s; background: #000000; } #Top .menuph .navbtn::after, #Top .menuph .navbtn::before { position: absolute; right: 0; display: inline-block; width: 28px; height: 2px; content: ''; -webkit-transition: all .3s ease-out 0s; -moz-transition: all .3s ease-out 0s; -ms-transition: all .3s ease-out 0s; -o-transition: all .3s ease-out 0s; transition: all .3s ease-out 0s; background: #000000; } #Top .menuph .navbtn::after { top: -11px; } #Top .menuph .navbtn::before { top: 10px; } #Top .menuph .point.active .navbtn{ background: transparent; } #Top .menuph .point.active .navbtn::after{ -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); top: 0px; } #Top .menuph .point.active .navbtn::before { -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); top: 0px; } /*top*/ #Top .Head{ float:left; width:100%; background:url(/template/theme/CN/776_top1.jpg) center no-repeat; background-size:cover; position:relative; z-index:88;} #Top .logo{ float:left; width:681px; height:77px; line-height:0; margin:51px 0 83px 0;} #Top .topR{ float:right; margin:25px 0 0 0; text-align:right;} #Top .topFH{ display:block; color:#4a4a4a; font-size:14px; line-height:24px;} #Top .topFH a{ color:#4a4a4a;} #Top .topFH a:hover{ color:#0182e7;} #Top .biaoyu{ display:block; color:#0182e7; font-size:20px; line-height:30px; font-weight:bold; margin-top:23px; white-space:nowrap;} #Top .biaoyu i{ display:inline-block; margin:0 13px; vertical-align:top; line-height:20px;} /*menu*/ #Top .menu{ float:left; width:100%;} #Top .menu .ul1{ margin:0 1px;} #Top .menu .nli{ float:left; width:11.111%; padding:0 1px; position:relative;} #Top .menu .nli span a{float:left; width:100%; color:#2c2c2c; font-size:18px; line-height:55px; background:url(/template/theme/CN/776_top2.jpg) center repeat-x; position:relative; text-align:center;} #Top .menu .nli.active span a, #Top .menu .nli:hover span a{ color:#fff; background:#0182e7;} #Top .menu .sub{ display:none; float:left; position:absolute; left:0; top:55px; width:100%; z-index:66;} #Top .menu .sub li{ float:left; width:100%; margin-top:1px;} #Top .menu .sub li a{ float:left; width:100%; text-align:center; color:#fff; font-size:14px; line-height:36px; background:#0182e7; background:rgba(1，130，231,0.5);} #Top .menu .sub li a:hover{ background:#0182e7; color:#fff;} @media screen and (max-width:1390px){ } @media screen and (max-width:1390px){ #Top .menu .nli span a{ font-size:16px;} } @media screen and (max-width:1023px){ #Top .menu{ display:none;} #Top .menuph{ display:block;} #Top .biaoyu{ display:none;} #Top .logo{ width:354px; height:40px; margin:13px 0;} #Top .topR{ margin:21px 10px 0 0;} } @media screen and (max-width:768px){ #Top .logo{ width:300px; height:34px; margin:16px 0;} #Top .topR{ float:left; display:none;} #Top .topFH{ width:100%; text-align:center; margin-top:15px; float:left;} @media screen and (max-width:374px ){ #Top .logo{ width:248px; height:28px; margin:14px 0;} } } /*手机底部导航*/ #Down .pf_down{width:100%; float:left; position:fixed; left:0; bottom:0; height:50px; background:#0182e7; z-index:55; box-shadow:0 -4px 7px rgba(0,0,0,0.15);} #Down .pf_down li{ width:25%; float:left; text-align:center; padding:7px 0 3px 0; border-right:1px solid rgba(255,255,255, 0.2);} #Down .pf_down li a{ float:left; width:100%;} #Down .pf_down li:last-child{ border:none;} #Down .pf_down li .ico7{ width:100%; float:left; height:20px;} #Down .pf_down li .ico7 svg, #Down .pf_down li .ico7 svg path{ width:20px; height:20px; color:#fff;} #Down .pf_down li .name{ width:100%; float:left; margin-obtn:4px; font-size:12px; color:#fff; line-height:14px; margin-top:2px;} #Down .pf_down li.l1 .ico7{ background:url(/template/theme/CN/850_btn15.png) no-repeat center; background-size:18px 18px;} #Down .pf_down li.l2 .ico7{ background:url(/template/theme/CN/850_btn13.png) no-repeat center; background-size:18px 18px;} #Down .pf_down li.l3 .ico7{ background:url(/template/theme/CN/850_btn16.png) no-repeat center; background-size:18px 18px;} #Down .pf_down li.l4 .ico7{ background:url(/template/theme/CN/850_btn17.png) no-repeat center; background-size:18px 18px;} /*底部*/ #Down .pz_down{ float:left; width:100%; background:#4d4d4d;} #Down .foot1{ float:left; width:100%; position:relative; padding-right:100px;} #Down .footNav{ float:left; width:80.5%; border-bottom:1px solid #fff; border-bottom:1px solid rgba(255,255,255,0.1); padding:22px 0;} #Down .footNav ul{ margin-left:-66px;} #Down .footNav li{ float:left; margin-left:66px;} #Down .footNav li a{ float:left; color:#fff; color:rgba(255,255,255,0.8); font-size:14px; line-height:24px;} #Down .footNav li a:last-child{ padding-right:0 !important;} #Down .footNav li a:hover{ color:#fff; color:rgba(255,255,255,1);} #Down .Copyright{ float:left; width:80.5%; padding:29px 0 37px 0; color:#fff; color:rgba(255,255,255,0.6); font-size:14px; line-height:28px;} #Down .Copyright .sp1{ padding-right:12px;} #Down .Copyright a{ color:#fff; color:rgba(255,255,255,0.6);} #Down .Copyright a:hover{ color:#fff; color:rgba(255,255,255,1);} #Down .footEWM{ float:left; position:absolute; right:0; top:50%; text-align:center; width:88px; margin-top:-53px;} #Down .footEWM i{ float:left; width:100%; line-height:0;} #Down .footEWM i img{ width:80px; height:80px;} #Down .footEWM h5{ float:left; width:100%; color:#fff; font-size:12px; line-height:16px; margin-top:10px;} @media screen and (max-width:1390px){ } @media screen and (max-width:1390px){ #Down .footNav{ width:95%;} #Down .footNav ul{ margin-left:-45px;} #Down .footNav li{ margin-left:45px;} #Down .Copyright{ width:95%;} } @media screen and (max-width:1023px){ #Down .footNav{ width:95%; padding:12px 0;} #Down .footNav ul{ margin-left:-15px;} #Down .footNav li{ margin-left:15px;} #Down .Copyright{ width:95%; padding:12px 0; line-height:24px;} } @media screen and (max-width:768px){ #Down .pz_down{ margin-bottom:50px;} #Down .foot1{ padding-right:0;} #Down .footNav{ width:100%; padding:20px 100px 20px 0;} #Down .footNav ul{ margin-left:0;} #Down .footNav li{ margin-left:0; width:33.33%;} #Down .Copyright{ width:100%;} #Down .footEWM{ top:0; margin-top:12px;} #Down .footEWM h5{ margin-top:3px;} #Down .footEWM i img{ width:70px; height:70px;} } #Content .hCont1{ float:left; width:100%; background:#0182e7; padding:10px 0;} #Content .gonggao{ float:left; width:70.58%; position:relative; padding-left:108px; overflow:hidden;} #Content .gonggao .tit{ float:left; position:absolute; left:0; top:0; line-height:30px; color:#fff; font-size:14px; font-weight:bold; padding-left:35px; background:url(/template/theme/CN/851_ico1.png) 4px center no-repeat;} #Content .gonggao .bd{ float:left; width:100%;} #Content .gonggao .bd .tempWrap{ width:100% !important; } #Content .gonggao .bd li{ float:left; width:auto !important; margin-right:36px;} #Content .gonggao .bd li a{ float:left; color:#fff; font-size:14px; line-height:30px;} #Content .so{ float:right; width:270px; position:relative; background:#ffffff; background:rgba(255,255,255,0.2); border-radius:30px; overflow:hidden;} #Content .so .Search{ float:left; width:100%; background:none; border:none; color:#fff; font-size:12px; line-height:22px; height:30px; padding:4px 37px 4px 15px;} #Content .so .sear_sub{ float:left; width:37px; height:30px; position:absolute; right:0; top:0; background:url(/template/theme/CN/851_ico2.png) center no-repeat;} #Content .so ::-webkit-input-placeholder{color:#fff} #Content .so :-moz-placeholder{color:#fff} #Content .so ::-moz-placeholder{color:#fff} #Content .so :-ms-input-placeholder{color:#fff} @media screen and (max-width:1390px){ } @media screen and (max-width:1390px){ #Content .about{ padding:31px 20px 42px 20px;} #Content .gonggao{ padding-left:100px;} #Content .gonggao .bd li{ margin-right:15px;} #Content .gonggao .tit{ padding-left:25px;} } @media screen and (max-width:1023px){ #Content .about{ padding:15px 15px; line-height:26px;} #Content .so{ width:220px;} #Content .gonggao{ width:67%;} } @media screen and (max-width:768px){ #Content .so{ width:100%;} #Content .gonggao{ width:100%;} #Content .hCont1{ padding:0 0 10px 0;} } #Content2 .hCont2{ float:left; width:100%;} #Content2 .Hnews1{ float:left; width:41.25%;} #Content2 .Hnews1 li{ float:left; width:100%; position:relative; height:332px; overflow:hidden;} #Content2 .Hnews1 .img{ float:left; width:100%; line-height:0; overflow:hidden;} #Content2 .Hnews1 .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;} #Content2 .Hnews1 li:hover .img img{ -webkit-transform: scale(1.1); -moz-transform: scale(1.1);transform: scale(1.1);} #Content2 .Hnews1 .tit{ float:left; width:100%; position:absolute; left:0; bottom:0; background:#000000; background:rgba(0,0,0,0.5); font-size:16px; line-height:43px; font-weight:bold; padding:0 230px 0 37px; color:#fff;-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; } #Content2 .Hnews1 li:hover .tit{ background:#000000; background:rgba(0,0,0,0.8);} #Content2 .Hnews1 .slick-dots{ width:auto; bottom:6px; left:auto; right:6.25%;} #Content2 .Hnews1 .slick-dots li{ margin:0 1px 0 0; width:31px; height:31px; vertical-align:top;} #Content2 .Hnews1 .slick-dots li button{ margin:0 1px 0 0; width:31px; height:31px; color:#fff; font-size:12px; font-family:Arial; background:#000000;} #Content2 .Hnews1 .slick-dots li.slick-active button{ background:#0182e7;} #Content2 .Hnews2{ float:left; width:37.53%; margin-left:2.35%; height:319px; overflow:hidden;} #Content2 .Hnews2 .hd{ float:left; width:100%; height:45px; border-bottom:1px solid #bdbdbd; position:relative;} #Content2 .Hnews2 .hd .h3{ float:right; position:relative; color:#868686; line-height:44px; padding-right:17px; font-size:14px; font-weight:normal;} #Content2 .Hnews2 .hd .h3:after{ float:left; width:11px; height:11px; content:''; background:url(/template/theme/CN/852_ico3.png) center no-repeat #3d9aff; color:#fff; font-size:10px; border-radius:50%; position:absolute; right:0; top:50%; margin-top:-3px; line-height:11px; text-align:center;} #Content2 .Hnews2 .hd li{ float:left; width:100px; line-height:45px; text-align:center; color:#555; font-size:16px; margin-right:12px; cursor:pointer;-webkit-transition: 0.5s ease; -moz-transition: 0.5s ease; -ms-transition: 0.5s ease; -o-transition: 0.5s ease; transition: 0.5s ease;} #Content2 .Hnews2 .hd li.on{ background:#0182e7; color:#fff;} #Content2 .Hnews2 .bd{ float:left; width:100%; margin-top:16px;} #Content2 .Hnews2 .bd li{ float:left; width:100%; position:relative;} #Content2 .Hnews2 .bd li a{ float:left; width:100%; color:#444; font-size:15px; line-height:33px; padding:0 50px 0 16px;} #Content2 .Hnews2 .bd li a:hover{ color:#0182e7;} #Content2 .Hnews2 .bd li a:after{ float:left; width:4px; height:4px; position:absolute; left:0; top:50%; background:#0182e7; content:''; margin-top:-2px;} #Content2 .Hnews2 .bd li time{ float:left; position:absolute; right:0; top:50%; margin-top:-8px; color:#fff; font-size:12px; line-height:15px; width:37px; text-align:center;} #Content2 .Hnews2 .bd li time:after{ float:left; width:100%; height:100%; position:absolute; left:0; top:0;background:#005da3;content:''; opacity:0.4; filter:alpha(opacity=40);z-index:-1} #Content2 .Hweixin{ float:right; width:16.95%; background:url(/template/theme/CN/852_main3.png) center no-repeat #0182e7; background-size:cover; padding:15px;} #Content2 .Hweixin .img{ float:left; width:100%; line-height:0;} #Content2 .Hweixin .tit{ float:left; width:100%; text-align:center; color:#fff; font-size:14px; line-height:26px; margin-top:25px; padding:15px 0 9px 0; border-top:1px solid #fff; border-top:1px solid rgba(255,255,255,0.4);} @media screen and (max-width:1390px){ } @media screen and (max-width:1390px){ #Content2 .Hnews1 { width:47.25%;} #Content2 .Hnews1 .tit{ padding:0 230px 0 16px;} #Content2 .Hnews1 li{height:296px; } #Content2 .Hnews2{ width:32.53%; height:266px; margin-left:1.55%; } #Content2 .Hnews2 .bd{ margin-top:10px;} #Content2 .Hnews2 .bd li a{ line-height:27px;} #Content2 .Hweixin{ padding:15px 10px;} #Content2 .Hweixin .tit{margin-top:20px; padding:10px 0 5px 0;} } @media screen and (max-width:1023px){ #Content2 .hCont2{ margin:20px 0;} #Content2 .Hnews1{ width:100%;} #Content2 .Hnews1 li{height:auto; } #Content2 .Hnews2{ margin:15px 0 0 0; width:100%;} #Content2 .Hnews2 .hd{ height:38px;} #Content2 .Hnews2 .hd li{ line-height:38px;} #Content2 .Hnews2 .hd .h3{ line-height:38px;} #Content2 .Hweixin{ display:none;} } @media screen and (max-width:768px){ #Content2 .Hnews1 .tit{ padding:0 12px; line-height:36px; font-size:15px;} #Content2 .Hnews1 .slick-dots{ bottom:36px; left:auto; right:5px;} #Content2 .Hnews1 .slick-dots li{ width:14px; height:14px;} #Content2 .Hnews1 .slick-dots li button{width:14px; height:14px; color:#fff; font-size:10px;} #Content2 .Hnews1{ width:100%;} } #Content3 .hZhengShu{ float:left; width:48.75%; border:1px solid #f0f0f0; border-top:3px solid #0182e7;} #Content3 .hZhengShu.right{ float:right;} #Content3 .hZhengShu .tit1{ float:left; width:100%; border-bottom:1px dashed #b2b2b2; padding:0 23px; color:#333333; font-size:16px; font-weight:bold; line-height:46px;} #Content3 .hZhengShu .tit1 span{ float:left; padding:0 26px 0 12px; background:url(/template/theme/CN/853_ico4.png) right center no-repeat; position:relative;} #Content3 .hZhengShu .tit1 span:after{ float:left; width:3px; height:17px; background:#0182e7; position:absolute; left:0; top:50%; margin-top:-8px; content:'';} #Content3 .hZhengShu .cont{ float:left; width:100%;} #Content3 .hZhengShu .ul1{ float:left; width:100%; padding:11px;} #Content3 .hZhengShu .ul1 li{ float:left; width:25%; padding:9px;} #Content3 .hZhengShu .ul1 li a{ float:left; width:100%; line-height:0; overflow:hidden; border:1px solid #f0f0f0;} #Content3 .hZhengShu .ul1 li a:hover{ box-shadow:0 5px 15px rgba(0,0,0,0.2);} #Content3 .hZhengShu .slick-dots{ width:auto; bottom:auto; top:-35px; left:auto; right:11px; height:8px;} #Content3 .hZhengShu .slick-dots li{ margin:0 5px 0 6px; width:8px; height:8px; padding:0; vertical-align:top;} #Content3 .hZhengShu .slick-dots li button{width:8px; height:8px; background:#cfcfcf; border-radius:50%;} #Content3 .hZhengShu .slick-dots li.slick-active button{ background:#0182e7;} /*2019121*/ #Content3 .PopZShuBg{ display:none; float:left; width:100%; height:100%; background:#000; position:fixed; left:0; top:0; z-index:99; opacity:0.6; filter:alpha(opacity=60); } #Content3 .PopZShu{ display:none; float:left; width:710px; position:fixed; left:50%; top:50%; margin:-381px 0 0 -355px; z-index:101;} #Content3 .PopZShu .cont{ float:left; width:100%; background:#fff; position:relative; padding:50px;} #Content3 .PopZShu .closle{ float:left; width:20px; height:20px; position:absolute; right:15px; top:15px; cursor:pointer;} #Content3 .PopZShu .img{ float:left; width:100%; border:1px solid #eee;} @media screen and (max-width:1390px){ } @media screen and (max-width:1390px){ #Content3 .hZhengShu{ width:49.2%;} #Content3 .hZhengShu .tit1{ padding:0 16px;} #Content3 .hZhengShu .ul1{ padding:8px;} #Content3 .hZhengShu .ul1 li{ padding:6px;} #Content3 .hZhengShu .slick-dots{ top:-33px;} #Content3 .hZhengShu .slick-dots li{ margin:0 5px 0 3px;} } } @media screen and (max-width:1023px){ #Content3 .hZhengShu{ width:100%;} #Content3 .hZhengShu.right{ margin-top:15px;} #Content3 .hZhengShu .slick-dots li{ margin:0 3px;} #Content3 .hZhengShu .tit1{ line-height:40px;} #Content3 .hZhengShu .tit1 span{ background-size:auto 20px; padding:0 20px 0 12px;} } @media screen and (max-width:768px){ /*2019121*/ #Content3 .PopZShu{ width:88%; left:6%; top:16%; margin:0;} #Content3 .PopZShu .cont{ padding:20px;} #Content3 .PopZShu .closle{ width:14px; height:14px; right:3px; top:3px;} } #Content4 .hCont3{ float:left; width:100%; } #Content4 .Hask2{ float:left; width:41.22%; margin-left:1.62%; border:1px solid #f0f0f0; border-top:3px solid #0182e7;} #Content4 .Hask2 .hd{ float:left; width:100%; border-bottom:1px dashed #b2b2b2; position:relative;} #Content4 .Hask2 .hd li{ float:left; width:116px; line-height:47px; text-align:center; color:#333; font-size:16px; cursor:pointer;-webkit-transition: 0.5s ease; -moz-transition: 0.5s ease; -ms-transition: 0.5s ease; -o-transition: 0.5s ease; transition: 0.5s ease;} #Content4 .Hask2 .hd li.on{ background:#0182e7; color:#fff;} #Content4 .Hask2 .bd{ float:left; width:100%; padding:17px 22px; margin-top:1px; height:299px; overflow:hidden;} #Content4 .Hask2 .bd li{ float:left; width:100%; position:relative;} #Content4 .Hask2 .bd li a{ float:left; width:100%; color:#444; font-size:15px; line-height:33px; padding:0 50px 0 16px;} #Content4 .Hask2 .bd li a:hover{ color:#0182e7;} #Content4 .Hask2 .bd li a:after{ float:left; width:4px; height:4px; position:absolute; left:0; top:50%; background:#0182e7; content:''; margin-top:-2px;} #Content4 .Hask2 .bd li time{ float:left; position:absolute; right:0; top:50%; margin-top:-8px; color:#fff; font-size:12px; line-height:15px; width:37px; text-align:center;} #Content4 .Hask2 .bd li time:after{ float:left; width:100%; height:100%; position:absolute; left:0; top:0;background:#005da3; content:''; z-index:-1;opacity:0.5; filter:alpha(opacity=50);} #Content4 .banshi{ float:left; width:30.36%; background:url(/template/theme/CN/854_main8.png) center no-repeat #0182e7; background-size:cover ;} #Content4 .banshi .tit2{ float:left; width:100%; line-height:49px; font-size:20px; color:#fff; font-weight:bold; padding:0 25px; border-bottom:1px dashed #000; border-bottom:1px dashed rgba(0,0,0,0.2);} #Content4 .banshi .tit2 img{ width:22px; height:22px; display:inline-block; vertical-align:top; margin:14px 13px 0 0;} #Content4 .banshi .cont{ float:left; width:100%; padding:20px; height:301px;} #Content4 .banshi .pic{ float:left; width:163px; line-height:0;} #Content4 .banshi .ul1{ float:right; width:200px;} #Content4 .banshi .ul1 li{ float:left; width:100%; background:#f0f1f2; margin-bottom:7px; line-height:46px; color:#333; font-size:16px; position:relative;} #Content4 .banshi .ul1 li .img{ float:left; width:56px; height:100%; padding:8px 13px; position:relative; position:absolute; left:0; top:0; background:#0182e7;} #Content4 .banshi .ul1 li .img:after{ float:left; width:0; height:0; position:absolute; right:-7px; top:50%; margin-top:-6px; content:''; border-top:6px solid transparent; border-bottom:6px solid transparent;border-left: 8px solid #0182e7; } #Content4 .banshi .ul1 li:nth-child(2) .img{background:#c8a0fc;} #Content4 .banshi .ul1 li:nth-child(3) .img{background:#f4728b;} #Content4 .banshi .ul1 li:nth-child(4) .img{background:#d2d96f;} #Content4 .banshi .ul1 li:nth-child(5) .img{background:#9ed76e;} #Content4 .banshi .ul1 li:nth-child(2) .img:after{border-left: 8px solid #c8a0fc;} #Content4 .banshi .ul1 li:nth-child(3) .img:after{border-left: 8px solid #f4728b;} #Content4 .banshi .ul1 li:nth-child(4) .img:after{border-left: 8px solid #d2d96f;} #Content4 .banshi .ul1 li:nth-child(5) .img:after{border-left: 8px solid #9ed76e;} #Content4 .banshi .ul1 li .tit{ float:left; width:100%; padding-left:80px;color:#333;} #Content4 .banshi .ul1 li:hover .tit{ color:#0182e7;} #Content4 .banshi .ul1 li:hover .img img{-webkit-transition: 1s ease; -moz-transition: 1s ease; -ms-transition: 1s ease; -o-transition: 1s ease; transition: 1s ease; -webkit-transform: rotateY(360deg); -moz-transform: rotateY(360deg); -ms-transform: rotateY(360deg); -o-transform: rotateY(360deg); transform: rotateY(360deg);} #Content4 .bassu{ float:right; width:25.26%; border:1px solid #f0f0f0; border-top:3px solid #0182e7;} #Content4 .bassu .tit1{ float:left; width:100%; border-bottom:1px dashed #b2b2b2; padding:0 23px; color:#333333; font-size:16px; font-weight:bold; line-height:46px; position:relative;} #Content4 .bassu .tit1 span{ float:left; padding:0 26px 0 12px; background:url(/template/theme/CN/854_ico4.png) right center no-repeat; position:relative;} #Content4 .bassu .tit1 span:after{ float:left; width:3px; height:17px; background:#0182e7; position:absolute; left:0; top:50%; margin-top:-8px; content:'';} #Content4 .bassu .tit1 .h3{ float:right; position:relative; color:#868686; line-height:44px; padding-right:17px; font-size:14px; font-weight:normal;} #Content4 .bassu .tit1 .h3:after{ float:left; width:11px; height:11px; content:''; background:url(/template/theme/CN/854_ico3.png) center no-repeat #3d9aff; color:#fff; font-size:10px; border-radius:50%; position:absolute; right:0; top:50%; margin-top:-3px; line-height:11px; text-align:center;} #Content4 .bassu .cont{ float:left; width:100%; padding:16px 23px; height:299px;} #Content4 .bassu .ul1 li{ float:left; width:100%;} #Content4 .bassu .ul1 li a{ float:left; width:100%; position:relative; background:#ebebeb; border-radius:5px; margin:5px 0; height:73px;} #Content4 .bassu .ul1 li .img{ float:left; width:53px; height:53px; position:absolute; left:29px; top:50%; margin-top:-27px; border-radius:50%; background:#0182e7; overflow:hidden;} #Content4 .bassu .ul1 li .ico1{ position:absolute; top:0; left:-100%; -webkit-transition: 0.5s ease; -moz-transition: 0.5s ease; -ms-transition: 0.5s ease; -o-transition: 0.5s ease; transition: 0.5s ease;} #Content4 .bassu .ul1 li .ico2{ position:relative; top:0; left: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;} #Content4 .bassu .ul1 li .tit{ float:left; width:100%; color:#6c6c6c; font-size:18px; line-height:73px; font-weight:bold; padding-left:117px;} #Content4 .bassu .ul1 li a:hover{ background:#0182e7;} #Content4 .bassu .ul1 li a:hover .tit{ color:#fff;} #Content4 .bassu .ul1 li a:hover .img{ background:#fff;} #Content4 .bassu .ul1 li a:hover .ico1{ left:0;} #Content4 .bassu .ul1 li a:hover .ico2{left:-100%;} #Content4 .bassu .slick-dots{ position:static; height:9px; margin-top:9px;} #Content4 .bassu .slick-dots li{ margin:0 6px; width:8px; height:8px; vertical-align:top;} #Content4 .bassu .slick-dots li button{ margin:0 1px 0 0; width:8px; height:8px; background:#cfcfcf; border-radius:50%;} #Content4 .bassu .slick-dots li.slick-active button{ background:#0182e7;} @media screen and (max-width:1390px){ } @media screen and (max-width:1390px){ #Content4 .Hask2 { width:32.22%;} #Content4 .Hask2 .bd{ padding:17px 16px;} #Content4 .Hask2 .hd li{ width:90px;} #Content4 .banshi{ width:39.36%;} #Content4 .banshi .tit2{ padding:0 16px;} #Content4 .banshi .cont{ padding:20px 14px} #Content4 .banshi .ul1{ width:190px;} #Content4 .banshi .ul1 li .tit{ padding-left:70px;} #Content4 .bassu .tit1{ padding:0 16px;} #Content4 .bassu .cont{ padding:16px 16px;} #Content4 .bassu .ul1 li .img{ left:15px;} #Content4 .bassu .ul1 li .tit{ padding-left:78px;} } @media screen and (max-width:1023px){ #Content4 .Hask2{ width:49%; margin:15px 0 0 0;} #Content4 .Hask2 .hd li{ width:90px; line-height:40px;} #Content4 .banshi{ width:100%;} #Content4 .banshi .ul1{ width:535px;} #Content4 .banshi .tit2{ line-height:40px; font-size:17px;} #Content4 .banshi .tit2 img{ width:18px; height:18px; margin:11px 8px 0 0;} #Content4 .bassu{ width:49%; margin:15px 0 0 0;} #Content4 .bassu .tit1{ line-height:40px;} #Content4 .bassu .tit1 span{ background-size:auto 20px; padding:0 20px 0 12px;} #Content4 .bassu .tit1 .h3{ line-height:40px;} } @media screen and (max-width:768px){ #Content4 .Hask2{ width:100%;} #Content4 .Hask2 .bd{ padding:8px 12px; height:auto;} #Content4 .Hask2 .bd li a{ line-height:28px; padding:0 50px 0 12px;} #Content4 .banshi .pic{ display:none;} #Content4 .banshi .ul1{ width:100%;} #Content4 .banshi .ul1 li{ line-height:40px;} #Content4 .banshi .ul1 li .img{ padding:4px 10px; width:50px;} #Content4 .banshi .cont{ padding:12px 12px 5px 12px; height:auto;} #Content4 .bassu{ width:100%;} #Content4 .bassu .cont{ padding:8px 12px 15px 12px; height:auto;} #Content4 .bassu .ul1 li a{ height:62px;} #Content4 .bassu .ul1 li .img{ width:46px; height:46px; margin-top:-23px; left:12px;} #Content4 .bassu .ul1 li .tit{ line-height:62px; padding-left:68px;} } #Content5 .links{ float:left; width:100%; border:1px solid #f0f0f0; border-top:3px solid #0182e7; } #Content5 .links .tit1{ float:left; width:100%; border-bottom:1px dashed #b2b2b2; padding:0 23px; color:#333333; font-size:16px; font-weight:bold; line-height:46px;} #Content5 .links .tit1 span{ float:left; padding:0 26px 0 12px; background:url(/template/theme/CN/855_ico4.png) right center no-repeat; position:relative;} #Content5 .links .tit1 span:after{ float:left; width:3px; height:17px; background:#0182e7; position:absolute; left:0; top:50%; margin-top:-8px; content:'';} #Content5 .links .cont{ float:left; width:100%;} #Content5 .links .ul1{ float:left; width:100%; padding:13px 14px;} #Content5 .links .ul1 li{ float:left; width:14.28%; padding:7px 9px;} #Content5 .links .ul1 li a{ float:left; width:100%; line-height:0; overflow:hidden; border:1px solid #f0f0f0;} #Content5 .links .ul1 li a:hover{ box-shadow:0 5px 15px rgba(0,0,0,0.2);} #Content5 .links .slick-dots{ width:auto; bottom:auto; top:-39px; left:auto; right:5px;} #Content5 .links .slick-dots li{ margin:0 11px 0 0; width:8px; height:8px; vertical-align:top;} #Content5 .links .slick-dots li button{ margin:0 1px 0 0; width:8px; height:8px; background:#cfcfcf; border-radius:50%;} #Content5 .links .slick-dots li.slick-active button{ background:#0182e7;} @media screen and (max-width:1390px){ } @media screen and (max-width:1390px){ #Content5 .links .tit1{ padding:0 16px;} #Content5 .links .ul1{ float:left; width:100%; padding:8px 10px;} #Content5 .links .ul1 li{ float:left; width:14.28%; padding:6px 6px;} } @media screen and (max-width:1023px){ #Content5 .links .ul1 li{ width:25%;} #Content5 .links .tit1{ padding:0 12px; line-height:40px;} #Content5 .links .tit1 span{ padding:0 20px 0 12px; background-size:auto 20px;} #Content5 .links .ul1{ float:left; width:100%; padding:8px;} #Content5 .links .ul1 li{ float:left; width:25%; padding:4px;} } @media screen and (max-width:768px){ #Content5 .links .ul1 li{ width:33.33%;} } #Content6 .pz_banner{ float: left; width: 100%; font-size:0; line-height: 0;} #Content6 .pz_main{ float:left; width: 100%; background: url("/template/theme/CN/856_page1.jpg") repeat-x;} #Content6 .pz_main .leftNav{ float: left; width:20.58%; margin-top:34px;} #Content6 .pz_main .leftNav .secondTit{ float: left; width: 100%; text-align: center; background: url(/template/theme/CN/856_page2.png) center no-repeat #0182e7; background-size: 100% 100%; color:#ffffff; font-size:30px; line-height: 98px; border:1px solid #e8e8e8; border-bottom: 0;} #Content6 .pz_main .leftNav h3.secondTit i{ font-family: 'SimSun-ExtB'; display: none;} #Content6 .pz_main .leftNav .pz_SideLayer{ float: left; width: 100%; background: #fff;border:1px solid #e8e8e8; border-top: 0;} #Content6 .pz_main .leftNav .pz_SideLayer li{ float: left; width: 87%; margin-left: 6.5%; height: 48px; line-height: 48px;border-bottom: 1px dotted #cccccc;} #Content6 .pz_main .leftNav .pz_SideLayer li:last-child{ margin-bottom: 16px;} #Content6 .pz_main .leftNav .pz_SideLayer li a{ float: left; width: 92%; margin-left: 4%; color:#2c2c2c; font-size:16px; line-height: 47px; position: relative} #Content6 .pz_main .leftNav .pz_SideLayer li a:after{ position: absolute; content:' > '; font-family:'SimSun-ExtB'; right: 0; top:0;font-size:16px; line-height: 47px; color:#808080; transition: all 0.5s linear; -moz-transition: all 0.5s linear; -webkit-transition: all 0.5s linear; -o-transition: all 0.5s linear; } #Content6 .pz_main .leftNav .pz_SideLayer li.on a, #Content6 .pz_main .leftNav .pz_SideLayer li.on a:after, #Content6 .pz_main .leftNav .pz_SideLayer li a:hover:after, #Content6 .pz_main .leftNav .pz_SideLayer li a:hover{ color:#0182e7;} #Content6 .pz_main .rightContent{ float: right; width:76.47%; margin: 35px 0 45px 0; background: #fff; border:1px solid #e8e8e8; border-top:2px solid #0182e7; min-height: 500px;} #Content6 .pz_main .rightContent .tit{ float: left; width:100%; color:#333333; font-size:16px; font-weight: bold; line-height: 51px; border-bottom:#b2b2b2 1px dotted; padding:0 27px;} #Content6 .pz_main .rightContent .tit b{float: left; position: relative; padding-left:9px;} #Content6 .pz_main .rightContent .tit b:after{ position: absolute;content: ''; width: 3px; height: 17px; top:50%; margin-top: -8.5px; left:0; background: #0182e7;} #Content6 .pz_main .rightContent .tit span{ float: right; font-size:14px; color:#787878; font-weight: normal;} #Content6 .pz_main .rightContent .tit span a{ color:#787878;} #Content6 .pz_main .rightContent .tit span img{ vertical-align: middle; margin-top: -4px;} #Content6 .pz_main .rightContent .tit span a:hover, #Content6 .pz_main .rightContent .tit span a.on{ color:#0182e7;} #Content6 .about{ float:left; width:100%; color:#444; font-size:14px; line-height:30px; padding:31px 27px 42px 27px;} @media screen and (max-width:1390px){ } @media screen and (max-width:1390px){ #Content6 .pz_main .rightContent .tit{ padding:0 20px;} #Content6 .about{ padding:31px 20px 42px 20px;} } @media screen and (max-width:1023px){ #Content6 .pz_banner{ margin-top:15px;} #Content6 .pz_main .leftNav{ width: 100%; margin: 20px 0 0 0;} #Content6 .pz_main .leftNav .secondTit{ font-size:24px; line-height: 50px;} #Content6 .pz_main .leftNav .secondTit i{display: inline-block; color:#fff;} #Content6 .pz_main .leftNav .pz_SideLayer li{ width:92%; margin-left: 4%;} #Content6 .pz_main .rightContent { width:100%; margin:15px 0 30px 0;} #Content6 .pz_main .rightContent .tit{ padding:0 15px; line-height:46px;} #Content6 .pz_main .rightContent .tit span{ display:none;} #Content6 .about{ padding:15px 15px; line-height:26px;} } @media screen and (max-width:768px){ #Content6 .pz_main .leftNav{ margin-top: 15px;} #Content6 .pz_main .leftNav h3.secondTit{ font-size:18px; line-height: 40px;} #Content6 .pz_main .leftNav .pz_SideLayer li{ height: 36px; line-height: 35px;} #Content6 .pz_main .leftNav .pz_SideLayer li a{font-size:14px; line-height: 35px;} #Content6 .pz_main .leftNav .pz_SideLayer li a:after{font-size:14px; line-height: 35px;} } #List .pz_banner{ float: left; width: 100%; font-size:0; line-height: 0;} #List .pz_main{ float:left; width: 100%; background: url("/template/theme/CN/857_page1.jpg") repeat-x;} #List .pz_main .leftNav{ float: left; width:20.58%; margin-top:34px;} #List .pz_main .leftNav .secondTit{ float: left; width: 100%; text-align: center; background: url(/template/theme/CN/857_page2.png) center no-repeat #0182e7; background-size: 100% 100%; color:#ffffff; font-size:30px; line-height: 98px; border:1px solid #e8e8e8; border-bottom: 0;} #List .pz_main .leftNav h3.secondTit i{ font-family: 'SimSun-ExtB'; display: none;} #List .pz_main .leftNav .pz_SideLayer{ float: left; width: 100%; background: #fff;border:1px solid #e8e8e8; border-top: 0;} #List .pz_main .leftNav .pz_SideLayer li{ float: left; width: 87%; margin-left: 6.5%; height: 48px; line-height: 48px;border-bottom: 1px dotted #cccccc;} #List .pz_main .leftNav .pz_SideLayer li:last-child{ margin-bottom: 16px;} #List .pz_main .leftNav .pz_SideLayer li a{ float: left; width: 92%; margin-left: 4%; color:#2c2c2c; font-size:16px; line-height: 47px; position: relative} #List .pz_main .leftNav .pz_SideLayer li a:after{ position: absolute; content:' > '; font-family:'SimSun-ExtB'; right: 0; top:0;font-size:16px; line-height: 47px; color:#808080; transition: all 0.5s linear; -moz-transition: all 0.5s linear; -webkit-transition: all 0.5s linear; -o-transition: all 0.5s linear; } #List .pz_main .leftNav .pz_SideLayer li.on a, #List .pz_main .leftNav .pz_SideLayer li.on a:after, #List .pz_main .leftNav .pz_SideLayer li a:hover:after, #List .pz_main .leftNav .pz_SideLayer li a:hover{ color:#0182e7;} #List .pz_main .rightContent{ float: right; width:76.47%; margin: 35px 0 45px 0; background: #fff; border:1px solid #e8e8e8; border-top:2px solid #0182e7; min-height: 500px;} #List .pz_main .rightContent .tit{ float: left; width:100%; color:#333333; font-size:16px; font-weight: bold; line-height: 51px; border-bottom:#b2b2b2 1px dotted; padding:0 27px;} #List .pz_main .rightContent .tit b{float: left; position: relative; padding-left:9px;} #List .pz_main .rightContent .tit b:after{ position: absolute;content: ''; width: 3px; height: 17px; top:50%; margin-top: -8.5px; left:0; background: #0182e7;} #List .pz_main .rightContent .tit span{ float: right; font-size:14px; color:#787878; font-weight: normal;} #List .pz_main .rightContent .tit span a{ color:#787878;} #List .pz_main .rightContent .tit span img{ vertical-align: middle; margin-top: -4px;} #List .pz_main .rightContent .tit span a:hover, #List .pz_main .rightContent .tit span a.on{ color:#0182e7;} #List .newsList{ float:left; width:100%; color:#444; font-size:14px; line-height:30px; padding:26px 27px 0 27px;} #List .newsList li{ float:left; width:100%; border-bottom:1px dotted #cccccc; font-size:14px; line-height:39px;} #List .newsList li a{ float:left; width:100%; color:#444; position:relative; padding:0 100px 0 26px;} #List .newsList li a:after{ float:left; width:3px; height:3px; position:absolute; left:12px; margin-top:-1px; top:50%; background:#999999; content:'';} #List .newsList li time{ color:#808080; float:left; position:absolute; right:10px; top:0;} #List .newsList li a:hover{ color:#fff; background:#0182e7;} #List .newsList li a:hover:after{ background:#fff;} #List .newsList li a:hover time{ color:#fff;} /* 分页 */ #List .wack1{ float:left; width:100%; padding:58px 0; text-align:center;} #List .wack1 .pz_fy{ display:inline-block; *display:inline; *zoom:1;} #List .wack1 .pz_fy a { float:left; width:26px; height:26px; line-height:24px; border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px; border:solid 1px #bdbbbb; color:#444; font-size:14px; font-family:Arial; margin:0 4px;} #List .wack1 .pz_fy a:hover, #List .wack1 .pz_fy a.on{color:#fff;background-color:#0182e7; border-color:#0182e7;} @media screen and (max-width:1390px){ } @media screen and (max-width:1390px){ #List .pz_main .rightContent .tit{ padding:0 20px;} #List .newsList{ padding:26px 20px 0 20px;} } @media screen and (max-width:1023px){ #List .pz_banner{ margin-top:15px;} #List .pz_main .leftNav{ width: 100%; margin: 20px 0 0 0;} #List .pz_main .leftNav .secondTit{ font-size:24px; line-height: 50px;} #List .pz_main .leftNav .secondTit i{display: inline-block; color:#fff;} #List .pz_main .leftNav .pz_SideLayer li{ width:92%; margin-left: 4%;} #List .pz_main .rightContent { width:100%; margin:15px 0 30px 0;} #List .pz_main .rightContent .tit{ padding:0 15px; line-height:46px;} #List .pz_main .rightContent .tit span{ display:none;} #List .newsList{ padding:10px 15px 0 15px;} #List .newsList li{line-height:36px;} #List .newsList li a{ position:relative; padding:0 90px 0 16px;} #List .newsList li a:after{left:5px;} #List .newsList li time{ right:5px;} #List .wack1{padding:30px 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 #0182e7; background:#0182e7; border-radius:16px; overflow:hidden;} #List .wack1 .fy_pc span{ padding:5px 20px; color:#272727;} } @media screen and (max-width:768px){ #List .pz_main .leftNav{ margin-top: 15px;} #List .pz_main .leftNav h3.secondTit{ font-size:18px; line-height: 40px;} #List .pz_main .leftNav .pz_SideLayer li{ height: 36px; line-height: 35px;} #List .pz_main .leftNav .pz_SideLayer li a{font-size:14px; line-height: 35px;} #List .pz_main .leftNav .pz_SideLayer li a:after{font-size:14px; line-height: 35px;} } #Subpage .pz_banner{ float: left; width: 100%; font-size:0; line-height: 0;} #Subpage .pz_main{ float:left; width: 100%; background: url("/template/theme/CN/858_page1.jpg") repeat-x;} #Subpage .pz_main .leftNav{ float: left; width:20.58%; margin-top:34px;} #Subpage .pz_main .leftNav .secondTit{ float: left; width: 100%; text-align: center; background: url(/template/theme/CN/858_page2.png) center no-repeat #0182e7; background-size: 100% 100%; color:#ffffff; font-size:30px; line-height: 98px; border:1px solid #e8e8e8; border-bottom: 0;} #Subpage .pz_main .leftNav h3.secondTit i{ font-family: 'SimSun-ExtB'; display: none;} #Subpage .pz_main .leftNav .pz_SideLayer{ float: left; width: 100%; background: #fff;border:1px solid #e8e8e8; border-top: 0;} #Subpage .pz_main .leftNav .pz_SideLayer li{ float: left; width: 87%; margin-left: 6.5%; height: 48px; line-height: 48px;border-bottom: 1px dotted #cccccc;} #Subpage .pz_main .leftNav .pz_SideLayer li:last-child{ margin-bottom: 16px;} #Subpage .pz_main .leftNav .pz_SideLayer li a{ float: left; width: 92%; margin-left: 4%; color:#2c2c2c; font-size:16px; line-height: 47px; position: relative} #Subpage .pz_main .leftNav .pz_SideLayer li a:after{ position: absolute; content:' > '; font-family:'SimSun-ExtB'; right: 0; top:0;font-size:16px; line-height: 47px; color:#808080; transition: all 0.5s linear; -moz-transition: all 0.5s linear; -webkit-transition: all 0.5s linear; -o-transition: all 0.5s linear; } #Subpage .pz_main .leftNav .pz_SideLayer li.on a, #Subpage .pz_main .leftNav .pz_SideLayer li.on a:after, #Subpage .pz_main .leftNav .pz_SideLayer li a:hover:after, #Subpage .pz_main .leftNav .pz_SideLayer li a:hover{ color:#0182e7;} #Subpage .pz_main .rightContent{ float: right; width:76.47%; margin: 35px 0 45px 0; background: #fff; border:1px solid #e8e8e8; border-top:2px solid #0182e7; min-height: 500px;} #Subpage .pz_main .rightContent .tit{ float: left; width:100%; color:#333333; font-size:16px; font-weight: bold; line-height: 51px; border-bottom:#b2b2b2 1px dotted; padding:0 27px;} #Subpage .pz_main .rightContent .tit b{float: left; position: relative; padding-left:9px;} #Subpage .pz_main .rightContent .tit b:after{ position: absolute;content: ''; width: 3px; height: 17px; top:50%; margin-top: -8.5px; left:0; background: #0182e7;} #Subpage .pz_main .rightContent .tit span{ float: right; font-size:14px; color:#787878; font-weight: normal;} #Subpage .pz_main .rightContent .tit span a{ color:#787878;} #Subpage .pz_main .rightContent .tit span img{ vertical-align: middle; margin-top: -4px;} #Subpage .pz_main .rightContent .tit span a:hover, #Subpage .pz_main .rightContent .tit span a.on{ color:#0182e7;} #Subpage .newsDet{ float:left; width:100%; padding:32px 27px 0 27px;} #Subpage .newsDet .l1{ float:left; width:100%; color:#2b2b2b; font-size:24px; line-height:34px; text-align:center;} #Subpage .newsDet .l2{ float:left; width:100%; color:#777; font-size:14px; line-height:24px; text-align:center; padding:14px 0; border-bottom:1px solid #e8e8e8;} #Subpage .newsDet .l3{ float:left; width:100%; color:#444; font-size:14px; line-height:30px; padding:18px 24px; margin:28px 0 37px 0; background:#f5f5f5;} #Subpage .newsDet .l4{ float:left; width:100%; color:#444; font-size:14px; line-height:30px; margin-bottom:30px;} #Subpage .newsDet .flipBox{float: left; width: 100%;position: relative; border-top:1px solid #e8e8e8; padding:22px 0;} #Subpage .newsDet .flipBox p{ width: 70%; overflow: hidden;white-space: nowrap;text-overflow: ellipsis;} #Subpage .newsDet .flipBox p a{ color:#666666; font-size:14px; line-height: 26px;} #Subpage .newsDet .flipBox p a:hover{ color:#0182e7;} #Subpage .newsDet .flipBox .bdshare1{ float:left; position:absolute; right:0; top:50%; margin-top:-15px;} #Subpage .newsDet .flipBox .bdshare1 a{ margin:0 !important;-webkit-transition:none; -moz-transition:none; -ms-transition:none; -o-transition:none; transition:none;} #Subpage .newsDet .flipBox .bdshare1 a:hover{opacity:1 !important; filter:alpha(opacity=100) !important; } #Subpage .newsDet .flipBox .bdshare1 .bds_more{ border:1px solid #e8e8e8; width:86px !important; height:30px !important; color:#666666; font-size:14px; line-height:28px; text-indent:0 !important; text-align:center; border-radius:28px; background:none !important;padding:4px 15px;} #Subpage .newsDet .flipBox .bdshare1 .bds_more i{ display:inline-block; vertical-align:top; line-height:24px; color:#0182e7; font-size:20px; margin:4px 0 0 0;} @media screen and (max-width:1390px){ } @media screen and (max-width:1390px){ #Subpage .pz_main .rightContent .tit{ padding:0 20px;} #Subpage .newsDet{ padding:32px 20px 0 20px;} } @media screen and (max-width:1023px){ #Subpage .pz_banner{ margin-top:15px;} #Subpage .pz_main .leftNav{ width: 100%; margin: 20px 0 0 0;} #Subpage .pz_main .leftNav .secondTit{ font-size:24px; line-height: 50px;} #Subpage .pz_main .leftNav .secondTit i{display: inline-block; color:#fff;} #Subpage .pz_main .leftNav .pz_SideLayer li{ width:92%; margin-left: 4%;} #Subpage .pz_main .rightContent { width:100%; margin:15px 0 30px 0;} #Subpage .pz_main .rightContent .tit{ padding:0 15px; line-height:46px;} #Subpage .pz_main .rightContent .tit span{ display:none;} #Subpage .newsDet{ padding:15px 15px 0 15px;} #Subpage .newsDet .l1{ font-size:18px; line-height:28px;} #Subpage .newsDet .l2{ padding:3px 0 7px 0;} #Subpage .newsDet .l3{ line-height:26px; padding:10px 15px; margin:15px 0; } #Subpage .newsDet .l4{line-height:26px; margin-bottom:15px;} #Subpage .newsDet .flipBox{ padding:15px 0;} } @media screen and (max-width:768px){ #Subpage .pz_main .leftNav{ margin-top: 15px;} #Subpage .pz_main .leftNav h3.secondTit{ font-size:18px; line-height: 40px;} #Subpage .pz_main .leftNav .pz_SideLayer li{ height: 36px; line-height: 35px;} #Subpage .pz_main .leftNav .pz_SideLayer li a{font-size:14px; line-height: 35px;} #Subpage .pz_main .leftNav .pz_SideLayer li a:after{font-size:14px; line-height: 35px;} } #List2 .pz_banner{ float: left; width: 100%; font-size:0; line-height: 0;} #List2 .pz_main{ float:left; width: 100%; background: url("/template/theme/CN/859_page1.jpg") repeat-x;} #List2 .pz_main .leftNav{ float: left; width:20.58%; margin-top:34px;} #List2 .pz_main .leftNav .secondTit{ float: left; width: 100%; text-align: center; background: url(/template/theme/CN/859_page2.png) center no-repeat #0182e7; background-size: 100% 100%; color:#ffffff; font-size:30px; line-height: 98px; border:1px solid #e8e8e8; border-bottom: 0;} #List2 .pz_main .leftNav h3.secondTit i{ font-family: 'SimSun-ExtB'; display: none;} #List2 .pz_main .leftNav .pz_SideLayer{ float: left; width: 100%; background: #fff;border:1px solid #e8e8e8; border-top: 0;} #List2 .pz_main .leftNav .pz_SideLayer li{ float: left; width: 87%; margin-left: 6.5%; height: 48px; line-height: 48px;border-bottom: 1px dotted #cccccc;} #List2 .pz_main .leftNav .pz_SideLayer li:last-child{ margin-bottom: 16px;} #List2 .pz_main .leftNav .pz_SideLayer li a{ float: left; width: 92%; margin-left: 4%; color:#2c2c2c; font-size:16px; line-height: 47px; position: relative} #List2 .pz_main .leftNav .pz_SideLayer li a:after{ position: absolute; content:' > '; font-family:'SimSun-ExtB'; right: 0; top:0;font-size:16px; line-height: 47px; color:#808080; transition: all 0.5s linear; -moz-transition: all 0.5s linear; -webkit-transition: all 0.5s linear; -o-transition: all 0.5s linear; } #List2 .pz_main .leftNav .pz_SideLayer li.on a, #List2 .pz_main .leftNav .pz_SideLayer li.on a:after, #List2 .pz_main .leftNav .pz_SideLayer li a:hover:after, #List2 .pz_main .leftNav .pz_SideLayer li a:hover{ color:#0182e7;} #List2 .pz_main .rightContent{ float: right; width:76.47%; margin: 35px 0 45px 0; background: #fff; border:1px solid #e8e8e8; border-top:2px solid #0182e7; min-height: 500px;} #List2 .pz_main .rightContent .tit{ float: left; width:100%; color:#333333; font-size:16px; font-weight: bold; line-height: 51px; border-bottom:#b2b2b2 1px dotted; padding:0 27px;} #List2 .pz_main .rightContent .tit b{float: left; position: relative; padding-left:9px;} #List2 .pz_main .rightContent .tit b:after{ position: absolute;content: ''; width: 3px; height: 17px; top:50%; margin-top: -8.5px; left:0; background: #0182e7;} #List2 .pz_main .rightContent .tit span{ float: right; font-size:14px; color:#787878; font-weight: normal;} #List2 .pz_main .rightContent .tit span a{ color:#787878;} #List2 .pz_main .rightContent .tit span img{ vertical-align: middle; margin-top: -4px;} #List2 .pz_main .rightContent .tit span a:hover, #List2 .pz_main .rightContent .tit span a.on{ color:#0182e7;} #List2 .business{ float:left; width:100%; color:#444; font-size:14px; line-height:30px; padding:18px 27px 0 27px;} #List2 .business ul{ float:left; width:100%;} #List2 .business ul li{ float:left; width:100%; margin-top:16px;position:relative;} #List2 .business ul li a{ float:left; width:100%; padding-left:306px; background:#f5f5f5; } #List2 .business ul li .img{ float:left; width:253px; height:143px; position:absolute; left:0; top:0; margin:20px 0 0 21px; line-height:0; overflow:hidden;} #List2 .business 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;} #List2 .business ul li:hover .img img{ -webkit-transform: scale(1.1); -moz-transform: scale(1.1);transform: scale(1.1);} #List2 .business ul li .cont{ float:left; width:100%; padding:29px 26px 27px 32px; border-left:1px solid #fff;} #List2 .business ul li .tit2{ float:left; width:100%; width:100%; color:#2c2c2c; font-size:20px; line-height:30px;} #List2 .business ul li .info{ float:left; width:100%; width:100%; color:#666666; font-size:14px; line-height:28px; height:84px; overflow:hidden; margin-top:16px;} #List2 .business ul li a:hover{ background:#0182e7;} #List2 .business ul li a:hover .tit2{ color:#fff;} #List2 .business ul li a:hover .info{ color:#fff;} /* 分页 */ #List2 .wack1{ float:left; width:100%; padding:58px 0; text-align:center;} #List2 .wack1 .pz_fy{ display:inline-block; *display:inline; *zoom:1;} #List2 .wack1 .pz_fy a { float:left; width:26px; height:26px; line-height:24px; border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px; border:solid 1px #bdbbbb; color:#444; font-size:14px; font-family:Arial; margin:0 4px;} #List2 .wack1 .pz_fy a:hover, #List2 .wack1 .pz_fy a.on{color:#fff;background-color:#0182e7; border-color:#0182e7;} @media screen and (max-width:1390px){ } @media screen and (max-width:1390px){ #List2 .pz_main .rightContent .tit{ padding:0 20px;} #List2 .business{ padding:18px 20px 0 20px;} #List2 .business ul li a{ padding-left:277px;} #List2 .business ul li .img{ margin:12px 0 0 12px;} #List2 .business ul li .cont{ padding:23px 15px;} #List2 .business ul li .info{ margin-top:7px;} } @media screen and (max-width:1023px){ #List2 .pz_banner{ margin-top:15px;} #List2 .pz_main .leftNav{ width: 100%; margin: 20px 0 0 0;} #List2 .pz_main .leftNav .secondTit{ font-size:24px; line-height: 50px;} #List2 .pz_main .leftNav .secondTit i{display: inline-block; color:#fff;} #List2 .pz_main .leftNav .pz_SideLayer li{ width:92%; margin-left: 4%;} #List2 .pz_main .rightContent { width:100%; margin:15px 0 30px 0;} #List2 .pz_main .rightContent .tit{ padding:0 15px; line-height:46px;} #List2 .pz_main .rightContent .tit span{ display:none;} #List2 .business{ padding:8px 15px 0 15px;} #List2 .business ul li{ margin-top:12px;} #List2 .business ul li a{ padding-left:136px;} #List2 .business ul li .img{ width:120px; height:68px; margin:8px 0 0 8px;} #List2 .business ul li .cont{ padding:8px 12px;} #List2 .business ul li .info{ margin-top:0; line-height:22px; height:44px; font-size:13px;} #List2 .business ul li .tit2{ font-size:16px; line-height:26px;} #List2 .wack1{padding:30px 0;} #List2 .wack1 .fy_pc{ text-align:center; font-size:14px; color:#272727; padding:5px 0;} #List2 .wack1 .fy_pc a{ padding:5px 25px; color:#fff; border:solid 1px #0182e7; background:#0182e7; border-radius:16px; overflow:hidden;} #List2 .wack1 .fy_pc span{ padding:5px 20px; color:#272727;} } @media screen and (max-width:768px){ #List2 .pz_main .leftNav{ margin-top: 15px;} #List2 .pz_main .leftNav h3.secondTit{ font-size:18px; line-height: 40px;} #List2 .pz_main .leftNav .pz_SideLayer li{ height: 36px; line-height: 35px;} #List2 .pz_main .leftNav .pz_SideLayer li a{font-size:14px; line-height: 35px;} #List2 .pz_main .leftNav .pz_SideLayer li a:after{font-size:14px; line-height: 35px;} } #List3 .pz_banner{ float: left; width: 100%; font-size:0; line-height: 0;} #List3 .pz_main{ float:left; width: 100%; background: url("/template/theme/CN/860_page1.jpg") repeat-x;} #List3 .pz_main .leftNav{ float: left; width:20.58%; margin-top:34px;} #List3 .pz_main .leftNav .secondTit{ float: left; width: 100%; text-align: center; background: url(/template/theme/CN/860_page2.png) center no-repeat #0182e7; background-size: 100% 100%; color:#ffffff; font-size:30px; line-height: 98px; border:1px solid #e8e8e8; border-bottom: 0;} #List3 .pz_main .leftNav h3.secondTit i{ font-family: 'SimSun-ExtB'; display: none;} #List3 .pz_main .leftNav .pz_SideLayer{ float: left; width: 100%; background: #fff;border:1px solid #e8e8e8; border-top: 0;} #List3 .pz_main .leftNav .pz_SideLayer li{ float: left; width: 87%; margin-left: 6.5%; height: 48px; line-height: 48px;border-bottom: 1px dotted #cccccc;} #List3 .pz_main .leftNav .pz_SideLayer li:last-child{ margin-bottom: 16px;} #List3 .pz_main .leftNav .pz_SideLayer li a{ float: left; width: 92%; margin-left: 4%; color:#2c2c2c; font-size:16px; line-height: 47px; position: relative} #List3 .pz_main .leftNav .pz_SideLayer li a:after{ position: absolute; content:' > '; font-family:'SimSun-ExtB'; right: 0; top:0;font-size:16px; line-height: 47px; color:#808080; transition: all 0.5s linear; -moz-transition: all 0.5s linear; -webkit-transition: all 0.5s linear; -o-transition: all 0.5s linear; } #List3 .pz_main .leftNav .pz_SideLayer li.on a, #List3 .pz_main .leftNav .pz_SideLayer li.on a:after, #List3 .pz_main .leftNav .pz_SideLayer li a:hover:after, #List3 .pz_main .leftNav .pz_SideLayer li a:hover{ color:#0182e7;} #List3 .pz_main .rightContent{ float: right; width:76.47%; margin: 35px 0 45px 0; background: #fff; border:1px solid #e8e8e8; border-top:2px solid #0182e7; min-height: 500px;} #List3 .pz_main .rightContent .tit{ float: left; width:100%; color:#333333; font-size:16px; font-weight: bold; line-height: 51px; border-bottom:#b2b2b2 1px dotted; padding:0 27px;} #List3 .pz_main .rightContent .tit b{float: left; position: relative; padding-left:9px;} #List3 .pz_main .rightContent .tit b:after{ position: absolute;content: ''; width: 3px; height: 17px; top:50%; margin-top: -8.5px; left:0; background: #0182e7;} #List3 .pz_main .rightContent .tit span{ float: right; font-size:14px; color:#787878; font-weight: normal;} #List3 .pz_main .rightContent .tit span a{ color:#787878;} #List3 .pz_main .rightContent .tit span img{ vertical-align: middle; margin-top: -4px;} #List3 .pz_main .rightContent .tit span a:hover, #List3 .pz_main .rightContent .tit span a.on{ color:#0182e7;} #List3 .zhengshu{ float:left; width:100%; padding:18px 27px 0 27px;} #List3 .zhengshu ul{ margin:0 -10px;} #List3 .zhengshu ul li{ float:left; width:25%; padding:0 10px; margin-top:20px;} #List3 .zhengshu ul li a{ float:left; width:100%; line-height:0; overflow:hidden; border:1px solid #f6f6f6;} #List3 .zhengshu ul li a:hover{ box-shadow:0 5px 15px rgba(0,0,0,0.2);} /* 分页 */ #List3 .wack1{ float:left; width:100%; padding:58px 0; text-align:center;} #List3 .wack1 .pz_fy{ display:inline-block; *display:inline; *zoom:1;} #List3 .wack1 .pz_fy a { float:left; width:26px; height:26px; line-height:24px; border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px; border:solid 1px #bdbbbb; color:#444; font-size:14px; font-family:Arial; margin:0 4px;} #List3 .wack1 .pz_fy a:hover, #List3 .wack1 .pz_fy a.on{color:#fff;background-color:#0182e7; border-color:#0182e7;} @media screen and (max-width:1390px){ } @media screen and (max-width:1390px){ #List3 .pz_main .rightContent .tit{ padding:0 20px;} #List3 .zhengshu{ padding:18px 20px 0 20px;} } @media screen and (max-width:1023px){ #List3 .pz_banner{ margin-top:15px;} #List3 .pz_main .leftNav{ width: 100%; margin: 20px 0 0 0;} #List3 .pz_main .leftNav .secondTit{ font-size:24px; line-height: 50px;} #List3 .pz_main .leftNav .secondTit i{display: inline-block; color:#fff;} #List3 .pz_main .leftNav .pz_SideLayer li{ width:92%; margin-left: 4%;} #List3 .pz_main .rightContent { width:100%; margin:15px 0 30px 0;} #List3 .pz_main .rightContent .tit{ padding:0 15px; line-height:46px;} #List3 .pz_main .rightContent .tit span{ display:none;} #List3 .zhengshu{ padding:8px 15px 0 15px;} #List3 .zhengshu ul{ margin:0 -6px;} #List3 .zhengshu ul li{ float:left; width:25%; padding:0 6px; margin-top:12px;} #List3 .wack1{padding:30px 0;} #List3 .wack1 .fy_pc{ text-align:center; font-size:14px; color:#272727; padding:5px 0;} #List3 .wack1 .fy_pc a{ padding:5px 25px; color:#fff; border:solid 1px #0182e7; background:#0182e7; border-radius:16px; overflow:hidden;} #List3 .wack1 .fy_pc span{ padding:5px 20px; color:#272727;} } @media screen and (max-width:768px){ #List3 .pz_main .leftNav{ margin-top: 15px;} #List3 .pz_main .leftNav h3.secondTit{ font-size:18px; line-height: 40px;} #List3 .pz_main .leftNav .pz_SideLayer li{ height: 36px; line-height: 35px;} #List3 .pz_main .leftNav .pz_SideLayer li a{font-size:14px; line-height: 35px;} #List3 .pz_main .leftNav .pz_SideLayer li a:after{font-size:14px; line-height: 35px;} #List3 .zhengshu ul li{ width:50%;} } #List4 .pz_banner{ float: left; width: 100%; font-size:0; line-height: 0;} #List4 .pz_main{ float:left; width: 100%; background: url("/template/theme/CN/861_page1.jpg") repeat-x;} #List4 .pz_main .leftNav{ float: left; width:20.58%; margin-top:34px;} #List4 .pz_main .leftNav .secondTit{ float: left; width: 100%; text-align: center; background: url(/template/theme/CN/861_page2.png) center no-repeat #0182e7; background-size: 100% 100%; color:#ffffff; font-size:30px; line-height: 98px; border:1px solid #e8e8e8; border-bottom: 0;} #List4 .pz_main .leftNav h3.secondTit i{ font-family: 'SimSun-ExtB'; display: none;} #List4 .pz_main .leftNav .pz_SideLayer{ float: left; width: 100%; background: #fff;border:1px solid #e8e8e8; border-top: 0;} #List4 .pz_main .leftNav .pz_SideLayer li{ float: left; width: 87%; margin-left: 6.5%; height: 48px; line-height: 48px;border-bottom: 1px dotted #cccccc;} #List4 .pz_main .leftNav .pz_SideLayer li:last-child{ margin-bottom: 16px;} #List4 .pz_main .leftNav .pz_SideLayer li a{ float: left; width: 92%; margin-left: 4%; color:#2c2c2c; font-size:16px; line-height: 47px; position: relative} #List4 .pz_main .leftNav .pz_SideLayer li a:after{ position: absolute; content:' > '; font-family:'SimSun-ExtB'; right: 0; top:0;font-size:16px; line-height: 47px; color:#808080; transition: all 0.5s linear; -moz-transition: all 0.5s linear; -webkit-transition: all 0.5s linear; -o-transition: all 0.5s linear; } #List4 .pz_main .leftNav .pz_SideLayer li.on a, #List4 .pz_main .leftNav .pz_SideLayer li.on a:after, #List4 .pz_main .leftNav .pz_SideLayer li a:hover:after, #List4 .pz_main .leftNav .pz_SideLayer li a:hover{ color:#0182e7;} #List4 .pz_main .rightContent{ float: right; width:76.47%; margin: 35px 0 45px 0; background: #fff; border:1px solid #e8e8e8; border-top:2px solid #0182e7; min-height: 500px;} #List4 .pz_main .rightContent .tit{ float: left; width:100%; color:#333333; font-size:16px; font-weight: bold; line-height: 51px; border-bottom:#b2b2b2 1px dotted; padding:0 27px;} #List4 .pz_main .rightContent .tit b{float: left; position: relative; padding-left:9px;} #List4 .pz_main .rightContent .tit b:after{ position: absolute;content: ''; width: 3px; height: 17px; top:50%; margin-top: -8.5px; left:0; background: #0182e7;} #List4 .pz_main .rightContent .tit span{ float: right; font-size:14px; color:#787878; font-weight: normal;} #List4 .pz_main .rightContent .tit span a{ color:#787878;} #List4 .pz_main .rightContent .tit span img{ vertical-align: middle; margin-top: -4px;} #List4 .pz_main .rightContent .tit span a:hover, #List4 .pz_main .rightContent .tit span a.on{ color:#0182e7;} #List4 .culture{ float:left; width:100%; padding:20px 27px 0 27px;} #List4 .culture ul{ margin:0 -9px;} #List4 .culture ul li{ float:left; width:33.33%; padding:0 8px; margin-top:9px;} #List4 .culture ul li a{ float:left; width:100%; line-height:0; overflow:hidden; position:relative;} #List4 .culture ul li .img{ float:left; width:100%; line-height:0; overflow:hidden;} #List4 .culture ul li .bg{ float:left; width:100%; position:absolute; left:0; bottom:0; z-index:1; background:#000; background:rgba(0,0,0,0.5); height:42px; padding:9px; -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 .culture ul li .bg:after{ display:none; float:left; width:100%; height:100%; position:relative; left:0;bottom:0; border:1px solid #fff;opacity:0.5; filter:alpha(opacity=50); content:'';} #List4 .culture ul li .cont{ float:left; width:100%; position:absolute; left:0; top:100%; margin-top:-42px; z-index:6; padding:0 29px; -webkit-transition: 0.5s ease; -moz-transition: 0.5s ease; -ms-transition: 0.5s ease; -o-transition: 0.5s ease; transition: 0.5s ease; } #List4 .culture ul li .tit3{ float:left; width:100%; color:#fff; font-size:16px; line-height:42px; font-weight:bold; text-align:center;} #List4 .culture ul li .info{ float:left; width:100%; color:#fff; font-size:14px; line-height:28px; height:56px; overflow:hidden;} #List4 .culture ul li .line{ float:left; width:100%; height:1px; background:#fff;opacity:0.5; filter:alpha(opacity=50); margin:19px 0;} #List4 .culture ul li .more{ float:left; width:100%; height:21px; color:#fff; line-height:21px; font-size:14px; text-align:center;} #List4 .culture ul li .more span{ display:inline-block; vertical-align:top; padding-right:17px; background:url(/template/theme/CN/861_culture8.png) right 6px no-repeat;} #List4 .culture ul li a:hover .bg{ background:#0182e7; background:rgba(1，130，231,0.76); height:100%;} #List4 .culture ul li a:hover .bg:after{ display:block;} #List4 .culture ul li a:hover .cont{ top:50%; margin-top:-82px;} #List4 .culture ul li a:hover .tit3{ line-height:26px; margin:0 0 22px 0 ;} /* 分页 */ #List4 .wack1{ float:left; width:100%; padding:58px 0; text-align:center;} #List4 .wack1 .pz_fy{ display:inline-block; *display:inline; *zoom:1;} #List4 .wack1 .pz_fy a { float:left; width:26px; height:26px; line-height:24px; border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px; border:solid 1px #bdbbbb; color:#444; font-size:14px; font-family:Arial; margin:0 4px;} #List4 .wack1 .pz_fy a:hover, #List4 .wack1 .pz_fy a.on{color:#fff;background-color:#0182e7; border-color:#0182e7;} @media screen and (max-width:1390px){ } @media screen and (max-width:1390px){ #List4 .pz_main .rightContent .tit{ padding:0 20px;} #List4 .culture{ padding:20px 20px 0 20px;} #List4 .culture ul li .line{ margin:5px 0;} #List4 .culture ul li .info{ line-height:24px; height:48px;} #List4 .culture ul li a:hover .cont{ margin-top:-55px;} #List4 .culture ul li a:hover .tit3{ line-height:26px; margin:0 0 5px 0 ;} } @media screen and (max-width:1023px){ #List4 .pz_banner{ margin-top:15px;} #List4 .pz_main .leftNav{ width: 100%; margin: 20px 0 0 0;} #List4 .pz_main .leftNav .secondTit{ font-size:24px; line-height: 50px;} #List4 .pz_main .leftNav .secondTit i{display: inline-block; color:#fff;} #List4 .pz_main .leftNav .pz_SideLayer li{ width:92%; margin-left: 4%;} #List4 .pz_main .rightContent { width:100%; margin:15px 0 30px 0;} #List4 .pz_main .rightContent .tit{ padding:0 15px; line-height:46px;} #List4 .pz_main .rightContent .tit span{ display:none;} #List4 .culture{ padding:8px 15px 0 15px;} #List4 .culture ul{ margin:0 -6px;} #List4 .culture ul li{ padding:0 6px; margin-top:12px;} #List4 .culture ul li .bg{ padding:4px;} #List4 .culture ul li .cont{ padding:0 15px;} #List4 .wack1{padding:30px 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 #0182e7; background:#0182e7; border-radius:16px; overflow:hidden;} #List4 .wack1 .fy_pc span{ padding:5px 20px; color:#272727;} } @media screen and (max-width:768px){ #List4 .pz_main .leftNav{ margin-top: 15px;} #List4 .pz_main .leftNav h3.secondTit{ font-size:18px; line-height: 40px;} #List4 .pz_main .leftNav .pz_SideLayer li{ height: 36px; line-height: 35px;} #List4 .pz_main .leftNav .pz_SideLayer li a{font-size:14px; line-height: 35px;} #List4 .pz_main .leftNav .pz_SideLayer li a:after{font-size:14px; line-height: 35px;} #List4 .culture ul li{ width:50%;} #List4 .culture ul li .bg{ height:36px;} #List4 .culture ul li .cont{ margin-top:-36px;} #List4 .culture ul li .tit3{ line-height:36px;} #List4 .culture ul li .info{ height:24px;} #List4 .culture ul li a:hover .cont{ margin-top:-40px;} #List4 .culture ul li a:hover .tit3{ line-height:26px; margin:0 ;} } #List5 .pz_banner{ float: left; width: 100%; font-size:0; line-height: 0;} #List5 .pz_main{ float:left; width: 100%; background: url("/template/theme/CN/862_page1.jpg") repeat-x;} #List5 .pz_main .leftNav{ float: left; width:20.58%; margin-top:34px;} #List5 .pz_main .leftNav .secondTit{ float: left; width: 100%; text-align: center; background: url(/template/theme/CN/862_page2.png) center no-repeat #0182e7; background-size: 100% 100%; color:#ffffff; font-size:30px; line-height: 98px; border:1px solid #e8e8e8; border-bottom: 0;} #List5 .pz_main .leftNav h3.secondTit i{ font-family: 'SimSun-ExtB'; display: none;} #List5 .pz_main .leftNav .pz_SideLayer{ float: left; width: 100%; background: #fff;border:1px solid #e8e8e8; border-top: 0;} #List5 .pz_main .leftNav .pz_SideLayer li{ float: left; width: 87%; margin-left: 6.5%; height: 48px; line-height: 48px;border-bottom: 1px dotted #cccccc;} #List5 .pz_main .leftNav .pz_SideLayer li:last-child{ margin-bottom: 16px;} #List5 .pz_main .leftNav .pz_SideLayer li a{ float: left; width: 92%; margin-left: 4%; color:#2c2c2c; font-size:16px; line-height: 47px; position: relative} #List5 .pz_main .leftNav .pz_SideLayer li a:after{ position: absolute; content:' > '; font-family:'SimSun-ExtB'; right: 0; top:0;font-size:16px; line-height: 47px; color:#808080; transition: all 0.5s linear; -moz-transition: all 0.5s linear; -webkit-transition: all 0.5s linear; -o-transition: all 0.5s linear; } #List5 .pz_main .leftNav .pz_SideLayer li.on a, #List5 .pz_main .leftNav .pz_SideLayer li.on a:after, #List5 .pz_main .leftNav .pz_SideLayer li a:hover:after, #List5 .pz_main .leftNav .pz_SideLayer li a:hover{ color:#0182e7;} #List5 .pz_main .rightContent{ float: right; width:76.47%; margin: 35px 0 45px 0; background: #fff; border:1px solid #e8e8e8; border-top:2px solid #0182e7; min-height: 500px;} #List5 .pz_main .rightContent .tit{ float: left; width:100%; color:#333333; font-size:16px; font-weight: bold; line-height: 51px; border-bottom:#b2b2b2 1px dotted; padding:0 27px;} #List5 .pz_main .rightContent .tit b{float: left; position: relative; padding-left:9px;} #List5 .pz_main .rightContent .tit b:after{ position: absolute;content: ''; width: 3px; height: 17px; top:50%; margin-top: -8.5px; left:0; background: #0182e7;} #List5 .pz_main .rightContent .tit span{ float: right; font-size:14px; color:#787878; font-weight: normal;} #List5 .pz_main .rightContent .tit span a{ color:#787878;} #List5 .pz_main .rightContent .tit span img{ vertical-align: middle; margin-top: -4px;} #List5 .pz_main .rightContent .tit span a:hover, #List5 .pz_main .rightContent .tit span a.on{ color:#0182e7;} #List5 .join_in{ float: left; width: 100%; padding:35px 27px 0 27px;} #List5 .join_top{ float: left; width: 100%; background-color: #196ebf; padding:0 85px 0 20px;} #List5 .join_top ul{ float: left; width: 100%;} #List5 .join_top ul li{ float: left; width: 20%; text-align: center; color:#fff; font-size:16px; font-weight: bold; line-height: 60px;} #List5 .join_top ul li:first-child{ text-align:left;} #List5 .joinCont{ float:left; width: 100%;} #List5 .joinCont ul{ float: left; width: 100%;} #List5 .joinCont ul li{ float: left; width: 100%; margin-top: 12px; position: relative;} #List5 .joinCont ul li .join_list{ float: left; width: 100%; padding:0 85px 0 20px; background: #f5f5f5; } #List5 .joinCont ul li .join_list dl{ float: left; width: 100%; margin: 0;} #List5 .joinCont ul li .join_list dd{float: left; width:20%; text-align: center; color:#333333; font-size:16px; line-height: 60px;margin: 0;} #List5 .joinCont ul li .join_list dd:first-child{ text-align:left;} #List5 .joinCont ul li .join_list.active{ background:#196ebf;} #List5 .joinCont ul li .join_list.active dd{color:#fff} #List5 .joinCont ul li .join_list dd span{ float: left; width: 100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;} #List5 .joinCont .deta{ display:none;font-size:12px; width:100%; float:left;color:#666666; line-height: 28px; overflow:hidden; position:relative; background:#fbfbfb} #List5 .joinCont .deta .condata{ float:left; width: 100%; padding:43px 40px 35px 40px; } #List5 .joinCont .deta .left_con{ float:left; width:48%; padding-right: 20px;} #List5 .joinCont .deta .right_data{ float: right; width:52%;} #List5 .joinCont .deta .cond_yq{float: left; width: 100%; margin-top: 40px;} #List5 .joinCont .deta .job_info{ float: left; width: 60%;} #List5 .joinCont .deta .jobInfo{ float:left; width:100%; padding-left:60px; padding-bottom:14px; border-left: 1px solid #e7e7e7;} #List5 .joinCont .deta .job_button{ float: left; margin-left:68px; text-align: center; color:#ffffff; font-size:14px; line-height: 35px; width: 115px; height: 35px;margin-top:25px; background-color: #196ebf;transform:skewX(155deg);-moz-transform:skewX(155deg); -webkit-transform:skewX(155deg);} #List5 .joinCont .deta .job_button a{ float: left; width: 100%; text-align: center; color:#fff; font-size:14px; line-height: 35px; transform:skewX(-155deg);-moz-transform:skewX(-155deg); -webkit-transform:skewX(-155deg);} #List5 .joinCont .deta .job_button:hover{ background-color: #196ebf;} #List5 .lermore{ position: absolute; right: 0; top:0; width: 85px; height: 60px; background: url(/template/theme/CN/862_join1.png) no-repeat center; border-left: 1px solid #fff; cursor: pointer;} #List5 .joinCont ul li .join_list.active .lermore{background: url(/template/theme/CN/862_join2.png) no-repeat center;} #List5 .wack1{ float:left; width:100%; padding:58px 0; text-align:center;} #List5 .wack1 .pz_fy{ display:inline-block; *display:inline; *zoom:1;} #List5 .wack1 .pz_fy a { float:left; width:26px; height:26px; line-height:24px; border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px; border:solid 1px #bdbbbb; color:#444; font-size:14px; font-family:Arial; margin:0 4px;} #List5 .wack1 .pz_fy a:hover, #List5 .wack1 .pz_fy a.on{color:#fff;background-color:#0182e7; border-color:#0182e7;} @media screen and (max-width:1390px){ } @media screen and (max-width:1390px){ #List5 .pz_main .rightContent .tit{ padding:0 20px;} #List5 .join_in{padding:35px 20px 0 20px;} #List5 .lermore{ width: 60px;} #List5 .joinCont ul li .join_list{ padding:0 60px 0 20px} #List5 .join_top{ padding:0 60px 0 20px} } @media screen and (max-width:1023px){ #List5 .pz_banner{ margin-top:15px;} #List5 .pz_main .leftNav{ width: 100%; margin: 20px 0 0 0;} #List5 .pz_main .leftNav .secondTit{ font-size:24px; line-height: 50px;} #List5 .pz_main .leftNav .secondTit i{display: inline-block; color:#fff;} #List5 .pz_main .leftNav .pz_SideLayer li{ width:92%; margin-left: 4%;} #List5 .pz_main .rightContent { width:100%; margin:15px 0 30px 0;} #List5 .pz_main .rightContent .tit{ padding:0 15px; line-height:46px;} #List5 .pz_main .rightContent .tit span{ display:none;} #List5 .wack1{padding:30px 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 #0182e7; background:#0182e7; border-radius:16px; overflow:hidden;} #List5 .wack1 .fy_pc span{ padding:5px 20px; color:#272727;} #List5 .join_in{padding:20px 15px 0 15px;} #List5 .joinCont .deta .condata{ padding:20px 15px; } } @media screen and (max-width:768px){ #List5 .pz_main .leftNav{ margin-top: 15px;} #List5 .pz_main .leftNav h3.secondTit{ font-size:18px; line-height: 40px;} #List5 .pz_main .leftNav .pz_SideLayer li{ height: 36px; line-height: 35px;} #List5 .pz_main .leftNav .pz_SideLayer li a{font-size:14px; line-height: 35px;} #List5 .pz_main .leftNav .pz_SideLayer li a:after{font-size:14px; line-height: 35px;} #List5 .join_top ul li:nth-child(2), #List5 .join_top ul li:nth-child(3), #List5 .join_top ul li:nth-child(4), #List5 .join_top ul li:nth-child(5){display: none;} #List5 .join_top ul li{ width: 40%; font-size:15px;line-height: 48px;} #List5 .join_top ul li:first-child{ width: 60%; } #List5 .join_top{padding:0 50px 0 15px;} #List5 .joinCont ul li .join_list{padding:0 50px 0 15px;} #List5 .joinCont ul li .join_list dl{width: 100%; margin: 0;} #List5 .joinCont ul li .join_list dd{width: 40%; line-height:46px; font-size:14px;} #List5 .joinCont ul li .join_list dd:first-child{ width: 60%;} #List5 .joinCont ul li .join_list dd:nth-child(2), #List5 .joinCont ul li .join_list dd:nth-child(3), #List5 .joinCont ul li .join_list dd:nth-child(4), #List5 .joinCont ul li .join_list dd:nth-child(5){display: none;} #List5 .joinCont .deta .condata{ padding:15px 15px 25px 15px;} #List5 .joinCont .deta .left_con{ width:100%; padding:0;} #List5 .joinCont .deta .right_data{ padding:0; width:100%; margin-top:20px;} #List5 .joinCont .deta .jobInfo{ border:none; padding:0;} #List5 .joinCont .deta .job_button{ margin-top:15px; margin-left:8px;} #List5 .lermore{ width: 46px; height: 46px;} } #List6 .pz_banner{ float: left; width: 100%; font-size:0; line-height: 0;} #List6 .pz_main{ float:left; width: 100%; background: url("/template/theme/CN/864_page1.jpg") repeat-x;} #List6 .pz_main .leftNav{ float: left; width:20.58%; margin-top:34px;} #List6 .pz_main .leftNav .secondTit{ float: left; width: 100%; text-align: center; background: url(/template/theme/CN/864_page2.png) center no-repeat #0182e7; background-size: 100% 100%; color:#ffffff; font-size:30px; line-height: 98px; border:1px solid #e8e8e8; border-bottom: 0;} #List6 .pz_main .leftNav h3.secondTit i{ font-family: 'SimSun-ExtB'; display: none;} #List6 .pz_main .leftNav .pz_SideLayer{ float: left; width: 100%; background: #fff;border:1px solid #e8e8e8; border-top: 0;} #List6 .pz_main .leftNav .pz_SideLayer li{ float: left; width: 87%; margin-left: 6.5%; height: 48px; line-height: 48px;border-bottom: 1px dotted #cccccc;} #List6 .pz_main .leftNav .pz_SideLayer li:last-child{ margin-bottom: 16px;} #List6 .pz_main .leftNav .pz_SideLayer li a{ float: left; width: 92%; margin-left: 4%; color:#2c2c2c; font-size:16px; line-height: 47px; position: relative} #List6 .pz_main .leftNav .pz_SideLayer li a:after{ position: absolute; content:' > '; font-family:'SimSun-ExtB'; right: 0; top:0;font-size:16px; line-height: 47px; color:#808080; transition: all 0.5s linear; -moz-transition: all 0.5s linear; -webkit-transition: all 0.5s linear; -o-transition: all 0.5s linear; } #List6 .pz_main .leftNav .pz_SideLayer li.on a, #List6 .pz_main .leftNav .pz_SideLayer li.on a:after, #List6 .pz_main .leftNav .pz_SideLayer li a:hover:after, #List6 .pz_main .leftNav .pz_SideLayer li a:hover{ color:#0182e7;} #List6 .pz_main .rightContent{ float: right; width:76.47%; margin: 35px 0 45px 0; background: #fff; border:1px solid #e8e8e8; border-top:2px solid #0182e7; min-height: 500px;} #List6 .pz_main .rightContent .tit{ float: left; width:100%; color:#333333; font-size:16px; font-weight: bold; line-height: 51px; border-bottom:#b2b2b2 1px dotted; padding:0 27px;} #List6 .pz_main .rightContent .tit b{float: left; position: relative; padding-left:9px;} #List6 .pz_main .rightContent .tit b:after{ position: absolute;content: ''; width: 3px; height: 17px; top:50%; margin-top: -8.5px; left:0; background: #0182e7;} #List6 .pz_main .rightContent .tit span{ float: right; font-size:14px; color:#787878; font-weight: normal;} #List6 .pz_main .rightContent .tit span a{ color:#787878;} #List6 .pz_main .rightContent .tit span img{ vertical-align: middle; margin-top: -4px;} #List6 .pz_main .rightContent .tit span a:hover, #List6 .pz_main .rightContent .tit span a.on{ color:#0182e7;} #List6 .download{ float:left; width:100%; color:#444; font-size:14px; line-height:30px; padding:38px 27px 0 27px;} #List6 .download h3{ float:left; width:100%; background:#0182e7; color:#fff; font-size:18px; line-height:60px; padding:0 30px;} #List6 .download h3 .sp1{ float:left; width:41.04%; padding-left:9.75%;} #List6 .download h3 .sp2{ float:left; width:31.39%; text-align:center;} #List6 .download h3 .sp3{ float:left; width:27.57%; text-align:center;} #List6 .download ul{ float:left; width:100%;} #List6 .download ul li{ float:left; width:100%; border-bottom:1px solid #e7e6e6; padding:0 30px; line-height:56px; position:relative; font-size:16px;-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; } #List6 .download ul li .tit1{ float:left; width:41.04%; color:#444444; position:relative;} #List6 .download ul li .sp1{ background:url(/template/theme/CN/864_download2.png) left center no-repeat; color:#888888; padding:0 16px 0 24px; margin-right:18px; position:relative;} #List6 .download ul li .sp1:after{ float:left; width:1px; height:16px; position:absolute; right:0; top:50%; margin-top:-8px; content:''; background:#9b9b9b;} #List6 .download ul li .time{ float:left; width:31.39%; color:#444444; text-align:center;} #List6 .download ul li .btn{ float:right; width:27.57%; color:#888888; text-align:center;} #List6 .download ul li .btn i{ display:inline-block; width:13px; height:15px; background:url(/template/theme/CN/864_download5.png) center no-repeat; vertical-align:top; margin:21px 10px 0 0;} #List6 .download ul li:hover{ background:#0182e7;} #List6 .download ul li:hover .tit1{ color:#fff;} #List6 .download ul li:hover .sp1{ color:#fff; background:url(/template/theme/CN/864_download3.png) left center no-repeat;} #List6 .download ul li .sp1:after{background:#e9f1fc;} #List6 .download ul li:hover .time{ color:#fff;} #List6 .download ul li:hover .btn{ color:#fff;} #List6 .download ul li:hover .btn i{ background:url(/template/theme/CN/864_download6.png) center no-repeat;} #List6 .wack1{ float:left; width:100%; padding:58px 0; text-align:center;} #List6 .wack1 .pz_fy{ display:inline-block; *display:inline; *zoom:1;} #List6 .wack1 .pz_fy a { float:left; width:26px; height:26px; line-height:24px; border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px; border:solid 1px #bdbbbb; color:#444; font-size:14px; font-family:Arial; margin:0 4px;} #List6 .wack1 .pz_fy a:hover, #List6 .wack1 .pz_fy a.on{color:#fff;background-color:#0182e7; border-color:#0182e7;} @media screen and (max-width:1390px){ } @media screen and (max-width:1390px){ #List6 .pz_main .rightContent .tit{ padding:0 20px;} #List6 .download{ padding:38px 20px 0 20px;} } @media screen and (max-width:1023px){ #List6 .pz_banner{ margin-top:15px;} #List6 .pz_main .leftNav{ width: 100%; margin: 20px 0 0 0;} #List6 .pz_main .leftNav .secondTit{ font-size:24px; line-height: 50px;} #List6 .pz_main .leftNav .secondTit i{display: inline-block; color:#fff;} #List6 .pz_main .leftNav .pz_SideLayer li{ width:92%; margin-left: 4%;} #List6 .pz_main .rightContent { width:100%; margin:15px 0 30px 0;} #List6 .pz_main .rightContent .tit{ padding:0 15px; line-height:46px;} #List6 .pz_main .rightContent .tit span{ display:none;} #List6 .wack1{padding:30px 0;} #List6 .wack1 .fy_pc{ text-align:center; font-size:14px; color:#272727; padding:5px 0;} #List6 .wack1 .fy_pc a{ padding:5px 25px; color:#fff; border:solid 1px #0182e7; background:#0182e7; border-radius:16px; overflow:hidden;} #List6 .wack1 .fy_pc span{ padding:5px 20px; color:#272727;} #List6 .download{ padding:15px 15px 0 15px;} #List6 .download h3{ line-height:48px; font-size:14px; padding:0 12px;} #List6 .download ul li{ line-height:44px; font-size:14px; padding:0 12px;} #List6 .download ul li .btn i{ margin:14px 6px 0 0;} #List6 .download ul li .sp1{ padding:0 10px 0 20px; margin-right:10px;} #List6 .download ul li .sp1:after{ height:12px; margin-top:-6px;} } @media screen and (max-width:768px){ #List6 .pz_main .leftNav{ margin-top: 15px;} #List6 .pz_main .leftNav h3.secondTit{ font-size:18px; line-height: 40px;} #List6 .pz_main .leftNav .pz_SideLayer li{ height: 36px; line-height: 35px;} #List6 .pz_main .leftNav .pz_SideLayer li a{font-size:14px; line-height: 35px;} #List6 .pz_main .leftNav .pz_SideLayer li a:after{font-size:14px; line-height: 35px;} #List6 .download{ padding:15px 15px 0 15px;} #List6 .download h3 .sp1{ width:72.43%;} #List6 .download h3 .sp2{ display:none;} #List6 .download ul li .time{ display:none;} #List6 .download ul li .tit1{ width:72.43%;} } @media screen and (max-width:1390px){ } @media screen and (max-width:1390px){ } @media screen and (max-width:1023px){ } @media screen and (max-width:768px){ } @media screen and (max-width:1390px){ } @media screen and (max-width:1390px){ } @media screen and (max-width:1023px){ } @media screen and (max-width:768px){ } @media screen and (max-width:1390px){ } @media screen and (max-width:1390px){ } @media screen and (max-width:1023px){ } @media screen and (max-width:768px){ }