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(/uploads/image/ttcn/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(/uploads/image/ttcn/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(/uploads/image/ttcn/850_btn15.png) no-repeat center; background-size:18px 18px;} #down .pf_down li.l2 .ico7{ background:url(/uploads/image/ttcn/850_btn13.png) no-repeat center; background-size:18px 18px;} #down .pf_down li.l3 .ico7{ background:url(/uploads/image/ttcn/850_btn16.png) no-repeat center; background-size:18px 18px;} #down .pf_down li.l4 .ico7{ background:url(/uploads/image/ttcn/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(/uploads/image/ttcn/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(/uploads/image/ttcn/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(/uploads/image/ttcn/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(/uploads/image/ttcn/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: 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(/uploads/image/ttcn/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: 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(/uploads/image/ttcn/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: 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: 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(/uploads/image/ttcn/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: 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(/uploads/image/ttcn/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: 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(/uploads/image/ttcn/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: 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(/uploads/image/ttcn/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: 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(/uploads/image/ttcn/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: 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(/uploads/image/ttcn/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(/uploads/image/ttcn/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: 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(/uploads/image/ttcn/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(/uploads/image/ttcn/862_join1.png) no-repeat center; border-left: 1px solid #fff; cursor: pointer;} #list5 .joincont ul li .join_list.active .lermore{background: url(/uploads/image/ttcn/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: 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(/uploads/image/ttcn/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(/uploads/image/ttcn/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(/uploads/image/ttcn/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(/uploads/image/ttcn/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(/uploads/image/ttcn/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){ }