body {color:#333333} a{color:#333333}a:active,a:hover {color:#00a0e9} @media (min-width: 1600px) {.container{ width: 1600px; }} @media (min-width: 1900px) {.container{ width: 1900px; }} @charset "utf-8"; /* CSS Document */ /*切图：zcy*/ html{ overflow-x:hidden; overflow-y:auto;} *{ padding:0; margin:0;} ul,ol,li,dl,dd,dt{ list-style-type:none; line-height:normal;} body, button, input, select, textarea{ font-family:'Microsoft yahei' ,Arial; font-size:12px;} code, kbd, pre, samp { font-family:'Microsoft yahei' ,Arial;} address, caption, cite, code, dfn, em, th, var { font-style: normal; font-weight: normal; } a{ text-decoration:none; color:#333; transition: all 0.5s linear; -moz-transition: all 0.5s linear; -webkit-transition: all 0.5s linear; -o-transition: all 0.5s linear; -webkit-tap-highlight-color:rgba(0, 0, 0, 0); -webkit-tap-highlight-color: transparent; } a:hover{color:#9542a6; cursor:pointer;} img{border:0; max-width:100%;} table { border-collapse: collapse; border-spacing: 0; } h1,h2,h3,h4,h5,h6{ margin:0; font-weight:normal; font-family:'Microsoft yahei' ,Arial; line-height:0;} input,table,tr,td{ margin:0; padding:0; border:none;} button,table{ border:none; background:none; margin:0; padding:0;} select{ margin:0; padding:0; font-family:'Microsoft yahei' ,Arial;} textarea{ resize:none; outline:0; appearance: none; -moz-appearance: none; -webkit-appearance: none; outline: 0; border:0} input{ outline:0; appearance: none; -moz-appearance: none; -webkit-appearance: none; outline: 0; border:0} .container,.container-fluid{ padding:0;} @media (min-width: 1400px){ .container { width: 1400px;} } /*------------------------------------------*/ #pz_top{ width:100%; position:fixed; left:0; top:0; z-index:999;} #pz_banner{ width:100%; position:relative; min-height:80px;} #pz_down{ width:100%; background:#111;} /*top*/ #pz_top .top{ width:100%; position:relative; z-index:99; background:white; height:95px;} #pz_top .logo{ float:left; height:95px; line-height:95px;} #pz_top .logo img{ vertical-align:middle; margin-top:-3px;} #pz_top .topRight{ float:right; margin-top:30px; position:relative; padding-left:53px; height:36px;} #pz_top .topRight:before{ content:''; width:48px; height:1px; background:#d7d7d7; position:absolute; left:0; top:50%;} #pz_top .topRight .lang{ float:left; font-size:14px; line-height:36px;} #pz_top .topRight .lang a{ color:#888; margin:0 10px; display:inline-block; vertical-align:top;} #pz_top .topRight .lang a.on{ color:#00a0e9;} #pz_top .topRight .so_box{ float:right; height:65px; margin-left:54px;} #pz_top .topRight .so_box .Search_but{ display:block; width:36px; height:36px; overflow:hidden; cursor:pointer; background:url(images/152_top1.png) no-repeat center center #717984; background-size:contain; -moz-border-radius:18px; -webkit-border-radius:18px; -khtml-border-radius:18px; border-radius:18px;} #pz_top .topRight .so_box .Search_but:hover{ background-color:#00a0e9;} #pz_top .topRight .so{ display:none; float:right; width:440px; position:absolute; right:0px; top:69px; background:#00a0e9; padding:3px; z-index: 99999;} #pz_top .topRight .so .Search{ float:left; width:380px; height:50px; background:#fff; background:rgba(0,0,0,0.6); border:none; line-height:24px; padding:0 10px; color:#fff; font-size:16px; font-weight:bold;} #pz_top .topRight .so .sear_sub{ float:right; width:50px; height:50px; border:none;background:url(images/152_top3.png) center no-repeat; cursor: pointer; background-size:20px 20px;} #pz_top .menu{ z-index:99; float:left; margin-left:8%;} #pz_top .menu > ul{ float:left; width:100%;} #pz_top .menu ul .nli{ float:left; text-align:center; z-index:99; position:relative; height:95px; margin:0 30px;} #pz_top .menu ul .nli span a{ display:block; white-space:nowrap; width:100%; float:left; height:95px; line-height:95px; color:#444; text-align:center; font-size:16px; letter-spacing:1px; position:relative;} #pz_top .menu ul .nli:hover span a{ color: #00a0e9;} #pz_top .menu ul .nli.on span a{ font-weight:bold; color: #00a0e9;} /*下拉菜单（漂浮在menu .nli上）*/ #pz_top .sub { z-index:21; position:absolute; float:left; clear:both; width:200px; left: 50%; margin-left: -100px;top:100% !important; background:white; background:rgba(224,243,252,0.95); display:none; z-index:3;} #pz_top .sub:before{ content:''; background:url(images/152_top6.png) no-repeat center center; width:11px; height:6px; position:absolute; left:50%; top:-5px; margin-left:-6px; background-size:contain;} #pz_top .sub .ul1{ width:100%;} #pz_top .sub .l2{ width:100%; float: left; padding:0 22px;} #pz_top .sub .l2 .l2_a{ color:#fff; border-bottom:solid 1px #bfd0d9; position:relative;} #pz_top .sub .l2:last-child .l2_a{ border-bottom:0;} #pz_top .sub .l2 .l2_a{ line-height: 56px; width:100%; display:block; font-size: 16px; float:left; color:#333;} #pz_top .sub .l2:hover .l2_a,#pz_top .sub .l2.on .l2_a{ color:#fff; font-weight:bold;} #pz_top .sub .l2:hover,#pz_top .sub .l2.on{ background:#00a0e9;} #pz_top .sub .l2:hover .l2_a,#pz_top .sub .l2.on .l2_a{ border-bottom-color:#00a0e9;} #pz_top .sub .ul2 { float:left; /* position:absolute; left:100%; top:20px;*/ display:none; margin:0px; width:100%; overflow:hidden;background:url(images/152_bg_8.png);/* box-shadow:0 3px 16px rgba(0,0,0,0.15);*/} #pz_top .sub .ul2 .l3{ float:left; position:static; padding:0; margin:0; width: 100%; height: 40px; line-height:40px; float:left; font-size:12px; color:#333; text-align:left;} #pz_top .sub .ul2 .l3 .l3_a{ padding:0px 20px; line-height: 40px; width:100%; display:block; float:left; color:#333333; background-position:left center;} #pz_top .sub .ul2 .l3:hover .l3_a { color:#fff; background: url(images/152_bg_3.png);} #pz_top .sub .l2 .sub1{ width:809px; height:100%; background:white; background:rgba(255,255,255,0.8); padding:60px; position:absolute; left:100%; top:0; display:none; z-index:2;} #pz_top .menu ul .nli:first-child .sub .l2 .l2_a:before{ content:''; background:url(images/152_top5.png) no-repeat center center; width:6px; height:10px; background-size:contain; position:absolute; right:-28px; top:50%; margin-top:-5px; opacity:0; z-index:3;} #pz_top .sub .l2 .sub1 .text{ float:left; width:49.4%; text-align:left;} #pz_top .sub .l2 .sub1 .text h3{ width:100%; font-size:22px; color:#333; line-height:36px; font-weight:bold; margin-top:16px;} #pz_top .sub .l2 .sub1 .text .p{ width:100%; font-size:16px; color:#666; line-height:32px; margin-top:15px; height:192px; overflow:hidden;} #pz_top .sub .l2 .sub1 .pic{ float:right; width:46.36%;} #pz_top .menu ul .nli:first-child .sub .l2:hover .l2_a:before{ opacity:1;} #pz_top .sub .l2 .sub1 dl{ width:100%; float:left; overflow-y:auto; max-height:100%;} #pz_top .sub .l2 .sub1 dl dd{ width:100%; float:left;} #pz_top .sub .l2 .sub1 dl dd a{ display:block; width:100%; padding:10px 0; line-height:26px; font-size:16px; color:#333; letter-spacing:2px; border-bottom:solid 1px #ccc; text-align:left;} #pz_top .sub .l2 .sub1 dl dd a:hover{ border-color:#00a0e9; color:#00a0e9;} #pz_top .menu ul .nli:hover .sub{ display:block; -webkit-animation:fadeInUp1 0.5s 0s ease both; -moz-animation:fadeInUp1 0.5s 0s ease both;} #pz_top .sub .l2:hover .sub1{ display:block; -webkit-animation:fadeInUp1 0.5s 0s ease both; -moz-animation:fadeInUp1 0.5s 0s ease both;} @-webkit-keyframes fadeInUp1{ 0%{opacity:0; -webkit-transform:translateY(30px)} 100%{opacity:1; -webkit-transform:translateY(0)} } @-moz-keyframes fadeInUp1{ 0%{opacity:0; -moz-transform:translateY(30px)} 100%{opacity:1; -moz-transform:translateY(0)} } @media (max-width: 1366px){ #pz_top .sub .l2 .sub1{ width:600px; padding:50px 30px;} } #pz_top .pf_menu_bg{ width:100%; height: 100%; position:fixed; left:0; top:0 !important; z-index:8; background:rgba(0,0,0,0.8); z-index: 97; display:none;} #pz_top .pf_menu_bg.on{ display:block;} #pz_top .pf_menu{ position:fixed; height:100%; width:320px; overflow-y:auto; right:-100%;background:white; top:0px; z-index:98; display:block; padding:50px 0 15px 0; float: left; -webkit-transition: all 0.3s ease-out 0s; -moz-transition: all 0.3s ease-out 0s; -o-transition: all 0.3s ease-out 0s; transition: all 0.3s ease-out 0s;} #pz_top .ph_menu{ float:left; width:100%; text-align:center;} #pz_top .ph_menu .search{ float:left; width:94%; margin-left:3%; margin-top:15px; padding-right:40px; position:relative; background:#00a0e9; padding-left:80px;} #pz_top .ph_menu .search .search_k{ float:left; width:100%; height:40px; line-height:20px; padding:10px 10px; color:#00a0e9; font-size:14px; background:white; background:rgba(255,255,255,0.9);} #pz_top .ph_menu .search .search_b{ position:absolute; right:0; top:0; width:40px; height:40px; border:none;background:url(images/152_top3.png) center no-repeat; cursor: pointer; background-size:16px 16px;} /*#pz_top .ph_menu .search{ float:left; width:94%; margin-left:3%; margin-top:15px; padding-right:40px; position:relative; background:#00a0e9;} #pz_top .ph_menu .search .search_k{ float:left; width:100%; height:40px; line-height:20px; padding:10px 10px; color:#00a0e9; font-size:14px; background:white; background:rgba(255,255,255,0.9);} #pz_top .ph_menu .search .search_b{ position:absolute; right:0; top:0; width:40px; height:40px; border:none;background:url(images/152_top3.png) center no-repeat; cursor: pointer; background-size:16px 16px;}*/ #pz_top .pf_menu.on{ right:0;} #pz_top .nav_box{ width:100%; float:left; border-top:solid 1px #f0f0f0;} #pz_top .ph_menu .nli{ float:left; width:100%; border-bottom:solid 1px #f0f0f0;} #pz_top .ph_menu .nli span{ float:left; width:100%; padding:0 15px 0 15px; position:relative;} #pz_top .ph_menu .nli .l1_a{ float:left; width:100%; color:#00a0e9; font-size:14px; line-height:20px; padding: 12px 0; letter-spacing: 1px;} #pz_top .ph_menu .nli i{ width:44px; height:44px; position:absolute; right:0; top:0; background: url(images/152_top_6.png) center center no-repeat; background-size:8px auto; -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;} #pz_top .ph_menu .nli.on i{ transform:rotate(90deg);} #pz_top .ph_menu .nli.on .l1_a{ color:#00a0e9; } #pz_top .ph_menu .nli .l2_ul{ display:none; height:auto; float:left; width:100%; padding: 5px 15px; background:#00a0e9;} #pz_top .ph_menu .nli .l2_ul .l2{ width:100%;float:left; position:relative;} #pz_top .ph_menu .nli .l2_ul li a{ line-height:34px; font-size:12px; color:#fff; text-transform:uppercase; opacity:0.8;} #pz_top .ph_menu .nli .l2_ul li a:active{ opacity:1;} #pz_top .ph_menu .nli .l3_ul{ display:none; height:auto; float:left; width:100%; padding: 5px 15px; background:#fff;} #pz_top .ph_menu .nli .l3_ul li{ float:left; width:100%; text-align:left; padding:5px 0px; float:left; border-bottom:solid 1px #f7f7f7;} #pz_top .ph_menu .nli .l3_ul li a{ display:block; width:100%; line-height:20px; font-size:12px; color:#00a0e9; text-transform:uppercase; opacity:0.8; white-space:nowrap; padding:0 10px;} #pz_top .ph_menu .nli .l3_ul li a:active{ opacity:1;} #pz_top .ph_menu .nli .l2_ul li svg{ width:34px; height:34px; position:absolute; right:0; top:0; background: url(images/152_top_6.png) center center no-repeat; background-size:8px auto; -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;} #pz_top .ph_menu .nli .l2_ul li.on svg{ transform:rotate(90deg);} #top{ height:95px; width:100%;} @media screen and (max-width:1399px) { #pz_top .menu{ margin-left:5%;} #pz_top .menu ul .nli{ margin:0 20px;} } @media screen and (max-width:1400px){ } @media screen and (max-width:1200px){ #pz_top .sub { width:140px; margin-left:-70px;} #pz_top .sub .l2{ padding:0 0px;} #pz_top .sub .l2 .l2_a{ line-height: 46px; font-size: 14px;} #pz_top .sub .l2 .sub1 .text h3{ font-size:16px; line-height:30px; margin-top:10px;} #pz_top .sub .l2 .sub1 .text .p{ font-size:14px; line-height:26px; margin-top:10px; height:156px;} #pz_top .menu ul .nli{ margin:0 12px;} #pz_top .menu ul .nli span a{ font-size:15px;} #pz_top .topRight .so_box{ margin-left:24px;} #pz_top .topRight{ padding-left:0;} #pz_top .topRight:before{ display:none;} } @media screen and (max-width:992px){ #pz_top .topRight{ float:left; margin-top:0; height:auto; margin-top:5px;} #pz_top .so_box{ display:none;} #top{ height:50px;} #pz_top .top{ height: 50px;} #pz_top .logo{ position:absolute; width:200px; left:50%; top:0; margin-left:-100px; text-align:center; height:50px; line-height:50px;} #pz_top .logo img{ height:30px;} #pz_top .menu{ display: none;} #pz_top .menuph{ float:right; cursor: pointer; width: 22px; height: 22px; text-align: center; display: block;} #pz_top .menuph .point { display: inline-block; width: 22px; height: 22px; margin-top: 15px; position: relative; } #pz_top .menuph .point:hover .navbtn, #pz_top .menuph .point:hover .navbtn::after, #pz_top .menuph .point:hover .navbtn::before { width: 22px; } #pz_top .menuph .navbtn { position: absolute; top: 8px; right: 0; display: inline-block; width: 16px; 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: #00a0e9; } #pz_top .menuph .navbtn::after, #pz_top .menuph .navbtn::before { position: absolute; right: 0; display: inline-block; width: 22px; 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: #00a0e9; } #pz_top .menuph .navbtn::after { top:-8px; } #pz_top .menuph .navbtn::before { top:8px; } #pz_top .menuph .point.active .navbtn{ background: transparent; } #pz_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; background: #00a0e9;} #pz_top .menuph .point.active .navbtn::before { -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); top: 0px; background: #00a0e9;} } @media screen and (max-width:768px){ #pz_top .top{ padding: 0 10px;} } /*底部*/ #pz_down .footer{ padding:63px 339px 37px 0; width:100%; position:relative;} #pz_down .footerLeft{ width:100%;} #pz_down .footerLeft .footerMenu{ width:100%; float:left; font-size:16px; color:#4d4d4d; padding-bottom:33px; border-bottom:solid 1px #40454c;} #pz_down .footerLeft .footerMenu a{ display:block; vertical-align:top; color:white; float:left; line-height:30px;} #pz_down .footerLeft .footerMenu span{ display:block; vertical-align:top; margin:0 5%; float:left; line-height:30px;} #pz_down .footerLeft .footerMenu a:hover{ color:#00a0e9;} #pz_down .footerLeft .dl{ width:100%; float:left; margin-top:33px; padding-bottom:26px; border-bottom:solid 1px #40454c;} #pz_down .footerLeft .dl .dt{ width:100%; float:left; font-size:16px; color:white; line-height:30px; font-weight:bold;} #pz_down .footerLeft .dl .dd{ float:left; font-size:16px; color:white; line-height:32px;} #pz_down .footerLeft .dl .dd.tel{ font-size:24px; font-weight:bold; margin-right:40px;} #pz_down .footerLeft .link1{ width:100%; float:left; margin-top:32px;} #pz_down .footerLeft .link1 span,.footerLeft .link1 a{ display:block; float:left; font-size:12px; color:white; line-height:24px; opacity:0.5;} #pz_down .footerLeft .link1 a{ margin-right:15px;} #pz_down .footerLeft .link1 a:hover{ color:#00a0e9; opacity:1;} #pz_down .footerLeft .p{ width:100%; float:left; font-size:12px; color:white; line-height:28px; opacity:0.5;} #pz_down .footerRight{ width:275px; position:absolute; right:0; top:70px} #pz_down .footerRight ul{ width:100%; float:left; margin-top:11px;} #pz_down .footerRight ul li{ width:35.625%; float:left; margin-left:14.375%;} #pz_down .footerRight ul li .ewm{ width:100%; float:left; border:solid 1px #ababab; padding:5px; background:white;} #pz_down .footerRight ul li .ewm img{ width:100%; float:left;} #pz_down .footerRight ul li h5{ width:100%; float:left; text-align:center; margin-top:13px; font-size:14px; color:white; line-height:22px;} #pz_down .footerRight .gz{ float:right; margin-top:86px; font-size:16px; color:white; line-height:40px;} #pz_down .footerRight a{ display:inline-block; vertical-align:top; width:40px; height:40px; background:#414141; margin-left:20px; line-height:40px; -moz-border-radius:50%; -webkit-border-radius:50%; -khtml-border-radius:50%; border-radius:50%;} #pz_down .footerRight a img{ width:100%; float:left;} #pz_down .footerRight a:hover{ background:#00a0e9;} @media screen and (max-width: 1399px) { #pz_down .footerLeft .footerMenu span{ margin:0 4%;} } @media screen and (max-width:1400px){ } @media screen and (max-width:1200px){ #pz_down .footer{ padding:40px 0 30px 0;} #pz_down .footerLeft,#pz_down .footerRight{ width:100%;} #pz_down .footerRight{ margin-top:20px; position:relative; right:auto; top:auto;} #pz_down .footerRight ul{ width:300px;} #pz_down .footerLeft dl{ margin-top:20px;} #pz_down .footerLeft .link1{ margin-top:34px;} #pz_down .footerRight ul li{ margin-left:0; margin-right:14.375%;} #pz_down .footerRight .gz{ float:left;} } @media screen and (max-width:992px){ #pz_down .footer{ padding:20px 20px 65px 20px;} #pz_down .footerLeft .footerMenu{ display:none;} #pz_down .footerLeft .dl{ margin-top:0px; text-align:center; padding-bottom:12px;} #pz_down .footerLeft .dl .dt{ display:none;} #pz_down .footerLeft .dl .dd{ display:block; width:100%; margin-right:0px; font-size:14px; line-height:26px;} #pz_down .footerLeft .dl .dd.tel{ font-size:20px;} #pz_down .footerLeft .link1{ margin-top:26px; text-align:center;} #pz_down .footerLeft .link1 span,#pz_down .footerLeft .link1 a{ display:inline-block; float:none;} #pz_down .footerLeft .link1 a{ margin-right:10px;} #pz_down .footerLeft .p{ text-align:center; line-height:22px;} #pz_down .footerRight{ text-align:center;} #pz_down .footerRight ul{ display:inline-block; width:300px; float:none;} #pz_down .footerRight ul li{ margin-left:0; margin:0 7%;} #pz_down .footerRight .gz{ float:none; display:inline-block; width:300px; font-size:12px; line-height:30px; margin-top:26px; vertical-align:top;} #pz_down .footerRight a{ width:30px; height:30px; margin:0 5px; line-height:30px;} #pz_down .footerRight ul li h5{ margin-top:9px; font-size:12px; line-height:20px;} } @media screen and (max-width:768px){ #pz_down .footerLeft .dl .dd{ font-size:13px; line-height:20px; font-weight:normal; letter-spacing:1px;} #pz_down .footerLeft .dl .dd.tel{ font-size:16px;} } /*右漂浮*/ #pf_right{ position:fixed; right:30px; top:50%; margin-top:-144px; z-index:55;} #pf_right ul{ width:72px;} #pf_right ul li{ width:100%; text-align:center; position:relative;} #pf_right ul li a{ display:block; width:100%; height:72px; padding:12px 0 0 0; background:url(images/154_right1.png); border-bottom:solid 1px rgba(255,255,255,0.1);} #pf_right ul li.last a{ border:0;} #pf_right ul li .ico{ width:100%; height:30px;} #pf_right ul li h5{ width:100%; font-size:12px; color:white; line-height:20px;} #pf_right ul li a:hover{ background:#00a0e9; border-color:#00a0e9;} #pf_right ul li .zrightewm{ width:132px; height:127px; position:absolute; right:92px; top:0; display:none; padding:13px 18px 13px 13px; background:url(images/right6.png) no-repeat center center; background-size:contain;} #pf_right ul li .zrightewm img{ width:100%; float:left;} @media screen and (min-width:768px){ #pf_right ul li:hover .zrightewm{ display:block; -webkit-animation:fadeInRight1 0.5s 0s ease both; -moz-animation:fadeInRight1 0.5s 0s ease both;} } #pf_right ul li h4{ padding:10px 20px; white-space:nowrap; background:#00a0e9; height:72px; line-height:52px; position:absolute; right:100%; top:0; display:none;} #pf_right ul li h4 span{ font-size:16px; line-height:25px; color:white; font-weight:bold;} #pf_right ul li:hover h4{ display:block; -webkit-animation:fadeInRight1 0.5s 0s ease both; -moz-animation:fadeInRight1 0.5s 0s ease both;} @-webkit-keyframes fadeInRight1{ 0%{opacity:0; -webkit-transform:translateX(30px)} 100%{opacity:1; -webkit-transform:translateX(0)} } @-moz-keyframes fadeInRight1{ 0%{opacity:0; -moz-transform:translateX(30px)} 100%{opacity:1; -moz-transform:translateX(0)} } @media screen and (max-width:1366px) { #pf_right{ right:0;} } @media screen and (max-width:1400px){ } @media screen and (max-width:1200px){ } @media screen and (max-width:992px){ #pf_right{ display:none;} } @media screen and (max-width:768px){ #pf_right{ display:block; width:100%; top:auto; bottom:0; margin-top:0;} #pf_right ul{ width:100%;} #pf_right ul li{ width:20%; float:left;} #pf_right ul li a{ height:50px; padding:6px 0 0 0; border-right:solid 1px rgba(255,255,255,0.1); background:#00a0e9;} #pf_right ul li .ico{ height:25px;} #pf_right ul li h5{ font-size:10px; line-height:16px;} #pf_right ul li h4{ display:none !important;} #pf_right ul li .zrightewm{ width:110px; height:110px; position:absolute; right:50%; margin-right:-55px; top:auto; bottom:100%; display:none; padding:10px; background:white; -webkit-transition: all 0.3s ease-out 0s; -moz-transition: all 0.3s ease-out 0s; -o-transition: all 0.3s ease-out 0s; transition: all 0.3s ease-out 0s;} #pf_right ul li .zrightewm.on{ display:block;} } #pz_banner .slide_banner{ width:100%; overflow:hidden;} #pz_banner .slide_banner .slick-slide{ height:1080px; overflow:hidden; position:relative;} #pz_banner .slide_banner .imgBox{ background-position:center center !important; background-size:cover !important; height:518px; overflow:hidden; position:relative; transform:scale(1, 1); position:absolute; left:0; top:0; width:100%; height:100%;} #pz_banner .slide_banner .slick-slide.slick-active .imgBox{ -webkit-animation-name: smal-big; animation-name: smal-big; -webkit-animation-duration: 10s; animation-duration: 10s; -webkit-animation-fill-mode: both; animation-fill-mode: both;} @-webkit-keyframes smal-big { 0% { transform:scale(1, 1)} 100% { transform:scale(1.1, 1.1)} } @keyframes smal-big { 0% { transform:scale(1, 1)} 100% { transform:scale(1.1, 1.1)} } #pz_banner .slide_banner .slick-slide .imgtext{ width:1400px; position:absolute; left:50%; top:50%; margin-left:-700px; -webkit-transform: translate(0, -50%); -ms-transform: translate(0, -50%); transform: translate(0, -50%);} #pz_banner .slide_banner .slick-slide .imgtext h1{ width:100%; opacity:0; margin-top:200px; -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;} #pz_banner .slide_banner .slick-slide .imgtext h1.on{ opacity:1; margin-top:0px;} #pz_banner .slide_banner .slick-slide .imgtext h2{ width:100%; opacity:0; margin-top:50px; -webkit-transition: all 0.5s ease-out 0.3s; -moz-transition: all 0.5s ease-out 0.3s; -o-transition: all 0.5s ease-out 0.3s; transition: all 0.5s ease-out 0.3s;} #pz_banner .slide_banner .slick-slide .imgtext h2.on{ opacity:1; margin-top:-10px;} #pz_banner .slide_banner .slick-slide .imgtext h3{ width:100%; opacity:0; margin-top:154px; -webkit-transition: all 0.5s ease-out 0.5s; -moz-transition: all 0.5s ease-out 0.5s; -o-transition: all 0.5s ease-out 0.5s; transition: all 0.5s ease-out 0.5s;} #pz_banner .slide_banner .slick-slide .imgtext h3.on{ opacity:1;} #pz_banner .slide_banner .slick-slide .imgtext h4{ opacity:0; margin-top:200px; position:relative; margin-left:28px; float:left; -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;} #pz_banner .slide_banner .slick-slide .imgtext h4:before{ content:''; width:0; height:5px; background:white; position:absolute; left:5px; top:130%; -webkit-transition: all 0.5s ease-out 0.5s; -moz-transition: all 0.5s ease-out 0.5s; -o-transition: all 0.5s ease-out 0.5s; transition: all 0.5s ease-out 0.5s;} #pz_banner .slide_banner .slick-slide .imgtext h4.on{ opacity:1; margin-top:0px;} #pz_banner .slide_banner .slick-slide .imgtext h4.on:before{ width:100%;} #pz_banner .slide_banner .slick-slide .imgtext h5{ position:relative; margin-left:18px; -webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-fill-mode:both;animation-fill-mode:both} #pz_banner .slide_banner .slick-prev,#pz_banner .slide_banner .slick-next { font-size: 0; line-height: 0; position: absolute; left: 5%; top: 50%; width: 28px; height: 54px; background:url(images/152_top2.png) no-repeat left center; background-size:auto 100%; margin:-27px 0 0 0; opacity:0.5; filter:alpha(opacity=50); } #pz_banner .slide_banner .slick-next { left: auto; right: 5%; background-position:right center; } #pz_banner .slide_banner .slick-prev:hover{ opacity:1;filter:alpha(opacity=100);} #pz_banner .slide_banner .slick-next:hover{ opacity:1;filter:alpha(opacity=100);} @media screen and (max-width: 1366px) { #pz_banner .slide_banner .slick-slide{ height:700px;} #pz_banner .slide_banner .slick-slide .imgtext{ width:1200px; margin-left:-600px;} #pz_banner .slide_banner .slick-prev{ left:3%;} #pz_banner .slide_banner .slick-next { right: 3%;} } #pz_banner .slide_banner .slick-dots{ position: absolute; bottom: 80px; display: block; width: 100%; padding: 0; margin: 0; list-style: none; text-align: center; overflow:hidden; z-index:5; height:12px; } #pz_banner .slide_banner .slick-dots li { position: relative; display: inline-block; width: 12px; height: 12px; margin: 0 8px; padding: 0; cursor: pointer; vertical-align:top; background:#eee; vertical-align:top; -moz-border-radius:50%; -webkit-border-radius:50%; -khtml-border-radius:50%; border-radius:50%; } #pz_banner .slide_banner .slick-dots li.slick-active{ background:#00a0e9; } @media screen and (max-width:1366px) { #pz_banner .slide_banner .slick-dots{ bottom:60px;} } @media screen and (max-width:1400px){ } @media screen and (max-width:1200px){ #pz_banner .slide_banner .slick-slide{ height:600px;} #pz_banner .slide_banner .slick-slide .imgtext{ width:900px; margin-left:-450px;} #pz_banner .slide_banner .slick-slide .imgtext h4{ margin-left:0; width:50%;} #pz_banner .slide_banner .slick-slide .imgtext h5{ margin-left:0; width:50%;} #pz_banner .slide_banner .slick-slide .imgtext h3{ margin-top:100px;} } @media screen and (max-width:992px){ #pz_banner .slide_banner .slick-slide{ height:500px;} #pz_banner .slide_banner .slick-prev, #pz_banner .slide_banner .slick-next{ display:none !important;} #pz_banner .slide_banner .slick-slide .imgtext h4:before{ height:3px;} #pz_banner .slide_banner .slick-slide .imgtext{ width:700px; margin-left:-350px;} #pz_banner .slide_banner .slick-slide .imgtext h2{ margin-top:25px;} #pz_banner .slide_banner .slick-slide .imgtext h3{ margin-top:75px;} #pz_banner .slide_banner .slick-dots{ bottom:40px; height:10px;} #pz_banner .slide_banner .slick-dots li { width:10px; height:10px; margin:0 6px;} } @media screen and (max-width:768px){ #pz_banner .slide_banner .slick-dots{ bottom:20px;} #pz_banner .slide_banner .slick-dots li { width:6px; height:6px; margin:0 3px;} #pz_banner .slide_banner .slick-slide{ height:300px;} #pz_banner .slide_banner .slick-slide .imgtext h4:before{ height:2px;} #pz_banner .slide_banner .slick-slide .imgtext{ width:500px; margin-left:-250px;} #pz_banner .slide_banner .slick-slide .imgtext h2.on{ margin-top:-8px;} #pz_banner .slide_banner .slick-slide .imgtext h3{ margin-top:50px;} #pz_banner .slide_banner .slick-slide .imgtext h4,#pz_banner .slide_banner .slick-slide .imgtext h5{ display:inline-block; vertical-align:top; float:none;} #pz_banner .slide_banner .slick-slide .imgtext{ text-align:center;} } /*首页*/ #index1{ background:#f4f7f8; padding-top:93px;} .indexTit{ width:100%; text-align:center; overflow:hidden; padding-bottom:40px; background:url(images/156_index1.png) no-repeat center bottom;} .indexTit h3{ font-size:36px; color:#00a0e9; line-height:48px; letter-spacing:4px;} .indexTit h3 strong{ color:#00a0e9;} .indexTit h5{ margin-top:18px; font-size:18px; color:#666; line-height:30px; letter-spacing:4px;} .indexTit h5 span{ display:inline-block; vertical-align:top; padding:0 20px; position:relative;} .indexTit h5 span:before,.indexTit h5 span:after{ content:''; width:1000px; height:1px; background:#d8e1e5; position:absolute; left:-1000px; top:50%;} .indexTit h5 span:after{ left:auto; right:-1000px;} #index1 .index1Body{ width:100%; margin-top:29px; height:447px; overflow:hidden;} #index1 .index1Body li{ width:10.6%; float:left; height:447px; position:relative; background:black; cursor:pointer; overflow:hidden; -webkit-transition: all 0.5s ease-out 0s; -moz-transition: all 0.5s ease-out 0s; -o-transition: all 0.5s ease-out 0s; transition: all 0.5s ease-out 0s;} #index1 .index1Body li .img{ width:100%; height:100%; position:absolute; left:0; top:0; opacity:0.8; z-index:1;} #index1 .index1Body li .text{ width:100%; top:50%; position:absolute; left:0; text-align:center; z-index:3;} #index1 .index1Body li .text .ico{ display:inline-block; vertical-align:top; margin-top:-58px; background:white; width:78px; height:78px; overflow:hidden; -moz-border-radius:50%; -webkit-border-radius:50%; -khtml-border-radius:50%; border-radius:50%;} #index1 .index1Body li .text .ico img{ width:100%; float:left;} #index1 .index1Body li .text .title{ display:inline-block; vertical-align:top; width:100%; margin-top:20px; font-size:16px; color:white; line-height:34px; padding-bottom:4px; background:url(images/156_index9.png) no-repeat center bottom;} #index1 .index1Body li .text .p{ width:100%; float:left; font-size:14px; color:#333; line-height:26px; display:none; margin-top:22px; height:130px; overflow:hidden;} #index1 .index1Body li .text .detail{ display:none; margin-top:31px; font-size:14px; color:white; line-height:62px; font-family:"Arial"; position:absolute; right:-32px; top:50%; width:62px; height:62px; background:#00a0e9; text-align:center; margin-top:-32px; -moz-border-radius:50%; -webkit-border-radius:50%; -khtml-border-radius:50%; border-radius:50%;} #index1 .index1Body li .text .detail:hover{ color:#00a0e9; background:white;} #index1 .index1Body li.on .text .title{ margin-top:0; color:#333; padding-bottom:0; background:none; font-size:24px;} #index1 .index1Body li.on .text .bian{ display:none;} #index1 .index1Body li.on .text .p{ display:block;} #index1 .index1Body li.on .text .detail{ display:block;} #index1 .index1Body li.on{width:25%; /* width:37.5%; */} #index1 .index1Body li.on .text{ width:446px; height:280px; background:url(images/156_index8.png); left:0; margin:-140px 0 0 0; padding:47px 90px 47px 15%; text-align:left;} #index1 .index1Body li.on .text .ico{ display:none;} #index1 .index1Body li.on .img{ opacity:1;} @media screen and (max-width: 1366px) { #index1 .index1Body{ height:400px;} #index1 .index1Body li{ height:400px;} } @media screen and (max-width: 1280px) { #index1 .index1Body li.on .text{ width:80%;} } @media screen and (max-width:1400px){ } @media screen and (max-width:1200px){ .indexTit{ padding-bottom:30px; background-size:22px auto;} .indexTit h3{ font-size:30px; line-height:42px; letter-spacing:3px;} .indexTit h5{ margin-top:16px; font-size:16px; line-height:26px; letter-spacing:3px;} .indexTit h5 span{ padding:0 16px;} #index1{ padding-top:70px;} #index1 .index1Body li.on .text{ padding-left:10%; padding-right:60px;} } @media screen and (max-width:992px){ #index1{ padding-top:40px;} #index1 .index1Body{ height:300px;} #index1 .index1Body li{ height:300px;} #index1 .index1Body li .text .ico{ margin-top:-50px; width:60px; height:60px;} #index1 .index1Body li .text .title{ margin-top:15px; font-size:14px; line-height:28px;} #index1 .index1Body li.on .text{ height:200px; margin:-100px 0 0 0; padding:25px 40px 20px 5%;} #index1 .index1Body li .text .detail{ margin-top:25px; font-size:12px; line-height:50px; right:-25px; width:50px; height:50px; margin-top:-25px;} #index1 .index1Body li.on .text .title{ font-size:20px; line-height:26px;} #index1 .index1Body li .text .p{ font-size:12px; line-height:20px; margin-top:20px; height:100px;} .indexTit{ padding-bottom:25px; background-size:18px auto;} .indexTit h3{ font-size:24px; line-height:36px; letter-spacing:2px;} .indexTit h5{ margin-top:12px; font-size:14px; line-height:22px; letter-spacing:2px;} .indexTit h5 span{ padding:0 10px;} } @media screen and (max-width:768px){ #index1{ padding-top:20px;} #index1 .index1Body{ margin-top:15px; position:relative; height:auto;} #index1 .index1Body li{ width:100%;} #index1 .index1Body li.on{ width:100%;} #index1 .index1Body li .img{ opacity:1;} #index1 .index1Body li .text{ height:185px; width:90%; margin:-85px 0 0 5%; padding:25px 20px 20px 20px; background:url(images/156_index8.png);} #index1 .index1Body li .text .title{ font-size:20px; line-height:26px; color:#333; padding-bottom:6px; margin-top:10px;} #index1 .index1Body li .text .p{ display:block; height:78px; margin-top:15px;} .indexTit{ padding-bottom:0px; background:none;} .indexTit h3{ font-size:18px; line-height:30px; letter-spacing:1px;} .indexTit h5{ margin-top:10px; font-size:12px; line-height:20px; letter-spacing:1px;} #index1 .index1Body .slick-dots{ position: absolute; bottom: 10px; display: block; width: 100%; padding: 0; margin: 0; list-style: none; text-align: center; overflow:hidden; z-index:5; height:6px; } #index1 .index1Body .slick-dots li { position: relative; display: inline-block; width: 6px; height: 6px; margin: 0 3px; padding: 0; cursor: pointer; vertical-align:top; background:#eee; vertical-align:top; -moz-border-radius:50%; -webkit-border-radius:50%; -khtml-border-radius:50%; border-radius:50%; float:none; } #index1 .index1Body .slick-dots li.slick-active{ background:#00a0e9; } } #index2{ background:#f5f5f5; width:100%; padding:94px 0 80px 0;} #index2 .index2Body{ width:100%; margin-top:30px;} #index2 .index2Body .index2BodyPic{ float:left; width:41.79%; position:relative; margin-bottom:101px;} #index2 .index2Body .index2BodyPic:before{ content:''; background:url(images/157_index12.png) no-repeat center center; width:162px; height:295px; position:absolute; right:46px; bottom:-101px; background-size:contain; z-index:2;} #index2 .index2Body .index2BodyRight{ float:right; width:53.93%; background:#f5f5f5; position:relative;position:relative;} #index2 .index2Body .index2BodyRight .text{ width:100%; position:relative;} #index2 .index2Body .index2BodyRight h3{ width:100%; margin-top:23px; font-size:36px; color:black; line-height:50px;} #index2 .index2Body .index2BodyRight .p{ width:100%; margin-top:31px; font-size:14px; color:#727272; line-height:30px; height:90px; overflow:hidden;} .row_2{ margin:0 -5px;} #index2 .index2Body .index2BodyRight ul{ width:100%; float:left; padding-top:81px; margin-top:-330px; position:relative; height:246px; background:#f5f5f5;} #index2 .index2Body .index2BodyRight ul li{ float:left;} #index2 .index2Body .index2BodyRight ul li .zbox{ width:100%; padding:0 5px 20px 5px;} #index2 .index2Body .index2BodyRight ul li .zbox a{ display:block; width:100%; position:relative; background:#00a0e9; padding-bottom:80.556%; overflow:hidden;} #index2 .index2Body .index2BodyRight ul li .zbox a img{ width:100%; position:absolute; left:0; top:0; min-height:100%; z-index:1; -webkit-transition: all 0.3s ease-out 0s; -moz-transition: all 0.3s ease-out 0s; -o-transition: all 0.3s ease-out 0s; transition: all 0.3s ease-out 0s;} #index2 .index2Body .index2BodyRight ul li .zbox a:before{ content:''; width:100%; height:100%; position:absolute; left:0; bottom:0; background:url(images/157_index18.png) repeat-x center bottom; z-index:2;} #index2 .index2Body .index2BodyRight ul li .zbox a h4{ position:absolute; left:0; bottom:0; text-align:center; font-size:16px; color:white; line-height:34px; z-index:3; width:100%; -webkit-transition: all 0.3s ease-out 0s; -moz-transition: all 0.3s ease-out 0s; -o-transition: all 0.3s ease-out 0s; transition: all 0.3s ease-out 0s;} #index2 .index2Body .index2BodyRight ul li .zbox a:hover img{ opacity:0.1;} #index2 .index2Body .index2BodyRight ul li .zbox a:hover h4{ bottom:50%; margin-bottom:-17px;} #index2 .index2Body .index2BodyRight ul li .zbox a:hover:before{ display:none;} #index2 .index2Body .index2BodyRight ul li .zbox a:hover{ box-shadow:0 5px 10px rgba(0,0,0,0.15);} #index2 .index2Body .index2BodyRight ul .slick-prev,#index2 .index2Body .index2BodyRight .text .slick-prev, #index2 .index2Body .index2BodyRight ul .slick-next,#index2 .index2Body .index2BodyRight .text .slick-next { position: absolute; left:0px; top: 0; display: block; width: 30px; height: 30px; padding: 0; -webkit-transform: translate(0, 0); -ms-transform: translate(0, 0); transform: translate(0, 0); cursor: pointer; color: transparent; border: none; outline: none; background:url(images/157_index13.png) no-repeat left center; z-index:100; } #index2 .index2Body .index2BodyRight ul .slick-next,#index2 .index2Body .index2BodyRight .text .slick-next{ left:40px; right:auto; background-position:right center; } #index2 .index2Body .index2BodyRight .text .slick-prev,#index2 .index2Body .index2BodyRight .text .slick-next{ bottom:-71px; top:auto; opacity:0;} #index2 .index2Body .index2BodyRight ul .slick-prev:hover,#index2 .index2Body .index2BodyRight .text .slick-prev:hover, #index2 .index2Body .index2BodyRight ul .slick-next:hover,#index2 .index2Body .index2BodyRight .text .slick-next:hover{ background-image:url(images/157_index13_h.png);} @media screen and (max-width: 1399px) { #index2 .index2Body .index2BodyRight h3{ margin-top:0;} #index2 .index2Body .index2BodyRight ul{ padding-top:60px; height:200px;margin-top: -290px;} } @media screen and (max-width:1400px){ } @media screen and (max-width:1200px){ #index2{ padding:70px 0 120px 0;} #index2 .index2Body .index2BodyRight ul{margin-top: -250px;} #index2 .index2Body .index2BodyRight h3{ font-size:30px; line-height:44px;} } @media screen and (max-width:992px){ #index2{ padding:50px 0 0 0;} #index2 .index2Body .index2BodyRight h3{ font-size:24px; line-height:36px;} #index2 .index2Body .index2BodyPic{ margin-bottom:80px;} #index2 .index2Body .index2BodyPic:before{ width:120px; height:219px; right:20px; bottom:-80px;} #index2 .index2Body .index2BodyRight .p{ margin-top:20px; font-size:12px; line-height:24px; height:72px;} #index2 .index2Body .index2BodyRight ul{ padding-top:50px; margin-top:-220px; height:216px;} #index2 .index2Body .index2BodyRight ul li .zbox a h4{ font-size:14px; line-height:28px;} #index2 .index2Body{ margin-top:20px;} #index2 .index2Body .index2BodyPic{ margin-top:10px;} } @media screen and (max-width:768px){ #index2{ padding:30px 0 40px 0;} #index2 .index2Body{ margin-top:15px;} #index2 .index2Body .index2BodyPic{ margin-top:0px; width:100%;} #index2 .index2Body .index2BodyRight{ margin-top:0px; width:100%; padding:0 15px;} #index2 .index2Body .index2BodyRight h3{ font-size:18px; line-height:30px;} #index2 .index2Body .index2BodyRight .p{ margin-top:15px; line-height:20px; height:58px;} #index2 .index2Body .index2BodyRight ul{ padding-top:0px; margin-top:15px; height:auto; padding-bottom:20px;} #index2 .index2Body .index2BodyRight ul li .zbox{ padding-bottom:0;} #index2 .index2Body .index2BodyRight ul li .zbox a h4{ font-size:12px; line-height:22px;} #index2 .index2Body .index2BodyRight ul .slick-dots { position: absolute; bottom: -10px; display: block; width: 100%; padding: 0; margin: 0; list-style: none; text-align: center; } #index2 .index2Body .index2BodyRight ul .slick-dots li { position: relative; display: inline-block; width: 6px; height: 6px; margin: 0 3px; padding: 0; float:none; background:white; cursor: pointer; -moz-border-radius:50%; -webkit-border-radius:50%; -khtml-border-radius:50%; border-radius:50%; } #index2 .index2Body .index2BodyRight ul .slick-dots li button{ display:none;} #index2 .index2Body .index2BodyRight ul .slick-dots li.slick-active { background:#00a0e9; } } #index3{ width:100%; padding:93px 0 100px 0;} #index3 .index3Body{ width:100%; margin-top:29px; position:relative;} #index3 .index3Body .text{ width:100%; background:#f0f1f2; height:260px; text-align:center; padding:51px 20px 20px 20px;} #index3 .index3Body .text .ico{ display:inline-block; vertical-align:top; background:white; width:100px; height:100px; background:white; overflow:hidden; -moz-border-radius:50%; -webkit-border-radius:50%; -khtml-border-radius:50%; border-radius:50%; } #index3 .index3Body .text h4{ width:100%; margin-top:13px; font-size:18px; color:#102833; line-height:30px; letter-spacing:2px;} #index3 .index3Body .text h6{ width:100%; text-transform:uppercase; font-size:12px; color:#000; line-height:20px; letter-spacing:2px; font-family:Arial;} #index3 .index3Body .pic{ width:100%; height:260px; position:relative; overflow:hidden;} #index3 .index3Body .pic span{ background:url(images/158_index33.png) no-repeat center center; width:26px; height:23px; position:absolute; left:50%; top:-3px; margin-left:-13px; background-size:contain; opacity:0; transform:rotate(180deg);} #index3 .index3Body .pic1 span{ top:auto; bottom:-3px; transform:rotate(0deg);} #index3 .index3Body .slick-slide:hover .pic span{ opacity:1;} #index3 .index3Body .slick-slide:hover .text{ background:#00a0e9;} #index3 .index3Body .slick-slide:hover .text h4,#index3 .index3Body .slick-slide:hover .text h6{ color:white;} #index3 .index3Body .pic img{ width:360px; height:260px; position:absolute; left:50%; top:0; max-width:none; margin-left:-180px; transition: all 0.3s linear; -moz-transition: all 0.3s linear; -webkit-transition: all 0.3s linear; -o-transition: width all 0.3s linear;} #index3 .index3Body .slick-slide:hover .pic img{transform: scale(1.1,1.1); -ms-transform: scale(1.1,1.1); -webkit-transform: scale(1.1,1.1); -o-transform: scale(1.1,1.1); -moz-transform: scale(1.1,1.1);} #index3 .index3Body .slick-prev, #index3 .index3Body .slick-next { position: absolute; left:0px; top: 50%; display: block; width: 42px; height: 67px; padding: 0; margin-top:-33.5px; -webkit-transform: translate(0, 0); -ms-transform: translate(0, 0); transform: translate(0, 0); cursor: pointer; color: transparent; border: none; outline: none; background: transparent; background:url(images/158_index31.png) no-repeat left center; z-index:100; } #index3 .index3Body .slick-next{ left:auto; right:0px; background-position:right center; } #index3 .index3Body .slick-prev:hover, #index3 .index3Body .slick-next:hover{ background-image:url(images/158_index32.png);} #index3 .detail{ width:100%; text-align:center; margin-top:50px;} #index3 .detail a{ display:inline-block; vertical-align:top; width:160px; height:46px; line-height:44px; border:solid 1px #e7e7e7; text-transform:uppercase; font-size:16px; color:#666; overflow:hidden; -moz-border-radius:23px; -webkit-border-radius:23px; -khtml-border-radius:23px; border-radius:23px;} #index3 .detail a:hover{ background:#00a0e9; border-color:#00a0e9; color:white;} @media screen and (min-width:1920px){ #index3 .index3Body .pic img{ width:100%; height:auto; left:0; margin-left:0;} } @media screen and (max-width:1400px){ } @media screen and (max-width:1200px){ #index3{ padding:70px 0 80px 0;} } @media screen and (max-width:992px){ #index3{ padding:50px 0 60px 0;} #index3 .index3Body .text,#index3 .index3Body .pic{ height:220px;} #index3 .index3Body .text .ico{ width:80px; height:80px;} #index3 .index3Body .text{ padding:40px 20px 20px 20px;} #index3 .index3Body .text h4{ margin-top:10px; font-size:16px; line-height:24px; letter-spacing:1px;} #index3 .index3Body .text h6{ line-height:18px; letter-spacing:1px;} #index3 .detail{ margin-top:30px;} #index3 .detail a{ width:120px; height:40px; line-height:38px; font-size:14px;} } @media screen and (max-width:768px){ #index3{ padding:30px 0 40px 0;} #index3 .index3Body{ padding-bottom:20px;} #index3 .index3Body .text,#index3 .index3Body .pic{ height:180px;} #index3 .index3Body .pic img{ width:222px; height:180px; margin-left:-111px;} #index3 .index3Body .text .ico{ width:60px; height:60px;} #index3 .index3Body .text{ padding:30px 20px 20px 20px;} #index3 .index3Body .text h4{ font-size:14px; line-height:22px;} #index3 .index3Body .text h6{ word-wrap:break-word; font-size:10px; line-height:14px} #index3 .detail{ margin-top:20px;} #index3 .detail a{ height:36px; line-height:34px; font-size:12px;} #index3 .index3Body .slick-dots { position: absolute; bottom: -10px; display: block; width: 100%; padding: 0; margin: 0; list-style: none; text-align: center; } #index3 .index3Body .slick-dots li { position: relative; display: inline-block; width: 6px; height: 6px; margin: 0 3px; padding: 0; float:none; background:#ddd; cursor: pointer; -moz-border-radius:50%; -webkit-border-radius:50%; -khtml-border-radius:50%; border-radius:50%; } #index3 .index3Body .slick-dots li button{ display:none;} #index3 .index3Body .slick-dots li.slick-active { background:#00a0e9; } } #index4{ width:100%; background:#f5f5f5; padding:90px 0 100px 0;} #index4 .index4Body{ width:100%; margin-top:30px;} #index4 .index4Body ul{ width:100%; padding-bottom:64px; position:relative;} #index4 .index4Body ul li{ width:100%;} #index4 .index4Body ul li .zbox{ width:100%; padding:0 15px;} #index4 .index4Body ul li .zbox a{ display:block; width:100%;} #index4 .index4Body ul li .zbox a .pic{ width:100%; position:relative; overflow:hidden; padding-bottom:55%;} #index4 .index4Body ul li .zbox a .pic img{ width:100%; position:absolute; left:0; top:0; min-height:100%; transition: all 0.3s linear; -moz-transition: all 0.3s linear; -webkit-transition: all 0.3s linear; -o-transition: width all 0.3s linear;} #index4 .index4Body ul li .zbox a .text{ width:100%; background:white; padding:26px 30px 23px 30px;} #index4 .index4Body ul li .zbox a .text .title{ width:100%; font-size:18px; color:#333; line-height:28px; letter-spacing:1px;} #index4 .index4Body ul li .zbox a .text .jj{ width:100%; margin-top:19px; font-size:14px; color:#666; line-height:24px; height:48px; overflow:hidden; letter-spacing:1px;} #index4 .index4Body ul li .zbox a .text .time{ width:100%; margin-top:26px; padding-top:21px; border-top:solid 1px #e5e5e5; font-size:14px; color:#666; line-height:34px; background:url(images/159_index37.png) no-repeat right 35px; letter-spacing:1px;font-family: 'OPENSANS-REGULAR';} #index4 .index4Body ul li .zbox a .text .time span{ font-size:30px; margin-right:15px; font-weight:bold;} #index4 .index4Body ul li .zbox a:hover .pic img{ transform: scale(1.1,1.1); -ms-transform: scale(1.1,1.1); -webkit-transform: scale(1.1,1.1); -o-transform: scale(1.1,1.1); -moz-transform: scale(1.1,1.1);} #index4 .index4Body ul li .zbox a:hover .text .title{ color:#00a0e9; font-weight:bold;} #index4 .index4Body ul li .zbox a:hover .text .time{ color:#00a0e9; background-image:url(images/159_index38.png);} #index4 .index4Body ul li .zbox a:hover .text .time span{ color:#00a0e9;} #index4 .index4Body .slick-dots { position: absolute; bottom: 0px; display: block; width: 100%; padding: 0; margin: 0; list-style: none; text-align: center; } #index4 .index4Body .slick-dots li { position: relative; display: inline-block; width: 14px; height: 14px; margin: 0 8px; padding: 0; float:none; background:url(images/159_index39.png) no-repeat left center; cursor: pointer; -moz-border-radius:50%; -webkit-border-radius:50%; -khtml-border-radius:50%; border-radius:50%; } #index4 .index4Body .slick-dots li button{ display:none;} #index4 .index4Body .slick-dots li.slick-active { background-position:right center; } @media screen and (max-width:1400px){ } @media screen and (max-width:1200px){ #index4{ padding:70px 0 80px 0;} } @media screen and (max-width:992px){ #index4{ padding:50px 0 60px 0;} #index4 .index4Body{ margin-top:20px;} #index4 .index4Body ul{ padding-bottom:50px;} } @media screen and (max-width:768px){ #index4{ padding:30px 0 40px 0;} #index4 .index4Body{ margin-top:15px; overflow:hidden;} #index4 .index4Body ul{ padding-bottom:30px;} #index4 .index4Body .slick-dots li { width: 10px; height: 10px; margin: 0 4px; background-size:auto 100%;} #index4 .index4Body ul li .zbox a .text{ padding:16px 20px 13px 20px;} #index4 .index4Body ul li .zbox a .text .title{ font-size:16px; line-height:26px; letter-spacing:0px;} #index4 .index4Body ul li .zbox a .text .jj{ margin-top:15px; font-size:12px; line-height:20px; height:38px; letter-spacing:0px;} #index4 .index4Body ul li .zbox a .text .time{ margin-top:16px; padding-top:11px; font-size:12px; line-height:28px; background:none !important; letter-spacing:0px;} #index4 .index4Body ul li .zbox a .text .time span{ font-size:20px; margin-right:10px;} } /*内页banner*/ #pz_banner .banner{ position:relative; text-align:center;} #pz_banner .banner img{ vertical-align:top;} #pz_banner h6{ width:100%; position:absolute; left:0; top:50%; margin-top:-47px; font-size:14px; color:white; line-height:30px; letter-spacing:16px; text-transform:uppercase;} #pz_banner h2{ width:100%; position:absolute; left:0; top:50%; margin-top:-17px; font-size:48px; color:white; line-height:64px; letter-spacing:1px; font-weight:bold;} @media screen and (max-width:1400px){ } @media screen and (max-width:1200px){ } @media screen and (max-width:992px){ #pz_banner h6{ margin-top:-30px; font-size:12px; line-height:24px; letter-spacing:10px;} #pz_banner h2{ margin-top:-10px; font-size:38px; line-height:50px; letter-spacing:0px;} } @media screen and (max-width:768px){ #pz_banner h6{ margin-top:-30px; font-size:10px; line-height:20px; letter-spacing:6px;} #pz_banner h2{ margin-top:-10px; font-size:24px; line-height:40px;} } /*董事长致辞*/ #dszzc{ width:100%; background:#f6f6f8; padding:100px 0;} #dszzc .pic{ float:left; width:40.43%;} #dszzc .text{ float:right; width:51.1%; position:relative; margin-top:68px;} #dszzc .text h2{ position:absolute; left:-24px; top:-84px;} #dszzc .text .textBox{ width:100%; background:white; padding:48px 60px 52px 60px; position:relative; z-index:2;} #dszzc .text .textBox .p{ width:100%; font-size:16px; color:#444; line-height:36px; letter-spacing:1px;} #dszzc .text .textBox .qm{ width:100%; margin-top:90px; padding-left:68px; background:url(images/161_dszzc3.png) no-repeat left 25px; line-height:62px;} #dszzc .text .textBox .qm h5{ display:inline-block; vertical-align:middle; width:72%; text-align:right; height:42px; line-height:42px; border-bottom:solid 1px #d7d7d7; font-size:16px; color:#333; letter-spacing:1px;} #dszzc .text .textBox .qm h3{ float:right; line-height:62px;} @media screen and (max-width: 1399px) { #dszzc .text{ width:56%; margin-top:20px;} #dszzc .text .textBox .qm{ margin-top:30px;} } @media screen and (max-width:1400px){ } @media screen and (max-width:1200px){ #dszzc .text .textBox .qm h5{ width:65%;} #dszzc .text .textBox .qm{ padding-left:40px;} #dszzc .text{ margin-top:50px;} #dszzc .text .textBox{ padding:30px 40px 34px 40px;} #dszzc .text .textBox .p{ font-size:14px; line-height:30px;} } @media screen and (max-width:992px){ #dszzc{ padding:60px 0;} #dszzc .text{ margin-top:30px;} #dszzc .text h2{ left:-14px; top:-64px;} #dszzc .text .textBox{ padding:20px 30px 22px 30px;} #dszzc .text .textBox .p{ font-size:12px; line-height:24px;} #dszzc .text .textBox .qm{ margin-top:20px; padding-left:35px; line-height:42px; background-position:left bottom;} #dszzc .text .textBox .qm h5{ width:60%; font-size:14px;} #dszzc .text .textBox .qm h3{ line-height:42px;} } @media screen and (max-width:768px){ #dszzc{ padding:20px 15px;} #dszzc .pic{ width:100%;} #dszzc .text{ margin-top:50px; width:100%;} #dszzc .text h2{ left:-10px; top:-40px;} #dszzc .text h2 img{ height:45px;} #dszzc .text .textBox{ padding:15px 20px 11px 20px;} #dszzc .text .textBox .qm{ padding-left:40px; height:auto; background-position:left center;} #dszzc .text .textBox .qm h5{ width:60%;} #dszzc .text .textBox .qm h3{ width:90px;} } /*社会责任*/ #shzr{ width:100%; background:url(images/162_shzr1.jpg) no-repeat top center; padding:93px 0 82px 0; background-size:contain;} #shzr .shzrHead{ width:100%; text-align:center;} #shzr .shzrHead h3{ width:100%; font-size:36px; color:#333; line-height:50px;} #shzr .shzrHead .p{ width:100%; margin-top:21px; font-size:16px; color:#666; line-height:36px; letter-spacing:1px;} #shzr ul{ width:100%; margin-top:50px;} #shzr ul li{ width:100%;} #shzr ul li .pic{ width:50%; height:464px; float:left; position:relative; overflow:hidden; background:#00a0e9;} #shzr ul li .pic img{ width:700px; height:464px; position:absolute; left:50%; top:0; max-width:none; margin-left:-350px; -webkit-transition: all 0.3s ease-out 0s; -moz-transition: all 0.3s ease-out 0s; -o-transition: all 0.3s ease-out 0s; transition: all 0.3s ease-out 0s;} #shzr ul li .text{ width:50%; height:464px; float:left; background:url(images/162_shzr6.png) no-repeat right bottom #f5f5f5; -webkit-transition: all 0.3s ease-out 0s; -moz-transition: all 0.3s ease-out 0s; -o-transition: all 0.3s ease-out 0s; transition: all 0.3s ease-out 0s;} #shzr ul li .text .title{ width:100%; padding:0 60px; margin-top:45px; font-size:30px; color:#00a0e9; line-height:46px; letter-spacing:1px;} #shzr ul li .text .p{ width:100%; padding:0 60px; margin-top:22px; background:white; font-size:18px; color:#333; line-height:58px; letter-spacing:1px;} #shzr ul li .text .jj{ width:100%; padding:0 60px; margin-top:30px; font-size:16px; color:#666; line-height:36px; height:144px; overflow:hidden; letter-spacing:1px;} #shzr ul li:hover .pic img{ opacity:0.7;} #shzr ul li:hover .text{ background-image:url(images/162_shzr7.png);} #shzr ul li.l1 .pic{ float:right;} #loading{ width:100%; text-align:center; margin-top:60px;} #loading img{ width:45px;} @media screen and (max-width:1400px){ } @media screen and (max-width:1200px){ #shzr{ padding:70px 0 60px 0;} #shzr ul li .pic,#shzr ul li .text{ height:400px;} #shzr ul li .pic img{ width:603px; margin-left:-301.5px; height:400px;} #shzr ul li .text .title,#shzr ul li .text .p,#shzr ul li .text .jj{ padding:0 40px;} } @media screen and (max-width:992px){ #shzr{ padding:40px 0 30px 0;} #shzr .shzrHead h3{ font-size:30px; line-height:44px;} #shzr .shzrHead .p{ margin-top:16px; font-size:14px; line-height:30px; letter-spacing:0px;} #shzr ul{ margin-top:40px;} #shzr ul li .pic,#shzr ul li .text{ height:320px;} #shzr ul li .pic img{ width:483px; margin-left:-241.5px; height:320px;} #shzr ul li .text{ background-size:60px auto;} #shzr ul li .text .title,#shzr ul li .text .p,#shzr ul li .text .jj{ padding:0 30px;} #shzr ul li .text .title{ margin-top:30px; font-size:24px; line-height:40px; letter-spacing:0px;} #shzr ul li .text .p{ margin-top:11px; font-size:16px; line-height:50px; letter-spacing:0px;} #shzr ul li .text .jj{ margin-top:20px; font-size:14px; line-height:30px; height:120px; letter-spacing:0px;} #loading{ margin-top:40px;} #loading img{ width:30px;} } @media screen and (max-width:768px){ #shzr{ padding:20px 0 10px 0;} #shzr .shzrHead{ padding:0 10px;} #shzr .shzrHead h3{ font-size:24px; line-height:36px;} #shzr .shzrHead .p{ margin-top:10px; font-size:12px; line-height:24px;} #shzr ul{ margin-top:30px;} #shzr ul li .pic,#shzr ul li .text{ height:auto; width:100%;} #shzr ul li .pic img{ position:relative; left:auto; width:100%; margin-left:0; height:auto; vertical-align:top;} #shzr ul li .text{ background-size:60px auto; padding-bottom:20px;} #shzr ul li .text .title,#shzr ul li .text .p,#shzr ul li .text .jj{ padding:0 20px;} #shzr ul li .text .title{ margin-top:20px; font-size:16px; line-height:34px;} #shzr ul li .text .p{ margin-top:6px; font-size:14px; line-height:40px;} #shzr ul li .text .jj{ margin-top:10px; font-size:12px; line-height:24px; height:94px;} #loading{ margin-top:20px;} } /*详情页*/ #listShow{ width:100%; padding:63px 0 73px 0; position:relative;} #listShow .c_1162{ width:1162px; margin:auto;} #listShow h2{ width:100%; text-align:center; font-size:36px; color:#333; line-height:48px; font-weight:bold; letter-spacing:1px; position:relative; padding:0 120px;} #listShow h2 .return{ position:absolute; right:0; top:12px; padding-left:46px; background:url(images/163_shzr8.png) no-repeat left center; font-size:16px; color:#999; line-height:36px; font-weight:normal;} #listShow h2 .return:hover{ color:#00a0e9;} #listShow h3{ width:100%; text-align:center; font-size:24px; color:#00a0e9; line-height:36px; margin-top:14px; letter-spacing:1px;} #listShow h4{ width:100%; text-align:center; font-size:16px; color:#888; line-height:28px; margin-top:16px; letter-spacing:1px;} #listShow .p{ width:100%; background:url(images/163_shzr11.png) no-repeat 40px center #f4f4f4; margin-top:54px; padding:35px 50px 36px 130px; position:relative; font-size:16px; color:#666; line-height:30px; letter-spacing:1px;} #listShow .text{ width:100%; font-size:16px; color:#666; line-height:36px; margin-top:30px; letter-spacing:1px;} #listShow .fy{ width:100%; margin-top:59px; padding-top:33px; border-top:solid 1px #dadada; padding-right:200px; position:relative; text-align:left;} #listShow .fy h5{ width:100%; font-size:16px; color:#888; line-height:30px;} #listShow .fy h5 a{ color:#888;} #listShow .fy h5:hover,#listShow .fy h5:hover a{ color:#00a0e9;} #listShow .fy .bdsharebuttonbox{ position:absolute; right:0; top:54px;} #listShow .fy .bdsharebuttonbox span{ float:left; font-size:14px; color:#666; line-height:26px;} @media screen and (max-width:1400px){ } @media screen and (max-width:1200px){ #listShow .c_1162{ width:100%; padding:0 5%;} } @media screen and (max-width:992px){ #listShow{ padding:40px 0 50px 0;} #listShow h2{ font-size:30px; line-height:42px; letter-spacing:0px; padding:0 0px;} #listShow h2 .return{ display:block; position:relative; right:auto; top:auto; padding-left:40px; background-size:30px auto; font-size:14px; color:#999; line-height:30px; width:100%; text-align:left;} #listShow h3{ font-size:18px; line-height:30px; margin-top:10px; letter-spacing:0px;} #listShow h4{ font-size:14px; line-height:22px; margin-top:10px; letter-spacing:0px;} #listShow .p{ background:url(images/163_shzr11.png) no-repeat 30px center #f4f4f4; background-size:42px auto; margin-top:30px; padding:20px 30px 20px 100px; font-size:14px; line-height:24px; letter-spacing:0px;} #listShow .text{ font-size:14px; line-height:30px; margin-top:20px; letter-spacing:0px;} #listShow .fy{ margin-top:40px; padding-top:20px; padding-right:0px;} #listShow .fy .bdsharebuttonbox{ top:30px; display:none;} #listShow .fy h5{ font-size:14px; line-height:26px;} } @media screen and (max-width:768px){ #listShow{ padding:20px 0 30px 0;} #listShow h2{ font-size:20px; line-height:32px;} #listShow h2 .return{ padding-left:30px; background-size:20px auto; font-size:12px; line-height:24px;} #listShow h3{ font-size:16px; line-height:24px; margin-top:8px;} #listShow h4{ font-size:12px; line-height:20px; margin-top:8px;} #listShow .p{ background:url(images/163_shzr11.png) no-repeat 20px center #f4f4f4; background-size:36px auto; margin-top:20px; padding:10px 20px 10px 70px; font-size:12px; line-height:20px; min-height:50px} #listShow .text{ font-size:12px; line-height:24px; margin-top:15px;} #listShow .fy{ margin-top:20px; padding-top:10px; padding-right:0px;} #listShow .fy .bdsharebuttonbox{ position:relative; right:auto; top:auto; width:100%;} #listShow .fy .bdsharebuttonbox span{ font-size:12px; line-height:22px;} #listShow .fy h5{ font-size:12px; line-height:22px;} } #qywh{ width:100%;} #qywh img{ vertical-align:top;} @media screen and (max-width:1400px){ } @media screen and (max-width:1200px){ } @media screen and (max-width:992px){ } @media screen and (max-width:768px){ } /*业务领域*/ #wyly{ width:100%; padding:70px 0 80px 0;} #wyly dl{ width:100%;} #wyly ul{ width:66.666%; float:left;} #wyly dl dt{ width:33.33%; padding:0 5px; margin-top:10px; float:left;} #wyly dl ul li,#wyly dl dd{ width:50%; float:left; padding:0 5px; margin-top:10px;} #wyly dl dt .zbox,#wyly dl ul li .zbox,#wyly dl dd .zbox{ width:100%;} #wyly dl dt .zbox a,#wyly dl ul li .zbox a,#wyly dl dd .zbox a{ display:block; width:100%; position:relative; overflow:hidden; -moz-border-radius:4px; -webkit-border-radius:4px; -khtml-border-radius:4px; border-radius:4px;} #wyly dl dt .zbox a{ padding-bottom:130.4%;} #wyly dl ul li a{ padding-bottom:64.13%;} #wyly dl dd .zbox a{ padding-bottom:54.67%;} #wyly dl dt .zbox a img,#wyly dl ul li a img,#wyly dl dd a img{ width:100%; position:absolute; left:0; top:0; min-height:100%; z-index:1;} #wyly dl dt .zbox a .mb,#wyly dl ul li a .mb,#wyly dl dd a .mb{ width:100%; height:100%; position:absolute; left:0; top:0; background:url(images/165_wyly1.png) no-repeat top left; background-size:100% auto; z-index:2; -webkit-transition: all 0.3s ease-out 0s; -moz-transition: all 0.3s ease-out 0s; -o-transition: all 0.3s ease-out 0s; transition: all 0.3s ease-out 0s;} #wyly dl dt .zbox a .text,#wyly dl ul li a .text,#wyly dl dd a .text{ width:100%; position:absolute; left:0; z-index:3; top:25px; padding:0 30px; background-position: center bottom; -webkit-transition: all 0.3s ease-out 0s; -moz-transition: all 0.3s ease-out 0s; -o-transition: all 0.3s ease-out 0s; transition: all 0.3s ease-out 0s;} #wyly dl dt .zbox a .text h4,#wyly dl ul li a .text h4,#wyly dl dd a .text h4{ width:100%; font-size:24px; color:#222; line-height:33px; font-weight:bold; letter-spacing:1px;} #wyly dl dt .zbox a .text h6,#wyly dl ul li a .text h6,#wyly dl dd a .text h6{ width:100%; font-size:12px; color:#888; line-height:19px; text-transform:uppercase; letter-spacing:1px;font-family: 'OPENSANS-REGULAR';} #wyly dl dt .zbox a:hover .mb,#wyly dl ul li a:hover .mb,#wyly dl dd a:hover .mb{ background:#00a0e9; opacity:0.67;} #wyly dl dt .zbox a:hover .text,#wyly dl ul li a:hover .text,#wyly dl dd a:hover .text{ text-align:center; top:50%; padding-bottom:68px; background:url(images/165_wyly14.png) no-repeat center bottom; margin-top:-60px;} #wyly dl dt .zbox a:hover .text h4,#wyly dl ul li a:hover .text h4,#wyly dl dt .zbox a:hover .text h6,#wyly dl ul li a:hover .text h6,#wyly dl dd a:hover .text h4,#wyly dl dd a:hover .text h6{ color:white;} #wyly dl dt.dt1{ float:right;} @media screen and (max-width:1400px){ } @media screen and (max-width:1200px){ } @media screen and (max-width:992px){ #wyly{ padding:40px 0 50px 0;} #wyly dl dt .zbox a .text h4,#wyly dl ul li a .text h4,#wyly dl dd a .text h4{ font-size:18px; line-height:26px; letter-spacing:0px;} #wyly dl dt .zbox a .text,#wyly dl ul li a .text,#wyly dl dd a .text{ top:20px; padding:0 20px;} #wyly dl dt .zbox a:hover .text,#wyly dl ul li a:hover .text,#wyly dl dd a:hover .text{ padding-bottom:50px; background-size:30px auto; margin-top:-50px;} } @media screen and (max-width:768px){ #wyly{ padding:10px 15px 15px 15px;} #wyly ul{ width:100%; float:left;} #wyly dl dt{ width:100%;} #wyly dl ul li,#wyly dl dd{ width:100%;} } /*发展历程*/ #fzlc{ width:100%; background:url(images/166_fzlc1.jpg) no-repeat top center; background-size:contain; padding:91px 0 79px 0;} #fzlc .fzlcHead{ width:100%; font-size:72px; color:#2a2a2a; line-height:72px; text-transform:uppercase; margin-bottom:53px;} #fzlc .fzlcHead span{ color:#00a0e9;} #fzlc .fzlcHead h3{ margin-left:50px; vertical-align:bottom; font-size:36px; line-height:63px; width:auto; display:inline-block; color:#2a2a2a;} #fzlc .fzlcLeft{ float:left; width:209px; background:#f2f5f6; height:770px; padding:110px 0; text-align:center;} #fzlc .fzlcLeft li{ width:100%; font-family: 'OPENSANS-REGULAR'; position:relative; cursor:pointer;font-size:48px; color:#333; line-height:134px; font-family: 'OPENSANS-REGULAR';} #fzlc .fzlcLeft li:before{ content:''; background:url(images/166_fzlc3.png) no-repeat center center; width:9px; height:14px; position:absolute; right:-10px; top:50%; margin-top:-7px;} #fzlc .fzlcLeft li.on:before{ right:0;} #fzlc .fzlcLeft li.on{ color:#00a0e9;} #fzlc .fzlcLeft .slick-prev, #fzlc .fzlcLeft .slick-next { position: absolute; left:0px; top: 49px; display: block; width: 100%; height: 21px; padding: 0; -webkit-transform: translate(0, 0); -ms-transform: translate(0, 0); transform: translate(0, 0); cursor: pointer; color: transparent; border: none; outline: none; background:url(images/166_fzlc2.png) no-repeat top center; z-index:100; } #fzlc .fzlcLeft .slick-next{ left:auto; right:0; top:auto; bottom:60px; background-position: bottom center; } #fzlc .fzlcRight{ float:right; width:83%;} #fzlc .fzlcRight ul{ width:100%; border-top:solid 1px #e8e8e8;} #fzlc .fzlcRight ul li{ width:100%; padding:58px 0 60px 0; border-bottom:solid 1px #e8e8e8;} #fzlc .fzlcRight ul li .img{ width:38.38%; float:right;} #fzlc .fzlcRight ul li .img img{ width:100%;} #fzlc .fzlcRight ul li .text{ width:57.22%; float:left; padding-left:138px; position:relative;} #fzlc .fzlcRight ul li .text .time{ position:absolute; left:20px; top:2px; background:url(images/166_fzlc4.png) no-repeat center center; width:71px; height:70px; background-size:contain; text-align:center; padding-top:20px; font-size:18px; color:#c6c6c6; line-height:50px; font-weight:bold;} #fzlc .fzlcRight ul li .text .title{ width:100%; margin-top:21px; font-size:24px; color:#333; line-height:34px; letter-spacing:1px;} #fzlc .fzlcRight ul li .text .jj{ width:100%; margin-top:26px; font-size:16px; color:#666; line-height:28px; letter-spacing:1px;} #fzlc .fzlcRight ul li:hover .text .time{ background-image:url(images/166_fzlc5.png); color:#00a0e9;} #fzlc .fzlcRight ul li:hover .text .title{ color:#00a0e9;} @media screen and (max-width: 1399px) { #fzlc .fzlcRight{ width:80%;} } @media screen and (max-width:1400px){ } @media screen and (max-width:1200px){ #fzlc{ padding:70px 0 50px 0;} #fzlc .fzlcHead{ font-size:50px; line-height:50px; margin-bottom:40px;} #fzlc .fzlcHead h3{ margin-left:30px; font-size:30px; line-height:40px;} #fzlc .fzlcRight{ width:78%;} #fzlc .fzlcLeft{ width:180px; height:660px;} #fzlc .fzlcRight ul li .text{ padding-left:110px;} #fzlc .fzlcLeft li{ font-size:40px; line-height:110px;} #fzlc .fzlcRight ul li{ padding:30px 0 35px 0;} #fzlc .fzlcRight ul li .text .time{ left:10px; top:0px; width:60px; height:60px; padding-top:15px; font-size:16px; line-height:45px;} #fzlc .fzlcRight ul li .text .title{ margin-top:16px; font-size:18px; line-height:28px; letter-spacing:0px;} #fzlc .fzlcRight ul li .text .jj{ margin-top:20px; font-size:14px; line-height:24px; letter-spacing:0px;} } @media screen and (max-width:992px){ #fzlc{ padding:40px 0 30px 0;} #fzlc .fzlcHead{ font-size:40px; line-height:40px; margin-bottom:30px;} #fzlc .fzlcHead h3{ margin-left:20px; font-size:20px; line-height:30px;} #fzlc .fzlcRight{ width:75%;} #fzlc .fzlcLeft{ width:150px; height:470px; padding:70px 0;} #fzlc .fzlcLeft li{ font-size:30px; line-height:78px;} #fzlc .fzlcLeft .slick-prev{ top:40px;} #fzlc .fzlcLeft .slick-next{ bottom:40px;} #fzlc .fzlcRight ul li{ padding:20px 0 23px 0;} #fzlc .fzlcRight ul li .text{ padding-left:75px;} #fzlc .fzlcRight ul li .text .time{ left:0px; width:50px; height:50px; padding-top:10px; font-size:14px; line-height:40px;} #fzlc .fzlcRight ul li .text .title{ margin-top:0px; font-size:16px; line-height:24px;} #fzlc .fzlcRight ul li .text .jj{ margin-top:15px; font-size:12px; line-height:22px;} } @media screen and (max-width:768px){ #fzlc{ padding:20px 0 15px 0;} #fzlc .fzlcHead{ font-size:30px; line-height:30px; margin-bottom:20px; padding:0 10px;} #fzlc .fzlcHead h3{ margin-left:10px; font-size:16px; line-height:24px;} #fzlc .fzlcRight{ width:100%;} #fzlc .fzlcLeft{ width:100%; height:50px; padding:0px 0;} #fzlc .fzlcLeft li{ font-size:16px; line-height:50px;} #fzlc .fzlcLeft li:before{ top:auto; right:50%; bottom:-7px; transform:rotate(90deg); width:6px; height:6px; background-size:contain; margin-left:-3px;} #fzlc .fzlcLeft li#listShow .p.on:before{ right:50%; bottom:0;} #fzlc .fzlcLeft li.on:before{ right:50%; bottom:0;} #fzlc .fzlcLeft .slick-prev, #fzlc .fzlcLeft .slick-next{ display:none;} #fzlc .fzlcRight ul{ border-top:0;} #fzlc .fzlcRight ul li{ padding:15px 10px 16px 10px;} #fzlc .fzlcRight ul li .img{ width:100%;} #fzlc .fzlcRight ul li .text{ width:100%; padding-left:55px; margin-top:10px;} #fzlc .fzlcRight ul li .text .time{ width:40px; height:40px; padding-top:8px; font-size:12px; line-height:32px;} #fzlc .fzlcRight ul li .text .title{ font-size:16px; line-height:24px;} #fzlc .fzlcRight ul li .text .jj{ margin-top:10px; line-height:20px;} } /*职业发展*/ #zyfz{ width:100%;} #zyfz li{ width:100%; padding:104px 0 108px 0;} #zyfz li .img{ float:right; text-align:center; width:41.28%; line-height:480px;} #zyfz li .img img{ vertical-align:middle;} #zyfz li .text{ float:left; width:55.71%;} #zyfz li .text h2{ width:100%; font-size:60px; color:#555; line-height:72px; text-transform:uppercase; letter-spacing:1px;font-family: 'OPENSANS-BOLD'; position:relative;} #zyfz li .text h2 span{ color:#00a0e9;} #zyfz li .text h2:before{ content:''; width:1px; height:24px; background:#00a0e9; position:absolute; left:15px; bottom:-34px;} #zyfz li .text h4{ width:100%; font-size:30px; color:#666; line-height:40px; letter-spacing:2px; margin-top:57px;} #zyfz li .text .p{ width:100%; font-size:16px; color:#666; line-height:36px; letter-spacing:1px; margin-top:26px;} #zyfz li.l1{ background:#f3f3f3;} #zyfz li.l1 .img{ float:left; line-height:560px;} #zyfz li.l1 .text{ float:right;} @media screen and (max-width:1400px){ } @media screen and (max-width:1200px){ } @media screen and (max-width:992px){ #zyfz li{ padding:62px 0 64px 0;} #zyfz li .img{ line-height:400px;} #zyfz li .text h2{ font-size:50px; line-height:60px;} #zyfz li .text h2:before{ height:20px; left:10px; bottom:-30px;} #zyfz li .text h4{ font-size:24px; line-height:34px; letter-spacing:1px; margin-top:50px;} #zyfz li .text .p{ font-size:14px; line-height:30px; letter-spacing:0px; margin-top:20px;} } @media screen and (max-width:768px){ #zyfz li{ padding:31px 10px 30px 10px;} #zyfz li .img,#zyfz li.l1 .img,#zyfz li .text{ line-height:0px; width:100%;} #zyfz li .img{ padding:0 10%;} #zyfz li .text{ margin-top:20px;} #zyfz li .text h2{ font-size:30px; line-height:40px;} #zyfz li .text h2:before{ height:16px; left:6px; bottom:-20px;} #zyfz li .text h4{ font-size:18px; line-height:28px; letter-spacing:0px; margin-top:40px;} #zyfz li .text .p{ font-size:12px; line-height:24px; margin-top:10px;} } #zyfz1{ width:100%; padding:85px 0 109px 0; text-align:center;} #zyfz1 .img{ width:100%; position:relative;} #zyfz1 .img h3{ width:100%; position:absolute; left:0; top:99px; font-size:30px; color:#666; line-height:1; letter-spacing:2px;} #zyfz1 .text{ width:100%; margin-top:51px; font-size:16px; color:#666; line-height:36px;} #zyfz1 .text img{ vertical-align:middle; margin:-3px 8px 0 20px;} @media screen and (max-width:1400px){ } @media screen and (max-width:1200px){ } @media screen and (max-width:992px){ #zyfz1{ padding:40px 0 65px 0;} #zyfz1 .img h3{ top:70px; font-size:24px; letter-spacing:1px;} #zyfz1 .text{ margin-top:40px; font-size:14px; line-height:30px;} #zyfz1 .text img{ margin:-3px 6px 0 10px; width:16px;} } @media screen and (max-width:768px){ #zyfz1{ padding:20px 0 33px 0;} #zyfz1 .img h3{ top:25px; font-size:18px; letter-spacing:0px;} #zyfz1 .text{ margin-top:30px; font-size:12px; line-height:24px; padding:0 10px;} #zyfz1 .text img{ margin:-3px 4px 0 6px; width:14px;} } #news{ width:100%; margin-top:70px;} #news li{ width:100%; background:#f7f7f7; margin-top:30px; padding:30px 30px 30px 0;-webkit-transition: all 0.5s ease-out 0s; -moz-transition: all 0.5s ease-out 0s; -o-transition: all 0.5s ease-out 0s; transition: all 0.5s ease-out 0s; } #news li a{ display:block; width:100%; position:relative;} #news li .time{ position:absolute; left:0; top:0px; width:185px; height:154px; text-align:center; border-right:1px solid #e0e0e0;-webkit-transition: all 0.5s ease-out 0s; -moz-transition: all 0.5s ease-out 0s; -o-transition: all 0.5s ease-out 0s; transition: all 0.5s ease-out 0s;} #news li .time time{ float:left; width:100%; color:#c2c2c2; font-size:72px; line-height:64px; font-family:Arial; font-weight:bold; margin:35px 0 10px 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;} #news li .time span{ float:left; width:100%; color:#4c4c4c; font-size:21px; line-height:21px; font-family:Arial;} #news li .img{ float:left; width:277px; height:154px; line-height:0; overflow:hidden; position:absolute; right:0; top:0;} #news 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;} #news li:hover .img img{ -webkit-transform: scale(1.1); -moz-transform: scale(1.1);transform: scale(1.1);} #news li .text{ float:left; width:100%; padding:0 320px 0 235px; min-height:158px;} #news li .text h5{ float:left; width:100%; color:#333333; font-size:21px; line-height:31px; margin:15px 0 13px 0;-webkit-transition: all 0.5s ease-out 0s; -moz-transition: all 0.5s ease-out 0s; -o-transition: all 0.5s ease-out 0s; transition: all 0.5s ease-out 0s; } #news li .text .p{ float:left; width:100%; color:#666; font-size:14px; line-height:26px; height:78px; overflow:hidden; letter-spacing:1px;} #news li:hover{ background:#00a0e9;} #news li:hover .text h5,#news li:hover .text .p{ color:#fff;} #news li:hover .time time,#news li:hover .time span{ color:#fff;} #news li:hover .time{ border-right:1px solid #33b3ed;} @media screen and (max-width:1400px){ } @media screen and (max-width:1200px){ } @media screen and (max-width:992px){ #news li{ margin-top:20px; padding:20px 20px 20px 0;} #news li .time{ width:120px; height:110px;} #news li .time time{ font-size:50px; line-height:42px; margin:25px 0 15px 0;} #news li .time span{ font-size:14px; line-height:14px;} #news li .img{ width:170px; height:95px; top:8px;} #news li .text{ padding:0 190px 0 140px; min-height:97px;} #news li .text h5{ font-size:16px; line-height:24px; margin:6px 0 10px 0;} #news li .text .p{ line-height:22px; height:66px; font-size:13px;} #news{ margin-top:40px;} } @media screen and (max-width:768px){ #news{ margin-top:10px;} #news li{ margin-top:10px; padding:15px;} #news li .time{ display:none;} #news li .img{ width:120px; height:67px; top:12px;} #news li .text{ padding:0 130px 0 0px; min-height:90px;} #news li .text h5{ font-size:14px; line-height:22px; margin:0px 0 8px 0;} #news li .text .p{ line-height:20px; height:58px; font-size:12px;} #news li .text time{ display:block; float:left; width:100%; color:#c2c2c2; font-size:12px; line-height:22px; } } /*分页*/ #listFy{ width:100%; text-align:center; padding:60px 0 80px 0;} #listFy .pz_fy1{display:inline-block; *display:inline; *zoom:1;vertical-align: top;} #listFy .pz_fy1 a {display:block; float:left; width:30px; height:30px; text-align:center; line-height:28px; border:1px solid #e1e1e1; font-size:14px; color:#272727; margin:0 8px; -webkit-border-radius:18px; -khtml-border-radius:18px; -moz-border-radius:18px; border-radius:18px;} #listFy .pz_fy1 a:hover,#listFy .pz_fy1 a.on{color: #fff; border:1px solid #00a0e9; background:#00a0e9; text-decoration:none;} #listFy .pz_fy1 a.prve{ background:url(images/170_sprve_fy.png) no-repeat center; width:100px;} #listFy .pz_fy1 a.prve:hover, #listFy .pz_fy1 a.prve.on{ background:url(images/170_sprve_fy_h.png) no-repeat center #00a0e9; border:1px solid #00a0e9;} #listFy .pz_fy1 a.next{ background:url(images/170_snext_fy.png) no-repeat center; width:100px;} #listFy .pz_fy1 a.next:hover, #listFy .pz_fy1 a.next.on{ background:url(images/170_snext_fy_h.png) no-repeat center #00a0e9; border:1px solid #00a0e9;} #listFy .fy_phone{ display:none;} @media screen and (max-width:1400px){ } @media screen and (max-width:1200px){ #listFy{ padding:30px 0 40px 0;} } @media screen and (max-width:992px){ } @media screen and (max-width:768px){ #listFy{ padding:20px 0 25px 0;} #listFy .pz_fy1{ display:none;} #listFy .fy_phone{ display:block; width:100%; text-align:center; font-size:14px; color:#333;} #listFy .fy_phone a {display:inline-block; *display:inline; *zoom:1; width:100px; height:30px; text-align:center; line-height:28px; border:1px solid #e1e1e1; margin:0 5px; -webkit-border-radius:18px; -khtml-border-radius:18px; -moz-border-radius:18px; border-radius:18px;} #listFy .fy_phone a.prve{ background:url(images/170_prve_fy.png) no-repeat center;} #listFy .fy_phone a.next{ background:url(images/170_next_fy.png) no-repeat center;} #listFy .fy_phone span{ padding:0 5%; color:#333; display:inline-block; *display:inline; *zoom:1; vertical-align:top; height:30px; line-height:30px;} } /*媒体专区*/ #mtzq{ width:100%; margin-top:70px;} #mtzq ul{ width:100%; display: flex; display: -webkit-flex; flex-wrap: wrap; align-items: flex-start;} #mtzq ul li{ width:33.33%; float:left; margin-top:30px; padding:0 15px;} #mtzq ul li .zbox{ width:100%; background:#f3f3f3; padding:30px 30px 60px 30px; text-align:center; -webkit-transition: all 0.3s ease-out 0s; -moz-transition: all 0.3s ease-out 0s; -o-transition: all 0.3s ease-out 0s; transition: all 0.3s ease-out 0s;} #mtzq ul li .zbox .pic{ width:100%; position:relative; padding-bottom:66.4%; overflow:hidden;} #mtzq ul li .zbox .pic img{ width:100%; position:absolute; left:0; top:0; min-height:100%;} #mtzq ul li .zbox .pic .logo{ width:100%; height:100%; position:absolute; left:0; top:0; opacity:0; -webkit-transition: all 0.3s ease-out 0s; -moz-transition: all 0.3s ease-out 0s; -o-transition: all 0.3s ease-out 0s; transition: all 0.3s ease-out 0s;} #mtzq ul li .zbox .title{ width:100%; margin-top:52px; font-size:20px; color:#333; line-height:32px; -webkit-transition: all 0.3s ease-out 0s; -moz-transition: all 0.3s ease-out 0s; -o-transition: all 0.3s ease-out 0s; transition: all 0.3s ease-out 0s;} #mtzq ul li .zbox .jj{ width:100%; margin-top:15px; font-size:16px; color:#666; line-height:30px; height:60px; overflow:hidden; letter-spacing:1px;-webkit-transition: all 0.3s ease-out 0s; -moz-transition: all 0.3s ease-out 0s; -o-transition: all 0.3s ease-out 0s; transition: all 0.3s ease-out 0s;} #mtzq ul li .zbox .down{ display:inline-block; vertical-align:top; margin-top:32px; width:178px; height:40px; line-height:38px; border:solid 1px #00a0e9; font-size:14px; color:#00a0e9; letter-spacing:1px; -moz-border-radius:20px; -webkit-border-radius:20px; -khtml-border-radius:20px; border-radius:20px; -webkit-transition: all 0.3s ease-out 0s; -moz-transition: all 0.3s ease-out 0s; -o-transition: all 0.3s ease-out 0s; transition: all 0.3s ease-out 0s;} #mtzq ul li .zbox .down span{ display:inline-block; vertical-align:middle; margin:-3px 0 0 10px; width:18px; height:16px; background:url(images/171_mtzq3.png) no-repeat center center; background-size:contain; -webkit-transition: all 0.3s ease-out 0s; -moz-transition: all 0.3s ease-out 0s; -o-transition: all 0.3s ease-out 0s; transition: all 0.3s ease-out 0s;} #mtzq ul li .zbox:hover .down span{ background-image:url(images/171_mtzq4.png);} #mtzq ul li .zbox:hover .down{ border-color:white; color:white;} #mtzq ul li .zbox:hover .pic .logo{ opacity:1;} #mtzq ul li .zbox:hover{ background:#00a0e9;} #mtzq ul li .zbox:hover .title,#mtzq ul li .zbox:hover .jj{ color:white;} @media screen and (max-width:1400px){ } @media screen and (max-width:1200px){ } @media screen and (max-width:992px){ #mtzq{ margin-top:40px;} #mtzq ul li{ width:50%; margin-top:20px;} #mtzq ul li .zbox{ padding:20px 20px 40px 20px;} #mtzq ul li .zbox .title{ margin-top:30px; font-size:16px; line-height:26px;} #mtzq ul li .zbox .jj{ margin-top:10px; font-size:14px; line-height:24px; height:48px; letter-spacing:0px; padding:0 20px;} #mtzq ul li .zbox .down{ margin-top:21px; width:140px; height:36px; line-height:34px; font-size:12px;} #mtzq ul li .zbox .down span{ margin:-3px 0 0 6px; width:14px; height:12px;} } @media screen and (max-width:768px){ #mtzq{ margin-top:20px; padding:0 20px;} #mtzq ul li{ padding:0 5px; margin-top:10px;} #mtzq ul li .zbox{ padding:10px 10px 20px 10px;} #mtzq ul li .zbox .title{ margin-top:20px; font-size:14px; line-height:22px;} #mtzq ul li .zbox .jj{ margin-top:8px; font-size:12px; line-height:20px; height:38px; padding:0 0px;} #mtzq ul li .zbox .down{ margin-top:15px; width:100px; height:30px; line-height:28px;} #mtzq ul li .zbox .down span{ margin:-3px 0 0 4px; width:12px; height:11px;} } #tzz1{ width:100%; height:500px; position:relative;} #tzz1 .tzz1Box{ width:100%; position:absolute; left:0; bottom:70px;} #tzz1 .tzz1Box .tzz1Left{ float:left; width:31%;} #tzz1 .tzz1Box .tzz1Left h3{ width:100%; font-size:48px; color:white; line-height:70px; letter-spacing:1px;} #tzz1 .tzz1Box .tzz1Left h3 span{ display:inline-block; vertical-align:middle; margin:-3px 0 0 15px; height:45px; line-height:45px; background:#00a0e9; padding:0 10px; font-size:30px; color:white;} #tzz1 .tzz1Box .tzz1Left h2{ width:100%; margin-top:38px; font-size:72px; color:white; line-height:78px; letter-spacing:1px;} #tzz1 .tzz1Box .tzz1Left h2 span{ display:inline-block; vertical-align:middle; margin:-3px 0 0 52px; font-size:24px; color:#f50e0e; line-height:27px;} #tzz1 .tzz1Box .tzz1Left h2.on span{ color:#41e441;} #tzz1 .tzz1Box .tzz1Right{ float:right; width:68.14%; margin-top:12px; background:url(images/172_tzz2.png); padding:16px 30px 21px 50px;} #tzz1 .tzz1Box .tzz1Right li{ float:left; width:16.66%;} #tzz1 .tzz1Box .tzz1Right li h5{ width:100%; font-size:18px; color:white; line-height:62px; letter-spacing:1px;} #tzz1 .tzz1Box .tzz1Right li h4{ width:100%; font-size:24px; color:white; line-height:62px; letter-spacing:1px;} #tzz1 .tzz1Box .tzz1Right li h4 span{ font-size:18px; color:white;} @media screen and (max-width:1400px){ } @media screen and (max-width:1200px){ #tzz1 .tzz1Box .tzz1Left h3{ font-size:30px; line-height:50px;} #tzz1 .tzz1Box .tzz1Left h3 span{ margin:-3px 0 0 10px; height:40px; line-height:40px; font-size:24px;} #tzz1 .tzz1Box .tzz1Left h2{ margin-top:25px; font-size:50px; line-height:54px;} #tzz1 .tzz1Box .tzz1Left h2 span{ margin:-3px 0 0 30px; font-size:18px; line-height:22px;} #tzz1 .tzz1Box .tzz1Right{ margin-top:6px; padding:10px 20px 15px 30px;} #tzz1 .tzz1Box .tzz1Right li h5{ font-size:16px; line-height:40px;} #tzz1 .tzz1Box .tzz1Right li h4{ font-size:20px; line-height:40px;} #tzz1 .tzz1Box .tzz1Right li h4 span{ font-size:16px;} } @media screen and (max-width:992px){ #tzz1{ height:400px;} #tzz1 .tzz1Box{ bottom:50px;} #tzz1 .tzz1Box .tzz1Left,#tzz1 .tzz1Box .tzz1Right{ width:100%;} #tzz1 .tzz1Box .tzz1Left h3{ font-size:20px; line-height:30px;} #tzz1 .tzz1Box .tzz1Left h3 span{ margin:-3px 0 0 6px; height:34px; line-height:34px; font-size:18px;} #tzz1 .tzz1Box .tzz1Left h2{ margin-top:15px; font-size:30px; line-height:32px;} #tzz1 .tzz1Box .tzz1Left h2 span{ margin:-3px 0 0 20px; font-size:16px; line-height:20px;} #tzz1 .tzz1Box .tzz1Right{ margin-top:20px; padding:10px 10px 15px 50px;} #tzz1 .tzz1Box .tzz1Right li h5{ font-size:14px; line-height:34px;} #tzz1 .tzz1Box .tzz1Right li h4{ font-size:16px; line-height:34px;} #tzz1 .tzz1Box .tzz1Right li h4 span{ font-size:14px;} } @media screen and (max-width:768px){ #tzz1{ height:300px;} #tzz1 .tzz1Box{ bottom:10px; padding:0 10px;} #tzz1 .tzz1Box .tzz1Left h3{ font-size:20px; line-height:30px;} #tzz1 .tzz1Box .tzz1Left h3 span{ margin:-3px 0 0 10px; height:28px; line-height:28px; font-size:16px;} #tzz1 .tzz1Box .tzz1Left h2{ margin-top:15px; font-size:30px; line-height:32px;} #tzz1 .tzz1Box .tzz1Left h2 span{ margin:-3px 0 0 25px; font-size:14px; line-height:18px;} #tzz1 .tzz1Box .tzz1Right{ margin-top:20px; padding:10px 10px 10px 10px;} #tzz1 .tzz1Box .tzz1Right li{ width:33.33%;} #tzz1 .tzz1Box .tzz1Right li h5{ font-size:12px; line-height:28px;} #tzz1 .tzz1Box .tzz1Right li h4{ font-size:14px; line-height:28px;} #tzz1 .tzz1Box .tzz1Right li h4 span{ font-size:12px;} } #tzz2{ width:100%; margin-top:78px;} #tzz2 ul{ width:100%; height:77px; border-bottom:solid 5px #e7e7e7;} #tzz2 ul li{ float:left; margin-right:60px;} #tzz2 ul li a{ display:block; font-size:24px; color:#666; line-height:54px; height:77px; border-bottom:solid 5px #e7e7e7; letter-spacing:1px;} #tzz2 ul li.on a{ color:#00a0e9; font-size:30px; border-bottom:solid 5px #00a0e9;} #tzz2 ul li:hover a{ color:#00a0e9;} @media screen and (max-width:1400px){ } @media screen and (max-width:1200px){ #tzz2{ margin-top:50px;} } @media screen and (max-width:992px){ #tzz2{ margin-top:30px;} #tzz2 ul{ height:55px; border-bottom:solid 3px #e7e7e7;} #tzz2 ul li{ margin-right:40px;} #tzz2 ul li a{ font-size:18px; line-height:40px; height:55px; border-bottom:solid 3px #e7e7e7;} #tzz2 ul li.on a{ font-size:24px; border-bottom:solid 3px #00a0e9;} } @media screen and (max-width:768px){ #tzz2{ margin-top:20px;} #tzz2 ul{ height:40px; border-bottom:solid 2px #e7e7e7; padding:0 10px;} #tzz2 ul li{ margin-right:20px;} #tzz2 ul li a{ font-size:16px; line-height:30px; height:40px; border-bottom:solid 2px #e7e7e7;} #tzz2 ul li.on a{ font-size:18px; border-bottom:solid 2px #00a0e9;} } #tzz3{ width:100%; margin-top:10px;} #tzz3 li{ width:100%; border-bottom:dashed 1px #b2b2b2;} #tzz3 li a{ display:block; width:100%; padding-right:120px; position:relative; padding-left:18px; position:relative; font-size:18px; color:#333; line-height:79px; letter-spacing:1px;} #tzz3 li a .time{ position:absolute; right:0; top:0; font-size:18px; color:#888;} #tzz3 li a:before{ content:''; width:4px; height:4px; background:#00a0e9; position:absolute; left:0; top:50%; margin-top:-2px;} #tzz3 li a:hover,#tzz3 li a:hover .time{ color:#00a0e9;} @media screen and (max-width:1400px){ } @media screen and (max-width:1200px){ } @media screen and (max-width:992px){ #tzz3 li a{ padding-left:15px; font-size:16px; line-height:60px; letter-spacing:0px;} #tzz3 li a .time{ font-size:16px;} } @media screen and (max-width:768px){ #tzz3{ padding:0 10px;} #tzz3 li a{ padding-right:100px; padding-left:12px; font-size:14px; line-height:50px;} #tzz3 li a .time{ font-size:14px;} } /*公司介绍*/ #gsjs1{ width:100%; background:url(images/175_gsjs1.jpg) no-repeat center center; background-size:cover; padding:88px 0 95px 0; text-align:center;} #gsjs1 h3{ width:100%; font-size:30px; color:#333; line-height:52px; letter-spacing:1px;} #gsjs1 h1{ width:100%; font-size:90px; color:#00a0e9; line-height:94px;} #gsjs1 h1 span{ font-size:24px; color:#00a0e9; margin-top:-3px;} #gsjs1 .p{ width:1000px; display:inline-block; vertical-align:top; margin-top:41px; font-size:16px; color:#666; line-height:29px; letter-spacing:1px;} @media screen and (max-width:1100px){ #gsjs1 .p{ width:100%;} } @media screen and (max-width:1400px){ } @media screen and (max-width:1200px){ } @media screen and (max-width:992px){ #gsjs1{ padding:44px 0 53px 0;} #gsjs1 h3{ font-size:24px; line-height:38px; } #gsjs1 h1{ font-size:70px; line-height:72px;} #gsjs1 h1 span{ font-size:18px;} #gsjs1 .p{ margin-top:20px; font-size:14px; line-height:24px;} } @media screen and (max-width:768px){ #gsjs1{ padding:22px 15px 25px 15px;} #gsjs1 h3{ font-size:18px; line-height:28px; } #gsjs1 h1{ font-size:40px; line-height:41px;} #gsjs1 h1 span{ font-size:16px;} #gsjs1 .p{ margin-top:15px; font-size:12px; line-height:20px;} } #gsjs2{ width:100%; padding:100px 0 0 0; height:634px;} .row_1{ margin:0 -5px; display: -webkit-flex; display:flex; -webkit-flex-wrap:nowrap; flex-wrap:nowrap;} #gsjs2 li{ width:20%; text-align:center; float:left; border-right:solid 1px #41a3e4;} #gsjs2 li .ico{ display:inline-block; vertical-align:top; width:140px; height:140px; background:white; background:rgba(255,255,255,0.2); -moz-border-radius:50%; -webkit-border-radius:50%; -khtml-border-radius:50%; border-radius:50%; -webkit-transition: all 0.3s ease-out 0s; -moz-transition: all 0.3s ease-out 0s; -o-transition: all 0.3s ease-out 0s; transition: all 0.3s ease-out 0s;} #gsjs2 li:hover .ico{ transform:scaleY(180deg);} #gsjs2 li h5{ width:100%; margin-top:26px; font-size:16px; color:white; line-height:29px;} #gsjs2 li h6{ width:100%; font-size:12px; color:white; line-height:24px; font-family:Arial;} #gsjs2 li:last-child{ border-right:0;} @media screen and (max-width:1400px){ } @media screen and (max-width:992px){ #gsjs2{ padding:60px 0 0 0; height:450px;} .row_1{ margin:0 -20px;} #gsjs2 li .ico{ width:100px; height:100px;} #gsjs2 li h5{ margin-top:20px; font-size:14px; line-height:25px;} #gsjs2 li h6{ line-height:20px;} } @media screen and (max-width:768px){ #gsjs2{ padding:30px 0 20px 0; height:auto; text-align:center;} .row_1{ margin:0 0px; display:block; width:100%; text-align:center; -webkit-flex-wrap:wrap; flex-wrap:wrap;} #gsjs2 li{ float:none; display:inline-block; vertical-align:top; width:32%; margin-top:10px;} #gsjs2 li .ico{ width:80px; height:80px;} #gsjs2 li h5{ margin-top:15px; line-height:20px;} #gsjs2 li h6{ line-height:18px;} #gsjs2 li:nth-child(3){ border-right:0;} } #gsjs3{ width:100%; text-align:center; background:url(images/177_gsjs3.jpg) no-repeat center center; padding:94px 0 93px 0;} #gsjs3 .p1{ width:100%; padding:0 15%; font-size:16px; color:#666; line-height:30px;} #gsjs3 h4{ width:100%; margin-top:75px; font-size:24px; color:#00a0e9; line-height:34px;} #gsjs3 .p2{ width:100%; margin-top:17px; font-size:16px; color:#666; line-height:30px;} #gsjs3 .bian{ display:inline-block; vertical-align:top; width:36px; height:4px; background:#00a0e9; margin-top:63px;} @media screen and (max-width:1400px){ } @media screen and (max-width:1200px){ } @media screen and (max-width:992px){ #gsjs3{ padding:50px 0; background-size:cover;} #gsjs3 .p1{ padding:0 5%; font-size:14px; line-height:24px;} #gsjs3 h4{ margin-top:52px; font-size:18px; line-height:28px;} #gsjs3 .p2{ margin-top:12px; font-size:14px; line-height:24px;} #gsjs3 .bian{ width:30px; height:3px; margin-top:40px;} } @media screen and (max-width:768px){ #gsjs3{ padding:30px 0;} #gsjs3 .p1{ padding:0 2%; font-size:12px; line-height:20px;} #gsjs3 h4{ margin-top:30px; font-size:16px; line-height:22px;} #gsjs3 .p2{ padding:0 2%; margin-top:8px; font-size:12px; line-height:20px;} #gsjs3 .bian{ width:24px; height:2px; margin-top:20px;} } #gsjs4{ width:100%; background:url(images/178_gsjs9.jpg) no-repeat center center; background-size:cover;} #gsjs4 h3{ width:100%; margin-top:94px; text-align:center;} #gsjs4 h3 span{ display:inline-block; vertical-align:top; padding:0 30px; position:relative; font-size:30px; color:#00a0e9; line-height:42px; font-weight:bold;} #gsjs4 h3 span:before,#gsjs4 h3 span:after{ content:''; width:26px; height:3px; background:#00a0e9; position:absolute; left:-26px; top:50%; margin-top:-3px;} #gsjs4 h3 span:after{ left:auto; right:-26px;} #gsjs4 h5{ width:100%; margin-top:28px; padding:0 10%; font-size:16px; color:#666; line-height:29px; text-align:center;} #gsjs4 .index1Body{ width:100%; margin-top:51px; height:447px; overflow:hidden;} #gsjs4 .index1Body li{ width:10.6%; float:left; height:447px; position:relative; background:black; cursor:pointer; overflow:hidden; -webkit-transition: all 0.5s ease-out 0s; -moz-transition: all 0.5s ease-out 0s; -o-transition: all 0.5s ease-out 0s; transition: all 0.5s ease-out 0s;} #gsjs4 .index1Body li .img{ width:100%; height:100%; position:absolute; left:0; top:0; opacity:0.8; z-index:1;} #gsjs4 .index1Body li .text{ width:100%; top:50%; position:absolute; left:0; text-align:center; z-index:3;} #gsjs4 .index1Body li .text .ico{ display:inline-block; vertical-align:top; margin-top:-58px; background:white; width:78px; height:78px; overflow:hidden; -moz-border-radius:50%; -webkit-border-radius:50%; -khtml-border-radius:50%; border-radius:50%;} #gsjs4 .index1Body li .text .ico img{ width:100%; float:left;} #gsjs4 .index1Body li .text .title{ display:inline-block; vertical-align:top; width:100%; margin-top:20px; font-size:16px; color:white; line-height:34px; padding-bottom:4px; background:url(images/178_index9.png) no-repeat center bottom;} #gsjs4 .index1Body li .text .p{ width:100%; float:left; font-size:14px; color:#333; line-height:26px; display:none; margin-top:22px; height:130px; overflow:hidden;} #gsjs4 .index1Body li .text .detail{ display:none; margin-top:31px; font-size:14px; color:white; line-height:62px; font-family:"Arial"; position:absolute; right:-32px; top:50%; width:62px; height:62px; background:#00a0e9; text-align:center; margin-top:-32px; -moz-border-radius:50%; -webkit-border-radius:50%; -khtml-border-radius:50%; border-radius:50%;} #gsjs4 .index1Body li .text .detail:hover{ color:#00a0e9; background:white;} #gsjs4 .index1Body li.on .text .title{ margin-top:0; color:#333; padding-bottom:0; background:none; font-size:24px;} #gsjs4 .index1Body li.on .text .bian{ display:none;} #gsjs4 .index1Body li.on .text .p{ display:block;} #gsjs4 .index1Body li.on .text .detail{ display:block;} #gsjs4 .index1Body li.on{ width:25%;/* width:37.5%; */} #gsjs4 .index1Body li.on .text{ width:446px; height:280px; background:url(images/156_index8.png); left:0; margin:-140px 0 0 0; padding:47px 90px 47px 15%; text-align:left;} #gsjs4 .index1Body li.on .text .ico{ display:none;} #gsjs4 .index1Body li.on .img{ opacity:1;} @media screen and (max-width: 1366px) { #gsjs4 .index1Body{ height:400px;} #gsjs4 .index1Body li{ height:400px;} } @media screen and (max-width: 1280px) { #gsjs4 .index1Body li.on .text{ width:80%;} } @media screen and (max-width:1400px){ } @media screen and (max-width:1200px){ #gsjs4 .index1Body li.on .text{ padding-left:10%; padding-right:60px;} } @media screen and (max-width:992px){ #gsjs4 h3{ margin-top:50px;} #gsjs4 h3 span{ padding:0 20px; font-size:24px; line-height:36px;} #gsjs4 h3 span:before,#gsjs4 h3 span:after{ width:20px; height:2px; left:-20px; margin-top:-1px;} #gsjs4 h3 span:after{ left:auto; right:-20px;} #gsjs4 h5{ margin-top:20px; padding:0 5%; font-size:14px; line-height:24px;} #gsjs4 .index1Body{ margin-top:30px;} #gsjs4 .index1Body{ height:300px;} #gsjs4 .index1Body li{ height:300px;} #gsjs4 .index1Body li .text .ico{ margin-top:-50px; width:60px; height:60px;} #gsjs4 .index1Body li .text .title{ margin-top:15px; font-size:14px; line-height:28px;} #gsjs4 .index1Body li.on .text{ height:200px; margin:-100px 0 0 0; padding:25px 40px 20px 5%;} #gsjs4 .index1Body li .text .detail{ margin-top:25px; font-size:12px; line-height:50px; right:-25px; width:50px; height:50px; margin-top:-25px;} #gsjs4 .index1Body li.on .text .title{ font-size:20px; line-height:26px;} #gsjs4 .index1Body li .text .p{ font-size:12px; line-height:20px; margin-top:20px; height:100px;} } @media screen and (max-width:768px){ #gsjs4 h3{ margin-top:30px;} #gsjs4 h3 span{ padding:0 10px; font-size:18px; line-height:30px;} #gsjs4 h5{ margin-top:15px; padding:0 3%; font-size:12px; line-height:20px;} #gsjs4 .index1Body{ margin-top:20px; height:auto;} #gsjs4 .index1Body{ margin-top:15px; position:relative;} #gsjs4 .index1Body li{ width:100%;} #gsjs4 .index1Body li.on{ width:100%;} #gsjs4 .index1Body li .img{ opacity:1;} #gsjs4 .index1Body li .text{ height:185px; width:90%; margin:-85px 0 0 5%; padding:25px 20px 20px 20px; background:url(images/156_index8.png);} #gsjs4 .index1Body li .text .title{ font-size:20px; line-height:26px; color:#333; padding-bottom:6px; margin-top:10px;} #gsjs4 .index1Body li .text .p{ display:block; height:78px; margin-top:15px;} #gsjs4 .index1Body .slick-dots{ position: absolute; bottom: 10px; display: block; width: 100%; padding: 0; margin: 0; list-style: none; text-align: center; overflow:hidden; z-index:5; height:6px; } #gsjs4 .index1Body .slick-dots li { position: relative; display: inline-block; width: 6px; height: 6px; margin: 0 3px; padding: 0; cursor: pointer; vertical-align:top; background:#eee; vertical-align:top; -moz-border-radius:50%; -webkit-border-radius:50%; -khtml-border-radius:50%; border-radius:50%; float:none; } #gsjs4 .index1Body .slick-dots li.slick-active{ background:#00a0e9; } } /*联系我们*/ #contact1{ width:100%; background:#fafafa; position:relative; padding:83px 0;} #contact1 .title{ width:100%; position:absolute; left:0; top:106px; text-align:center; font-size:30px; color:#333; line-height:50px; letter-spacing:1px; font-weight:bold; z-index:2; opacity:0.8;} #contact1 ul{ float:left; margin-top:23px; width:209px;} #contact1 ul li{ width:100%; padding-left:40px; margin:44px 0;} #contact1 ul li h2{ width:100%; font-size:30px; color:#00a0e9; line-height:46px;} #contact1 ul li h2 b{ font-size:90px; font-family:"Noto Sans S Chinese Bold"; line-height:1; display:inline-block; vertical-align:top; margin-right:10px; color:#00a0e9;} #contact1 ul li h5{ width:100%; font-size:20px; color:#333; line-height:38px; letter-spacing:1px;} #contact1 .csdt{ width:74.785%; margin-right:40px; position:relative; float:right;} #contact1 .csdt img{ width:100%; vertical-align:top;} #contact1 .csdt dl{ width:100%; position:absolute; left:0; top:0; height:100%;} #contact1 .csdt dl dd{ width:22px; height:22px; position:absolute; z-index:2; cursor:pointer;} #contact1 .csdt dl dd:before{ content:''; width:6px; height:6px; background:#00a0e9; position:absolute; left:50%; top:50%; margin:-3px 0 0 -3px; z-index:2; -moz-border-radius:50%; -webkit-border-radius:50%; -khtml-border-radius:50%; border-radius:50%;} #contact1 .csdt dl dd:hover:before{ background:#ff9c00;} #contact1 .csdt dl dd .text{ width:406px; min-height:89px; background:white; background:rgba(255,255,255,0.96); position:absolute; left:42px; top:-19px; box-shadow:0 0 7px rgba(0,0,0,0.1); padding:11px 20px 10px 20px; display:none; z-index:6; -moz-border-radius:6px; -webkit-border-radius:6px; -khtml-border-radius:6px; border-radius:6px;} #contact1 .csdt dl dd .text:before{ content:''; position:absolute; top:16px; left:-11px;width: 0; height: 0; border-top: 14px solid transparent; border-right: 12px solid rgba(255,255,255,0.96); border-bottom: 14px solid transparent;} #contact1 .csdt dl dd .text h4{ width:100%; font-size:20px; color:#00a0e9; line-height:34px; letter-spacing:1px;} #contact1 .csdt dl dd .text .js{ width:100%; font-size:16px; color:#666; line-height:31px; letter-spacing:1px;} #contact1 .csdt dl dd .text .js span{ display:inline-block; margin-right:18px;} @media screen and (min-width:768px){ #contact1 .csdt dl dd:hover .text{ display:block;} } #contact1 .csdt dl dd:after{ content:''; width:22px; height:22px; background:#00a0e9; opacity:0.3; z-index:1; position:absolute; left:0; top:0; -moz-border-radius:50%; -webkit-border-radius:50%; -khtml-border-radius:50%; border-radius:50%;} #contact1 .csdt dl dd.dd11:after{ display:none;} #contact1 .csdt dl dd:hover{ z-index:5;} #contact1 .csdt dl dd:hover:after{ background:#ff9c00;} #contact1 .csdt dl dd .name{ position:absolute; width:80px; text-align:center; left:50%; margin-left:-40px; top:100%; font-size:14px; color:#00a0e9; line-height:30px;} #contact1 .csdt dl dd:hover .name{ color:#ff9c00;} #contact1 .csdt dl dd.d2 .name{ top:auto; bottom:100%;} #contact1 .csdt dl dd.d3 .name{ left:110%; top:50%; margin-top:-15px; text-align:left; margin-left:0;} #contact1 .csdt dl dd.d4 .name{ left:-150%; top:50%; margin-top:-15px; text-align:left; margin-left:0;} @media screen and (max-width:1590px){ #contact1 .csdt dl dd .text{ width:280px;} } @media screen and (max-width:1200px){ #contact1 .csdt{ margin-right:0; width:78%; margin-top:50px;} #contact1 .csdt dl dd{ width:18px; height:18px;} #contact1 .csdt dl dd:before{ width:4px; height:4px; margin:-2px 0 0 -2px;} #contact1 .csdt dl dd:after{ width:18px; height:18px;} #contact1 .csdt dl dd .text{ width:200px; padding:6px 10px 5px 15px; left:36px; top:-12px;} #contact1 .csdt dl dd .text:before{ top:12px; border-top: 8px solid transparent; border-right: 6px solid rgba(255,255,255,0.96); border-bottom: 8px solid transparent; left:-6px;} #contact1 .csdt dl dd .text h4{ font-size:16px; line-height:28px; letter-spacing:0px;} #contact1 .csdt dl dd .text .js{ font-size:14px; line-height:26px; letter-spacing:0px;} #contact1 .csdt dl dd .text .js span{ margin-right:8px;} } @media screen and (max-width:992px){ #contact1{ padding:60px 0;} #contact1 .title{ top:63px; font-size:24px; line-height:40px;} #contact1 ul{ margin-top:15px; width:130px;} #contact1 ul li{ padding-left:0px; margin:22px 0;} #contact1 ul li h2{ font-size:24px; line-height:40px;} #contact1 ul li h2 b{ font-size:70px; margin-right:8px;} #contact1 ul li h5{ font-size:16px; line-height:32px; letter-spacing:0px;} #contact1 .csdt{ margin-top:0px;} #contact1 .csdt dl dd .name{ font-size:12px; width:60px; margin-left:-30px;} #contact1 .csdt dl dd{ width:14px; height:14px;} #contact1 .csdt dl dd:after{ width:14px; height:14px;} #contact1 .csdt dl dd .text{ width:170px; min-height:60px; padding:6px 5px 5px 10px; left:30px;} #contact1 .csdt dl dd .text h4{ font-size:14px; line-height:22px;} #contact1 .csdt dl dd .text .js{ font-size:12px; line-height:20px;} #contact1 .csdt dl dd .text .js span{ margin-right:4px;} } @media screen and (max-width:768px){ #contact1{ padding:30px 0;} #contact1 .title{ top:20px; font-size:18px; line-height:30px;} #contact1 ul{ margin-top:10px; width:100%;} #contact1 ul li{ width:33.33%; float:left; margin:11px 0; padding-left:5%;} #contact1 ul li h2{ font-size:18px; line-height:30px;} #contact1 ul li h2 b{ font-size:50px; margin-right:6px;} #contact1 ul li h5{ font-size:14px; line-height:24px;} #contact1 .csdt{ margin-top:10px; width:100%;} #contact1 .csdt dl dd{ width:10px; height:10px;} #contact1 .csdt dl dd .name{ line-height:20px; width:50px; margin-left:-25px;} #contact1 .csdt dl dd:nth-child(2) .name{ left:auto; right:110%; text-align:right; top:50%; margin-top:-10px; margin-left:0;} #contact1 .csdt dl dd:nth-child(5) .name{ margin-left:-10px; bottom:60%; margin-top:-10px;} #contact1 .csdt dl dd:after{ width:10px; height:10px;} #contact1 .csdt dl dd.d3 .name{ margin-top:-10px;} #contact1 .csdt dl dd.d4 .name{ margin-top:-10px;} #contact1 .csdt dl dd .text{ width:300px; min-height:50px; height:auto; position:fixed; left:50%; top:50%; background:white; margin-left:-150px; -webkit-transform: translate(0, -50%); -ms-transform: translate(0, -50%); transform: translate(0, -50%);} #contact1 .csdt dl dd .text:before{ display:none;} #contact1 .csdt dl dd.on{ z-index:6;} #contact1 .csdt dl dd .text .close{ background:url(img/1212-ryzz2.png) no-repeat center center; width:20px; height:20px; position:absolute; right:-12px; top:-12px; box-shadow:0 0 4px rgba(0,0,0,0.1); cursor:pointer; background-size:contain; -moz-border-radius:50%; -webkit-border-radius:50%; -khtml-border-radius:50%; border-radius:50%;} #contact1 .csdt dl dd .text .js span{ margin-right:15px;} } #contact2{ width:100%; background:#fff; padding:74px 0 52px 0; text-align:center; position:relative;} #contact2 h4{ width:100%; vertical-align:top; font-size:30px; color:#6c6c6c; line-height:40px; font-weight:bold; letter-spacing:1px; width:100%;} #contact2 img{ vertical-align:top; margin-top:50px;} @media screen and (max-width:1400px){ } @media screen and (max-width:1200px){ } @media screen and (max-width:992px){ #contact2{ padding:60px 0 60px 0;} #contact2 h4{ bottom:63px; font-size:24px;} } @media screen and (max-width:768px){ #contact2{ padding:30px 0;} #contact2 h4{ bottom:32px; font-size:18px;} } #contact3{ width:100%;} #contact3 li{ width:100%; padding:71px 0 80px 0;} #contact3 li .text{ float:left; width:48.93%;} #contact3 li .text .title{ width:100%; padding-left:32px; background:url(images/181_contact4.png) no-repeat left 9px; font-size:24px; color:#00a0e9; line-height:40px; font-weight:bold; padding-bottom:22px; border-bottom:solid 1px #e7e7e7;} #contact3 li .text dl{ width:100%; margin-top:30px;} #contact3 li .text dl dd{ width:33.333%; float:left;} #contact3 li .text dl dd .ico{ width:90px; height:90px; background:#e2e2e2; -moz-border-radius:50%; -webkit-border-radius:50%; -khtml-border-radius:50%; border-radius:50%;} #contact3 li .text dl dd h4{ width:100%; margin-top:10px; padding-left:28px; background:url(images/181_contact8.png) no-repeat 9px center; font-size:16px; color:#777; line-height:35px;} #contact3 li .text dl dd h3{ width:100%; font-size:20px; color:#333; padding-right:10px; word-wrap:break-word; line-height:42px; font-family: 'OPENSANS-BOLD';} #contact3 li .text .dz{ width:100%; margin-top:31px; font-size:16px; color:#777; line-height:28px; letter-spacing:1px;} #contact3 li .dt{ float:right; width:48.93%; height:324px; margin-top:9px; border:solid 5px white;} #contact3 li .dt .BMap_pop{ float:left; background-image:url(images/BMapLabel_bg.png); background-repeat:no-repeat; border:none !important; width:278px !important; border:0 !important; height:120px; margin:90px 0 0 120px;} #contact3 li .dt .iw_poi_title{ color:#333; font-size:16px; line-height:20px;} #contact3 li .dt .BMap_pop div{ background:none !important; border:none !important; left:24px !important; top:22px !important;} #contact3 li .dt .BMap_pop div img{ display:none;} #contact3 li .dt .BMap_center{ background:none !important; border:none !important;} #contact3 li .dt .BMap_top{ background:none !important; border:none !important;} #contact3 li .dt .BMap_shadow img{ display:none;} #contact3 li .dt .BMap_pop img{ display:none;} #contact3 li .dt .iw_poi_content{ font-size:14px !important; color:#00a0e9 !important; line-height:20px!important; margin:0 0 0 0; background:white !important; padding:5px; font-weight:bold;} #contact3 li.l1 .dt{ float:left;} #contact3 li.l1 .text{ float:right;} #contact3 li.l1{ background:#fafafa;} @media screen and (max-width:1400px){ #contact3 li .text dl dd{ width:33.333%; margin-top:15px;} #contact3 li .text dl dd .ico{ float:left; margin-right:20px;} #contact3 li .text dl dd h4,#contact3 li .text dl dd h3{ width:auto; margin-top:5px; float:left;} #contact3 li .text dl{ margin-top:10px;} } @media screen and (max-width:1200px){ #contact3 li .text{ width:50%;} #contact3 li .text dl dd h3{ width:100%; font-size:14px;} #contact3 li .text .dz{ letter-spacing:0px;} } @media screen and (max-width:992px){ #contact3 li{ padding:40px 0 45px 0;} #contact3 li .text .dz{ margin-top:26px; font-size:14px; line-height:24px;} #contact3 li .text .title{ padding-left:28px; background:url(images/181_contact4.png) no-repeat left 6px; font-size:18px; line-height:34px; padding-bottom:11px;} #contact3 li .text dl{ margin-top:10px;} #contact3 li .text dl dd .ico{ width:70px; height:70px;} #contact3 li .text dl dd h4{ margin-top:0; padding-left:22px; background-size:6px auto; font-size:14px; line-height:29px;} #contact3 li .text dl dd h3{ margin-top:0;} #contact3 li .text,#contact3 li .dt{ width:100%;} #contact3 li .dt{ margin-top:20px;} } @media screen and (max-width:768px){ #contact3 li{ padding:20px 0 23px 0;} #contact3 li .text .dz{ margin-top:20px; font-size:14px; line-height:20px;} #contact3 li .text .title{ padding-left:22px; background-size:12px auto; font-size:16px; line-height:28px; padding-bottom:8px;} #contact3 li .text dl{ margin-top:10px; text-align:center;} #contact3 li .text dl dd .ico{ float:none; margin-right:0; display:inline-block; vertical-align:top; width:50px; height:50px;} #contact3 li .text dl dd h4{ margin-top:6px; padding-left:0; background:none; background-size:4px auto; font-size:12px; line-height:25px;} #contact3 li .text{ padding:0 10px;} #contact3 li .dt{ margin-top:10px; height:250px;} #contact3 li .text dl dd h3{ font-size:12px; line-height:28px; padding-right:0;} #contact3 li .dt .BMap_pop{ margin:120px 0 0 10px;} } #hdxy{ width:100%; background:#f3f3f3; padding:80px 0 0 0;} #hdxy .c_1014{ width:72.42%; float:left;} #hdxy .c_1014 ul{ width:100%; margin-top:-20px;} #hdxy .c_1014 ul li{ width:100%; margin-top:20px; background:white; padding:20px 30px 20px 20px; overflow:hidden; -moz-border-radius:4px; -webkit-border-radius:4px; -khtml-border-radius:4px; border-radius:4px;} #hdxy .c_1014 ul li .pic{ float:left; width:250px; height:167px;} #hdxy .c_1014 ul li .pic img{ width:100%;} #hdxy .c_1014 ul li .text{ margin-left:280px;} #hdxy .c_1014 ul li .text .title{ width:100%; margin-top:6px; font-size:20px; color:#333; line-height:28px; letter-spacing:1px;} #hdxy .c_1014 ul li .text .jj{ width:100%; margin-top:11px; font-size:14px; color:#666; line-height:24px; height:48px; overflow:hidden; letter-spacing:1px;} #hdxy .c_1014 ul li .text .time{ width:100%; margin-top:30px; padding-top:15px; border-top:solid 1px #f3f3f3; font-size:14px; color:#888; line-height:21px;} #hdxy .c_1014 ul li .text .time span{ display:inline-block; vertical-align:top; margin-right:20px;} #hdxy .c_1014 ul li .text .time span img{ vertical-align:middle; margin:-3px 6px 0 0; width:12px;} #hdxy .c_1014 ul li .text .time dl{ float:right;} #hdxy .c_1014 ul li .text .time dl dd{ display:inline-block; vertical-align:top; padding:0 9px; background:#f5f5f5; font-size:14px; color:#888; line-height:21px; letter-spacing:1px; margin-left:11px; -moz-border-radius:11px; -webkit-border-radius:11px; -khtml-border-radius:11px; border-radius:11px;} #hdxy .c_1014 ul li .text .time dl dd:hover{ color:white; background:#00a0e9;} #hdxy .c_1014 ul li:hover .text .title{ color:#00a0e9;} #hdxy .c_358{ width:25.57%; float:right;} #hdxy .c_358 .c_358_1{ width:100%; background:white; overflow:hidden; -moz-border-radius:4px; -webkit-border-radius:4px; -khtml-border-radius:4px; border-radius:4px;} #hdxy .c_358 .c_358_1 .hd{ width:100%; height:58px; border-bottom:solid 1px #f1f3f4;} #hdxy .c_358 .c_358_1 .hd li{ float:left; width:50%; text-align:center; line-height:57px; border-bottom:solid 1px #f1f3f4; cursor:pointer;} #hdxy .c_358 .c_358_1 .hd li img{ vertical-align:middle; margin:-3px 0 0 0; width:30px;} #hdxy .c_358 .c_358_1 .hd li .img2{ display:none;} #hdxy .c_358 .c_358_1 .hd li.on{ border-bottom:solid 1px #00a0e9;} #hdxy .c_358 .c_358_1 .hd li.on .img1{ display:none;} #hdxy .c_358 .c_358_1 .hd li.on .img2{ display:inline-block;} #hdxy .c_358 .c_358_1 .bd{ width:100%; padding:15px 0 20px 0;} #hdxy .c_358 .c_358_1 .bd ul{ width:100%;} #hdxy .c_358 .c_358_1 .bd ul .head{ width:100%; border-bottom:solid 1px #ededed; font-size:18px; color:#333; line-height:30px; padding:0 20px 14px 20px; position:relative;} #hdxy .c_358 .c_358_1 .bd ul .head:before,#hdxy .c_358 .c_358_1 .bd ul .head:after{ content:''; width:20px; height:2px; background:white; position:absolute; left:0; bottom:-1px;} #hdxy .c_358 .c_358_1 .bd ul .head:after{ left:auto; right:0;} #hdxy .c_358 .c_358_1 .bd ul li{ width:100%; padding:0 20px 0 20px;} #hdxy .c_358 .c_358_1 .bd ul li a{ display:block; padding:17px 0 16px 0; border-bottom:solid 1px #ededed;} #hdxy .c_358 .c_358_1 .bd ul li:hover{ background:#fafafa;} #hdxy .c_358 .c_358_1 .bd ul li .title{ width:100%; font-size:16px; color:#333; line-height:24px; letter-spacing:1px;} #hdxy .c_358 .c_358_1 .bd ul li .time{ width:100%; margin-top:5px; font-size:14px; color:#888; line-height:21px;} #hdxy .c_358 .c_358_1 .bd ul li .time span{ display:inline-block; vertical-align:top; margin-right:20px;} #hdxy .c_358 .c_358_1 .bd ul li .time span img{ vertical-align:middle; margin:-3px 6px 0 0; width:12px;} #hdxy .c_358 .c_358_1 .bd ul li:hover .title{ color:#00a0e9;} #hdxy .c_358 .c_358_2{ width:100%; background:white; margin-top:20px; overflow:hidden; padding:14px 20px 20px 20px; -moz-border-radius:4px; -webkit-border-radius:4px; -khtml-border-radius:4px; border-radius:4px;} #hdxy .c_358 .c_358_2 .title{ width:100%; font-size:18px; color:#333; line-height:30px; letter-spacing:1px;} #hdxy .c_358 .c_358_2 ul{ width:100%; margin-top:3px;} #hdxy .c_358 .c_358_2 ul li{ float:left; margin:10px 5px 0 5px;} #hdxy .c_358 .c_358_2 ul li a{ display:block; float:left; padding:0 6px; min-width:99px; text-align:center; line-height:35px; border:solid 1px #e3e3e3; background:white; font-size:14px; color:#888; letter-spacing:1px; -moz-border-radius:4px; -webkit-border-radius:4px; -khtml-border-radius:4px; border-radius:4px;} #hdxy .c_358 .c_358_2 ul li a:hover{ background:#00a0e9; color:white; border-color:#00a0e9;} #hdxy .c_358 .c_358_2 .btn{ width:100%; float:left; margin-top:23px; padding:0 6px; line-height:26px; background:#f4f5f6; font-size:14px; color:#b0b0b0; letter-spacing:1px; text-align:center; cursor:pointer; -moz-border-radius:4px; -webkit-border-radius:4px; -khtml-border-radius:4px; border-radius:4px;} #hdxy .c_358 .c_358_2 .btn img{ vertical-align:middle; margin:-3px 10px 0 0;} #hdxy .c_358 .c_358_2 .btn:hover{ background:#eee;} @media screen and (max-width:1400px){ } @media screen and (max-width:1200px){ #hdxy .c_358 .c_358_1 .bd ul .head{ padding:0 10px 14px 10px;} #hdxy .c_358 .c_358_1 .bd ul li{ padding:0 10px;} #hdxy .c_358 .c_358_1 .bd ul .head:before,#hdxy .c_358 .c_358_1 .bd ul .head:after{ width:10px;} #hdxy .c_358 .c_358_2{ padding:14px 10px 20px 10px;} } @media screen and (max-width:992px){ #hdxy{ padding:40px 0 0 0;} #hdxy .c_1014,#hdxy .c_358{ width:100%;} #hdxy .c_358 .c_358_1 .bd ul li{ width:50%; float:left;} } @media screen and (max-width:768px){ #hdxy{ padding:20px 10px 10px 10px;} #hdxy .c_358 .c_358_1 .bd ul li{ width:100%; float:none;} #hdxy .c_1014 ul{ margin-top:-10px;} #hdxy .c_1014 ul li{ margin-top:10px; padding:10px 15px 10px 10px;} #hdxy .c_1014 ul li .pic{ width:120px; height:80px;} #hdxy .c_1014 ul li .text{ margin-left:130px;} #hdxy .c_1014 ul li .text .title{ margin-top:4px; font-size:16px; line-height:22px; letter-spacing:0px;} #hdxy .c_1014 ul li .text .jj{ margin-top:6px; font-size:12px; line-height:20px; height:40px; letter-spacing:0px;} #hdxy .c_1014 ul li .text .time{ display:none; margin-top:20px; padding-top:10px; font-size:12px; line-height:19px;} #hdxy .c_1014 ul li .text .time dl dd{ padding:0 6px; font-size:12px; line-height:19px; letter-spacing:0px; margin-left:6px;} #hdxy .c_358 .c_358_1 .hd{ height:41px;} #hdxy .c_358 .c_358_1 .hd li{ line-height:40px;} #hdxy .c_358 .c_358_1 .hd li img{ width:20px;} #hdxy .c_358 .c_358_1 .hd li .img2{ display:none;} #hdxy .c_358 .c_358_1 .bd{ padding:10px 0 10px 0;} #hdxy .c_358 .c_358_1 .bd ul .head{ font-size:16px; line-height:24px;} #hdxy .c_358 .c_358_1 .bd ul li a{ padding:12px 0 11px 0;} #hdxy .c_358 .c_358_1 .bd ul li .title{ font-size:14px; line-height:20px; letter-spacing:0px;} #hdxy .c_358 .c_358_1 .bd ul li .time{ margin-top:3px; font-size:12px; line-height:19px;} #hdxy .c_358 .c_358_1 .bd ul li .time span{ margin-right:10px;} #hdxy .c_358 .c_358_1 .bd ul li .time span img{ margin:-3px 4px 0 0; width:8px;} #hdxy .c_358 .c_358_2{ margin-top:10px; padding:10px;} #hdxy .c_358 .c_358_2 .title{ font-size:16px; line-height:24px; letter-spacing:0px;} #hdxy .c_358 .c_358_2 ul li{ margin:5px 5px 0 5px;} #hdxy .c_358 .c_358_2 ul li a{ padding:0 5px; min-width:80px; line-height:30px; font-size:12px; letter-spacing:0px;} #hdxy .c_358 .c_358_2 .btn{ margin-top:13px; line-height:22px; font-size:12px;} #hdxy .c_358 .c_358_2 .btn img{ margin:-3px 6px 0 0; width:8px;} } /*企业党建*/ #qydj{ width:100%; padding:68px 0 80px 0;} #qydj .c_924{ width:66%; float:left;} #qydj .c_924 .c_924_head{ width:100%; font-size:24px; color:#333; line-height:38px; font-weight:bold; letter-spacing:1px;} #qydj .c_924 .c_924_head span{ text-transform:uppercase; font-weight:normal; font-size:16px; color:#f50e0e; font-family:Arial; margin-left:10px;} #qydj .c_924 .c_924_head a{ float:right; line-height:38px; font-size:14px; color:#555; font-weight:normal;} #qydj .c_924 .c_924_head a img{ vertical-align:middle; margin:-3px 0 0 8px;} #qydj .c_924 .c_924_head a:hover{ color:#f50e0e;} #qydj .c_924 .c_924_1{ width:100%;float:left;} #qydj .c_924 .c_924_1 ul{ width:48.38%; float:left; border:solid 1px #e7e7e7; border-top:solid 2px #f50e0e; margin-top:12px;} #qydj .c_924 .c_924_1 ul.last{ float:right;} #qydj .c_924 .c_924_1 ul li{ width:100%; padding:0 20px;} #qydj .c_924 .c_924_1 ul li a{ display:block; width:100%; padding:20px 0; border-bottom:solid 1px #eee;} #qydj .c_924 .c_924_1 ul li a .title{ margin-top:3px; font-size:16px; color:#333; line-height:26px;} #qydj .c_924 .c_924_1 ul li a .jj{ margin-top:7px; font-size:14px; color:#888; line-height:20px; height:40px; overflow:hidden;} #qydj .c_924 .c_924_1 ul li a .jj .time{ float:left; margin-right:5px; color:#f50e0e;} #qydj .c_924 .c_924_1 ul li a .pic{ float:left; width:120px; height:80px; margin-right:20px; overflow:hidden;} #qydj .c_924 .c_924_1 ul li a .pic img{ transition: all 0.3s linear; -moz-transition: all 0.3s linear; -webkit-transition: all 0.3s linear; -o-transition: width all 0.3s linear;} #qydj .c_924 .c_924_1 ul li a:hover .pic img{transform: scale(1.1,1.1); -ms-transform: scale(1.1,1.1); -webkit-transform: scale(1.1,1.1); -o-transform: scale(1.1,1.1); -moz-transform: scale(1.1,1.1);} #qydj .c_924 .c_924_1 ul li a:hover .title{ color:#f50e0e; font-weight:bold;} #qydj .c_924 .c_924_1 ul li:last-child a{ border-bottom:0;} #qydj .c_924 .c_924_1 ul li:hover{ background:#fafafa;} #qydj .c_924 .c_924_2{ width:48.38%; float:left; margin-top:23px;} #qydj .c_924 .c_924_2 ul{ width:100%; margin-top:12px; border-top:solid 1px #e6e6e6;} #qydj .c_924 .c_924_2 ul li{ width:100%; border-bottom:solid 1px #e6e6e6; padding:3px 0;} #qydj .c_924 .c_924_2 ul li a{ display:block; padding-right:70px; position:relative; font-size:16px; color:#444; line-height:49px; letter-spacing:1px;} #qydj .c_924 .c_924_2 ul li a .time{ position:absolute; right:20px; top:0; font-size:14px; color:#888;} #qydj .c_924 .c_924_2 ul li a:hover{ background:#f5f5f5; padding-left:20px; border-left:solid 3px #f50e0e; color:#f50e0e;} #qydj .c_924 .c_924_3{ width:48.38%; float:right; margin-top:23px;} #qydj .c_924 .c_924_3 ul{ width:100%; margin-top:12px; border-top:solid 1px #e6e6e6;} #qydj .c_924 .c_924_3 ul li{ width:100%; border-bottom:solid 1px #e6e6e6; padding:3px 0;} #qydj .c_924 .c_924_3 ul li a{ display:block; padding-left:18px; position:relative; font-size:16px; color:#444; line-height:49px; letter-spacing:1px;} #qydj .c_924 .c_924_3 ul li a:before{ content:''; width:5px; height:5px; position:absolute; left:2px; top:50%; margin-top:-2px; background:#f50e0e;} #qydj .c_924 .c_924_3 ul li a:hover{ background:#f5f5f5; color:#f50e0e;} #qydj .c_924 .c_924_3 ul li a .time{ position:absolute; right:20px; top:0; font-size:14px; color:#888;} #qydj .c_447{ width:31.93%; float:right; margin-top:20px;} #qydj .c_447 li{ width:100%; margin-top:30px; overflow:hidden;} #qydj .c_447 li .title{ width:37.36%; float:left; text-align: center; background:#f5f5f5; padding-top:54px; height:219px; border:solid 1px #ddd; border-right:0; position:relative; z-index:2; -webkit-transition: all 0.3s ease-out 0s; -moz-transition: all 0.3s ease-out 0s; -o-transition: all 0.3s ease-out 0s; transition: all 0.3s ease-out 0s;} #qydj .c_447 li .title .logo{ display:inline-block; vertical-align:top; width:74px; height:74px; overflow:hidden; -moz-border-radius:50%; -webkit-border-radius:50%; -khtml-border-radius:50%; border-radius:50%;} #qydj .c_447 li .title h5{ width:100%; margin-top:16px; font-size:18px; color:#333; line-height:26px;} #qydj .c_447 li .pic{ width:62.64%; height:219px; float:left; transition: all 0.3s linear; -moz-transition: all 0.3s linear; -webkit-transition: all 0.3s linear; -o-transition: width all 0.3s linear;} #qydj .c_447 li:hover .pic{transform: scale(1.1,1.1); -ms-transform: scale(1.1,1.1); -webkit-transform: scale(1.1,1.1); -o-transform: scale(1.1,1.1); -moz-transform: scale(1.1,1.1);} #qydj .c_447 li:hover .title{ background:#f50e0e; border-color:#f50e0e;} #qydj .c_447 li:hover .title h5{ color:white;} @media screen and (max-width:1400px){ } @media screen and (max-width:1200px){ #qydj .c_924{ width:100%;} #qydj .c_447{ width:100%;} #qydj .c_447 li{ width:33.33%; float:left;} } @media screen and (max-width:992px){ #qydj{ padding:34px 0 40px 0;} #qydj .c_924 .c_924_head{ font-size:18px; line-height:32px; letter-spacing:0px;} #qydj .c_924 .c_924_head span{ font-size:14px; margin-left:8px;} #qydj .c_924 .c_924_head a{ line-height:32px; font-size:12px;} #qydj .c_924 .c_924_head a img{ margin:-3px 0 0 6px;} #qydj .c_447 li .title .logo{ width:60px; height:60px;} #qydj .c_447 li .title h5{ margin-top:12px; font-size:16px; line-height:22px;} #qydj .c_447{ margin-top:0px;} #qydj .c_447 li .title{ padding-top:32px; height:160px;} #qydj .c_447 li .pic{ height:160px;} } @media screen and (max-width:768px){ #qydj{ padding:18px 10px 20px 10px;} #qydj .c_924 .c_924_head{ font-size:16px; line-height:26px;} #qydj .c_924 .c_924_head span{ font-size:12px; margin-left:6px;} #qydj .c_924 .c_924_head a{ line-height:26px; font-size:10px;} #qydj .c_924 .c_924_head a img{ margin:-3px 0 0 4px; width:12px;} #qydj .c_924 .c_924_1 ul{ width:100%; margin-top:10px;} #qydj .c_924 .c_924_1 ul li{ padding:0 10px;} #qydj .c_924 .c_924_1 ul li a{ padding:10px 0;} #qydj .c_924 .c_924_1 ul li a .pic{ margin-right:10px;} #qydj .c_924 .c_924_2,#qydj .c_924 .c_924_3{ width:100%; margin-top:15px;} #qydj .c_924 .c_924_2 ul li a{ padding-right:50px; font-size:14px; line-height:40px; letter-spacing:0px;} #qydj .c_924 .c_924_2 ul li a .time{ right:10px; font-size:12px;} #qydj .c_924 .c_924_2 ul li a:hover{ padding-left:10px; border-left:solid 2px #f50e0e;} #qydj .c_924 .c_924_2 ul,#qydj .c_924 .c_924_3 ul{ margin-top:6px;} #qydj .c_924 .c_924_3 ul li a{ padding-left:14px; font-size:14px; line-height:40px; letter-spacing:0px;} #qydj .c_924 .c_924_3 ul li a:before{ width:4px; height:4px;} #qydj .c_447 li{ width:100%; margin-top:10px;} } /*党建活动*/ #djhd{ width:100%; margin-top:71px;} #djhd .head{ width:100%; font-size:36px; color:#333; line-height:54px; margin-bottom:20px;} #djhd ul{ width:100%;border-top: #ededed solid 1px;} #djhd li{ width:100%; border-bottom: #ededed solid 1px; overflow: hidden;} #djhd li a{ display:block; width:100%; padding: 20px 10px 20px 18px; background-position:120% center;} @media screen and (min-width:992px){ #djhd li:hover a{ background:url(images/184_djhd6.png) no-repeat 96% center #f6f6f6; padding-right:155px;} } #djhd li .unionPicture{ float: left; width: 235px; height: 157px;} #djhd li .hot{ margin-left:265px;} #djhd li .hot .hotH3{ width: 100%; margin-top:15px; color: #303030; font-size: 22px; line-height: 30px;} #djhd li:hover .hot .hotH3{ color:#f50e0e;} #djhd li .hot .hotTime{ width:100%; margin-top:6px; color: #909090; font-size:14px; line-height: 23px;} #djhd li .hot .hotDown{ width: 100%; height: 54px; margin-top: 10px; padding-left: 18px; color: #666; font-size: 16px; line-height: 27px; overflow: hidden; letter-spacing:1px; position:relative;} #djhd li .hot .hotDown:before{ width:1px; height:37px; background:black; opacity:0.15; position:absolute; left:2px; top:50%; margin-top:-19px; content:'';} @media screen and (max-width:1400px){ } @media screen and (max-width:1200px){ } @media screen and (max-width:992px){ #djhd{ margin-top:40px;} #djhd .head{ font-size:30px; line-height:40px; margin-bottom:15px;} } @media screen and (max-width:768px){ #djhd{ margin-top:20px; padding:0 10px;} #djhd .head{ font-size:24px; line-height:30px; margin-bottom:10px;} #djhd li a{ padding: 15px 0 15px 0;} #djhd li .unionPicture{ width: 120px; height: 80px;} #djhd li .hot{ margin-left:130px;} #djhd li .hot .hotH3{ margin-top:6px; font-size: 16px; line-height: 24px;} #djhd li .hot .hotTime{ display:none;} #djhd li .hot .hotDown{ height: 42px; margin-top: 6px; padding-left: 12px; font-size: 14px; line-height: 22px; letter-spacing:0px;} #djhd li .hot .hotDown:before{ height:30px; margin-top:-15px;} } #listFy1{ width:100%; text-align:center; padding:60px 0 80px 0;} #listFy1 .pz_fy1{display:inline-block; *display:inline; *zoom:1;vertical-align: top;} #listFy1 .pz_fy1 a {display:block; float:left; width:30px; height:30px; text-align:center; line-height:28px; border:1px solid #e1e1e1; font-size:14px; color:#272727; margin:0 8px; -webkit-border-radius:18px; -khtml-border-radius:18px; -moz-border-radius:18px; border-radius:18px;} #listFy1 .pz_fy1 a:hover,#listFy1 .pz_fy1 a.on{color: #fff; border:1px solid #f50e0e; background:#f50e0e; text-decoration:none;} #listFy1 .pz_fy1 a.prve{ background:url(images/185_sprve_fy1.png) no-repeat center; width:100px;} #listFy1 .pz_fy1 a.prve:hover, #listFy1 .pz_fy1 a.prve.on{ background:url(images/170_sprve_fy_h.png) no-repeat center #f50e0e; border:1px solid #f50e0e;} #listFy1 .pz_fy1 a.next{ background:url(images/185_snext_fy1.png) no-repeat center; width:100px;} #listFy1 .pz_fy1 a.next:hover, #listFy1 .pz_fy1 a.next.on{ background:url(images/170_snext_fy_h.png) no-repeat center #f50e0e; border:1px solid #f50e0e;} #listFy1 .fy_phone{ display:none;} @media screen and (max-width:1400px){ } @media screen and (max-width:1200px){ #listFy1{ padding:30px 0 40px 0;} } @media screen and (max-width:992px){ } @media screen and (max-width:768px){ #listFy1{ padding:20px 0 25px 0;} #listFy1 .pz_fy1{ display:none;} #listFy1 .fy_phone{ display:block; width:100%; text-align:center; font-size:14px; color:#333;} #listFy1 .fy_phone a {display:inline-block; *display:inline; *zoom:1; width:100px; height:30px; text-align:center; line-height:28px; border:1px solid #e1e1e1; margin:0 5px; -webkit-border-radius:18px; -khtml-border-radius:18px; -moz-border-radius:18px; border-radius:18px;} #listFy1 .fy_phone a.prve{ background:url(images/185_prve_fy.png) no-repeat center;} #listFy1 .fy_phone a.next{ background:url(images/185_next_fy.png) no-repeat center;} #listFy1 .fy_phone span{ padding:0 5%; color:#333; display:inline-block; *display:inline; *zoom:1; vertical-align:top; height:30px; line-height:30px;} } /*专业服务*/ #zyfw1{ width:100%; padding:90px 0 100px 0;} #zyfwHead{ width:100%; text-align:center; padding-bottom:23px; font-size:36px; color:#00a0e9; line-height:54px; font-weight:bold; letter-spacing:1px; background:url(images/186_zyfw1.jpg) no-repeat center bottom;} #zyfw1 .js{ width:100%; margin-top:35px; font-size:16px; color:#666; line-height:27px; text-align:center; letter-spacing:1px;} @media screen and (max-width:1400px){ } @media screen and (max-width:1200px){ #zyfw1{ padding:70px 0 80px 0;} } @media screen and (max-width:992px){ #zyfw1{ padding:40px 0 50px 0;} #zyfwHead{ padding-bottom:18px; font-size:30px; line-height:44px; background-size:30px auto;} #zyfw1 .js{ margin-top:25px; font-size:14px; line-height:22px; letter-spacing:0px;} } @media screen and (max-width:768px){ #zyfw1{ padding:20px 10px 25px 10px;} #zyfwHead{ padding-bottom:12px; font-size:24px; line-height:34px; background-size:24px auto;} #zyfw1 .js{ margin-top:15px; font-size:12px; line-height:20px;} } #zyfw2{ width:100%; text-align:center; background:url(images/187_zyfw3.jpg) no-repeat center center; background-size:cover; padding:100px 0;} #zyfw2 li{ display:inline-block; vertical-align:top; background:white; width:208px; height:208px; margin:0 75px; padding:36px 10px 10px 10px; -moz-border-radius:50%; -webkit-border-radius:50%; -khtml-border-radius:50%; border-radius:50%;} #zyfw2 li .ico{ width:100%; height:90px;} #zyfw2 li h4{ width:100%; margin-top:10px; font-size:20px; color:#333; line-height:28px; letter-spacing:1px;} @media screen and (max-width:1400px){ } @media screen and (max-width:1200px){ #zyfw2 li{ margin:0 40px;} } @media screen and (max-width:992px){ #zyfw2{ padding:60px 0;} #zyfw2 li{ width:170px; height:170px; padding:26px 0 0 0;} #zyfw2 li .ico{ height:70px;} #zyfw2 li h4{ font-size:16px; line-height:22px;} } @media screen and (max-width:768px){ #zyfw2{ padding:40px 0;} #zyfw2 li{ margin:0 5px;} #zyfw2 li{ width:90px; height:90px; padding:6px 0 0 0;} #zyfw2 li .ico{ height:50px;} #zyfw2 li h4{ margin-top:6px; font-size:14px; line-height:20px;} } #zyfw3{ width:100%; padding:92px 0 100px 0; background:#f3f3f3;} #zyfw3 li{ width:100%; margin-top:60px; background:white;} #zyfw3 li .pic{ width:40.428%; float:left; height:350px; position:relative; overflow:hidden;} #zyfw3 li .pic img{ max-width:none; height:350px; position:absolute; left:50%; top:0; width:566px; margin-left:-283px; transition: all 0.3s linear; -moz-transition: all 0.3s linear; -webkit-transition: all 0.3s linear; -o-transition: width all 0.3s linear;} #zyfw3 li:hover .pic img{transform: scale(1.1,1.1); -ms-transform: scale(1.1,1.1); -webkit-transform: scale(1.1,1.1); -o-transform: scale(1.1,1.1); -moz-transform: scale(1.1,1.1);} #zyfw3 li .text{ width:59.572%; float:left; min-height:350px; line-height:350px; padding:0 80px 0 60px;} #zyfw3 li .text span{ display:inline-block; vertical-align:middle;} #zyfw3 li .text .title{ width:100%; font-size:24px; color:#00a0e9; line-height:38px; font-weight:bold; letter-spacing:1px;} #zyfw3 li .text .jj{ width:100%; margin-top:47px; font-size:16px; color:#666; line-height:28px; letter-spacing:1px;} #zyfw3 li.l1 .pic{ float:right;} @media screen and (max-width:1400px){ } @media screen and (max-width:1200px){ } @media screen and (max-width:992px){ #zyfw3{ padding:50px 0 60px 0;} #zyfw3 li{ margin-top:40px;} #zyfw3 li .pic{ height:250px;} #zyfw3 li .text{ min-height:250px; line-height:250px; padding:0 40px 0 30px;} #zyfw3 li .text .title{ font-size:18px; line-height:32px; letter-spacing:0px;} #zyfw3 li .text .jj{ margin-top:30px; font-size:14px; line-height:22px; letter-spacing:0px;} } @media screen and (max-width:768px){ #zyfw3{ padding:20px 0 30px 0;} #zyfw3 li{ margin-top:20px;} #zyfw3 li .pic{ width:100%; height:auto;} #zyfw3 li .pic img{ height:auto; width:100%; position:relative; left:auto; top:auto; margin-left:0; float:left;} #zyfw3 li .text{ width:100%; min-height:0px; line-height:0px; padding:15px;} #zyfw3 li .text .title{ font-size:16px; line-height:26px;} #zyfw3 li .text .jj{ margin-top:20px; font-size:12px; line-height:20px;} } /*创新能力*/ #cxnl1{ width:100%; padding:90px 0 72px 0; background:url(images/189_cxnl1.jpg) no-repeat center top; background-size:contain;} #cxnl1 .js{ width:100%; text-align:center; margin-top:35px; font-size:16px; color:#666; line-height:27px; letter-spacing:1px;} #cxnl1 .ul{ width:100%; margin-top:33px; text-align:center;} #cxnl1 .ul .li{ display:inline-block; vertical-align:top; margin:0 63px;} #cxnl1 .ul .li h2{ width:100%; font-size:30px; color:#00a0e9; line-height:46px; font-weight:bold;} #cxnl1 .ul .li h2 b{ font-size:72px; line-height:91px; display:inline-block; vertical-align:top; color:#00a0e9;} #cxnl1 .ul .li h5{ width:100%; font-size:16px; color:#666; line-height:24px; margin-top:12px;} #cxnl1 .img{ width:100%; margin-top:76px; margin-bottom:70px;} #cxnl1 dl{ width:100%; text-align:center; margin-top:52px;} #cxnl1 dl dd{ display:inline-block; vertical-align:top; margin:0 110px; position:relative; width:180px; position:relative;} #cxnl1 dl dd .ico{ display:inline-block; vertical-align:top; width:140px; vertical-align:top;} #cxnl1 dl dd h4{ width:100%; margin-top:13px; font-size:18px; color:#666; line-height:36px;} #cxnl1 dl dd:before{ content:''; width:220px; border-bottom:dashed 1px #ccc; position:absolute; right:-220px; top:40%; height:1px;} #cxnl1 dl dd:last-child:before{ display:none;} @media screen and (max-width:1400px){ } @media screen and (max-width:1200px){ #cxnl1 .js{ margin-top:30px; font-size:15px; line-height:26px;} #cxnl1 .ul .li{ margin:0 50px;} #cxnl1 dl dd{ margin:0 70px;} #cxnl1 dl dd:before{ width:140px; right:-140px;} } @media screen and (max-width:992px){ #cxnl1{ padding:50px 0 40px 0;} #cxnl1 .js{ margin-top:25px; font-size:14px; line-height:22px; letter-spacing:0px;} #cxnl1 .ul{ margin-top:22px;} #cxnl1 .ul .li{ margin:0 30px;} #cxnl1 .ul .li h2{ font-size:24px; line-height:40px;} #cxnl1 .ul .li h2 b{ font-size:50px; line-height:70px;} #cxnl1 .ul .li h5{ font-size:14px; line-height:20px; margin-top:8px;} #cxnl1 .img{ margin-top:55px; margin-bottom:50px;} #cxnl1 dl dd{ margin:0 40px; width:120px;} #cxnl1 dl dd:before{ width:80px; right:-80px;} #cxnl1 dl dd .ico{ width:100px;} #cxnl1 dl dd h4{ margin-top:9px; font-size:16px; line-height:30px;} } @media screen and (max-width:768px){ #cxnl1{ padding:30px 0 20px 0;} #cxnl1 .js{ margin-top:15px; font-size:12px; line-height:20px; padding:0 15px;} #cxnl1 .ul{ margin-top:22px;} #cxnl1 .ul .li{ margin:0 0; width:50%; float:left;} #cxnl1 .ul .li h2{ font-size:18px; line-height:30px;} #cxnl1 .ul .li h2 b{ font-size:30px; line-height:50px;} #cxnl1 .ul .li h5{ font-size:12px; margin-top:6px;} #cxnl1 .img{ margin-top:33px; margin-bottom:30px;} #cxnl1 dl dd{ margin:0 10px; width:90px;} #cxnl1 dl dd:before{ width:20px; right:-20px; top:35%;} #cxnl1 dl dd .ico{ width:60px;} #cxnl1 dl dd h4{ margin-top:7px; font-size:14px; line-height:24px;} } #cxnl2{ background:url(images/190_cxnl6.jpg) no-repeat center center; background-size:cover; padding:110px 0; text-align:center;} #cxnl2 .text{ display:inline-block; vertical-align:top; position:relative;} #cxnl2 .text:before,#cxnl2 .text:after{ content:''; background:url(images/190_cxnl7.png) no-repeat center center; width:310px; height:129px; position:absolute; left:-280px; top:30px;} #cxnl2 .text:after{ left:auto; right:-280px; background-image:url(images/190_cxnl8.png);} #cxnl2 .text .title{ width:100%; font-size:48px; color:white; line-height:64px; font-weight:bold; letter-spacing:1px;} #cxnl2 .text .jj{ width:100%; margin-top:40px; font-size:18px; color:white; line-height:36px; letter-spacing:1px;} @media screen and (max-width:1400px){ } @media screen and (max-width:1200px){ } @media screen and (max-width:992px){ #cxnl2{ padding:70px 0;} #cxnl2 .text .title{ font-size:38px; line-height:54px; letter-spacing:0px;} #cxnl2 .text .jj{ margin-top:30px; font-size:16px; line-height:30px; letter-spacing:0px;} #cxnl2 .text:before,#cxnl2 .text:after{ background-size:contain; width:260px; height:108px; left:-200px; top:20px; display:none;} #cxnl2 .text:after{ left:auto; right:-200px;} } @media screen and (max-width:768px){ #cxnl2{ padding:40px 15px;} #cxnl2 .text .title{ font-size:32px; line-height:44px;} #cxnl2 .text .jj{ margin-top:20px; font-size:14px; line-height:24px;} } #cxnl3{ width:100%; text-align:center; padding:74px 0 0 0; overflow:hidden; line-height:0;} #cxnl3 .jj{ width:100%; font-size:16px; color:#666; line-height:28px;} #cxnl3 .pic{ width:100%; margin-top:22px; vertical-align:top;} @media screen and (max-width:1400px){ } @media screen and (max-width:1200px){ } @media screen and (max-width:992px){ #cxnl3{ padding:50px 0 0 0;} } @media screen and (max-width:768px){ #cxnl3{ padding:30px 10px 0 10px;} #cxnl3 .jj{ font-size:14px; line-height:22px;} #cxnl3 .pic{ margin-top:11px;} } #cxnl4{ width:100%; background:url(images/192_cxnl10.jpg) no-repeat center center; background-size:cover; padding:110px 0 59px 0;} #cxnl4 .cxnl4Body{ width:100%; position:relative; padding-bottom:79px;} #cxnl4 .cxnl4Body li{ width:100%; padding:0 15px;} #cxnl4 .cxnl4Body li .zbox{ width:100%; padding:15px; border:solid 6px white; -webkit-transition: all 0.3s ease-out 0s; -moz-transition: all 0.3s ease-out 0s; -o-transition: all 0.3s ease-out 0s; transition: all 0.3s ease-out 0s;} #cxnl4 .cxnl4Body li .zbox .pic{ width:100%; padding:4px; border:solid 2px white; border:solid 2px rgba(255,255,255,0.3); -webkit-transition: all 0.3s ease-out 0s; -moz-transition: all 0.3s ease-out 0s; -o-transition: all 0.3s ease-out 0s; transition: all 0.3s ease-out 0s;} #cxnl4 .cxnl4Body li .zbox .pic img{ width:100%;} #cxnl4 .cxnl4Body li .zbox:hover{ border-color:#00a0e9; background:white;} #cxnl4 .cxnl4Body li .zbox:hover .pic{ border-color:#d5d5d5;} #cxnl4 .cxnl4Body .slick-dots{ position: absolute; bottom: 0px; display: block; width: 100%; padding: 0; margin: 0; list-style: none; text-align: center; overflow:hidden; z-index:5; height:13px; } #cxnl4 .cxnl4Body .slick-dots li { position: relative; display: inline-block; width: 13px; height: 13px; margin: 0 8px; padding: 0; cursor: pointer; vertical-align:top; background:#fff; opacity:0.3; vertical-align:top; -moz-border-radius:50%; -webkit-border-radius:50%; -khtml-border-radius:50%; border-radius:50%; } #cxnl4 .cxnl4Body .slick-dots li.slick-active{ opacity:1; } @media screen and (max-width:1400px){ } @media screen and (max-width:1200px){ } @media screen and (max-width:992px){ #cxnl4{ padding:60px 0 30px 0;} #cxnl4 .cxnl4Body{ padding-bottom:45px;} } @media screen and (max-width:768px){ #cxnl4{ padding:30px 25px 10px 25px;} #cxnl4 .cxnl4Body{ padding-bottom:20px;} #cxnl4 .cxnl4Body .slick-dots{ height:7px;} #cxnl4 .cxnl4Body .slick-dots li { width:7px; height:7px; margin:0 4px;} #cxnl4 .cxnl4Body li{ padding:0 5px;} #cxnl4 .cxnl4Body li .zbox{ padding:10px; border:solid 4px white;} #cxnl4 .cxnl4Body li .zbox .pic{ padding:2px;} } /*人才招聘*/ #rczp1{ width:100%; margin-top:95px;} .rczpHead{ width:100%;} .rczpHead h2{ width:100%; font-size:60px; color:#555; line-height:72px; letter-spacing:1px; text-transform:uppercase; font-family: 'OPENSANS-BOLD'; position:relative;} .rczpHead h2 span{ color:#00a0e9;} .rczpHead h2:before{ content:''; width:1px; height:24px; background:#00a0e9; position:absolute; left:16px; bottom:-34px;} .rczpHead h4{ width:100%; font-size:30px; color:#666; line-height:38px; letter-spacing:2px; margin-top:55px;} .rczpHead1{ width:478px; float:left; border:solid 1px #00a0e9; padding:35px 0 48px 50px;} .rczpHead1 h4{ width:35px;} #rczp1 .pic{ width:417px; float:left; margin:115px 0 0 -150px; line-height:0;} #rczp1 .text{ float:right; width:43%; text-align:center; margin-top:202px; background:url(images/193_jrwm2.png) no-repeat top center; padding-top:230px; font-size:18px; color:#666; line-height:37px;} @media screen and (max-width:1399px){ #rczp1 .pic{ width:360px; margin:115px 0 0 -160px;} } @media screen and (max-width:1400px){ } @media screen and (max-width:1200px){ #rczp1{ margin-top:50px;} .rczpHead1{ width:400px; padding:20px 0 25px 30px;} #rczp1 .pic{ width:300px; margin:115px 0 0 -160px;} } @media screen and (max-width:992px){ #rczp1{ margin-top:30px;} .rczpHead1{ width:300px;} #rczp1 .pic{ width:260px; margin:95px 0 0 -120px;} .rczpHead h2{ font-size:40px; line-height:50px;} .rczpHead h2:before{ height:20px; left:12px; bottom:-30px;} .rczpHead h4{ font-size:24px; line-height:32px; letter-spacing:1px; margin-top:30px;} #rczp1 .text{ width:36%; margin-top:160px; background-size:62px auto; padding-top:150px; font-size:16px; line-height:32px;} } @media screen and (max-width:768px){ #rczp1{ margin-top:20px; padding:0 10px;} .rczpHead1{ width:100%; border:0; padding:0;} #rczp1 .pic{ width:90%; margin:-120px 0 0 0; float:right;} .rczpHead h2{ font-size:30px; line-height:40px;} .rczpHead h2:before{ height:14px; left:8px; bottom:-24px;} .rczpHead h4{ font-size:18px; line-height:26px;} #rczp1 .text{ width:100%; margin-top:20px; background-size:40px auto; padding-top:100px; font-size:14px; line-height:24px;} } #rczp2{ width:100%; margin-top:92px;} #rczp2 .title{ width:100%; text-align:center;} #rczp2 .title span{ display:inline-block; vertical-align:top; padding:0 30px; position:relative; font-size:30px; color:#00a0e9; line-height:42px; font-weight:bold;} #rczp2 .title span:before,#rczp2 .title span:after{ content:''; width:26px; height:3px; background:#00a0e9; position:absolute; left:-26px; top:50%; margin-top:-3px;} #rczp2 .title span:after{ left:auto; right:-26px;} #rczp2 .pic{ width:100%; margin-top:33px;} @media screen and (max-width:1400px){ } @media screen and (max-width:1200px){ } @media screen and (max-width:992px){ #rczp2{ margin-top:50px;} #rczp2 .title span{ padding:0 20px; font-size:24px; line-height:36px;} #rczp2 .title span:before,#rczp2 .title span:after{ width:20px; height:2px; left:-20px; margin-top:-1px;} #rczp2 .title span:after{ left:auto; right:-20px;} #rczp2 .pic{ margin-top:22px;} } @media screen and (max-width:768px){ #rczp2{ margin-top:30px;} #rczp2 .title span{ padding:0 10px; font-size:18px; line-height:30px;} #rczp2 .pic{ margin-top:11px;} } #rczp3{ width:100%; margin-top:100px;} #rczp3 .pic{ float:right; width:39.21%;} #rczp3 .text{ float:left; width:56.78%; margin-top:48px;} #rczp3 .text .jj{ width:100%; margin-top:48px; line-height:36px; font-size:16px; color:#666; letter-spacing:1px; overflow:hidden;} #rczp3 .text .jj .dd{ display:inline-block; margin:35px 42px 0 0; position:relative; font-weight:bold; color:#00a0e9; font-size:20px;} #rczp3 .text .jj .dd:before{ content:''; width:1px; height:20px; left:-21px; top:50%; margin-top:-10px; position:absolute; background:#e0e0e0;} @media screen and (max-width:1400px){ } @media screen and (max-width:1200px){ #rczp3 .text{ margin-top:0px;} } @media screen and (max-width:992px){ #rczp3{ margin-top:60px;} #rczp3 .text .jj{ margin-top:23px; line-height:30px; font-size:14px; letter-spacing:0px;} #rczp3 .text .jj .dd{ margin:23px 21px 0 0; font-size:16px;} #rczp3 .text .jj .dd:before{ height:16px; left:-11px; margin-top:-8px;} } @media screen and (max-width:768px){ #rczp3{ margin-top:30px;} #rczp3 .text .jj{ margin-top:12px; line-height:24px; font-size:12px;} #rczp3 .text .jj .dd{ margin:13px 11px 0 0; font-size:14px;} #rczp3 .text .jj .dd:before{ display:none;} #rczp3 .pic{ width:100%;} #rczp3 .text{ width:100%; margin-top:15px; padding:0 15px;} } #rczp4{ width:100%; margin:98px 0 100px 0;} .rczpHead2{ float:right; width:31.86%; padding:35px 30px 110px 52px;} #rczp4 .text{ float:left; width:63.21%; margin-top:45px; font-size:16px; color:#666; line-height:36px;} #rczp4 .text b{ color:#00a0e9;} @media screen and (max-width:1400px){ } @media screen and (max-width:1200px){ #rczp4{ margin:70px 0 80px 0;} .rczpHead2{ width:38%; padding:35px 30px 60px 31px;} #rczp4 .text{ width:58%; margin-top:0;} } @media screen and (max-width:992px){ #rczp4{ margin:40px 0 45px 0;} .rczpHead2{ padding:23px 20px 40px 21px;} #rczp4 .text{ font-size:14px; line-height:30px;} } @media screen and (max-width:768px){ #rczp4{ margin:30px 0 23px 0; padding:0 10px;} .rczpHead2{ width:100%; padding:0;} #rczp4 .text{ font-size:12px; line-height:24px; margin-top:15px; width:100%;} .rczpHead2 h4{ width:100%;} } #rczp5{ width:100%; background:#f6f6f6; padding:100px 0; overflow:hidden;} #rczp5 .hd{ width:100%;} #rczp5 .hd li{ width:33.33%; float:left; padding:0 15px;} #rczp5 .hd li .zbox{ width:100%; position:relative; padding-bottom:50.11%; background:black; overflow:hidden;} #rczp5 .hd li .zbox img{ width:100%; position:absolute; left:0; top:0; min-height:100%; opacity:0.6;} #rczp5 .hd li .zbox .name{ position:absolute; left:0; text-align:center; font-size:30px; letter-spacing:2px; color:white; font-weight:bold; line-height:50px; top:50%; margin-top:-25px; width:100%;} #rczp5 .hd li.on .zbox{ background:#00a0e9;} #rczp5 .hd li.on .zbox img{ opacity:0.3;} #rczp5 .bd{ width:100%; margin-top:53px;} #rczp5 .bd .title{ width:100%; text-align:center; margin-bottom:15px;} #rczp5 .bd .title span{ display:inline-block; vertical-align:top; padding:0 30px; position:relative; font-size:30px; color:#00a0e9; line-height:42px; font-weight:bold;} #rczp5 .bd .title span:before,#rczp5 .title span:after{ content:''; width:26px; height:3px; background:#00a0e9; position:absolute; left:-26px; top:50%; margin-top:-3px;} #rczp5 .bd .title span:after{ left:auto; right:-26px;} #rczp5 .bd li{ width:100%; background:white; margin-top:20px;} #rczp5 .bd li dd{ float:left; height:60px; line-height:60px;} #rczp5 .bd li dd span{ display:inline-block; vertical-align:middle; margin:-3px 0 0 0; font-size:16px; color:#666; line-height:24px;} #rczp5 .bd li dd.dd1{ width:23.57%; padding-left:30px;} #rczp5 .bd li dd.dd2{ width:23%;} #rczp5 .bd li dd.dd3{ width:22.71%;} #rczp5 .bd li dd.dd4{ width:22.86%;} #rczp5 .bd li dd.dd5{ text-align:center; width:7.86%; cursor:pointer;} #rczp5 .bd li:hover{ background:#00a0e9;} #rczp5 .bd li:hover dd span{ color:white;} #rczp5 .text{ width:100%; margin-top:72px; font-size:16px; color:#444; line-height:32px; text-align:center;} #rczp5 .text a{ color:#00a0e9;} #rczp5 .rczp5Down{ width:100%; background:url(images/197_jrwm8.jpg) no-repeat center center; background-size:cover; text-align:center; margin-top:40px; padding:41px 0; } #rczp5 .rczp5Down img{ vertical-align:top;} #rczp5 .rczp5Down span{ display:inline-block; vertical-align:top; margin-top:10px; padding:0 15px; height:33px; font-size:18px; color:white; font-weight:bold; line-height:33px; overflow:hidden; background:#00a0e9; -moz-border-radius:4px; -webkit-border-radius:4px; -khtml-border-radius:4px; border-radius:4px;} .tcmb{ width:100%; height:100%; position:fixed; z-index:9999; background:black; opacity:0.4; left:0; top:0; display:none;} .tc770{ padding:23px 29px 31px 29px; background:white; position:fixed; left:50%; top:50%; width:770px; z-index:99999; margin-top:-252px; margin-left:-385px;display:none; -moz-border-radius:6px; -webkit-border-radius:6px; -khtml-border-radius:6px; border-radius:6px;} .tc770 .close{ position:absolute; right:-50px; top:0; cursor:pointer;} .tc770 .name{ width:100%; font-size:24px; color:#333; line-height:36px; font-weight:bold;} .tc770 .js{ width:100%; margin-top:25px; font-size:16px; color:#444; line-height:30px;height: 300px;overflow: auto;} .tc770 .js strong{ color:#00a0e9;} .tc770 .bm{ margin-top:53px;} .tc770 .bm a{ display:block; text-align:center; width:158px; height:44px; line-height:44px; font-size:16px; color:white; background:#00a0e9;} @media screen and (max-width:1400px){ } @media screen and (max-width:1200px){ } @media screen and (max-width:992px){ .tc770{ padding:18px 20px 22px 20px; width:640px; margin-top:-200px; margin-left:-320px;} .tc770 .close{ right:-40px;} .tc770 .name{ font-size:18px; line-height:30px;} .tc770 .js{ margin-top:15px; font-size:14px; line-height:24px;} .tc770 .bm{ margin-top:30px;} .tc770 .bm a{ width:120px; height:34px; line-height:34px; font-size:14px;} #rczp5{ padding:60px 0;} #rczp5 .hd li .zbox .name{ font-size:24px; letter-spacing:1px; line-height:40px; margin-top:-20px;} #rczp5 .bd{ margin-top:30px;} #rczp5 .bd .title{ margin-bottom:10px;} #rczp5 .bd .title span{ padding:0 20px; font-size:24px; line-height:36px;} #rczp5 .bd .title span:before,#rczp5 .title span:after{ width:20px; height:2px; left:-20px; margin-top:-1px;} #rczp5 .bd .title span:after{ left:auto; right:-20px;} #rczp5 .bd li{ margin-top:15px;} #rczp5 .bd li dd{ height:50px; line-height:50px;} #rczp5 .bd li dd span{ font-size:14px; line-height:20px;} #rczp5 .bd li dd.dd1{ padding-left:20px;} #rczp5 .text{ margin-top:40px; font-size:14px; line-height:26px;} #rczp5 .rczp5Down{ margin-top:30px; padding:26px 0; } } @media screen and (max-width:768px){ .tc770{ padding:12px 10px 12px 10px; width:90%; margin-top:0; margin-left:5%; left:0; -webkit-transform: translate(0, -50%); -ms-transform: translate(0, -50%); transform: translate(0, -50%);} .tc770 .close{ right:0; top:-30px; width:10px;} .tc770 .name{ font-size:16px; line-height:24px;} .tc770 .js{ margin-top:10px; font-size:12px; line-height:20px;} .tc770 .bm{ margin-top:20px;} .tc770 .bm a{ width:100px; height:28px; line-height:28px; font-size:12px;} #rczp5{ padding:30px 10px;} #rczp5 .hd li{ padding:0 5px;} #rczp5 .hd li .zbox .name{ font-size:18px; letter-spacing:0px; line-height:30px; margin-top:-15px;} #rczp5 .bd{ margin-top:20px;} #rczp5 .bd .title span{ padding:0 10px; font-size:18px; line-height:30px;} #rczp5 .bd li{ margin-top:10px;} #rczp5 .bd li dd.dd1{ width:80%; padding-left:10px;} #rczp5 .bd li dd.dd2, #rczp5 .bd li dd.dd3, #rczp5 .bd li dd.dd4{ display:none;} #rczp5 .bd li dd.dd5{ width:20%;} #rczp5 .text{ margin-top:30px; font-size:12px; line-height:20px;} #rczp5 .rczp5Down{ margin-top:20px; padding:20px 0; } #rczp5 .rczp5Down img{ height:40px;} #rczp5 .rczp5Down span{ padding:0 10px; height:28px; font-size:16px; line-height:28px;} } /*革用聚氨树脂*/ #jasz1{ width:100%; padding:90px 0;} #jasz1 h2{ float:left; width:28.57%; font-size:40px; color:#00a0e9; line-height:56px; font-weight:bold; letter-spacing:1px; position:relative;} #jasz1 h2:before{ content:''; width:90px; height:4px; background:#00a0e9; position:absolute; left:0; bottom:-36px;} #jasz1 h5{ float:right; width:57.57%; font-size:16px; color:#666; line-height:36px; position:relative;} #jasz1 h5:before{ content:''; width:1px; height:90%; background:#d9d9d9; position:absolute; left:-21.74%; top:5%;} #biaoti{width:100%;float:left; padding-bottom:50px;} #biaoti h2{ float:left; width:100%; font-size:40px; color:#00a0e9; line-height:56px; font-weight:bold; letter-spacing:1px; position:relative;} @media screen and (max-width:1400px){ } @media screen and (max-width:1200px){ #jasz1 h5:before{ left:-16%;} } @media screen and (max-width:992px){ #jasz1{ padding:50px 0;} #jasz1 h2{ font-size:34px; line-height:50px;} #jasz1 h2:before{ width:80px; height:3px; bottom:-30px;} #biaoti h2{ font-size:34px; line-height:50px;} #biaoti{ padding-bottom:30px;} #biaoti h2{ font-size:14px; line-height:30px;} } @media screen and (max-width:768px){ #jasz1{ padding:30px 10px; text-align:center;} #jasz1 h2{ width:100%; font-size:28px; line-height:40px;} #jasz1 h2:before{ width:60px; height:2px; bottom:-20px; left:50%; margin-left:-30px;} #jasz1 h5{ width:100%; font-size:12px; line-height:24px; margin-top:40px;} #jasz1 h5:before{ display:none;} #biaoti{ padding-bottom:15px;} #biaoti h2{ font-size:28px; line-height:40px;} } #jasz2{ width:100%; padding:100px 0 98px 0; background:#f4f4f4; overflow:hidden;} #jasz2 .jasz2Body{ width:100%; position:relative;} #jasz2 .jasz2Body li{ width:100%; padding:0 15px;} #jasz2 .jasz2Body li .zbox{ width:100%; position:relative; padding-bottom:66.66%; overflow:hidden;} #jasz2 .jasz2Body li .zbox img{ width:100%; position:absolute; left:0; top:0; min-height:100%; transition: all 0.3s linear; -moz-transition: all 0.3s linear; -webkit-transition: all 0.3s linear; -o-transition: width all 0.3s linear;} #jasz2 .jasz2Body li .zbox:hover img{transform: scale(1.1,1.1); -ms-transform: scale(1.1,1.1); -webkit-transform: scale(1.1,1.1); -o-transform: scale(1.1,1.1); -moz-transform: scale(1.1,1.1);} #jasz2 .jasz2Body .slick-prev, #jasz2 .jasz2Body .slick-next { position: absolute; left:-81px; top: 50%; display: block; width: 36px; height: 36px; margin-top:-18px; padding: 0; -webkit-transform: translate(0, 0); -ms-transform: translate(0, 0); transform: translate(0, 0); cursor: pointer; color: transparent; border: none; outline: none; background:url(images/199_jasz4.png) no-repeat left center; z-index:100; } #jasz2 .jasz2Body .slick-next{ left:auto; right:-81px; background-position:right center; } #jasz2 .jasz2Body .slick-prev:hover, #jasz2 .jasz2Body .slick-next:hover{ background-image:url(images/199_jasz5.png);} @media screen and (max-width: 1600px) { #jasz2 .jasz2Body .slick-prev{ left:15px;} #jasz2 .jasz2Body .slick-next{ right:15px;} #jasz2 .jasz2Body{ padding:0 60px;} } @media screen and (max-width:1400px){ } @media screen and (max-width:1200px){ #jasz2{ padding:80px 0 75px 0;} } @media screen and (max-width:992px){ #jasz2{ padding:40px 0 33px 0;} } @media screen and (max-width:768px){ #jasz2{ padding:20px 0 13px 0;} #jasz2 .jasz2Body{ padding:0 20px 30px 20px;} #jasz2 .jasz2Body .slick-dots{ position: absolute; bottom: 0px; left:0; display: block; width: 100%; padding: 0; margin: 0; list-style: none; text-align: center; overflow:hidden; z-index:5; height:12px; } #jasz2 .jasz2Body .slick-dots li { position: relative; display: inline-block; width: 8px; height: 8px; margin: 0 4px; padding: 0; cursor: pointer; vertical-align:top; background:#fff; vertical-align:top; -moz-border-radius:50%; -webkit-border-radius:50%; -khtml-border-radius:50%; border-radius:50%; } #jasz2 .jasz2Body .slick-dots li.slick-active{ background:#00a0e9; } } #jasz3{ width:100%; padding:127px 0 79px; background:url(images/200_jasz9.jpg) no-repeat right center; background-size:contain; overflow:hidden;} #jasz3 .ejdh{ float:left; width:25.57%; position:relative;} #jasz3 .ejdh:before{ content:''; width:91.62%; height:100%; box-shadow:0 0 8px rgba(0,0,0,0.06); background:white; position:absolute; left:0; top:0; -moz-border-radius:4px; -webkit-border-radius:4px; -khtml-border-radius:4px; border-radius:4px;} #jasz3 .ejdh .scroll{ width:100%; height:680px; overflow:hidden; margin-left:-16px;} #jasz3 .ejdh .scroll_box{ width:91.62%; position:relative; padding-bottom:30px;} #jasz3 .ejdh .scroll_box.scroll_box1{ margin-left:16px;} #jasz3 .ejdh .scroll_cont{ width:100%;} #jasz3 .ejdh .scroll_cont li{ width:100%; position:relative;} #jasz3 .ejdh .scroll_cont li a{ display:block; width:100%; padding:0 30px; -moz-border-radius:4px; -webkit-border-radius:4px; -khtml-border-radius:4px; border-radius:4px;} #jasz3 .ejdh .scroll_cont li a span{ display:block; width:100%; font-size:18px; color:#444; line-height:73px; border-bottom:solid 1px #dfdfdf; padding-left:30px; background:url(images/200_jasz6.png) no-repeat 12px center;} #jasz3 .ejdh .scroll_cont li.on a span,#jasz3 .ejdh .scroll_cont li:hover a span{ background-image:url(images/200_jasz7.png); color:white; border-color:#00a0e9;} #jasz3 .ejdh .scroll_cont li.on a,#jasz3 .ejdh .scroll_cont li:hover a{ background:#00a0e9;} #jasz3 .ejdh .scroll_cont li.on:before{ content:''; background:url(images/200_jasz8.png) no-repeat center center; width:10px; height:21px; position:absolute; right:-10px; top:50%; margin-top:-10px;} .scroll_tiao{ width:6px !important; background:#efefef; left:-16px !important; height:680px !important;} .scroll_huakuai{ width:6px !important; background:#00a0e9 !important; left:-1px !important; z-index:99 !important;} #jasz3 .sjdh{ float:right; width:72.86%;} #jasz3 .sjdh .sjdhHead{ width:100%; padding:94px 0 0 50px; position:relative;} #jasz3 .sjdh .sjdhHead:before{ content:''; width:145px; background:#00a0e9; height:2px; left:50px; top:30px; position:absolute;} #jasz3 .sjdh .sjdhHead h3{ text-transform:uppercase; font-size:48px; color:#00a0e9; line-height:1;font-family: 'OPENSANS-BOLD';} #jasz3 .sjdh .sjdhHead h4{ width:100%; font-size:30px; color:#333; line-height:44px; margin-top:18px;} #jasz3 .sjdh .sjdhBody{ width:100%; margin-top:63px; position:relative; padding:0 40px;} #jasz3 .sjdh .sjdhBody .slick-list{ padding-top:42px;} #jasz3 .sjdh .sjdhBody li{ width:20%; text-align:center; margin-top:-42px; float:left; padding:0 9px;} #jasz3 .sjdh .sjdhBody li a{ display:block; width:100%; padding-top:48px; background:url(images/200_jasz11.png) no-repeat center center; height:203px; background-size:contain;} #jasz3 .sjdh .sjdhBody li a h4{ width:100%; color:white; font-size:36px; line-height:48px; letter-spacing:1px;} #jasz3 .sjdh .sjdhBody li a h5{ width:100%; margin-top:7px; color:white; font-size:16px; line-height:22px; letter-spacing:1px;} #jasz3 .sjdh .sjdhBody li:hover a,#jasz3 .sjdh .sjdhBody li.on a{ background-image:url(images/200_jasz12.png);} @media screen and (min-width: 768px) { #jasz3 .sjdh .sjdhBody li:nth-child(6){ margin-left:10%;} } #jasz3 .sjdh .sjdhBody .slick-prev, #jasz3 .sjdh .sjdhBody .slick-next { position: absolute; left:0px; top: 50%; display: block; width: 22px; height: 42px; margin-top:-21px; padding: 0; -webkit-transform: translate(0, 0); -ms-transform: translate(0, 0); transform: translate(0, 0); cursor: pointer; color: transparent; border: none; outline: none; background:url(images/200_jasz10.png) no-repeat left center; opacity:0.2; z-index:100; } #jasz3 .sjdh .sjdhBody .slick-next{ left:auto; right:0px; background-position:right center; } #jasz3 .sjdh .sjdhBody .slick-prev:hover, #jasz3 .sjdh .sjdhBody .slick-next:hover{ opacity:0.6;} @media screen and (max-width: 1399px) { #jasz3 .ejdh .scroll_cont li a{ padding:0 15px;} #jasz3 .sjdh .sjdhBody li a{ padding-top:38px; height:180px;} } @media screen and (max-width:1400px){ } @media screen and (max-width:1200px){ #jasz3{ padding:90px 0 55px;} #jasz3 .ejdh{ width:28%;} #jasz3 .ejdh:before{ width:90%;} #jasz3 .ejdh .scroll{ height:580px;} #jasz3 .ejdh .scroll_box{ width:90%;} #jasz3 .ejdh .scroll_cont li a{ padding:0 5px;} #jasz3 .ejdh .scroll_cont li a span{ font-size:16px; line-height:60px;} #jasz3 .sjdh{ width:70%;} #jasz3 .sjdh .sjdhHead{ padding:70px 0 0 40px;} #jasz3 .sjdh .sjdhHead h3{ font-size:42px;} #jasz3 .sjdh .sjdhHead h4{ font-size:24px; line-height:38px; margin-top:16px;} #jasz3 .sjdh .sjdhBody{ margin-top:40px; padding:0 30px;} #jasz3 .sjdh .sjdhBody .slick-list{ padding-top:36px;} #jasz3 .sjdh .sjdhBody li{ margin-top:-36px; padding:0 6px;} #jasz3 .sjdh .sjdhBody li a{ padding-top:30px; height:160px;} #jasz3 .sjdh .sjdhBody li a h4{ font-size:30px; line-height:42px;} #jasz3 .sjdh .sjdhBody li a h5{ margin-top:5px; font-size:14px; line-height:20px; letter-spacing:0px;} .scroll_tiao{ height:580px !important;} } @media screen and (max-width:992px){ #jasz3{ padding:50px 0 33px;} #jasz3 .ejdh{ width:100%; height:auto;} #jasz3 .ejdh:before{ display:none;} #jasz3 .ejdh .scroll{ height:40px; margin-left:0;} #jasz3 .ejdh .scroll_box{ height:40px; width:100%; overflow-x:auto; padding-bottom:0;} #jasz3 .ejdh .scroll_box.scroll_box1{ margin-left:0;} #jasz3 .ejdh .scroll_cont{ white-space:nowrap;} #jasz3 .ejdh .scroll_cont li{ width:auto; display:inline-block; vertical-align:top;} #jasz3 .ejdh .scroll_cont li a{ padding:0 10px;} #jasz3 .ejdh .scroll_cont li a span{ font-size:14px; line-height:40px; padding-left:0; background:none !important; border-bottom:0;} #jasz3 .ejdh .scroll_cont li.on:before{ display:none;} #jasz3 .ejdh .scroll_cont li.on a{ background:#00a0e9;} #jasz3 .sjdh{ width:100%; margin-top:20px;} } @media screen and (max-width:768px){ #jasz3{ padding:30px 0 20px 0;} #jasz3 .ejdh{ padding:0 10px;} #jasz3 .sjdh .sjdhHead{ padding:20px 10px 0 10px;} #jasz3 .sjdh .sjdhHead h3{ font-size:36px;} #jasz3 .sjdh .sjdhHead h4{ font-size:18px; line-height:32px; margin-top:10px;} #jasz3 .sjdh .sjdhBody{ margin-top:20px; padding:0 10px 30px 10px;} #jasz3 .sjdh .sjdhBody .slick-list{ padding-top:0px;} #jasz3 .sjdh .sjdhBody .slick-slide{ display: flex; display: -webkit-flex; flex-wrap: wrap; align-items: flex-start;} #jasz3 .sjdh .sjdhBody li{ width:33.33%; margin-top:4px; padding:0 2px;} #jasz3 .sjdh .sjdhBody li a{ background:#87979e; padding-top:14px; height:auto; min-height:110px;} #jasz3 .sjdh .sjdhBody li.on a,#jasz3 .sjdh .sjdhBody li:hover a{ background:#00a0e9;} #jasz3 .sjdh .sjdhBody li a h4{ font-size:24px; line-height:36px;} #jasz3 .sjdh .sjdhBody li a h5{ font-size:12px; line-height:18px; } #jasz3 .sjdh .sjdhHead:before{ display:none; width:100px; left:10px; top:10px;} #jasz3 .sjdh .sjdhBody .slick-dots{ position: absolute; bottom: 0px; left:0; display: block; width: 100%; padding: 0; margin: 0; list-style: none; text-align: center; overflow:hidden; z-index:5; height:12px; } #jasz3 .sjdh .sjdhBody .slick-dots li { position: relative; display: inline-block; width: 8px; height: 8px; margin: 0 4px; padding: 0; float:none; cursor: pointer; vertical-align:top; background:#eee; vertical-align:top; -moz-border-radius:50%; -webkit-border-radius:50%; -khtml-border-radius:50%; border-radius:50%; } #jasz3 .sjdh .sjdhBody .slick-dots li.slick-active{ background:#00a0e9; } } #jasz4{ width:100%; background:#f4f4f4; padding-top:71px; overflow:hidden;} #jasz4 .jasz4Head{ width:100%; padding-bottom:41px; border-bottom:solid 3px #dbdbdb; position:relative;} #jasz4 .jasz4Head:before{ content:''; width:13px; height:13px; background:#dbdbdb; position:absolute; left:0; bottom:-7px; -moz-border-radius:50%; -webkit-border-radius:50%; -khtml-border-radius:50%; border-radius:50%;} #jasz4 .jasz4Head h3{ width:100%; font-size:30px; color:#00a0e9; line-height:48px; letter-spacing:1px;} #jasz4 .jasz4Head h5{ width:100%; margin-top:5px; font-size:14px; color:#888; line-height:20px;} #jasz4 .jasz4Head .search{ position:absolute; right:0; top:0; margin-top:23px; width:308px; border:solid 1px #dcdcdc; padding-right:50px; background:#fff; overflow:hidden; -moz-border-radius:23px; -webkit-border-radius:23px; -khtml-border-radius:23px; border-radius:23px;} #jasz4 .jasz4Head .search .search_k{ float:left; width:100%; height:43px; line-height:23px; padding:10px 10px 10px 30px; color:#333; font-size:14px; background:white;} #jasz4 .jasz4Head .search .search_b{ position:absolute; right:0; top:0; width:50px; height:43px; border:none;background:url(images/201_jasz13.png) center no-repeat #00a0e9; cursor: pointer ; background-size:16px 16px;} #jasz4 .jasz4Body1{ width:100%; margin-top:35px; overflow:hidden; background:white; -moz-border-radius:40px; -webkit-border-radius:40px; -khtml-border-radius:40px; border-radius:40px; margin-bottom:30px;} #jasz4 .jasz4Body1 .jasz4BodyTitle{ background:#00a0e9; height:74px; padding:0 30px;} #jasz4 .jasz4Body1 .jasz4BodyTitle dd{ height:74px; line-height:24px; font-size:18px; color:white; float:left;} #jasz4 .jasz4Body1 .jasz4BodyTitle dd b{font-weight:normal; width:100%; height:100%; display:table;} #jasz4 .jasz4Body1 .jasz4BodyTitle dd b i{font-style:normal; display:table-cell; vertical-align:middle;} #jasz4 .jasz4Body1 .jasz4BodyTitle dd span{font-size:14px; display:inline-block;} #jasz4 .jasz4Body1 .zbox{ padding:0 30px 30px 30px;} #jasz4 .jasz4Body1 .zbox tr{ border-bottom:solid 1px #e7e7e7;} #jasz4 .jasz4Body1 .zbox tr.tr1{ background:#f9f9f9;} #jasz4 .jasz4Body1 .zbox tr:hover{ background:#ebf9ff;} #jasz4 .jasz4Body1 .zbox tr td{ border-left:solid 1px #e7e7e7; font-size:16px; color:#333; padding-top:20px; padding-bottom:20px; line-height:22px;} #jasz4 .jasz4Body1 .dd1{ width:9%; border-left:0 !important; text-align:center} #jasz4 .jasz4Body1 .dd2{ width:9%;text-align:center} #jasz4 .jasz4Body1 .dd3{ width:9%;text-align:center} #jasz4 .jasz4Body1 .dd4{ width:9%;text-align:center} #jasz4 .jasz4Body1 .dd5{ width:9%; text-align:center} #jasz4 .jasz4Body1 .dd6{ width:9%;text-align:center} #jasz4 .jasz4Body1 .dd7{ width:14%;text-align:center} #jasz4 .jasz4Body1 .dd8{ width:14%;text-align:center} #jasz4 .jasz4Body1 .dd9{ width:9%;text-align:center} #jasz4 .jasz4Body1 .dd10{ width:9%; text-align:center} @media screen and (max-width:1400px){ } @media screen and (max-width:1200px){ #jasz4 .jasz4Body1 .jasz4BodyTitle{ padding:0 15px;} #jasz4 .jasz4Body1 .zbox{ padding:0 15px 20px 15px;} /*#jasz4 .jasz4Body1 .dd1{ padding-left:10px;} #jasz4 .jasz4Body1 .dd2{ padding-left:20px;} #jasz4 .jasz4Body1 .dd3{ padding-left:20px;} #jasz4 .jasz4Body1 .dd4{ padding-left:20px;} #jasz4 .jasz4Body1 .dd5{ padding-left:20px;} #jasz4 .jasz4Body1 .dd6{ padding-left:20px;} #jasz4 .jasz4Body1 .dd7{ padding-left:20px;} #jasz4 .jasz4Body1 .dd8{ padding-left:30px;}*/ #jasz4 .jasz4Body1 .zbox tr td{ padding-right:10px;} } @media screen and (max-width:992px){ #jasz4 .jasz4Body1 .jasz4BodyTitle{ padding:0 10px; height:50px;} #jasz4 .jasz4Body1 .jasz4BodyTitle dd{ line-height:50px; font-size:16px;} #jasz4 .jasz4Body1{ margin-top:25px; -moz-border-radius:10px; -webkit-border-radius:10px; -khtml-border-radius:10px; border-radius:10px;} #jasz4 .jasz4Body1 .zbox{ padding:0 10px 10px 10px;} #jasz4 .jasz4Body1 .dd1{ padding-left:10px;} #jasz4 .jasz4Body1 .dd2{ padding-left:10px;} #jasz4 .jasz4Body1 .dd3{ padding-left:10px;} #jasz4 .jasz4Body1 .dd4{ padding-left:10px;} #jasz4 .jasz4Body1 .dd5{ padding-left:10px;} #jasz4 .jasz4Body1 .dd6{ padding-left:10px;} #jasz4 .jasz4Body1 .dd7{ padding-left:10px;} #jasz4 .jasz4Body1 .dd8{ padding-left:10px;} #jasz4 .jasz4Body1 .zbox tr td{ font-size:14px; padding-top:15px; padding-bottom:15px;} #jasz4{ padding-top:40px;} #jasz4 .jasz4Head{ padding-bottom:25px; border-bottom:solid 2px #dbdbdb;} #jasz4 .jasz4Head:before{ width:12px; height:12px; bottom:-7px;} #jasz4 .jasz4Head h3{ font-size:24px; line-height:42px; letter-spacing:0px;} #jasz4 .jasz4Head h5{ font-size:12px; line-height:18px;} #jasz4 .jasz4Head .search{ position:relative; right:auto; top:auto; margin-top:12px; width:100%;} #jasz4 .jasz4Head .search .search_k{ height:40px; line-height:20px;} #jasz4 .jasz4Head .search .search_b{ height:40px;} } @media screen and (max-width:768px){ #jasz4{ padding-top:20px;} #jasz4 .jasz4Head{ padding:0 10px; padding-bottom:15px;} #jasz4 .jasz4Head:before{ width:8px; height:8px; bottom:-5px;} #jasz4 .jasz4Head h3{ font-size:18px; line-height:30px;} #jasz4 .jasz4Head h5{ margin-top:0px;} #jasz4 .jasz4Body1{ margin-top:15px; background:none; -moz-border-radius:0px; -webkit-border-radius:0px; -khtml-border-radius:0px; border-radius:0px;} #jasz4 .jasz4Body1 .zbox ul{ width:100%; margin-top:10px; border:solid 1px #00a0e9; overflow:hidden; -moz-border-radius:10px; -webkit-border-radius:10px; -khtml-border-radius:10px; border-radius:10px;} #jasz4 .jasz4Body1 .zbox ul li{ border-bottom:solid 1px #e7e7e7; background:#00a0e9; float:left;width:100%;} #jasz4 .jasz4Body1 .zbox ul li .dt{ width:35%; float:left; text-align:right; padding:10px 15px; line-height:22px; font-size:13px; color:white;} #jasz4 .jasz4Body1 .zbox ul li .dd{ width:65%; float:left; text-align:left; padding:10px 15px; line-height:22px; font-size:13px; color:#555; background:#fff;} #jasz4 .jasz4Body1 .zbox ul li:last-child{ border-bottom:0;} } /*聚氨酯胶*/ #jasz4 .jaszTitle{ width:100%; padding-bottom:37px; position:relative;} #jasz4 .jaszTitle h3{ width:100%; font-weight:bold; font-size:36px; color:#00a0e9; line-height:48px; letter-spacing:1px;} #jasz4 .jaszTitle h5{ width:100%; font-size:18px; color:#333; line-height:28px; letter-spacing:1px;} #jasz4 .jaszTitle:before{ content:''; width:34px; height:3px; background:#00a0e9; position:absolute; left:0; bottom:0;} #jasz4 .jasz4Body2{ width:100%; margin-top:29px; padding-bottom:90px;} #jasz4 .jasz4Body2 .p{ width:100%; font-size:16px; color:#666; line-height:36px; letter-spacing:1px; margin-bottom:10px;} #jasz4 .jasz4Body2 h4{ width:100%; margin-top:55px; padding-left:18px; background:url(images/jazj1.png) no-repeat left center; font-size:24px; color:#00a0e9; line-height:36px; letter-spacing:1px;} #jasz4 .jasz4Body2 table{ width:100%; margin-top:22px; background:white;} #jasz4 .jasz4Body2 table th{ background:#00a0e9; line-height:66px; font-size:18px; color:white; letter-spacing:1px; text-align:left;} #jasz4 .jasz4Body2 table td{ border-top:solid 1px #f4f4f4; padding-top:15px; padding-bottom:15px; line-height:20px; font-size:16px; color:#666; } #jasz4 .jasz4Body2 table .td1{ width:38.14%; padding-left:120px;} #jasz4 .jasz4Body2 table .td2{ width:35.71%;} #jasz4 .jasz4Body2 table .td3{ width:26.15%;} #jasz4 .jasz4Body2 .ul{ width:100%; margin-top:23px;} #jasz4 .jasz4Body2 .ul .li{ float:left; width:270px; background:white; padding:0 32px; margin:0 15px; overflow:hidden;} #jasz4 .jasz4Body2 .ul .li h5{ width:100%; font-size:16px; color:#333; line-height:61px; text-align:center; border-top:dashed 1px #ccc; margin-top:-1px;} #jasz4 .jasz4Body2 .ul .li.l1{ width:328px;} #jasz4 .jasz4Body2 .ul .li.l2{ width:442px;} #jasz4 .jasz4Body2 .ps{ width:100%; text-align:center; margin-top:22px; font-size:16px; color:#333; line-height:30px; letter-spacing:1px;} #jasz4 .jasz4Body2 .ps a{ color:#00a0e9;} #jasz4 .jasz4Body2 .ps a:hover{ text-decoration:underline;} @media screen and (max-width: 1399px) { #jasz4 .jasz4Body2 .ul .li{ width:220px;} #jasz4 .jasz4Body2 .ul .li.l1{ width:270px;} #jasz4 .jasz4Body2 .ul .li.l2{ width:400px;} } @media screen and (max-width:1400px){ } @media screen and (max-width:1200px){ #jasz4 .jasz4Body2 .ul .li{ width:480px; margin-bottom:10px;} #jasz4 .jasz4Body2 .ul .li.l1{ width:480px;} #jasz4 .jasz4Body2 .ul .li.l2{ width:480px;} #jasz4 .jasz4Body2 table .td1{ padding-left:60px;} } @media screen and (max-width:992px){ #jasz4 .jaszTitle{ width:100%; padding-bottom:37px;} #jasz4 .jaszTitle h3{ font-size:30px; line-height:42px;} #jasz4 .jaszTitle h5{ font-size:16px; line-height:24px; letter-spacing:0px;} #jasz4 .jaszTitle:before{ width:30px; height:2px;} #jasz4 .jasz4Body2{ margin-top:25px; padding-bottom:50px;} #jasz4 .jasz4Body2 .p{ font-size:14px; line-height:30px; letter-spacing:0px;} #jasz4 .jasz4Body2 h4{ margin-top:33px; padding-left:16px; background-size:8px 8px; font-size:18px; line-height:30px; letter-spacing:0px;} #jasz4 .jasz4Body2 table{ margin-top:11px;} #jasz4 .jasz4Body2 table th{ line-height:44px; font-size:16px; letter-spacing:0px;} #jasz4 .jasz4Body2 table td{ padding-top:10px; padding-bottom:10px; font-size:14px;} #jasz4 .jasz4Body2 .ul{ margin-top:12px;} #jasz4 .jasz4Body2 .ul .li{ width:46%; padding:0 20px; margin:5px 15px;} #jasz4 .jasz4Body2 .ul .li h5{ font-size:14px; line-height:40px;} #jasz4 .jasz4Body2 .ul .li.l1, #jasz4 .jasz4Body2 .ul .li.l2{ width:46%;} #jasz4 .jasz4Body2 .ul .li:nth-child(2n){ float:right;} #jasz4 .jasz4Body2 .ps{ margin-top:18px; font-size:14px; line-height:24px; letter-spacing:0px;} } @media screen and (max-width:768px){ #jasz4 .jaszTitle{ padding:0 10px; padding-bottom:25px;} #jasz4 .jaszTitle h3{ font-size:24px; line-height:34px;} #jasz4 .jaszTitle h5{ font-size:14px; line-height:20px;} #jasz4 .jaszTitle:before{ left:10px;} #jasz4 .jasz4Body2{ margin-top:15px; padding:0 10px 30px 10px;} #jasz4 .jasz4Body2 .p{ font-size:12px; line-height:24px;} #jasz4 .jasz4Body2 h4{ margin-top:22px; padding-left:12px; background-size:6px 6px; font-size:16px; line-height:24px;} #jasz4 .jasz4Body2 table{ margin-top:9px;} #jasz4 .jasz4Body2 table th{ line-height:38px; font-size:14px;} #jasz4 .jasz4Body2 table td{ padding-top:8px; padding-bottom:8px; font-size:12px;} #jasz4 .jasz4Body2 .ul{ margin-top:8px;} #jasz4 .jasz4Body2 .ul .li{ width:100%; padding:0 20px; margin:3px 0;} #jasz4 .jasz4Body2 .ul .li h5{ font-size:12px; line-height:30px;} #jasz4 .jasz4Body2 .ul .li.l1, #jasz4 .jasz4Body2 .ul .li.l2{ width:100%;} #jasz4 .jasz4Body2 table .td1{ padding-left:20px;} #jasz4 .jasz4Body2 .ps{ margin-top:12px; font-size:12px; line-height:20px;} } .tc_mb{ width:100%; height:100%; background:black; opacity:0.8; display:none; position:fixed; left:0; top:0; z-index:1009;} .tc2{ position:fixed; width:520px; text-align:center; display:none; z-index:1011; left:50%; top:50%; margin-left:-120px; -webkit-transform: translate(0, -50%); -ms-transform: translate(0, -50%); transform: translate(0, -50%);} .tc2 .img{ width:100%; display:inline-block; vertical-align:top;} .tc2 .img img{ width:100%; float:left;} .tc2 .closd{ width:27px; height:27px; position:absolute; right:-24px; top:-24px; cursor:pointer;} @media screen and (max-width:768px){ .tc2 .closd{ width:20px; height:20px; right:0; top:-30px;} } @media screen and (max-height:450px){ .tc2{ width:100%; height:100%; left:0; margin-left:0;} .tc2 .img,.tc2 .img img{ width:auto; height:100%;} .tc2 .closd{ width:20px; height:20px; right:10px; top:10px;} } #pz_top .topRight .so{ padding-left:104px; width:540px;} #pz_top .topRight .so .tab{ width:100px; height:50px; position:absolute; left:3px; top:3px; text-align:left; font-size:15px; color:#0d3159; line-height:50px; padding-left:15px; background:white; border:solid 1px #0d3159; cursor:pointer;} #pz_top .topRight .so .tab:before{ content:''; width:30px; height:50px; position:absolute; right:0; top:0; background:url(images/hy13.png) no-repeat center center; -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;} #pz_top .topRight .so .tab dl{ width:100px; position:absolute; left:-1px; top:100%; border:solid 1px #0d3159; border-top:0; display:none; background:white;} #pz_top .topRight .so .tab dl dd{font-size:15px; color:#0d3159; line-height:36px; padding-left:15px; cursor:pointer;} #pz_top .topRight .so .tab dl dd:hover{ color:#fff; background:#0d3159;} #pz_top .topRight .so .tab.on:before{ transform:rotate(180deg);} @media (max-width: 991px){ #pz_top .ph_menu .search .tab{ width:80px; height:40px; position:absolute; left:0; top:0; text-align:left; font-size:13px; color:#0d3159; line-height:40px; padding-left:10px; background:white; border:solid 1px #ccc; cursor:pointer;} #pz_top .ph_menu .search .tab:before{ content:''; width:15px; height:40px; position:absolute; right:0; top:0; background:url(images/hy13.png) no-repeat center center; background-size:7px auto; -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;} #pz_top .ph_menu .search .tab dl{ width:80px; position:absolute; left:-1px; top:100%; border:solid 1px #ccc; border-top:0; display:none; background:white;} #pz_top .ph_menu .search .tab dl dd{font-size:13px; color:#0d3159; line-height:30px; padding-left:10px; cursor:pointer;} #pz_top .ph_menu .search .tab dl dd:hover{ color:#fff; background:#0d3159;} #pz_top .ph_menu .search .tab.on:before{ transform:rotate(180deg);} } /*产品搜索页面*/ #product228{ width:100%; margin:73px 0 73px 0;} #product228 .product228box{ margin:0 -5px;} #product228 .product228box ul{ width:100%; float:left; display: flex; display: -webkit-flex; flex-wrap: wrap; align-items: flex-start;} #product228 .product228box ul li{ width:33.33%; float:left; padding:0 5px; margin-top:10px;} #product228 .product228box ul li a{ display:table; width:100%; text-align:center; min-height:65px; line-height:65px; background:#eaeef0;} #product228 .product228box ul li a span{ display:inline-table; vertical-align:middle; font-size:20px; color:#444; letter-spacing:1px; line-height:26px;} #product228 .product228box ul li a:hover{ background:#00a0e9;} #product228 .product228box ul li a:hover span{ color:white;} #product228 .loading{ width:100%; float:left; text-align:center; margin-top:50px;} #product228 .loading img{ height:54px; vertical-align:top;} @media (max-width: 1199px){ #product228 .product228box ul li a span{ font-size:16px;} } @media (max-width: 991px){ #product228{ margin:40px 0 40px 0;} #product228 .product228box ul li{ width:50%;} #product228 .loading{ margin-top:30px;} #product228 .loading img{ height:44px;} } @media (max-width: 767px){ #product228{ margin:20px 0;} #product228 .product228box{ margin:0;} #product228 .product228box ul li{ width:100%; padding:0 10px;} #product228 .product228box ul li a{ min-height:50px; line-height:50px;} #product228 .product228box ul li a span{ font-size:14px; line-height:22px;} #product228 .loading{ margin-top:15px;} #product228 .loading img{ height:30px;} } #fzlc .fzlcRight ul li .img{ width:270px; height:180px; overflow:hidden;} #fzlc .fzlcRight ul li .text{ width:70%;} @media (max-width: 1199px){ #fzlc .fzlcRight ul li .text{ width:60%;} } @media (max-width:991px){ #fzlc .fzlcRight ul li .img{ width:200px; height:133px;} } @media (max-width: 768px){ #fzlc .fzlcRight ul li .img{ width:100%; height:auto;} #fzlc .fzlcRight ul li .text{ width:100%;} } .container-con{max-width: 1720px;margin: 0 auto;} .flex-start{display: flex;justify-content: flex-start;align-items: flex-start;} .flex-center{display: flex;justify-content: center;align-items: center;} .flex-center-start{display: flex;justify-content: center;align-items: flex-start;} .flex-btw{display: flex;justify-content: space-between;align-items: center;} .flex-start-end{display: flex;justify-content: flex-start;align-items: flex-end;} .flex-btw-start{display: flex;justify-content: space-between;align-items: flex-start;} .flex-btw-end{display: flex;justify-content: space-between;align-items: flex-end;} .flex-end{display: flex;justify-content: flex-end;align-items: flex-end;} .flex-end-start{display: flex;justify-content: flex-end;align-items: flex-start;} .flex-end-center{display: flex;justify-content: flex-end;align-items: center;} .flex-start-center{display: flex;justify-content: flex-start;align-items: center;} .aboutMain{width: 100%;height: 1080px;background: url(/Theme/cn/banner/images/aboutBg.jpg) no-repeat;background-size: cover;} .aboutMain .left{width:43%;height: 1080px;-webkit-box-sizing: border-box;box-sizing: border-box;} .aboutMain .left .itemMain{flex-wrap: wrap;} .aboutMain .item{margin-right:9%;width:39%;color: #fff;-webkit-box-sizing: border-box;box-sizing: border-box;position: relative;} .aboutMain .item b{font-size: 85px;font-weight: 700;margin-right: 20px;line-height: .85;display: inline-block;} .aboutMain .item em{font-size: 42px;position: absolute;left: 90px;top: 36px;font-weight: 400;line-height: 1;} .aboutMain .item p{margin-top: 34px;} .aboutMain .item span{display: block;font-size:18px;font-weight: 400;} .aboutMain .item:nth-of-type(1){background: url(/Theme/cn/banner/images/about_i1.png) no-repeat right 24px;} .aboutMain .item:nth-of-type(2){width: 216px;background: url(/Theme/cn/banner/images/about_i2.png) no-repeat right 24px;} .aboutMain .item:nth-of-type(3){background: url(/Theme/cn/banner/images/about_i3.png) no-repeat right 24px;} .aboutMain .item:nth-of-type(4){width: 216px;background: url(/Theme/cn/banner/images/about_i4.png) no-repeat right 24px;} .aboutMain .item:nth-of-type(2) em{left: 120px;} .aboutMain .item:nth-of-type(4) em{left: 70px;} .aboutMain .item:nth-of-type(1),.aboutMain .item:nth-of-type(2){margin-bottom: 164px;} .aboutMain .right{width:68%;background: rgba(255, 255, 255, .68);-webkit-box-sizing: border-box;box-sizing: border-box;border-radius: 10px;padding: 80px 70px 50px;position: relative;z-index: 2; margin-right: 5%;} .aboutTT{font-size: 32px;color: #002b60;font-weight: 700;} .aboutDes{color: #002b60;line-height: 1.8;font-size: 22px;padding: 60px 0;} .aboutMain .right li{color: #002b60;font-size: 22px;margin-bottom: 20px;display: flex;} .aboutMain .right li div{font-weight: 700;color: #00a1e7;display: inline-block;width: 110px;flex-shrink: 0;} .aboutMain .right li div b{width: 44px;display: inline-block;} @media screen and (min-width:1600px) and (max-width:1820px) { .container-con{max-width: 90%;margin: 0 auto;} .aboutMain .right{margin-right: 0; padding: 80px 60px 50px;} .aboutMain .right{width: 60%;} .aboutDes,.aboutMain .right li,.aboutMain .item span{ font-size: 20px;} .aboutMain .item em{font-size: 40px;} } @media screen and (min-width:1400px) and (max-width:1620px) { .container-con{max-width: 95%;margin: 0 auto;} .aboutMain .right{margin-right: 0; padding: 80px 60px 50px;} .aboutMain .right{width: 60%;} .aboutDes,.aboutMain .right li,.aboutMain .item span{ font-size: 18px;} .aboutMain .item em{font-size: 38px;} .aboutMain .right li div{width: 91px;} .aboutDes{padding:40px 0} .aboutMain,.aboutMain .left{height:900px} .aboutMain.En, .aboutMain.En .left{height:auto;padding:90px 0} .aboutMain.En .right li div{width: auto;} .aboutMain.En .item:nth-of-type(1), .aboutMain.En .item:nth-of-type(2), .aboutMain.En .item:nth-of-type(3), .aboutMain.En .item:nth-of-type(4){width: 40%;} .aboutMain.En .aboutTT{font-size: 22px;} .aboutMain.En .aboutDes{font-size: 18px;padding: 30px 0;line-height: 1.6;} .aboutMain.En .right li{font-size: 18px;margin-bottom: 0;line-height: 1.6;} } @media screen and (min-width:0px) and (max-width:1400px) { .container-con{max-width: 95%;margin: 0 auto;} .aboutMain .right{margin-right: 0; padding: 80px 60px 50px;} .aboutMain .right{width: 60%;} .aboutDes,.aboutMain .right li,.aboutMain .item span{ font-size: 18px;} .aboutMain .item em{font-size: 38px;} .aboutMain .right li div{width: 91px;} .aboutDes{padding:40px 0} .aboutMain,.aboutMain .left{height:900px} .aboutMain .left{width: 48%;} .aboutMain.En, .aboutMain.En .left{height:auto;padding:90px 0} .aboutMain.En .right li div{width: auto;} .aboutMain.En .item:nth-of-type(1), .aboutMain.En .item:nth-of-type(2), .aboutMain.En .item:nth-of-type(3), .aboutMain.En .item:nth-of-type(4){width: 40%;} .aboutMain.En .aboutTT,.aboutMain.En .item em{font-size: 20px;} .aboutMain.En .aboutDes{font-size: 16px;padding: 30px 0;line-height: 1.4;} .aboutMain.En .right li{font-size: 16px;margin-bottom: 0;line-height: 1.4;} } @media screen and (min-width:0px) and (max-width:1200px) { .aboutMain{height: auto;padding-bottom: 40px;} .aboutMain .left{width: 95%;height: auto;justify-content: center;margin:0 auto} .container-con{ flex-direction: column;} .aboutMain .left .itemMain{ justify-content: space-between;margin:50px 0} .aboutMain .right{margin-right: 0;width: 96%;} } @media screen and (min-width:0px) and (max-width:700px) { .aboutMain .right{padding:40px 20px} .aboutDes{padding:30px 0} .aboutMain .item,.aboutMain .item:nth-of-type(4){width: 40%;margin:3%} .aboutMain .item em{ position: initial;} .aboutMain .item:nth-of-type(2),.aboutMain .item:nth-of-type(4){margin-right:0;} .aboutMain .item:nth-of-type(1),.aboutMain .item:nth-of-type(2), .aboutMain .item:nth-of-type(4),.aboutMain .item:nth-of-type(3){width: 40%;margin:40px 3%; background: none;} .aboutMain .item b{font-size: 60px; margin-right: 0px;} .aboutMain .item em{font-size: 30px;} .aboutTT{font-size: 26px;} .aboutDes, .aboutMain .right li, .aboutMain .item span{font-size: 16px;} .aboutMain.En .item:nth-of-type(1), .aboutMain.En .item:nth-of-type(2), .aboutMain.En .item:nth-of-type(3), .aboutMain.En .item:nth-of-type(4){width: 40%;margin:40px 3%; background: none;} .aboutMain.En .item:nth-of-type(1) p, .aboutMain.En .item:nth-of-type(2) p{margin-top: 10px;} .aboutMain.En, .aboutMain.En .left{padding:0} .aboutMain.En .left{width: 100%;} .aboutMain.En .item p{height:40px} .aboutMain.En{padding-bottom: 40px;} .aboutMain .item p{margin-top: 20px;} .aboutMain .left .itemMain{margin-top: 0px;} }