@charset "utf-8"; /* CSS Document */ /*切图：zcy*/ html{ overflow-x:auto; overflow-y:auto;} *{ padding:0; margin:0;outline:none !important;} ul, ol,li{ list-style-type:none;} body, button, input, select, textarea{ font-family: 'Microsoft yahei',Arial; font-size:12px;} code, kbd, pre, samp { font-family: 'Microsoft yahei',Arial;} a{ text-decoration:none; color:#333; -webkit-transition: all 0.2s ease-out 0s; -moz-transition: all 0.2s ease-out 0s; -o-transition: all 0.2s ease-out 0s; transition: all 0.2s ease-out 0s;} img{border:0; max-width:100%;} li { line-height:normal; } table { border-collapse: collapse; border-spacing: 0; } h1,h2,h3,h4,h5,h6{margin:0; font-weight:normal; font-family: 'Microsoft yahei',Arial; } input,table,tr,td{ margin:0; padding:0; border:none;} button,table{ border:none; background:none; margin:0; padding:0;} body{ position:relative; float:left; width:100%; overflow:hidden;} select{ margin:0; padding:0; font-family: 'Microsoft yahei',Arial; border:none;} textarea{ resize:none;outline:none;} label{ margin-bottom:0; font-weight:normal;} input,select,textarea{ margin:0; padding:0; border:0; outline:none; -moz-border-radius:0px; -webkit-border-radius:0; -khtml-border-radius:0; border-radius:0; } .bdshare_dialog_box{display:none !important;} /*------------------------------------------*/ .pz_top{ float:left; width:100%;position:fixed; left: 0; top:0;z-index:90; background:white; box-shadow:0 3px 5px rgba(0,0,0,0.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;} .pz_banner{ float: left; width:100%; position:relative; z-index: 3;} .pz_main{ float:left; width:100%; min-height:500px; overflow:hidden;border-bottom: 1px solid #eeeeee; margin-bottom: 20px;} .pz_down{ float:left; width:100%; background:#28292d;} .pz_menu{ float:left; width:100%; position:relative; z-index:9;} .c_1570{ width:100%; padding:0 10%;} /*.pz_top.on_2{ --top:-128px;}*/ .pz_top.on_1{ top:-40px;} @media screen and (max-width: 1199px) { .c_1570{ padding:0 7%;} } @media screen and (max-width: 1023px) { .pz_top.on_1{ top:0px;} } @media screen and (max-width: 991px) { .c_1570{ padding:0 65px;} .topnav{ height:80px;} } @media screen and (max-width: 767px) { .c_1570{ padding:0 10px 0 10px;} body{ padding-top:28px;} .topnav{ z-index:90;} } /*top*/ .pz_top_index{ background:none;} .top{ width:100%; float:left; height:40px; border-top:solid 7px rgba(0,0,0,0.1);} .top .top_r{ float:right; padding-left:48px; position:relative;} .top .top_r .top_r_bg{ width:3000px; height:33px; position:absolute; left:0; top:0; border-top: 33px solid rgba(0,0,0,0.1);border-left: 33px solid white;} .top .top_r .top_r_bg:before{ content:''; background:url(../images/top1.png) no-repeat center center; width:32px; height:33px; position:absolute; left:-32px; top:0;} .top .top_r a{ display:block; float:left; font-size:16px; color:black; line-height:26px; padding-left:27px; padding-right:32px; background:url(../images/top7_h.png) no-repeat right center; position:relative; z-index:5;} .top .top_r a p{display:inline-block;} .top .top_r a.a1{ padding-right:0; background:none !important;} .top .top_r a:hover{ text-decoration:underline;} .top .top_r a img{ vertical-align:middle; margin:-3px 3px 0 0; height:26px;} .top .top_r a img.img_1{ display:none;} .pz_top_index .top .top_r a img.img_1{ display:inline-block;} .pz_top_index .top .top_r a img.img_2{ display:none;} .topnav{ width:100%; float:left; height:88px; border-bottom:solid 1px rgba(255,255,255,0.2);} .topnav .logo{ float: left; width: 240px; margin-top:-4px;} .topnav .logo img{ width:100%; float: left;} .pz_top.on_1 .topnav{ height:70px;} .pz_top.on_1 .topnav .logo{ margin-top:10px; width:180px;} .pz_top.on_1 .topnav .menu,.pz_top.on_1 .topnav .menu ul .nli,.pz_top.on_1 .topnav .search_i{ height:70px;} .pz_top.on_1 .topnav .menu ul .nli span > a{ height:70px; line-height:70px;} .pz_top.on_1 .topnav .lang,.pz_top.on_1 .topnav .search_i .search_ico{ margin-top:16px;} .topnav .topnav_right{ float:right;} .topnav .lang{ float:right; width:38px; height:38px; margin-top:25px; margin-left:13px; overflow:hidden; border:solid 1px #b0b0b0; text-align:center; -moz-border-radius:50%; -webkit-border-radius:50%; -khtml-border-radius:50%; border-radius:50%;} .topnav .lang a{ display:block; width:38px; height:38px; font-size:14px; color:black; text-transform:uppercase; line-height:36px;font-family:Arial;} .topnav .lang:hover,.topnav .search_i .search_ico:hover{ border-color:black;} .topnav .lang.on .a1{ margin-top:-38px;} .topnav .search_i{ float:right; margin-left:46px; height:88px; position:relative; cursor:pointer;} .topnav .search_i .search_ico{ width:38px; height:38px; margin-top:25px; border:solid 1px #b0b0b0; background:url(../images/top8_h.png) no-repeat center center; background-size:contain; cursor:pointer; -moz-border-radius:50%; -webkit-border-radius:50%; -khtml-border-radius:50%; border-radius:50%;} .search .search_k{ width:220px; height:44px; float:left; line-height:44px; background:white; font-size:16px; color:#1b62ba !important; padding-left: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;} .search .search_b{ width:50px; height:44px; position:absolute; right:0; top:0; background:url(../images/top8.png) no-repeat center center #000; background-size:contain; cursor:pointer;} .search_i .search{ width:400px; height:50px; background:#fff; position:absolute; right:0; top:100%; z-index:-5; padding-right:50px; border:solid 3px #000; display:none; -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;} .search_i.on .search{ 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(20px)} 100%{opacity:1; -webkit-transform:translateY(0)} } @-moz-keyframes fadeInUp1{ 0%{opacity:0; -moz-transform:translateY(20px)} 100%{opacity:1; -moz-transform:translateY(0)} } .so span{display:block; float:left; width:110px; height:44px; border-right:3px solid #000; background:url(/templates/cn/../images/img_1_11.png) no-repeat 88px center #fff; cursor:pointer ; position:relative; z-index:9999;} .so span input.sou_inp{ display:block; position:absolute; left:0; top:0; width:110px; height:44px; z-index:1; opacity:0; filter:alpha(opacity=00);} .so span div{ float:left; padding-left:10px; text-align:center; height:44px; line-height:44px; font-size:14px; color:#4c4c4c; position:relative; z-index:9; width:88px;} .so span ul{ display:none; position:absolute; left:-3px; top:44px; background:#f5f5f5; border:3px solid #000; width:113px; height:auto; overflow-y:auto;overflow-x:hidden;z-index:9} .so span ul li{ float:left; width:100%; text-align:center; height:30px; line-height:30px; font-size:12px; color:#4c4c4c;} .so span ul li:hover{ background:#fff;} .menu{ z-index:99; float: right;} .menu > ul{ float:left; width:100%;} .menu ul .nli{ float:left;z-index:99; margin:0 0 0 65px; height:88px; position:relative;} .menu ul .nli span{ display:block; width:100%; float:left;} .menu ul .nli span a{ display:block; float:left; height:88px; line-height:88px; color:black; font-size:16px; overflow:hidden;position:relative; border-bottom:solid 3px transparent;} /*下拉菜单（漂浮在menu .nli上）*/ .sub{ z-index:21; position:absolute; width:320px; left: 50%; margin-left:-160px;top:100%; display:none; 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;} .sub .l2{ width:100%; position:relative;} .sub .l2 .l2_a{ display:block; width:100%; float:left; font-size:14px; line-height: 44px; color: #fff; overflow:hidden; position:relative; padding:0 8px; background:rgba(0,0,0,0.6);} .sub .l2:hover .l2_a{ background:#014aa3;} .sub .l2 .l3_ul{ width:180px; position:absolute; left:100%; top:0; display:none; padding-left:1px;} .sub .l2 .l3_ul .l3{ width:100%; position:relative;} .sub .l2 .l3_ul .l3 .l3_a{ display:block; width:100%; float:left; font-size:14px; line-height: 44px; color: #fff; overflow:hidden; position:relative; padding:0 8px; background:rgba(0,0,0,0.6);} .sub .l2 .l3_ul .l3:hover .l3_a{ background:#014aa3;} .sub .l2:hover .l3_ul{ display:block; -webkit-animation:fadeInUp1 0.5s 0s ease both; -moz-animation:fadeInUp1 0.5s 0s ease both;} .menu ul .nli:hover .sub{ display:block; -webkit-animation:fadeInUp1 0.5s 0s ease both; -moz-animation:fadeInUp1 0.5s 0s ease both;} .menu.white{ background-image:url(../images/top2.png);} .pz_top_index .top .top_r a{ color:white; background-image:url(../images/top7.png);} .pz_top_index .topnav .search_i .search_ico{ background-image:url(../images/top8.png); border:solid 1px white; border:solid 1px rgba(255,255,255,0.4);} .pz_top_index .topnav .lang{ border:solid 1px white; border:solid 1px rgba(255,255,255,0.4);} .pz_top_index .topnav .lang:hover,.pz_top_index .topnav .search_i .search_ico:hover{ border-color:white;} .pz_top_index .topnav .lang a{ color:white;} .pz_top_index .menu ul .nli span a{ color:white;} .menu ul .nli.on span a, .menu ul .nli:hover span a{ color:#014aa3; border-color:#014aa3;} @media screen and (max-width: 1460px) { .menu ul .nli{ margin:0 0 0 35px;} } @media screen and (max-width: 1380px) { .top .top_r{ padding-left:8px;} .top .top_r a{ padding-left:17px; padding-right:22px;} .topnav .search_i{ margin-left:26px;} } @media screen and (max-width: 1199px) { .menu ul .nli{ margin:0 0 0 20px;} .topnav .logo{ width: 220px;} .top .top_r a{ padding-left:7px; padding-right:12px;} } .pf_menu{ display:none;} @media screen and (max-width: 1023px) { .top{ display:none;} .topnav{ height:58px;} .menu{ display:none;} .topnav .logo{ width: 120px; height:58px; line-height:58px; position:absolute; left:50%; top:0; margin-left:-60px; margin-top:0;} .pz_top.on_1 .topnav .logo{ margin-top:0px;} .topnav .logo img{ float:none; display:inline-block;} .topnav .topnav_right{ float:left;} .topnav .search_i{ display:none;} .topnav .lang{ width:30px; height:30px; margin-top:14px; margin-left:0;} .topnav .lang a{ width:30px; height:30px; line-height:28px; font-size:12px;} .menuph{ float:right; cursor: pointer; width: 30px; height: 50px; position:relative;} .menuph .point { display:block; width: 30px; height: 30px; margin-top:30px;} .menuph .navbtn { position: absolute; top: 28px; right: 10px; display: inline-block; width: 18px; 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: #000; z-index:9999;} .menuph .navbtn::after, .menuph .navbtn::before { position: absolute; right: 0; display: inline-block; width: 18px; 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: #000; -moz-border-radius:4px; -webkit-border-radius:4px; -khtml-border-radius:4px; border-radius:4px;} .menuph .navbtn::after { top:-6px;} .menuph .navbtn::before { top:6px;} .menuph .point.active .navbtn{ background: transparent; } .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; } .menuph .point.active .navbtn::before { -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); top: 0px; } .pz_top_index .menuph .navbtn,.pz_top_index .menuph .navbtn::after,.pz_top_index .menuph .navbtn::before{ background:white;} .pf_menu{ position:fixed; width:100%; height:100%; overflow-y:auto; right:0px; top:-100%; z-index:20 !important; display:block; background: #fff; -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_menu.on_1{ top:0;} .ph_menu{ float:left; width:100%; text-align:left; padding:58px 0 0 0px;} .nav_box{ width:100%; float:left;} .ph_menu .nli{ float:left; width:100%; position:relative;} .ph_menu .nli span{ float:left; width:100%;} .ph_menu .nli .l1_a{ float:left; width:100%; color:#000; font-size:14px; line-height:50px; white-space:nowrap; position: relative; letter-spacing: 1px; border-bottom: dashed 1px #ccc; padding:0 10px;} .ph_menu .nli svg{ display:block; width:40px; height:40px; position:absolute; right:0; top:5px; background:url(../images/top_6_h.png) no-repeat center center; background-size:auto 14px !important; -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;} .ph_menu .nli.on .l1_a{ color:#014aa3;} .ph_menu .nli.on svg{ background-image:url(../images/top_6_h.png); transform:rotate(90deg);} .ph_menu .nli .l2_ul{ display:none; height:auto; float:left; width:100%; padding: 5px 15px; border-bottom: dashed 1px #ccc;} .ph_menu .nli .l2_ul .l2{ width:100%; float:left; position:relative;} .ph_menu .nli .l2_ul .l2 .l2_a{ line-height:30px; font-size:12px; color:#333; text-transform:uppercase; opacity:0.6;} .ph_menu .nli .l2_ul .l2 i{ display:block; width:30px; height:30px; position:absolute; right:0; top:0px; background:url(../images/top_6_h.png) no-repeat center center; background-size:auto 12px !important; -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;} .ph_menu .nli .l2_ul .l2.on .l2_a{ opacity:1;} .ph_menu .nli .l2_ul .l2.on i{ background-image:url(../images/top_6_h.png); transform:rotate(90deg);} .ph_menu .nli .l3_ul{ display:none; height:auto; float:left; width:100%; padding: 5px 15px; border-bottom: dashed 1px #ccc;} .ph_menu .nli .l3_ul .l3{ width:100%; float:left;} .ph_menu .nli .l3_ul .l3 .l3_a{ line-height:30px; font-size:12px; color:#333; text-transform:uppercase; opacity:0.6;} .ph_menu .search{ display:block; float:left; height:40px; border:solid 1px #000; width:96%; padding: 0 40px 0 10px; position: relative; left:auto; top:auto; right:auto; margin-top:10px; z-index:1; margin-left:2%;} .ph_menu .search .search_k{ height:38px; line-height:38px; width:100%; background: white; font-size: 14px; color: #000; padding-left:10px; font-weight:bold;} .ph_menu .search .search_b{ position: absolute; right:-1px; top: 0; height:38px; width:40px; background: #000 url(../images/top8.png) no-repeat center center; background-size: 40px 40px;} .ph_menu .search .so1 span{position:absolute; left:0; top:0;} .so1 span{display:block; float:left; width:110px; height:38px; border-right:1px solid #000; background:url(/templates/cn/../images/img_1_11.png) no-repeat 88px center #fff; cursor:pointer ; position:relative; z-index:9999;} .so1 span input.sou_inp{ display:block; position:absolute; left:0; top:0; width:110px; height:38px; z-index:1; opacity:0; filter:alpha(opacity=00);} .so1 span div{ float:left; padding-left:10px; text-align:center; height:38px; line-height:38px; font-size:14px; color:#4c4c4c; position:relative; z-index:9; width:88px;} .so1 span ul{ display:none; position:absolute; left:-1px; top:38px; background:#f5f5f5; border:1px solid #000; width:111px; height:auto; overflow-y:auto;overflow-x:hidden;z-index:9} .so1 span ul li{ float:left; width:100%; text-align:center; height:30px; line-height:30px; font-size:12px; color:#4c4c4c;} .so1 span ul li:hover{ background:#fff;} .ph_menu .msg{ width:100%; float:left; margin-top:10px;} .ph_menu .msg a{ display:block; width:100%; float:left; height:36px; line-height:36px; text-align:center; background:#073d6f; font-size:14px; color:white; font-weight:bold; font-family:Arial; -moz-border-radius:18px; -webkit-border-radius:18px; -khtml-border-radius:18px; border-radius:18px;} .pf_menu.on{ padding:64px 95px 0 95px;} .pz_top_index.active{ background:black;} .ph_menu_down{ width:100%; float:left; padding:10px; margin-top:10px;} .ph_menu_down li{ width:100%; float:left; font-size:14px; color:#333; line-height:28px;} .ph_menu_down li a{ color:#333;} .ph_menu_down li a img{ height:20px; vertical-align:middle; margin:-3px 5px 0 0;} .ph_menu_down li a p{display:inline-block;} } .left_headline{ position:absolute; left:68px; bottom:57px; transform:rotate(-90deg);transform-origin:0 0; font-size:16px; color:white; text-transform:uppercase; letter-spacing:8px; padding-left:58px; background:url(../images/top9.png) no-repeat left center; z-index:9;font-family: 'OPENSANS-LIGHT';} @media screen and (max-width: 1380px) { .left_headline{ left:45px;} } @media screen and (max-width:1199px) { .left_headline{ left:15px;} } @media screen and (max-height:830px) { .left_headline{ bottom:20px;} } @media screen and (max-height:767px) { .left_headline{ bottom:10px;} } @media screen and (max-width:767px) { .left_headline{ display:none;} } .leftnav{ position:fixed; left:70px; top:50%; z-index:9; width:10px; margin-top:-100px;} .leftnav li{ width:100%; height:10px; float:left; text-align:center; position:relative; margin-top:25px;} .leftnav li a{ display:block; width:10px; height:10px; position:relative; background:white; opacity:0.4; -moz-border-radius:50%; -webkit-border-radius:50%; -khtml-border-radius:50%; border-radius:50%;} .leftnav li a span{ display:block; position:absolute; left:120%; top:50%; margin-top:-10px; font-size:14px;font-family: 'OPENSANS-BOLD'; color:#014aa3; text-transform:uppercase; white-space:nowrap; width:0; overflow:hidden; -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;} .leftnav li:hover a span{ width:120px;} .leftnav li.active a{opacity:1;} .leftnav.white li a{ background:#b2b2b2; opacity:1;} .leftnav.white li.active a{ background:#014aa3; } @media screen and (max-width:1380px) { .leftnav{ left:50px;} } @media screen and (max-width:1199px) { .leftnav{ left:20px;} } @media screen and (max-height:767px) { .leftnav li{ margin-top:15px;} } @media screen and (max-width:767px) { .leftnav{ display:none !important;} } .slide_banner{ min-height:580px;} .slide_banner,.slide_banner .slick-list ,.slide_banner .slick-track{ width:100%; float:left; height: 100%; overflow: hidden;} .slide_banner .slick-slide{ width:100%; height: 100%; float: left; position:relative; overflow:hidden;} .slide_banner .slick-slide .img{ width:100%; height: 100%; float: left; min-height:580px; background-size: cover !important; background-color: white !important; position: relative; z-index: 3; background-position:center center !important;} .slide_banner .slick-slide .img video{ position:absolute; width:100%; height:100%; left:0; top:0; object-fit: cover;} .banner_btn{ width:100%; position:absolute; left:0; bottom:76px;} .banner_btn .number{ float:right; font-size:16px; color:white;font-family: 'OPENSANS-REGULAR'; line-height:20px; margin-bottom:-5px; left:1px;} .banner_btn .number font:first-child{ font-weight:bold; font-size:30px;font-family: 'OPENSANS-BOLD'; margin:0 3px; position:relative; bottom:5px;} .banner_btn .dian{ float:right;} .banner_btn .slick-dots { margin-top:14px; position:relative; bottom: auto; display: block; width: auto; float:left; } .banner_btn .slick-dots li { position: relative; display: inline-block; width: 28px; height: 4px; margin: 0 15px 0 0; float:left; background:white; opacity:0.4; } .banner_btn .slick-dots li.slick-active{ opacity:1; } .banner_btn .banner_ico{ position:absolute; left:50%; bottom:0px; width:33px; margin-left:-16px;} .banner_btn .banner_ico span{ display:block; width:100%; float:left; animation:myfirst 0.6s linear 0s infinite alternate; -moz-animation:myfirst 0.6s linear 0s infinite alternate; -webkit-animation:myfirst 0.6s linear0s infinite alternate; -o-animation:myfirst 0.6s linear 0s infinite alternate;} .banner_btn .banner_ico span.span1{ margin-top:-6px; opacity:1; width:30px; margin-left:1px; animation:myfirst 0.6s linear 0.6s infinite alternate; -moz-animation:myfirst 0.6s linear 0.6s infinite alternate; -webkit-animation:myfirst 0.6s linear 0.6s infinite alternate; -o-animation:myfirst 0.6s linear 0.6s infinite alternate;} @keyframes myfirst { 0% { opacity:0.3;} 100% { opacity:1;} } @-moz-keyframes myfirst /* Firefox */ { 0% { opacity:0.3;} 100% { opacity:1;} } @-webkit-keyframes myfirst /* Safari and Chrome */ { 0% { opacity:0.3;} 100% { opacity:1;} } @-o-keyframes myfirst /* Opera */ { 0% { opacity:0.3;} 100% { opacity:1;} } @media screen and (max-width:991px) { .pz_banner_h,.section,.fp-tableCell,.slide_banner .slick-slide .img,.slide_banner{ min-height: 380px;} .banner_btn{ bottom:40px;} } @media screen and (max-width:767px) { .fp-tableCell{ vertical-align:top;} .banner_btn .number{ display:none;} .banner_btn{ bottom:20px;} .banner_btn .banner_ico{ width:16px; margin-left:-8px;} .banner_btn .banner_ico span.span1{ margin-top:-8px; width:14px;} .banner_btn .dian{ width:100%; text-align:center; float:right; position:relative; bottom:-12px;} .banner_btn .slick-dots{ display:inline-block; float:none;} .banner_btn .slick-dots li { width: 17px; height: 2px; margin: 0 4px;} } /*首页main*/ .fullpage-wrapper.active{ position:relative; z-index:10;} .section .c_1570{ height:100%; position:relative;} .tablebox{display: table;vertical-align: middle; height:100%; position:relative; width:100%;table-layout: fixed;margin-bottom: 20px;} .middlebox{ display:table-cell; vertical-align:middle; padding-top:20px;} .tit_1{ width:100%; font-size:36px; color:#333; line-height:74px; font-weight:bold; letter-spacing:4px;text-align: center;} @media screen and (max-width:1380px) { .tit_1{ font-size:26px; line-height:64px; letter-spacing:3px;text-align: center;} } @media screen and (max-width:1023px) { .middlebox{ padding-top:0;} .tit_1{ font-size:20px; line-height:44px; letter-spacing:2px;text-align: center;} .fp-scrollable { overflow:visible; } } @media screen and (max-width:767px) { .middlebox{ padding-top:20px!!important;} .tit_1{ font-size:16px; line-height:34px; letter-spacing:1px; text-align: center;} .tit_1 h1{ height:34px; line-height:34px; font-size:40px; letter-spacing:2px;display: block; width: 100%; text-align: center;} } .moregai{width: 100%;text-align: center;} .moregai a{font-size: 14px; line-height: 36px; border-top: 3px #014ba0 solid; color:#000; padding-top: 10px;} /*首页第六屏*/ .parBd{margin-top: 20px; position: relative;} .section_6{ background:#f8f8f8;} .c_0100_1{} .slideGroup{} .slideGroup .hd{ } /* 修改 */ .slideGroup .hd ul{ /* display:inline-block; */ width:100%; /* text-align:right; */ overflow-y: hidden; white-space: nowrap; overflow-x: auto; } .slideGroup .hd ul::-webkit-scrollbar{ /* background:none; */ } /*滚动条样式*/ .slideGroup .hd ul::-webkit-scrollbar { width: 2px; height: 4px; } .slideGroup .hd ul::-webkit-scrollbar-thumb { border-radius: 10px; -webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.2); background: rgba(0,0,0,0.2); } .slideGroup .hd ul::-webkit-scrollbar-track { -webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.2); border-radius: 0; background: rgba(0,0,0,0.1); } .titwz{text-align: center; margin-bottom: 32px; font-size: 16px; color: #fff;} /* .slideGroup .hd ul .slick-track{ float:right;} */ .slideGroup .hd ul .slick-slide{float: none; white-space: nowrap; cursor:pointer; display:inline-block; font-size:15px; color:#333; margin:0 1%; line-height:64px; letter-spacing:1px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; text-align:center; width: 17%;} .slideGroup .hd ul .on{ color:#014aa3; background:url(../images/index2_2.jpg) no-repeat center bottom;} .slideGroup .hd a{ display:inline-block; float:right; position:absolute; right:0; top:0; font-size:15px; color:#333; line-height:64px; letter-spacing:1px; background:url(../images/index2.png) no-repeat left center; width:116px;} .slideGroup .hd a:hover{ color:#014aa3;} .slideGroup .hd a span{ font-family:"宋体";} .slideGroup .bd{ width:100%; float:left;} .slide_pic_1{ width:100%; float:left; position:relative; padding:0 30px;} .slide_pic_1 .slick-prev,.slide_pic_1 .slick-next{ display:block; width:13px; height:25px; position:absolute; left:0px; top:50%; margin-top:-12px; background:url(../images/index2_1.png) no-repeat left center; background-size:auto 100%; cursor:pointer;} .slide_pic_1 .slick-next{ background-position:right center; left:auto; right:0px;} .slide_pic_1 .slick-prev:hover,.slide_pic_1 .slick-next:hover{ background-image:url(../images/index2_1_h.png);} .tempWrap{ width:100% !important;} .c_1570_box{ margin:0 -30px;} .ul_1{ margin-top:-20px;} .ul_1 .zbox{ width:100%; float:left; padding:20px 15px;} .ul_1 li .zbox_box{ width:100%; 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;} .ul_1 li .zbox_box .pic{ width:100%; float:left; position:relative; background:black;} .ul_1 li .zbox_box .pic img{ width:100%; 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;} .ul_1 li .zbox_box .pic .ico{ width:62px; height:62px; position:absolute; left:50%; top:50%; margin:-31px 0 0 -31px; 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;} .ul_1 .zbox:hover .zbox_box{ box-shadow:0 10px 20px rgba(0,0,0,0.2);} .ul_1 .zbox:hover .pic a> img{ opacity:0.4;} .ul_1 .zbox:hover .pic .ico{ opacity:1;} .ul_1 .zbox .zbox_down{ width:100%; float:left; padding:19px 10px 25px 10px; background:white;} .ul_1 .zbox .zbox_down .zbox_down_head{ width:100%; float:left;} .ul_1 .zbox .zbox_down .zbox_down_head .time{ float:left; font-size:16px; clear:#666; line-height:22px;} .ul_1 .zbox .zbox_down .zbox_down_head .btn{ float:right;} .ul_1 .zbox .zbox_down .zbox_down_head .btn a{ display:block; float:left; width:22px; height:22px; margin:0 9px 0 13px; background-position:center center; background-size:contain; background-repeat:no-repeat;} .ul_1 .zbox .zbox_down .zbox_down_head .btn a.al{ background-image:url(../images/index1_6.png);} .ul_1 .zbox .zbox_down .zbox_down_head .btn a.a2{ background-image:url(../images/index1_7.png);} .ul_1 .zbox .zbox_down .zbox_down_head .btn .al.on{ background-image:url(../images/index1_6_h.png);} .ul_1 .zbox .zbox_down .zbox_down_title{ width:100%; float:left; margin-top:15px;} .ul_1 .zbox .zbox_down .zbox_down_title a{ display:block; float:left; font-size:18px; color:#333; line-height:34px; height:68px; overflow:hidden;} .ul_1 .zbox:hover .zbox_down .zbox_down_title a{ color:#014aa3;} @media screen and (max-width:1380px) { .slideGroup{ margin-top:40px;} .slideGroup .hd{ top:-100px;} .slideGroup .hd ul .slick-slide{ padding:0 10px; font-size:14px;} } @media screen and (max-width:1199px) { .c_0100_1{ min-height:580px;} .slideGroup .hd ul .slick-slide{ padding:0 10px; font-size:14px; line-height:44px;} .ul_1 .zbox .zbox_down .zbox_down_title a{ font-size:16px; line-height:30px; height:60px;} .slideGroup .hd a{ width:106px; font-size:16px; line-height:44px;} .slideGroup .hd{ top:-80px;} } @media screen and (max-width:1023px) { .slideGroup{ margin-top:20px;} .slideGroup .hd{ position:relative; right:auto; float:left; top:auto; width:100%; margin-bottom:20px; padding-right:106px;} } @media screen and (max-width:767px) { .slide_pic_1{ padding:0 20px;} .c_1570_box{ margin:0 0px;} .slide_pic_1 .slick-prev{ left:10px;} .slide_pic_1 .slick-next{ right:10px;} /* 原版 */ /* .slideGroup .hd{ text-align:center; padding-right:96px;} */ /* .slideGroup .hd ul{ width:160px; display:inline-block;overflow-x: scroll; height: 24px; white-space: nowrap!important; -webkit-overflow-scrolling: touch; } */ /* 重点代码 */ /* .slideGroup .hd ul .slick-slide{ padding:0 6px; font-size:14px; line-height:24px; background-size:auto 2px; position: relative!important; display: inline-block!important;} */ /* 修改 */ .slideGroup .hd{ text-align:center; padding-right:0px; display: flex; align-items: center; } .chanpinfa .tit_1{font-size: 30px !important;line-height:60px !important } .titwz{display: none} .fatb{width: 40px !important;} .slideGroup .hd ul{ /* width:160px; */ flex: 1; display:flex; flex-wrap: nowrap; overflow-x: auto; flex-direction: row; -webkit-overflow-scrolling: touch; } .slideGroup .hd ul .slick-slide{ padding:0 6px; font-size:14px; line-height:24px; background-size:auto 2px; /*重点代码*/ position: relative!important; /* width: auto; */ flex: 0 0 150px; /* width: 200px; */ margin-right: 20px; /* overflow: initial; */ white-space: nowrap!important; display: inline-block!important;} /* end */ .ul_1 .zbox .zbox_down .zbox_down_title a{ font-size:14px; line-height:24px; height:46px;} .slideGroup .hd a{ width:96px; font-size:14px; line-height:24px; text-align:right;} .ul_1 .zbox .zbox_down{ padding:12px 10px 15px 10px;} .ul_1 .zbox .zbox_down .zbox_down_head .time{ font-size:12px; line-height:20px;} .ul_1 .zbox .zbox_down .zbox_down_head .btn a{ width:16px; height:20px; margin:0 3px 0 3px;} .ul_1 .zbox .pic .ico{ width:42px; height:42px; margin:-21px 0 0 -21px;} .c_0100_1{ min-height:460px;} .ul_1 .zbox:hover .zbox_box{ box-shadow:0 5px 10px rgba(0,0,0,0.1);} } /*footer*/ .footer{ width:100%; float:left;} .footer .footer_head{ width:100%; float:left; padding:41px 0 65px 0;} .footer .footer_head ul{ width:100%; float:left; display: flex; display: -webkit-flex; flex-wrap: wrap; align-items: flex-start;} .footer .footer_head ul li{ width:14.285%; float:left;} .footer .footer_head ul li .dt{ width:100%; float:left; font-size:18px; color:white; line-height:36px;} .footer .footer_head ul li .dd{ width:100%; float:left; margin-top:10px;} .footer .footer_head ul li .dd .lin{ width:100%; display:block; float:left; font-size:14px; color:white; line-height:16px; letter-spacing:1px; opacity:0.7; background:url(../images/footer2.png) no-repeat left 18px; padding:10px 0 10px 18px;} .footer .footer_head ul li .dd .lin:hover{ opacity:1;} .footer .footer_head ul li .dd .lin1{ width:100%; display:block; float:left; font-size:18px; color:white; line-height:28px; letter-spacing:1px; margin-top:12px; padding-left:46px; background:url(../images/footer1.png) no-repeat 17px center; background-size:19px 19px;} .footer .footer_head ul li .dd .dd_gz{ float:right; margin-top:19px;} .footer .footer_head ul li .dd .dd_gz a{ display:block; float:left; width:40px; height:40px; margin-right:17px; margin-left:3px; background-position:center center; background-size:contain; background-repeat:no-repeat; position:relative;} .footer .footer_head ul li .dd .dd_gz a .ewm{ position:absolute; left:50%; top:-126px; width:116px; height:123px; padding:10px 10px 17px 10px; background:url(../images/ewm_bg.png) no-repeat center center; background-size:contain; margin-left:-58px; display:none;} .footer .footer_head ul li .dd .dd_gz a .ewm img{ width:100%; float:left;} .footer .footer_head ul li .dd .dd_gz a:hover .ewm{ display:block; -webkit-animation:fadeInUp1 0.5s 0s ease both; -moz-animation:fadeInUp1 0.5s 0s ease both;} .footer .footer_head ul li .dd .dd_gz a.a1{ background-image:url(../images/footer3.png);} .footer .footer_head ul li .dd .dd_gz a.a2{ background-image:url(../images/footer4.png);} .footer .footer_head ul li .dd .dd_gz a.a3{ background-image:url(../images/footer5.png);} .footer .footer_head ul li .dd .dd_gz a.a1:hover{ background-image:url(../images/footer3_h.png);} .footer .footer_head ul li .dd .dd_gz a.a2:hover{ background-image:url(../images/footer4_h.png);} .footer .footer_head ul li .dd .dd_gz a.a3:hover{ background-image:url(../images/footer5_h.png);} .footer .footer_down{ width:100%; float:left; padding:19px 0 29px 0; border-top:solid 1px #3e3f42;} .footer .footer_down_left{ float:left; width:75%;} .footer .footer_down_left .link{ float:left; font-size:14px; line-height:24px; color:white;} .footer .footer_down_left .link a{ margin:0 5px;} .footer .footer_down_left .link a,.footer .footer_down_left .link span{ color:white; opacity:0.6;} .footer .footer_down_left .p{ float:left; font-size:14px; line-height:24px; color:white; opacity:0.6; width:100%;} .footer .footer_down_right{ float:right; font-size:14px; line-height:24px; color:white;} .footer .footer_down_right a{ color:white; opacity:0.6;} .footer .footer_down_right span{ opacity:0.6; margin:0 16px;} .footer .footer_down_right a:hover,.footer .footer_down_left .link a:hover{ opacity:1;} @media screen and (max-width:1640px) { .footer .footer_head ul li .dd .dd_gz a{ margin-right:7px;} .footer .footer_head ul li .dd .lin1{ font-size:16px; white-space:nowrap;} } @media screen and (max-width:1360px) { .footer .footer_head ul li .dd .dd_gz a{ margin-right:4px;} } @media screen and (max-width:1210px) { .footer .footer_head ul li .dd .dd_gz a{ margin-right:3px;} } @media screen and (max-width:1199px) { .footer .footer_head ul li{ width:25%;} .footer .footer_head ul li .dd .dd_gz{ float:left;} .footer .footer_head ul li.last{ width:50%;} } @media screen and (max-width:1023px) { .footer .footer_head{ padding:21px 0 35px 0;} } @media screen and (max-width:767px) { .footer .footer_head{ padding:11px 0 15px 0;} .footer .footer_head ul li{ display:none;} .footer .footer_head ul li.last{ display:block; width:100%;} .footer .footer_head ul li .dt{ display:none; font-size:14px; line-height:26px; background:black; position:relative; padding:5px;} .footer .footer_head ul li .dd{ text-align:center; margin-top:3px;} .footer .footer_head ul li .dd .lin{ font-size:12px; line-height:14px; background:url(../images/footer2.png) no-repeat left 10px; padding:5px 0 5px 12px; background:none;} .footer .footer_head ul li .dd .lin1{ font-size:14px; line-height:24px; margin-top:8px; padding-left:26px; background-size:14px 14px; background-position:7px center; background:none; padding-left:0;} .footer .footer_head ul li .dd .dd_gz{ width:100%; margin-top:12px;} .footer .footer_head ul li .dd .dd_gz a{ width:30px; height:30px; margin-right:5px; margin-left:5px; float:none; display:inline-block;} .footer .footer_down{ padding:10px 0 10px 0;} .section_6 .footer .footer_down{ padding:10px 0 10px 0;} .footer .footer_down_left{ width:100%;} .footer .footer_down_left .link{ font-size:12px; line-height:20px;} .footer .footer_down_left .p{ font-size:12px; line-height:20px;} .footer .footer_down_left .link a{ margin:0 3px;} .footer .footer_down_right{ width:100%; text-align:center; font-size:12px; line-height:20px;} .footer .footer_down_right span{ margin:0 10px;} } /*第二屏*/ .section_2{ position:relative;} .section_2 .left_headline,.section_4 .left_headline,.section_5 .left_headline{ color:#1d1e21; background-image:url(../images/top10.png);} .slide_pic_2{ width:100%; float:left; position:relative; padding:0 30px;} .slide_pic_2 .slick-prev,.slide_pic_2 .slick-next{ display:block; width:13px; height:25px; position:absolute; left:0px; top:50%; margin-top:-12px; background:url(../images/index2_1.png) no-repeat left center; background-size:auto 100%; cursor:pointer;} .slide_pic_2 .slick-next{ background-position:right center; left:auto; right:0px;} .slide_pic_2 .slick-prev:hover,.slide_pic_2 .slick-next:hover{ background-image:url(../images/index2_1_h.png);} .ul_2{ margin-top:20px;} .ul_2 .zbox{ width:36%; float:left; padding:0 15px;} .ul_2 .zbox .zbox_box{ width:100%; float:left; position:relative; overflow:hidden;border: 1px solid #ccc;} .ul_2 .zbox .zbox_box .pic{ width:100%; float:left; height:428px; } .ul_2 .zbox .zbox_box .pic img{ width:auto; height:80%; position:absolute; left:73%; top:60%; max-width:none; margin:-214px 0 0 -251px;object-fit: 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;} .ul_2 .zbox .zbox_box .zbox_down{ width:100%;opacity:0.8; text-align:center; position:absolute; left:0; bottom:0; background-image: linear-gradient(180deg, #00a0e9 0%, #005bac 100%); height:80px; padding:25px 30px 0 30px; -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;} .ul_2 .zbox .zbox_box .zbox_down .zbox_down_head{ width:100%; font-size:18px; color:#fff; line-height:30px; font-weight:bold; letter-spacing:1px; 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;} .ul_2 .zbox .zbox_box .zbox_down .zbox_down_body{ width:100%; margin-top:16px; font-size:14px; 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;} .ul_2 .zbox .zbox_box .zbox_down .zbox_down_detail{ margin-top:42px; display:inline-block; width:96px; height:40px; line-height:38px; border:solid 1px white; color:white; font-size:14px; color:white; letter-spacing:1px; text-transform:uppercase;} .ul_2 .zbox .zbox_box:hover .pic img{ opacity:0.4;} .ul_2 .zbox .zbox_box:hover .zbox_down{ height:100%; padding:86px 70px 0 70px;} .ul_2 .zbox .zbox_box:hover .zbox_down .zbox_down_head{ color:white; padding-bottom:27px; background:url(../images/index3_4.jpg) no-repeat center bottom;} .ul_2 .zbox .zbox_box:hover .zbox_down .zbox_down_body{ color:white; margin-top:21px; height:90px;} .ul_2 .zbox .zbox_box .zbox_down .zbox_down_detail:hover{ background:white; color:black;} .section_2 .slideGroup .hd{ width:60%;} /*.section_2 .slideGroup .hd .slick-slide{ width:auto !important; float:none;}*/ @media screen and (max-width:1660px) { .section_2 .slideGroup .hd{ width:75%;} } @media screen and (max-width:1360px) { .section_2 .slideGroup .hd{ width:85%;} .ul_2 .zbox .zbox_box:hover .zbox_down{ padding:66px 40px 0 40px;} .ul_2 .zbox .zbox_box .pic{ height:368px;} } @media screen and (max-width:1199px) { .section_2 .slideGroup .hd{ width:80%;} } @media screen and (max-width:1023px) { .section_2 .slideGroup .hd{ width:100%;} /*.section_2 .slideGroup .hd .slick-slide{ width:inherit !important; float:left;}*/ } @media screen and (max-width:767px) { .slideGroup .hd ul .slick-track{ float:none;} .ul_2{ margin-top:0px;} .ul_2 .zbox{ padding-bottom:20px;} .ul_2 .zbox .zbox_box{ box-shadow:0 3px 10px rgba(0,0,0,0.1);} .ul_2 .zbox .zbox_box .pic{ height:280px;} .ul_2 .zbox .zbox_box .pic img{ width:auto; height:100%; margin:-140px 0 0 -164px;} .ul_2 .zbox .zbox_box .zbox_down{ height:102px; padding:15px 10px 0 10px;} .ul_2 .zbox .zbox_box .zbox_down .zbox_down_head{ font-size:16px; line-height:24px;} .ul_2 .zbox .zbox_box .zbox_down .zbox_down_body{ margin-top:10px; font-size:12px; line-height:22px; height:42px;} .ul_2 .zbox .zbox_box .zbox_down .zbox_down_detail{ margin-top:22px; width:66px; height:30px; line-height:28px; font-size:12px;} .ul_2 .zbox .zbox_box:hover .zbox_down{ padding:46px 20px 0 20px;} .ul_2 .zbox .zbox_box:hover .zbox_down .zbox_down_head{ padding-bottom:17px; background-size:auto 2px;} .ul_2 .zbox .zbox_box:hover .zbox_down .zbox_down_body{ margin-top:11px; height:64px;} } /*第四屏*/ .slide_pic_3{ width:100%; float:left; position:relative; padding:0 30px;} .slide_pic_3 .slick-prev,.slide_pic_3 .slick-next{ display:block; width:13px; height:25px; position:absolute; left:0px; top:50%; margin-top:-12px; background:url(../images/index2_1.png) no-repeat left center; background-size:auto 100%; cursor:pointer;} .slide_pic_3 .slick-next{ background-position:right center; left:auto; right:0px;} .slide_pic_3 .slick-prev:hover,.slide_pic_3 .slick-next:hover{ background-image:url(../images/index2_1_h.png);} .ul_3{ width:100%;} .ul_3 .zbox{ width:100%; float:left; padding:0 15px;} .ul_3 .zbox .zbox_box{ width:100%; float:left; position:relative; overflow:hidden;} .ul_3 .zbox .zbox_box .pic{ width:100%; float:left; overflow:hidden;} .ul_3 .zbox .zbox_box .pic img{ width:100%; 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;} .ul_3 .zbox .zbox_box: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);} .ul_3 .zbox .zbox_box .zbox_down{ width:100%; float:left; margin-top:49px; text-align:center;} .ul_3 .zbox .zbox_box .zbox_down .zbox_down_head{ width:100%; float:left; font-size:18px; color:black; line-height:42px; 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;} .ul_3 .zbox .zbox_box .zbox_down .zbox_down_body{ width:100%; float:left; font-size:14px; color:#666; line-height:32px; letter-spacing:1px;} .ul_3 .zbox .zbox_box .zbox_down .zbox_down_detail{ width:100%; float:left; margin-top:16px; font-size:14px; color:#fff; line-height:20px; letter-spacing:1px; text-transform:uppercase; -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;} .ul_3 .zbox .zbox_box:hover .zbox_down .zbox_down_head,.ul_3 .zbox .zbox_box:hover .zbox_down .zbox_down_detail{ color:#014aa3;} @media screen and (max-width:1199px) { .ul_3 .zbox .zbox_box .zbox_down .zbox_down_head{ font-size:18px; line-height:34px;} } @media screen and (max-width:767px) { .ul_3 .zbox{ padding-bottom:20px;} .ul_3 .zbox .zbox_box .zbox_down{ margin-top:29px;} .ul_3 .zbox .zbox_box .zbox_down .zbox_down_head{ font-size:16px; line-height:26px;} .ul_3 .zbox .zbox_box .zbox_down .zbox_down_body{ font-size:12px; line-height:26px;} .ul_3 .zbox .zbox_box .zbox_down .zbox_down_detail{ margin-top:10px; font-size:12px; line-height:18px; color:#014aa3;} } /*第三屏*/ .section_3{ position:relative;} .ul_4{ position:absolute; width:100%; height:100%; top:70px;} .ul_4 li{ width:25%; float:left; height:100%; position:relative; background-position:center center !important; background-size:cover !important;-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;} .ul_4 li .mb1{ width:100%; height:100%; background:url(../images/index5_1.png) repeat-x center bottom; position:absolute; left:0; bottom:0;} .ul_4 li .mb2{ width:100%; height:100%; background:url(../images/index5.png); position:absolute; left:0; bottom: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;} .ul_4 li .ul_4_li_head{ position:absolute; left:40px; bottom:125px; width:200px; border-top:solid 2px rgba(255,255,255,0.6); transform:rotate(-90deg);transform-origin:0 0; font-size:16px; color:white; text-transform:uppercase; letter-spacing:8px; z-index:9;font-family: 'OPENSANS-LIGHT'; line-height:20px; padding-top:8px; -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;} .ul_4 li .ul_4_li_down{ position:absolute; left:0px; bottom:36px; width:100%; padding:0 40px; background-position:40px 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;} .ul_4 li .ul_4_li_down h4{ width:100%; float:left; font-size:18px; color:white; line-height:43px; letter-spacing:1px;} .ul_4 li .ul_4_li_down h6{ width:100%; float:left; margin-top:6px; font-size:14px; color:white; line-height:20px; letter-spacing:1px;} .ul_4 li.on{ width:37.5%;} .ul_4 li.on_1{ width:20.8333%;} .ul_4 li:hover .ul_4_li_head{ bottom:auto; top:240px; border-top:solid 2px rgba(255,255,255,0.2); text-align:right;} .ul_4 li:hover .mb2{ opacity:1;} .ul_4 li:hover .ul_4_li_down{ padding-bottom:74px; background:url(../images/index5_6.png) no-repeat 40px bottom; background-size:auto 9px; bottom:24px;} @media screen and (max-width:1199px) { .ul_4 li .ul_4_li_head{ left:20px; bottom:85px; width:120px; font-size:14px; letter-spacing:6px; padding-top:4px;} .ul_4 li .ul_4_li_down{ bottom:26px; padding:0 20px; background-position:20px center;} .ul_4 li .ul_4_li_down h4{ font-size:18px; line-height:33px;} .ul_4 li .ul_4_li_down h6{ margin-top:4px; font-size:12px;} .ul_4 li:hover .ul_4_li_down{ padding-bottom:44px; background-position:20px bottom; bottom:14px;} .ul_4 li:hover .ul_4_li_head{ top:140px;} } @media screen and (max-width:767px) { .ul_4{ top:30px;} .ul_4 li{ width:100%; height:25%;} .ul_4 li.on{ width:100%;} .ul_4 li.on_1{ width:100%;} .ul_4 li .ul_4_li_head{ transform:rotate(0); border-top:0 !important; border-left:solid 2px rgba(255,255,255,0.6); bottom:auto; top:10%; letter-spacing:4px; line-height:16px; padding-top:0; padding-left:10px;} .ul_4 li:hover .ul_4_li_head{ top:10%; text-align:left;} .ul_4 li .ul_4_li_down{ bottom:16px; background:none !important; text-align:right;} .ul_4 li .mb1{ height:100%; background-size:100% 100%;} .ul_4 li:hover .ul_4_li_down{ padding-bottom:0px;} .ul_4 li .ul_4_li_down h4{ font-size:16px; line-height:26px;} } /*第五屏*/ .c_0100_2{ width:100%; position:relative; height:100%; overflow:hidden;} .c_0100_2 .pic{ width:49.22%; height:100%; position:relative; float:right; z-index:2; min-height:700px;} .c_0100_2 .pic p, .c_0100_2 .pic p iframe{width:100%; height:100%;} .c_0100_2 .c_975{ width:50.78%; float:left; height:100%; position:relative; text-align:center; padding-left:10%; z-index:3;} .c_0100_2 .c_975 .c_975_box{ width:315px; display:inline-block; text-align:left;} .c_0100_2 .c_975 .c_975_box .c_975_head{ width:100%; padding-bottom:34px; background:url(../images/index6_1.jpg) no-repeat left bottom; letter-spacing:1px;} .c_0100_2 .c_975 .c_975_box .c_975_head h4{ width:100%; text-transform:uppercase; font-size:28px; color:#333; line-height:52px; font-family: 'OPENSANS-REGULAR';} .c_0100_2 .c_975 .c_975_box .c_975_head h3{ width:100%; font-size:50px; color:#333; line-height:78px; font-weight:bold; letter-spacing:2px;} .c_0100_2 .c_975 .c_975_box .c_975_body{ width:100%; margin-top:18px; font-size:28px; color:#888; line-height:55px; font-weight:bold;} .c_0100_2 .c_975 .c_975_box .c_975_down{ width:100%; margin-top:98px; position:relative;} .c_0100_2 .c_975 .c_975_box .c_975_down a{ position:relative; z-index:5; display:block; padding-left:138px; font-size:24px; color:#333; line-height:34px; text-transform:uppercase; font-weight:bold;} .c_0100_2 .c_975 .c_975_box .c_975_down a:before{ content:''; width:107px; height:3px; background:#333; position:absolute; left:0; top:50%; margin-top:-1px;} .c_0100_2 .c_975 .c_975_box .c_975_down a:hover{ color:#014aa3;} .c_0100_2 .c_975 .c_975_box .c_975_down h1{ position:absolute; left:50%; top:-50%; width:832px; height:76px; line-height:76px; text-align:center; font-size:100px; letter-spacing:8px; text-transform:uppercase; opacity:0.7; color:#f2f2f2; z-index:4; margin:-8px 0 0 -416px;font-family: 'OPENSANS-BOLD';} @media screen and (max-width:1380px) { .c_0100_2 .c_975 .c_975_box .c_975_head{ padding-bottom:24px;} .c_0100_2 .c_975 .c_975_box .c_975_head h4{ font-size:22px; line-height:46px;} .c_0100_2 .c_975 .c_975_box .c_975_head h3{ font-size:40px; line-height:68px;} .c_0100_2 .c_975 .c_975_box .c_975_body{ margin-top:12px; font-size:22px; line-height:48px;} .c_0100_2 .c_975 .c_975_box .c_975_down{ margin-top:78px;} .c_0100_2 .c_975 .c_975_box .c_975_down a{ padding-left:108px; font-size:18px; line-height:28px;} .c_0100_2 .c_975 .c_975_box .c_975_down a:before{ width:87px; height:2px;} .c_0100_2 .c_975 .c_975_box .c_975_down h1{ width:632px; height:56px; line-height:56px; font-size:80px; letter-spacing:6px; margin:-8px 0 0 -316px;} } @media screen and (max-width:1199px) { .c_0100_2 .c_975 .c_975_box .c_975_head{ padding-bottom:14px; background-size:auto 2px;} .c_0100_2 .c_975 .c_975_box .c_975_head h4{ font-size:18px; line-height:36px;} .c_0100_2 .c_975 .c_975_box .c_975_head h3{ font-size:30px; line-height:38px;} .c_0100_2 .c_975 .c_975_box .c_975_body{ margin-top:8px; font-size:16px; line-height:38px;} .c_0100_2 .c_975 .c_975_box .c_975_down{ margin-top:58px;} .c_0100_2 .c_975 .c_975_box .c_975_down a{ padding-left:88px; font-size:16px; line-height:26px;} .c_0100_2 .c_975 .c_975_box .c_975_down a:before{ width:67px;} .c_0100_2 .c_975 .c_975_box .c_975_down h1{ font-size:60px; letter-spacing:4px;} } @media screen and (max-width:767px) { .c_0100_2 .pic{ width:100%;} .c_0100_2 .c_975{ width:94%; height:94%; position:absolute; left:3%; top:3%; background:rgba(255,255,255,0.8); padding-left:0;} .c_0100_2 .c_975 .c_975_box .c_975_head{ background-position:bottom center;} .c_0100_2 .c_975 .c_975_box{ position:relative; width:100%; height:100%; padding:20px; text-align:center;} .c_0100_2 .c_975 .c_975_box .c_975_down a{ padding-left:0;} .c_0100_2 .c_975 .c_975_box .c_975_down a:before{ display:none;} } .gotop{ position:absolute; right:65px; bottom:5%;} @media screen and (max-width:1199px) { .gotop{ right:25px;} } @media screen and (max-width:991px) { .gotop{ right:15px;} } @media screen and (max-width:767px) { .gotop{ display:none;} } .fadeInUp,.fadeInDown,.fadeInLeft,.fadeInRight{ -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: both; animation-fill-mode: both;} .ul_2 .l1.fadeInUp{ -webkit-animation-delay:0.2s; animation-delay:0.2s;} .ul_2 .l2.fadeInUp{ -webkit-animation-delay:0.4s; animation-delay:0.4s;} .ul_2 .l3.fadeInUp{ -webkit-animation-delay:0.6s; animation-delay:0.6s;} .ul_4 .l1.fadeInUp{ -webkit-animation-delay:0.2s; animation-delay:0.2s;} .ul_4 .l2.fadeInUp{ -webkit-animation-delay:0.4s; animation-delay:0.4s;} .ul_4 .l3.fadeInUp{ -webkit-animation-delay:0.6s; animation-delay:0.6s;} .ul_4 .l4.fadeInUp{ -webkit-animation-delay:0.8s; animation-delay:0.8s;} .ul_3 .l1.fadeInUp{ -webkit-animation-delay:0.2s; animation-delay:0.2s;} .ul_3 .l2.fadeInUp{ -webkit-animation-delay:0.4s; animation-delay:0.4s;} .ul_3 .l3.fadeInUp{ -webkit-animation-delay:0.6s; animation-delay:0.6s;} .ul_3 .l4.fadeInUp{ -webkit-animation-delay:0.8s; animation-delay:0.8s;} .ul_3 .l5.fadeInUp{ -webkit-animation-delay:1s; animation-delay:1s;} .ul_3 .l6.fadeInUp{ -webkit-animation-delay:1.2s; animation-delay:1.2s;} .ul_1 .l1.fadeInUp{ -webkit-animation-delay:0.2s; animation-delay:0.2s;} .ul_1 .l2.fadeInUp{ -webkit-animation-delay:0.4s; animation-delay:0.4s;} .ul_1 .l3.fadeInUp{ -webkit-animation-delay:0.6s; animation-delay:0.6s;} .ul_1 .l4.fadeInUp{ -webkit-animation-delay:0.8s; animation-delay:0.8s;} .ul_1 .l5.fadeInUp{ -webkit-animation-delay:1s; animation-delay:1s;} @media screen and (max-width:1023px) { .fadeInUp,.fadeInDown,.fadeInLeft,.fadeInRight{ -webkit-animation-duration: 0s; animation-duration: 0s; -webkit-animation-fill-mode: both; animation-fill-mode: both;} } @media screen and (max-width:1023px) { .section{ width:100%; float:left; padding:20px 0;} .slideGroup .hd ul .slick-track{ float:left;} .ul_4{ top:0;} .left_headline,.gotop{ display:none !important;} .section_3,.section_5{ padding:0;} .c_0100_1{ height:500px !important; min-height:500px;} .section_6{ padding-bottom:0;} } @media screen and (max-width:767px) { .pz_banner_h,.section, .fp-tableCell, .slide_banner .slick-slide .img, .slide_banner { min-height: 200px;} .pz_banner_h,.slide_banner{ height:280px !important;} .c_0100_2 .pic{ position:absolute; min-height:0; top:0; left:0;} .c_0100_2 .c_975{ position:relative; height:auto; padding:30px; left:auto; top:auto; margin:10px 3%;} } /*技术支持*/ .banner{ width:100%; float:left; position:relative; height:440px; margin-top:128px;} .banner.on{ margin-top:88px;} .banner img{ width:1920px; height:440px; max-width:none; position:absolute; left:50%; top:50%; margin:-220px 0 0 -960px;} .nynav{ width:100%; float:left; margin-top:-47px; position:relative; background:url(../images/nygy3.png) repeat-x; background-size:100% 100%; height:126px;} .nynav .headline{ width:423px; height:126px; position:relative; z-index:5; background:url(../images/nygy1.png) no-repeat right center; float:left;} .nynav .headline:before{ content:''; width:500px; top:0; height:100%; background:#2c2f36; position:absolute; left:-500px;} .nynav .headline h4{ width:100%; margin-top:28px; font-size:36px; color:white; line-height:35px; font-family:Arial; text-transform:uppercase; font-style:oblique; font-weight:bold;} .nynav .headline h3{ width:100%; padding-left:166px; position:relative; font-size:30px; color:white; line-height:36px;} .nynav .headline h3:before{ content:''; width:500px; height:1px; background:white; position:absolute; left:-350px; top:50%;} .nynav .subhead{ float:right; font-size:12px; color:white; line-height:41px;} .nynav .subhead a{ color:white;} .nynav .subhead a:hover{ color:#014aa3;} .nynav .subhead span{ margin:0 9px;} .nynav .subhead img{ vertical-align:middle; margin:-2px 4px 0 0; height:13px;} .pz_SideLayer_box{ width:100%; position:absolute; left:0; bottom:0;} .pz_SideLayer{ /*width:100%;*/ float:right; height:85px; /*padding-left:475px;*/} .pz_SideLayer li{ float:left; margin-right:2px; -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_SideLayer li a{ display:block; padding:0 20px; font-size:16px; color:white; line-height:85px;} .pz_SideLayer li.l2, .pz_SideLayer li.l3{display:none;} .pz_SideLayer li.on,.pz_SideLayer li:hover{ margin-top:-4px;} .pz_SideLayer li.on a,.pz_SideLayer li:hover a{ background:#014aa3; padding-top:4px; height:89px;} @media screen and (max-width:1380px) { .nynav .headline{ width:323px;} .nynav .headline h4{ font-size:30px;} .nynav .headline h3{ padding-left:70px; font-size:24px;} .nynav .headline h3:before{ left:-450px;} .nynav .subhead span{ margin:0 5px;} /*.pz_SideLayer{ padding-left:350px;}*/ .pz_SideLayer li a{ padding:0 15px; font-size:14px;} } @media screen and (max-width:1023px) { .banner{ height:300px; margin-top:58px; overflow:hidden;} .nynav{ height:86px; margin-top:-29px;} .nynav .headline{ display:none;} .nynav .subhead{ line-height:29px;} .nynav .subhead span{ margin:0 4px;} .nynav .subhead img{ height:12px;} .pz_SideLayer{ height:57px; padding-left:0px;} .pz_SideLayer li a{ padding:0 10px; display:block; width:100%; text-align:center; font-size:14px; line-height:57px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; } .pz_SideLayer li.on,.pz_SideLayer li:hover{ margin-top:-2px;} .pz_SideLayer li.on a,.pz_SideLayer li:hover a{ padding-top:2px; height:59px;} } @media screen and (max-width:767px) { .banner{ height:240px; margin-top:32px!important;} .banner img{ width:1047px; height:240px; margin:-120px 0 0 -523px;} .nynav{ height:auto; background-position:top center; margin-top:-29px;background-size: 100% auto;} .pz_SideLayer_box{ position:relative; bottom:auto; left:auto; width:auto; margin:0 -10px;} .pz_SideLayer_box .c_1570{ padding:0;} .pz_SideLayer{ background:#3d4047; height:auto; float:left; width:100%;} .pz_SideLayer li{ margin-right:0px; width:100%;} .pz_SideLayer li a{ line-height:37px;} .pz_SideLayer li.on,.pz_SideLayer li:hover{ margin-top:0px;} .pz_SideLayer li.on a,.pz_SideLayer li:hover a{ height:37px; padding-top:0;} } .c_1570_1{ width:100%; float:left; padding:0px 0 50px 0;} .ul_5{ width:100%; float:left;} .ul_5 li{ width:100%; float:left; margin-top:30px; border:solid 1px #e9e9e9; padding:20px 153px 20px 133px; position:relative;} .ul_5 li .tab{ width:92px; height:107px; background:url(../images/jszz1.jpg) no-repeat center center; position:absolute; left:0; top:0; text-align:center; background-position: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;} .ul_5 li .tab .ico{ width:100%; margin-top:29px; height:36px;} .ul_5 li .tab .ico img{ height:100%;} .ul_5 li .tab h6{ width:100%; height:100%; font-size:14px; color:white; line-height:32px; font-weight:bold; text-transform:uppercase; letter-spacing:1px;} .ul_5 li .c_674{ width:51.37%; float:left; padding-top:7px;} .ul_5 li .c_674 h4{ width:100%; font-size:16px; color:#333; line-height:27px;} .ul_5 li .c_674 h5{ width:100%; font-size:12px; color:#888; line-height:23px;} .ul_5 li .c_674 h5 img{ vertical-align:middle; margin:-3px 6px 0 0 ; height:12px;} .ul_5 li .c_637{ width:48.63%; float:left; padding:0 52px 0 41px; height:65px; line-height:65px; background:url(../images/jszz5.png) no-repeat left center;} .ul_5 li .c_637 .p{ display:inline-block; vertical-align:middle; font-size:14px; color:#666; line-height:24px; max-height:72px; overflow:hidden;} .ul_5 li .down{ width:153px; text-align:center; position:absolute; right:0; top:0; height:100%; background:url(../images/jszz6.png) no-repeat left center; padding-top:29px;} .ul_5 li .down .ico{width:100%; height:24px; background:url(../images/jszz4.png) no-repeat center center; background-size:contain;} .ul_5 li .down h5{ width:100%; font-size:14px; color:#666; line-height:20px; margin-top:10px;} .ul_5 li:hover .tab{ background-image:url(../images/jszz1_h.jpg);} .ul_5 li:hover .c_674 h4{ color:#014aa3;} .ul_5 li:hover .down .ico{ background-image:url(../images/jszz4_h.png);} .ul_5 li:hover .down h5{ color:#014aa3;} @media screen and (max-width:1380px) { .ul_5 li .c_674{ width:40%;} .ul_5 li .c_637{ width:60%; padding:0 32px 0 21px;} } @media screen and (max-width:1199px) { .ul_5 li{ margin-top:20px; padding:20px 123px 20px 103px;} .ul_5 li .down{ width:123px;} } @media screen and (max-width:1023px) { .c_1570_1{ padding:20px 0 40px 0;} .ul_5 li .tab{ width:76px; height:88px;} .ul_5 li .c_674{ padding-top:5px;} .ul_5 li .c_674 h4{ font-size:14px; line-height:23px;} .ul_5 li .c_674 h5{ line-height:20px;} .ul_5 li .c_674 h5 img{ vertical-align:middle; margin:-3px 6px 0 0 ; height:12px;} .ul_5 li .c_637{ padding:0 12px 0 11px; height:58px; line-height:58px;} .ul_5 li .c_637 .p{ font-size:12px; line-height:22px; max-height:44px;} .ul_5 li .down{ width:103px; padding-top:20px;} .ul_5 li .down .ico{ height:20px;} .ul_5 li .down h5{ font-size:12px; line-height:18px; margin-top:6px;} .ul_5 li .tab .ico{ margin-top:20px; height:30px;} .ul_5 li .tab h6{ font-size:12px; line-height:28px;} .ul_5 li{ padding:15px 103px 15px 93px;} .ul_5 li .down{ width:103px;} } @media screen and (max-width:767px) { .c_1570_1{ padding:10px 0 30px 0;} .ul_5 li .tab{ width:68px; height:79px;} .ul_5 li .c_674{ width:100%; padding-top:0px;} .ul_5 li .c_674 h4{ line-height:21px;} .ul_5 li .c_674 h5{ line-height:18px;} .ul_5 li .c_637{ width:100%; padding:0; height:20px; line-height:0px; background:none;} .ul_5 li .c_637 .p{line-height:20px; height:18px;} .ul_5 li .down{ width:63px; padding-top:18px;} .ul_5 li .down .ico{ height:18px;} .ul_5 li .down h5{ line-height:16px; margin-top:4px;} .ul_5 li .tab .ico{ margin-top:18px; height:24px;} .ul_5 li .tab h6{ line-height:24px;} .ul_5 li{ padding:10px 0 10px 76px; margin-top:10px;} .ul_5 li .down{ width:43px; display:none;} } .ul_6{ width:100%; float:left; margin-top:-13px;} .ul_6 li{ width:100%; float:left; margin-top:30px; background:#f5f5f5; padding:31px 66px 30px 235px; height:215px; position:relative;} .ul_6 li .time{ width:185px; height:154px; border-right:solid 1px #e0e0e0; text-align:center; position:absolute; left:0; top:31px; border-right:solid 1px #e0e0e0;} .ul_6 li .time h2{ width:100%; margin-top:27px; font-size:72px; color:#c2c2c2; line-height:69px; font-weight:bold; font-family:Arial; letter-spacing:1px;} .ul_6 li .time h5{ width:100%; font-size:20px; color:#4c4c4c; line-height:31px; font-family:Arial;} .ul_6 li .text{ width:100%; float:left; padding-left:245px; position:relative;} .ul_6 li .text .img{ width:204px; height:154px;overflow: hidden; position:absolute; left:0; top:0;} .ul_6 li .text .title{ width:100%; float:left; padding-right:70px; position:relative; margin-top:24px;} .ul_6 li .text .title .elli{ display:block; font-size:18px; color:#333; line-height:32px; letter-spacing:1px;} .ul_6 li .text .title .btn{ position:absolute; right:0; top:5px;} .ul_6 li .text .title .btn a{ display:block; float:left; width:22px; height:22px; margin:0 9px 0 13px; background-position:center center; background-size:contain; background-repeat:no-repeat;} .ul_6 li .text .title .btn a.al{ background-image:url(../images/index1_6.png);} .ul_6 li .text .title .btn a.a2{ background-image:url(../images/index1_7.png);} .ul_6 li .text .title .btn .al.on{ background-image:url(../images/index1_6_h.png);} .ul_6 li .text .p{ float:left; width:100%; margin-top:13px; font-size:14px; color:#666; line-height:26px; height:78px; overflow:hidden;} .ul_6 li:hover{ background:#014aa3;} .ul_6 li:hover .time h2,.ul_6 li:hover .time h5,.ul_6 li:hover .text .p,.ul_6 li:hover .text .title .elli{ color:white;} .ul_6 li:hover .text .p{ opacity:0.8;} .ul_6 li:hover .text .title .btn a.al{ background-image:url(../images/xwzx2.png);} .ul_6 li:hover .text .title .btn a.a2{ background-image:url(../images/xwzx1.png);} @media screen and (max-width:1023px) { .ul_6 li{ margin-top:20px; padding:20px 36px 20px 145px; height:180px;} .ul_6 li .time{ width:125px; height:140px; top:20px;} .ul_6 li .time h2{ font-size:52px; line-height:49px;} .ul_6 li .time h5{ font-size:16px; line-height:26px;} .ul_6 li .text{ padding-left:205px;} .ul_6 li .text .img{ width:184px; height:auto;} .ul_6 li .text .title{ padding-right:60px; margin-top:14px;} .ul_6 li .text .title .elli{ font-size:16px; line-height:26px;} .ul_6 li .text .title .btn{ top:3px;} .ul_6 li .text .title .btn a{ margin:0 5px 0 5px;} } @media screen and (max-width:767px) { .ul_6{ margin-top:-3px;} .ul_6 li{ margin-top:10px; padding:10px 6px 10px 10px; height:100px;} .ul_6 li .time{ width:85px; height:24px; top:15px; background:rgba(0,0,0,0.8); z-index:5; left:10px; border:0;} .ul_6 li .time h2{ display:inline-block; width:auto; font-size:18px; line-height:24px; margin-top:0;} .ul_6 li .time h5{ display:inline-block; width:auto; font-size:12px; line-height:24px;} .ul_6 li .text{ padding-left:105px;} .ul_6 li .text .img{ width:94px; top:5px;} .ul_6 li .text .title{ padding-right:55px; margin-top:0px;} .ul_6 li .text .title .elli{ font-size:14px; line-height:24px;} .ul_6 li .text .title .btn{ top:1px;} .ul_6 li .text .p{ font-size:12px; line-height:22px; height:42px; margin-top:8px;} .ul_6 li .text .title .btn a{ margin:2px; width:20px; height:20px;} } /*加入我们*/ .h_zp{ width:100%; float:left; background:#8b8c91; color:#fff; font-size:16px; font-weight:bold;line-height:60px; margin-top:31px;} .h_zp .d1{ width:25.48%; padding-left:20px; float:left;} .h_zp .d2{ width:7.32%; text-align:center; float:left;} .h_zp .d3{ width:24.46%; text-align:center; float:left; margin-left:1.91%;} .h_zp .d4{ width:10.45%; text-align:center; float:left;} .h_zp .d5{ width:18.28%; text-align:center; float:left; margin-left:3.12%;} .h_0100_7{ width:100%; float:left;} .chancecontain2{ position:relative; width:100%; float:left;} .chancecontain2 ul{ float:left; width:100%; min-height:400px;} .chancecontain2 ul li{ float:left; width:100%; background:#f5f5f5; margin-top:10px; position:relative; z-index:11; -webkit-transition: all 0.2s ease-out 0s; -moz-transition: all 0.2s ease-out 0s; font-size:16px; color:#333; line-height:60px; -o-transition: all 0.2s ease-out 0s; transition: all 0.2s ease-out 0s;} .chancecontain2 ul li.hover{ color:#0b75be;} .chancecontain2 ul li .d1{ width:25.48%; padding-left:20px; float:left;} .chancecontain2 ul li .d2{ width:7.32%; text-align:center; float:left;} .chancecontain2 ul li .d3{ width:24.46%; text-align:center; float:left; margin-left:1.91%;} .chancecontain2 ul li .d4{ width:10.45%; text-align:center; float:left;} .chancecontain2 ul li .d5{ width:18.28%; text-align:center; float:left; margin-left:3.12%;} .chancecontain2 .deta{ width:100%; padding:0 82px; left:0; top:0; overflow:hidden; position:relative; background:#fbfbfb; display: none;} .chancecontain2 .deta .condata{ float:left; width:100%; padding:44px 0 8px 0; } .chancecontain2 .deta .condata .tdata{ float:left; width:100%;} .chancecontain2 .deta .condata .l_710{ float:left; width:42.67%; font-size:12px; color: #666; line-height: 28px;} .chancecontain2 .deta .condata .l_710 .span{ display: block; font-size: 16px; color:#333; line-height:25px;} .chancecontain2 .deta .condata .r_455{ float:right; width:50.36%; padding:0 0 0 98px; background:url(../images/jrwm2.png) no-repeat left center; font-size:12px; color: #666; line-height: 28px;} .chancecontain2 .deta .condata .r_455 .span{ display: block; font-size: 16px; color:#333; line-height:25px;} .chancecontain2 .deta .condata .ddata{ float:left; width:100%; margin-top:27px;} .chancecontain2 .deta .condata .d710z{float:left; width:42.67%; font-size:14px; color: #666; line-height:28px;} .chancecontain2 .deta .condata .d710z a{ color:#666;} .chancecontain2 .deta .condata .d710y{ float:right; width:50.36%; padding:0 0 0 98px;} .chancecontain2 .deta .condata .d710y .a_134{ float:left; width:134px; height:35px; margin-top:7px; background:url(../images/jrwm3.png) no-repeat center; color:#fff; font-size:14px; text-align:center; line-height:35px;} #lermore1{ width:60px; float:left; height:60px; background:url(../images/jrwm1.png) no-repeat center; cursor:pointer;} .chancecontain2 ul li.hover #lermore1{ background:url(../images/jrwm1_h.png) no-repeat center;} .chancecontain2 ul li.hover{ background:#014aa3; color:white;} @media screen and (max-width:1199px){ .chancecontain2 .deta{ padding:0 52px;} .chancecontain2 .deta .condata{ padding:24px 0 8px 0; } .chancecontain2 .deta .condata .d710y,.chancecontain2 .deta .condata .r_455{ padding:0 0 0 58px;} } @media screen and (max-width:991px){ .h_zp{ font-size:14px; margin-top:31px;} .chancecontain2 ul li{ font-size:14px;} .chancecontain2 .deta{ padding:0 32px;} .chancecontain2 .deta .condata{ padding:14px 0 8px 0; } .h_zp .d2,.chancecontain2 ul li .d2{ width:9.23%;} .h_zp .d3,.chancecontain2 ul li .d3,.chancecontain2 ul li .d5{ margin-left:0%;} } @media screen and (max-width:767px){ .h_zp{ margin-top:11px; line-height:50px;} .chancecontain2 ul li{ line-height:50px;} .chancecontain2 .deta{ padding:0 12px;} .chancecontain2 .deta .condata{ padding:9px 0 5px 0; } .chancecontain2 ul li .d3,.chancecontain2 ul li .d4,.chancecontain2 ul li .d5,.h_zp .d3,.h_zp .d4,.h_zp .d5{ display:none;} .chancecontain2 ul li .d1,.h_zp .d1{ width:60%; padding-left:10px;} .chancecontain2 ul li .d2,.h_zp .d2{ width:25%;} #lermore1{ width:50px; height:50px; background-size:contain; position:absolute; right:0; top:0;} .chancecontain2 .deta .condata .l_710,.chancecontain2 .deta .condata .r_455,.chancecontain2 .deta .condata .d710z,.chancecontain2 .deta .condata .d710y{ width:100%; padding-left:0;} .chancecontain2 .deta .condata .l_710 .span,.chancecontain2 .deta .condata .r_455 .span{ font-size:14px;} .chancecontain2 .deta .condata .r_455{ background:none;} .chancecontain2 .deta .condata .d710z{ font-size:13px; line-height:24px;} .chancecontain2 .deta .condata .d710y{ margin-top:10px;} } /*产品列表*/ .c_1570_2{ width:100%; float:left; padding:20px 0 52px 0;} .ul_7{ width:100%; float:left;} .ul_7 li{ width:100%; float:left; padding:50px 0; position:relative;} .ul_7 li .page{ width:50%; float:right; overflow:hidden;} .ul_7 li .page img{ width:100%; float:left;} .ul_7 li .text{ width:43%; float:left; margin:120px 0 0 35px;} .ul_7 li .text h3{ width:100%;} .ul_7 li .text h3 a{ display:block; width:100%; font-size:40px; color:#333; line-height:50px;} .ul_7 li .text .p{ margin-top:18px; width:100%; font-size:16px; color:#666; line-height:30px; height:90px; overflow:hidden;} .ul_7 li .text h5{ width:100%; margin-top:26px;} .ul_7 li .text h5 a{ display:block; float:left; font-size:16px; color:#014aa3; line-height:26px;} .ul_7 li:hover .text h5 a{ text-decoration:underline;} .ul_7 li:hover .text h3 a{ color:#014aa3;} .ul_7 li.l1:before{ content:''; width:2000px; height:100%; position:absolute; left:50%; top:0; margin-left:-1000px; background:#f0f0f0; z-index:-1;} .ul_7 li.l1 .page{ float:left;} .ul_7 li.l1 .text{ float:right; text-align:right; margin-left:0; margin-right:35px;} .ul_7 li.l1 .text h5 a{ float:right;} @media screen and (max-width:1480px){ .ul_7 li .text{ margin-top:60px;} } @media screen and (max-width:1199px){ .ul_7 li .text{ margin-top:40px;} .ul_7 li .text h3 a{ font-size:30px; line-height:40px;} .ul_7 li .text .p{ margin-top:13px;} } @media screen and (max-width:1023px){ .ul_7 li .text{ margin-top:30px;} .ul_7 li .text h3 a{ font-size:24px; line-height:34px;} .ul_7 li .text .p{ font-size:14px; line-height:22px; height:66px;} .ul_7 li .text h5{ margin-top:20px;} .ul_7 li .text h5 a{ font-size:14px; line-height:22px;} } @media screen and (max-width:767px){ .c_1570_2{ padding:10px 0 32px 0;} .ul_7 li{ padding:20px 0;} .ul_7 li .text{ width:100%; margin-left:0; margin-top:10px;} .ul_7 li .page{ width:100%;} .ul_7 li.l1 .text{ margin-right:0; text-align:left;} .ul_7 li .text h3 a{ font-size:18px; line-height:26px;} .ul_7 li .text .p{ height:64px;} .ul_7 li .text h5{ margin-top:10px;} .ul_7 li.l1 .text h5 a{ float:left;} } @media screen and (max-width:1680px){ .pz_SideLayer_1 li a{ padding:0 10px;} } @media screen and (max-width:1380px){ .pz_SideLayer_1{ padding-left:310px;} .pz_SideLayer_1 li a{ font-size:14px;} } @media screen and (max-width:1023px){ .c_1570_2{ padding:10px 0 32px 0;} .pz_SideLayer_1{ padding-left:0px;} } @media screen and (max-width:767px){ .c_1570_2{ padding:0px 0 12px 0;} .pz_SideLayer_1 li{ width:50%;} } /*联系我们*/ .c_1570_3{ width:100%; float:left; padding:59px 0 79px 0;} .c_1570_3 .hd{ width:100%; float:left;} .c_1570_3 .hd ul{ margin:0 -16px;} .c_1570_3 .hd ul li{ width:50%; float:left; padding:0 16px;} .c_1570_3 .hd ul li .zbox{ width:100%; float:left; position:relative; height:223px; border:solid 1px #e7e7e7; position:relative; padding:19px 31px 0 38px; -moz-border-top-left-radius:28px; -webkit-border-top-left-radius:28px; -khtml-border-top-left-radius:28px; border-top-left-radius:28px; -moz-border-bottom-right-radius:28px; -webkit-border-bottom-right-radius:28px; -khtml-border-bottom-right-radius:28px; border-bottom-right-radius:28px;} .c_1570_3 .hd ul li .zbox h4{ width:100%; padding-bottom:14px; background:url(../images/lxwm3.jpg) no-repeat left bottom; font-size:24px; color:#014aa3; line-height:34px; font-weight:bold; letter-spacing:1px;} .c_1570_3 .hd ul li .zbox .p{ width:100%; margin-top:10px; font-size:14px; color:#666; line-height:30px; position:relative; z-index:2;} .c_1570_3 .hd ul li .zbox .p a{ color:#666;} .c_1570_3 .hd ul li .zbox .ico{ position:absolute; right:40px; bottom:0;} .c_1570_3 .hd ul li.on .zbox{ background:#f32c2c;} .c_1570_3 .hd ul li.on .zbox h4{ color:white; background:url(../images/lxwm4.png) no-repeat left bottom;} .c_1570_3 .hd ul li.on .zbox .p,.c_1570_3 .hd ul li.on .zbox .p a{ color:white;} .c_1570_3 .hd ul li.on .zbox .ico{ opacity:0.1;} .c_1570_3 .bd{ width:100%; margin-top:60px !important; float:left;} .c_1570_3 .bd ul{ width:100%; height:495px; } .c_1570_3 .bd ul iframe{ border:solid 1px #e7e7e7; padding:9px;} #dituContent1 .BMap_pop, #dituContent2 .BMap_pop{ float:right; background:url(../images/lxwm6.png); border:none !important; width:358px !important; border:0 !important; height:55px; padding:0; margin:55px 0 0 5px;} #dituContent2 .BMap_pop{ margin:55px 0 0 -64px;} #dituContent1 .BMap_pop .BMap_top, #dituContent1 .BMap_pop .BMap_center, #dituContent1 .BMap_pop .BMap_bottom, #dituContent1 .BMap_pop div:nth-child(9n), #dituContent2 .BMap_pop .BMap_center, #dituContent2 .BMap_pop .BMap_bottom, #dituContent2 .BMap_pop div:nth-child(9n){ width:100% !important; left:0 !important; top:0 !important;} #dituContent1 .BMap_pop div,#dituContent2 .BMap_pop div{ background:none !important; border-color: none !important; border:0 !important;} #dituContent1 .BMap_pop img,#dituContent2 .BMap_pop img{display:none;} #dituContent1 .iw_poi_content, #dituContent2 .iw_poi_content{ text-align:center; font-size:16px; color:#fff; line-height:45px;} #dituContent1 .BMap_shadow,#dituContent2 .BMap_shadow{ width:100%; float: left; display: none !important;} #dituContent1 .BMapLabel,#dituContent2 .BMapLabel{ display: none !important;} @media screen and (max-width:1380px){ .c_1570_3 .hd ul li .zbox{ padding:19px 20px 0 16px;} } @media screen and (max-width:1199px){ .c_1570_3{ padding:39px 0 59px 0;} .c_1570_3 .hd ul{ margin:0 -10px;} .c_1570_3 .hd ul li{ padding:0 10px;} .c_1570_3 .hd ul li .zbox{ padding:12px 15px 0 10px; height:175px; -moz-border-top-left-radius:18px; -webkit-border-top-left-radius:18px; -khtml-border-top-left-radius:18px; border-top-left-radius:18px; -moz-border-bottom-right-radius:18px; -webkit-border-bottom-right-radius:18px; -khtml-border-bottom-right-radius:18px; border-bottom-right-radius:18px;} .c_1570_3 .hd ul li .zbox h4{ padding-bottom:9px; font-size:18px; line-height:28px;} .c_1570_3 .hd ul li .zbox .p{ margin-top:6px; font-size:12px; line-height:24px;} .c_1570_3 .hd ul li .zbox .ico{ right:20px;} } @media screen and (max-width:1023px){ .c_1570_3{ padding:29px 0 39px 0;} .c_1570_3 .bd{ margin-top:40px !important;} .c_1570_3 .bd ul{ padding:5px; height:300px;} } @media screen and (max-width:767px){ .c_1570_3{ padding:0px 0 19px 0;} .c_1570_3 .bd{ margin-top:10px !important;} .c_1570_3 .bd ul{ padding:5px; height:200px;} .c_1570_3 .hd ul li{ width:100%; margin-top:20px;} .c_1570_3 .hd ul li .zbox{ height:auto; padding:12px 10px 10px 10px;} .c_1570_3 .hd ul li .zbox h4{ padding-bottom:5px; font-size:14px; line-height:24px;} .c_1570_3 .hd ul li .zbox .p{ margin-top:4px; line-height:20px;} .c_1570_3 .hd ul li .zbox .ico{ right:10px; height:84px;} .c_1570_3 .hd ul li .zbox .ico img{ height:100%;} #dituContent3 .BMap_pop,#dituContent4 .BMap_pop{ background:url(../images/lxwm6.png) no-repeat; background-size:contain !important; width:240px !important; border:0 !important; height:37px; padding:0; margin:74px 0 0 3px;} #dituContent4 .BMap_pop{ margin:74px 0 0 3px;} #dituContent3 .BMap_pop .BMap_top, #dituContent3 .BMap_pop .BMap_center, #dituContent3 .BMap_pop .BMap_bottom, #dituContent3 .BMap_pop div:nth-child(9n), #dituContent4 .BMap_pop .BMap_center, #dituContent4 .BMap_pop .BMap_bottom, #dituContent4 .BMap_pop div:nth-child(9n){ width:100% !important; left:0 !important; top:0 !important;} #dituContent3 .BMap_pop div,#dituContent4 .BMap_pop div{ background:none !important; border-color: none !important; border:0 !important;} #dituContent3 .BMap_pop img,#dituContent4 .BMap_pop img{display:none;} #dituContent3 .iw_poi_content,#dituContent4 .iw_poi_content{ text-align:center; font-size:12px; color:#fff; line-height:30px;} #dituContent3 .BMap_shadow,#dituContent4 .BMap_shadow{ width:100%; float: left; display: none !important;} #dituContent3 .BMapLabel,#dituContent4 .BMapLabel{ display: none !important;} } /*产品二级*/ .c_1570_4{ width:100%; float:left; padding-bottom:59px;} .c_1570_4 .content1{ width:100%; float:left; margin-top:61px;} .c_1570_4 .content1 .pic{ width:770px; float:left; position: relative;} .c_1570_4 .content1 .pic img{ width:100%; float:left;} .c_1570_4 .content1 .pic .fx{ width:100%; float:left; margin-top:70px;} .c_1570_4 .content1 .pic .fx span{ display:block; float:left; font-size:14px; color:#888; line-height:50px; letter-spacing:1px;} .c_1570_4 .content1 .pic .fx .bdsharebuttonbox{ float:left; width:auto;} .c_1570_4 .content1 .pic .fx .bdsharebuttonbox a{ display:block; width:50px; height:50px; padding:0; margin:0; float:left; background-size:contain; background-repeat:no-repeat; background-position:center center;} .c_1570_4 .content1 .pic .fx .bdsharebuttonbox a.a1{ background-image:url(../images/cpxq2.png);} .c_1570_4 .content1 .pic .fx .bdsharebuttonbox a.a2{ background-image:url(../images/cpxq4.png);} .c_1570_4 .content1 .pic .fx .bdsharebuttonbox a.a3{ background-image:url(../images/cpxq5.png);} .c_1570_4 .content1 .pic .fx .bdsharebuttonbox a.a4{ background-image:url(../images/cpxq6.png);} .c_1570_4 .content1 .pic .fx .bdsharebuttonbox a.a5{ background-image:url(../images/cpxq7.png);} .c_1570_4 .content1 .pic .fx .bdsharebuttonbox a.a1:hover{ background-image:url(../images/cpxq2_h.png);} .c_1570_4 .content1 .pic .fx .bdsharebuttonbox a.a2:hover{ background-image:url(../images/cpxq4_h.png);} .c_1570_4 .content1 .pic .fx .bdsharebuttonbox a.a3:hover{ background-image:url(../images/cpxq5_h.png);} .c_1570_4 .content1 .pic .fx .bdsharebuttonbox a.a4:hover{ background-image:url(../images/cpxq6_h.png);} .c_1570_4 .content1 .pic .fx .bdsharebuttonbox a.a5:hover{ background-image:url(../images/cpxq7_h.png);} .c_1570_4 .content1 .text{ width:44.65%; float:right;} .c_1570_4 .content1 .text .title{ width:100%; float:left; padding-bottom:37px; border-bottom:dashed 1px #e5e5e5; padding-right:100px; font-size:40px; color:#333; line-height:50px; font-weight:bold; margin-top:45px; position:relative; letter-spacing:1px;} .c_1570_4 .content1 .text .title a{ position:absolute; right:0; top:11px; font-size:16px; color:#666; line-height:39px; display:block; font-weight:normal;} .c_1570_4 .content1 .text .title a img{ width:20px; vertical-align:middle; margin:-3px 0 0 9px;} .c_1570_4 .content1 .text .title a:hover{ color:#014aa3;} .c_1570_4 .content1 .text .p{ width:100%; float:left; padding:10px 0 10px 0; border-bottom:dashed 1px #e5e5e5; font-size:16px; color:#666; line-height:30px;} .c_1570_4 .content1 .text .btn{ width:100%; float:left; margin-top:40px;} .c_1570_4 .content1 .text .btn a{ display:block; float:left; width:200px; height:50px; line-height:50px; background:#014aa3; text-align:center; font-size:18px; color:white;} .c_1570_4 .content1 .text .btn a img{ width:30px; vertical-align:middle; margin:-3px 9px 0 0;} .c_1570_4 .content1 .text .btn a:hover{ box-shadow:0 3px 5px rgba(0,0,0,0.3);} .c_1570_4 .content1 .text .btn a.a1{ background:#3d4047; margin:0 0 0 20px; padding:0 !important;} .c_1570_4 .content1 .text .btn .fx{ width:auto; float:left;} @media screen and (max-width:1800px){ .c_1570_4 .content1 .pic{ width:670px;} } @media screen and (max-width:1580px){ .c_1570_4 .content1 .pic{ width:570px;} .c_1570_4 .content1 .text .title{ margin-top:5px;} } @media screen and (max-width:1366px){ .c_1570_4 .content1 .text .title{ padding-bottom:27px; padding-right:90px; font-size:30px; line-height:40px;} .c_1570_4 .content1 .text .title a{ top:6px; font-size:14px; line-height:30px;} .c_1570_4 .content1 .text .p{ padding:23px 0 25px 0; font-size:14px; line-height:24px;} .c_1570_4 .content1 .text .btn{ margin-top:30px;} .c_1570_4 .content1 .text .btn a{ width:160px; height:40px; line-height:40px; font-size:16px;} .c_1570_4 .content1 .pic{ width:520px;} } @media screen and (max-width:1199px){ .c_1570_4 .content1{ margin-top:41px;} .c_1570_4 .content1 .pic{ width:420px;} .c_1570_4 .content1 .text{ width:auto; margin-left:450px; float:none;} } @media screen and (max-width:1023px){ .c_1570_4{ padding-bottom:39px;} .c_1570_4 .content1{ margin-top:31px;} .c_1570_4 .content1 .pic{ width:320px;} .c_1570_4 .content1 .text{ margin-left:350px;} .c_1570_4 .content1 .text .title{ padding-bottom:17px; padding-right:0px; font-size:20px; line-height:24px;} .c_1570_4 .content1 .text .title a{ top:auto; right:auto; position:relative; float:right; font-size:12px; line-height:24px;} .c_1570_4 .content1 .text .p{ padding:13px 0 15px 0; line-height:22px;} .c_1570_4 .content1 .text .btn{ margin-top:20px;} .c_1570_4 .content1 .text .btn a{ width:140px;} .c_1570_4 .content1 .text .btn a img{ width:20px; margin:-3px 5px 0 0;} .c_1570_4 .content1 .text .btn a.a1{ margin:0 0 0 6px;} } @media screen and (max-width:767px){ .c_1570_4{ padding-bottom:19px;} .c_1570_4 .content1{ margin-top:21px;} .c_1570_4 .content1 .pic{ width:100%;height: 500px;} .c_1570_4 .content1 .text{ width:100%; margin-top:20px; float:left; margin-left:0;} } .c_1570_4 .content2{ width:100%; float:left; margin-top:10px;} .c_1570_4 .content2 .dl{ width:100%; float:left; margin-top:40px;} .c_1570_4 .content2 .dl .dt{ width:100%; float:left; background:#ebecec; text-align:center; font-size:30px; color:#014aa3; font-weight:bold; letter-spacing:1px; line-height:79px;} .c_1570_4 .content2 .dl .dt img{ vertical-align:middle; margin:-3px 12px 0 0; width:38px;} .c_1570_4 .content2 .dl .dd{ width:100%; float:left;} .c_1570_4 .content2 .dl .dd table{ width:100%;} .c_1570_4 .content2 .dl .dd table td{ border:solid 1px #dcdcdc; text-align:center; padding:13px 10px; font-size:16px; color:#3d4047; line-height:24px; letter-spacing:1px;} .c_1570_4 .content2 .dl .dd table td a{ color:#3d4047; display:block;} .c_1570_4 .content2 .dl .dd table th{ border:solid 1px #dcdcdc; text-align:center; padding:16px 10px 19px 10px; font-size:16px; color:#3d4047; line-height:24px; letter-spacing:1px; background:#ebecec;} .c_1570_4 .content2 .dl .dd table tr:hover{ background:#014aa3;} .c_1570_4 .content2 .dl .dd table tr:hover td{ color:white;} .c_1570_4 .content2 .dl .dd table tr:hover td a{ color:white;} @media screen and (max-width:1199px){ .c_1570_4 .content2 .dl{ margin-top:30px;} .c_1570_4 .content2 .dl .dt{ font-size:20px; line-height:59px;} .c_1570_4 .content2 .dl .dt img{ margin:-3px 6px 0 0; width:28px;} .c_1570_4 .content2 .dl .dd table td{ padding:8px 5px; font-size:14px; line-height:22px;} .c_1570_4 .content2 .dl .dd table th{ padding:12px 5px 14px 5px; font-size:14px; line-height:22px;} } @media screen and (max-width:1023px){ .c_1570_4 .content2 .dl{ margin-top:20px;} .c_1570_4 .content2 .dl .dt{ font-size:16px; line-height:40px;} .c_1570_4 .content2 .dl .dt img{ margin:-3px 4px 0 0; width:24px;} .c_1570_4 .content2 .dl .dd table td{ padding:5px 3px; font-size:12px; line-height:20px;} .c_1570_4 .content2 .dl .dd table th{ padding:8px 3px 10px 3px; font-size:12px; line-height:20px;} } @media screen and (max-width:767px){ .c_1570_4 .content2 .dl .dd table{ margin-top:10px;} } .c_1570_4 .content3{ width:100%; float:left; margin-top:54px; padding-top:47px; border-top:solid 1px #d9d9d9;} .c_1570_4 .content3 h5{ width:50%; float:left; font-size:12px; color:#666; line-height:21px;} .c_1570_4 .content3 h5 a{ display:inline-block; vertical-align:top; color:#666; max-width:80%;} .c_1570_4 .content3 h5.last{ text-align:right;} .c_1570_4 .content3 h5 a:hover{ color:#014aa3;} @media screen and (max-width:1023px){ .c_1570_4 .content3{ margin-top:34px; padding-top:27px;} } @media screen and (max-width:767px){ .c_1570_4 .content3{ margin-top:14px; padding-top:7px;} .c_1570_4 .content3 h5{ width:100%; line-height:19px;} .c_1570_4 .content3 h5.last{ text-align:left;} } /*产品详情*/ .c_1570_4 .content1 .text_1 .title{ margin-top:25px;} .c_1570_4 .content1 .text_1 .p{ font-size:14px;} @media screen and (max-width:1023px){ .c_1570_4 .content1 .text_1 .title{ margin-top:0px;} .c_1570_4 .content1 .pic .fx{ margin-top:40px;} } @media screen and (max-width:767px){ .c_1570_4 .content1 .pic .fx{ margin-top:10px;} .c_1570_4 .content1 .pic .fx .bdsharebuttonbox a{ width:40px; height:40px;} .c_1570_4 .content1 .pic .fx span{ font-size:12px; line-height:40px;} } /*功能*/ .nynav_1{ height:auto; margin-top:-47px; background:url(../images/nygy4.png);} .nynav_1 .subhead{ line-height:47px;} @media screen and (max-width:1023px){ .nynav_1{ margin-top:-29px;} .nynav_1 .subhead{ line-height:29px;} } .content4{ width:100%; float:left; margin-top:58px; padding:0 130px 21px 130px;} .content4 .homedown{ width:100%; float:left; position:relative;} .content4 .homedown:before{ content:''; width:2000px; height:1px; background:#ebeef6; position:absolute; left:50%; top:120px; margin-left:-1000px; z-index:-1;} .content4 .homedown .slick-slide{ text-align:center; height:269px; position:relative;} .content4 .homedown .slick-slide .ico{ display:inline-block; width:147px; height:147px; border:solid 4px #ebeef6; cursor:pointer; -moz-border-radius:50%; -webkit-border-radius:50%; -khtml-border-radius:50%; border-radius:50%;} .content4 .homedown .slick-slide .ico img{ width:100%; float:left;} .content4 .homedown .slick-slide .tab{ display:inline-block; background:url(../images/gn4.png) no-repeat center center; width:100%; height:69px; margin-top:-34px;} .content4 .homedown .slick-slide h5{ width:100%; margin-top:6px; font-size:16px; color:#666; line-height:27px; letter-spacing:1px;} .content4 .homedown .slick-slide.slick-current .tab{ background-image:url(../images/gn4_h.png);} .content4 .homedown .slick-slide.slick-current h5{ color:#014aa3;} .content4 .homedown .slick-slide.slick-current:before{ content:''; background:url(../images/gn5.png) no-repeat center center; width:27px; height:14px; position:absolute; left:50%; bottom:0; margin-left:-13.5px;} .content4 .homedown .slick-prev,.content4 .homedown .slick-next { position: absolute; left:-130px; top: 50%; display: block; width: 40px; height: 40px; background:url(../images/gn6.png) no-repeat left center; margin-top:-35px; } .content4 .homedown .slick-next { left: auto; right: -130px; background-position:right center; } .content4 .homedown .slick-prev:hover, .content4 .homedown .slick-next:hover{ background-image:url(../images/gn6_h.png);} .content4 .hometop{ width:100%; float:left; position:relative;} .content4 .hometop .zbox{ width:100%; float:left; background:#f8f8f8; padding:29px 30px 40px 30px;} .content4 .hometop .zbox .p{ width:100%; font-size:16px; color:#333; line-height:37px; letter-spacing:1px; text-indent:2em;} .content4 .hometop .zbox table{ width:100%; margin-top:28px;} .content4 .hometop .zbox table td,.content4 .hometop .zbox table th{ border:solid 1px #cdcdcd; text-align:center; padding:14px 10px; font-size:16px; color:#333; line-height:22px;} .content4 .hometop .zbox table th{ color:white; background:#014aa3;} .content4 .hometop .zbox table td a{ color:#333;} .content4 .hometop .zbox table td a:hover{ color:#014aa3;} @media screen and (max-width:1380px){ .content4{ margin-top:38px; padding:0 70px 11px 70px;} .content4 .homedown .slick-prev{ left:-70px;} .content4 .homedown .slick-next{ right: -70px;} } @media screen and (max-width:1023px){ .content4{ margin-top:28px; padding:0 40px 0px 40px;} .content4 .homedown .slick-prev{ left:-40px;} .content4 .homedown .slick-next{ right: -40px;} } @media screen and (max-width:767px){ .content4{ margin-top:18px; padding:0 0px 0px 0px;} .content4 .homedown .slick-prev{ left:0px; margin-top:-33px;} .content4 .homedown .slick-next{ right: 0px; margin-top:-33px;} .content4 .homedown:before{ top:68px;} .content4 .homedown .slick-slide{ height:160px;} .content4 .homedown .slick-slide .ico{ width:87px; height:87px; border:solid 2px #ebeef6;} .content4 .homedown .slick-slide .tab{ background-size:contain; height:49px; margin-top:-24px;} .content4 .homedown .slick-slide h5{ margin-top:4px; font-size:14px; line-height:23px;} .content4 .homedown .slick-slide.slick-current:before{ background-size:contain; width:20px; height:10px; margin-left:-10px;} .content4 .hometop .zbox{ padding:19px 10px 20px 10px;} .content4 .hometop .zbox .p{ font-size:14px; line-height:25px;} .content4 .hometop .zbox table{ margin-top:18px;} .content4 .hometop .zbox table td,.content4 .hometop .zbox table th{ padding:8px 5px; font-size:14px; line-height:20px;} } /*应用*/ .pz_SideLayer li{ position:relative;} .pz_SideLayer .subul{ width:100%; position:absolute; left:0; top:100%; display:none;} .pz_SideLayer .subul li{ width:100%; margin:0; border-top:solid 1px #eb4343; text-align:left;} .pz_SideLayer .subul li a{ width:100%; padding:0 0 0 30px; display:block; float:left; font-size:16px; color:white; line-height:44px; height:auto; background:url(../images/nygy5.png);} .pz_SideLayer .subul li a:hover,.pz_SideLayer .subul li.hover a{ background:#014aa3;} .pz_SideLayer li:hover .subul{ display:block; -webkit-animation:fadeInUp1 0.5s 0s ease both; -moz-animation:fadeInUp1 0.5s 0s ease both;} @media screen and (max-width:1380px){ .pz_SideLayer .subul li a{ padding:0 0 0 15px;} } @media screen and (max-width:1023px){ .pz_SideLayer .subul li a{ padding:0 0 0 10px; font-size:14px; text-align:left; line-height:40px;} } @media screen and (max-width:767px){ .pz_SideLayer .subul li a{ padding:0 10px; font-size:12px;} } .zbg1{ background:#fafafa;} .c_1570_5{ width:100%; float:left; padding:39px 0 60px 0;} .c_1570_5 .content1{ width:100%; float:left; background:white;} .slide_pic_4{ width:50%; float:left; position:relative;} .slide_pic_4 .slick-dots { position: absolute; bottom: 15px; display: block; width: 100%; padding: 0; margin: 0; list-style: none; text-align: right; overflow:hidden; padding:0 20px; } .slide_pic_4 .slick-dots li { position: relative; display: inline-block; width: 10px; height: 10px; margin: 0 5px; padding: 0; cursor: pointer; background:#fff; -moz-border-radius:50%; -webkit-border-radius:50%; -khtml-border-radius:50%; border-radius:50%; } .slide_pic_4 .slick-dots li button { display:none; } .slide_pic_4 .slick-dots li.slick-active{ background:#014aa3; } .slide_pic_4 .slick-slide{ width:100%; height:375px; position:relative; overflow:hidden;} .slide_pic_4 img{ width:786px; height:375px; position:absolute; left:50%; top:50%; margin:-187px 0 0 -393px; max-width:none;} .c_1570_5 .content1 .text{ width:50%; float:left; min-height:375px; line-height:375px; padding:0 50px 0 60px;} .c_1570_5 .content1 .text .p{ display:inline-block; font-size:16px; color:#666; line-height:32px; text-indent:2em; letter-spacing:1px; vertical-align:middle;} @media screen and (max-width:1380px){ .c_1570_5 .content1 .text{ padding:0 20px 0 30px;} } @media screen and (max-width:1199px){ .c_1570_5{ padding:29px 0 40px 0;} .c_1570_5 .content1 .text .p{ font-size:14px; line-height:26px;} } @media screen and (max-width:767px){ .c_1570_5{ padding:19px 0 20px 0;} .slide_pic_4{ width:100%;} .slide_pic_4 .slick-slide{ height:auto;} .slide_pic_4 img{ width:100%; height:auto; position:relative; left:auto; top:auto; margin:0; float:left;} .c_1570_5 .content1 .text{ width:100%; padding:20px; min-height:0; line-height:0;} .c_1570_5 .content1 .text .p{ font-size:12px; line-height:20px;} .slide_pic_4 .slick-dots { bottom: 5px; padding:0 10px; text-align:center; } .slide_pic_4 .slick-dots li { width: 8px; height: 8px; margin: 0 3px;} } /*应用详情*/ .tit_2{ text-align:center; margin-top:43px; padding-bottom:17px; background:url(../images/yy8.png) no-repeat center bottom; font-size:24px; color:black; line-height:32px;} .c_1570_4 .content5{ width:100%; float:left; margin-top:29px; position:relative;} .c_1570_4 .content5:before{ content:''; width:2000px; height:495px; position:absolute; left:50%; top:57px; margin:0px 0 0 -1000px; z-index:1; background:#f5f5f5;} .slide_pic_6{ width:100%; float:left; position:relative; padding:0 160px; z-index:5;} .slide_pic_6 .slick-slide{ padding:148px 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;} .slide_pic_6 .img{ width:100%; 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;} .slide_pic_6 .img span{ display:block; width:100%; float:left; background:black;} .slide_pic_6 .img span img{ width:100%; float:left; opacity:0.5;} .slide_pic_6 .slick-center{ z-index:5; position:relative;} .slide_pic_6 .slick-center .img{ transform: scale(1.6,1.6); -ms-transform: scale(1.6,1.6); -webkit-transform: scale(1.6,1.6); -o-transform: scale(1.6,1.6); -moz-transform: scale(1.6,1.6);} .slide_pic_6 .slick-center .img span img{ opacity:1;} .slide_pic_6 .slick-prev,.slide_pic_6 .slick-next { position: absolute; left:0; top: 50%; margin-left:0; display: block; width: 36px; height: 68px; margin-top:-34px; background:url(../images/yy9.png) no-repeat left center; background-size:auto 68px; } .slide_pic_6 .slick-next { left: auto; right: 0; background-position:right center; } .slide_pic_6 .slick-prev:hover, .slide_pic_6 .slick-next:hover{ background-image:url(../images/yy9_h.png);} @media screen and (max-width:1580px){ .c_1570_4 .content5{ margin-top:20px;} .slide_pic_6{ padding:0 100px;} } @media screen and (max-width:1380px){ .slide_pic_6 .slick-slide{ padding:118px 0;} .slide_pic_6{ padding:0 80px;} } @media screen and (max-width:1199px){ .slide_pic_6 .slick-slide{ padding:105px 0;} .slide_pic_6{ padding:0 70px;} .c_1570_4 .content5:before{ height:400px;} } @media screen and (max-width:1023px){ .slide_pic_6 .slick-slide{ padding:95px 0;} .slide_pic_6{ padding:0 60px;} .c_1570_4 .content5:before{ height:360px;} } @media screen and (max-width:991px){ .slide_pic_6{ padding:0 40px;} .tit_2{ margin-top:23px; padding-bottom:12px; font-size:18px; line-height:26px;} .slide_pic_6 .slick-prev,.slide_pic_6 .slick-next { width:21px; height:40px; background-size:auto 40px; margin-top:-20px;} } @media screen and (max-width:767px){ .c_1570_4 .content5{ margin-top:10px;} .slide_pic_6 .slick-slide{ padding:46px 0;} .c_1570_4 .content5:before{ height:160px;} } .c_1570_4 .content6{ width:100%; float:left; margin-top:30px; background:url(../images/yy7.png) no-repeat center top; padding:30px 160px 0 160px;} .c_1570_4 .content6 .p{ width:100%; float:left; margin-top:32px; font-size:16px; color:#666; line-height:28px; letter-spacing:1px;} .c_1570_4 .content6 .p a{ color:#014aa3;} .c_1570_4 .content6 .p strong{ color:#333;} @media screen and (max-width:1580px){ .c_1570_4 .content6{ padding:30px 100px 0 100px;} } @media screen and (max-width:1380px){ .c_1570_4 .content6{ padding:10px 80px 0 80px;} } @media screen and (max-width:1199px){ .c_1570_4 .content6{ padding:10px 70px 0 70px;} } @media screen and (max-width:1023px){ .c_1570_4 .content6{ padding:10px 60px 0 60px;} } @media screen and (max-width:991px){ .c_1570_4 .content6{ padding:10px 40px 0 40px;} .c_1570_4 .content6 .p{ margin-top:22px; font-size:14px; line-height:24px;} } @media screen and (max-width:767px){ .c_1570_4 .content6{ padding:10px 0px 0 0px;} .c_1570_4 .content6 .p{ margin-top:12px; font-size:12px; line-height:20px;} } /*新闻详情*/ .c_1570_6{ width:100%; float:left; padding:0 0 66px 481px; position:relative; min-height:800px;} .c_1570_6 .c_1090{ width:100%; float:left;} .c_1570_6 .c_1090 .title{ width:100%; float:left; padding-bottom:9px; border-bottom:dashed 1px #e2e2e2;} .c_1570_6 .c_1090 .title h3{ width:100%; float:left; font-size:30px; color:#333; line-height:44px; letter-spacing:1px;} .c_1570_6 .c_1090 .title .title_down{ width:100%; float:left; margin-top:10px;} .c_1570_6 .c_1090 .title .title_down h5{ float:left; font-size:14px; color:#777; line-height:35px;} .c_1570_6 .c_1090 .title .title_down h5 span{ margin-right:15px;} .c_1570_6 .c_1090 .title .title_down .return{ float:right; font-size:14px; color:#777; line-height:35px;} .c_1570_6 .c_1090 .title .title_down .return img{ vertical-align:middle; float:right; margin-left:11px;} .c_1570_6 .c_1090 .title .title_down .return:hover{ color:#014aa3;} .c_1570_6 .c_1090 .p{ /*! width:100%; */ /*! float:left; */ /*! margin-top:22px; */ /*! font-size:14px; */ /*! color:#666; */ /*! line-height:30px; */ /*! letter-spacing:1px; */} .c_1570_6 .c_1090 .p img{ margin:23px 0;} .c_1570_6 .c_1090 .bdsharebuttonbox{ width:100%; float:left; margin-top:34px; text-align:center;} .c_1570_6 .c_1090 .bdsharebuttonbox a{display:inline-block;*display:inline; *zoom:1; width:35px; height:35px; margin:0 8px; padding:0; border-radius:50%; -webkit-border-radius:50%; -moz-border-radius:50%; float:none;} .c_1570_6 .c_1090 .bdsharebuttonbox a.a1{ background:url(../images/zico_10_1.png) no-repeat center;} .c_1570_6 .c_1090 .bdsharebuttonbox a.a2{ background:url(../images/zico_10_2.png) no-repeat center;} .c_1570_6 .c_1090 .bdsharebuttonbox a.a3{ background:url(../images/zico_10_3.png) no-repeat center;} .c_1570_6 .c_1090 .bdsharebuttonbox a.a4{ background:url(../images/zico_10_4.png) no-repeat center;} .c_1570_6 .c_1090 .c_1090_down{ width:100%; float:left; margin-top:30px; padding-top:26px; border-top:solid 1px #cfcfcf;} .c_1570_6 .c_1090 .c_1090_down h5{ width:50%; float:left;} .c_1570_6 .c_1090 .c_1090_down h5 span{ display:block; font-size:14px; color:#8b8b8b; line-height:24px; font-weight:bold;} .c_1570_6 .c_1090 .c_1090_down h5 a{ display:block; font-size:14px; color:#232323; line-height:24px; max-width:100%;} .c_1570_6 .c_1090 .c_1090_down h5.last{ text-align:right;} .c_1570_6 .c_1090 .c_1090_down h5 a:hover{ color:#014aa3;} .c_1570_6 .c_419{ width:419px; position:absolute; left:0; height:100%; /*! top:28px; */ background:#f7f7f7;} .c_1570_6 .c_419 .title{ width:100%; float:left;} .c_1570_6 .c_419 ul{ width:100%; float:left; margin-top:31px;} .c_1570_6 .c_419 ul li{ width:100%; float:left; padding:0px 30px;} .c_1570_6 .c_419 ul li .zbox{ width:100%; float:left; position:relative; padding:27px 118px 22px 0; border-bottom:solid 1px #e7e7e7;} .c_1570_6 .c_419 ul li .zbox .img{ width:98px; height:74px; position:absolute; right:0; top:20px; overflow:hidden;} .c_1570_6 .c_419 ul li .zbox .img img{ width:100%; 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;} .zbox:hover .img 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);} .c_1570_6 .c_419 ul li .zbox .name{ width:100%; float:left; font-size:14px; color:#333; line-height:20px; height:40px; overflow:hidden;} .c_1570_6 .c_419 ul li .zbox .name a{ color:#333;} .c_1570_6 .c_419 ul li .zbox .time{ width:100%; float:left; margin-top:10px; font-size:12px; color:#666; line-height:15px; } .c_1570_6 .c_419 ul li:hover{ background:#014aa3;} .c_1570_6 .c_419 ul li:hover .zbox{ border-bottom-color:transparent;} .c_1570_6 .c_419 ul li:hover .zbox .name a,.c_1570_6 .c_419 ul li:hover .zbox .time{ color:white;} /*20230411 修改兼容问题 @media screen and (max-width:1380px){ .c_1570_6{ padding:42px 381px 66px 0;} .c_1570_6 .c_419{ width:339px;} }*/ @media screen and (max-width:1380px){ .menu ul .nli{margin: 0 0 0 40px;} .c_1570_6{ padding:22px 0 46px 0;} .c_1570_6 .c_1090 .title{ padding-bottom:5px;} .c_1570_6 .c_1090 .title h3{ font-size:20px; line-height:36px;} .c_1570_6 .c_419{ width:100%; position:relative; right:auto; top:auto; float:left; margin-top:20px;} .c_1570_6 .c_419 .title{ display:none;} .c_1570_6 .c_419 ul{ margin-top:21px;} .c_1570_6 .c_419 ul li{ padding:0px 20px;} } @media screen and (max-width:767px){ .c_1570_6{ padding:12px 0 26px 0;} .c_1570_6 .c_1090 .title h3{ font-size:16px; line-height:26px;} .c_1570_6 .c_419{ margin-top:10px;} .c_1570_6 .c_419 ul{ margin-top:11px;} .c_1570_6 .c_1090 .p{ margin-top:12px; font-size:12px; line-height:24px;} .c_1570_6 .c_1090 .p img{ margin:13px 0; width: 100%; height: auto;} .c_1570_6 .c_1090 .bdsharebuttonbox{ margin-top:14px;} .c_1570_6 .c_1090 .bdsharebuttonbox a{ width:25px; height:25px; margin:0 4px; background-size:contain !important;} .c_1570_6 .c_1090 .c_1090_down{ margin-top:20px; padding-top:16px; } .c_1570_6 .c_1090 .c_1090_down h5{ width:100%;} .c_1570_6 .c_1090 .c_1090_down h5 span{ font-size:12px; line-height:20px;} .c_1570_6 .c_1090 .c_1090_down h5 a{ font-size:12px; line-height:18px;} .c_1570_6 .c_1090 .c_1090_down h5.last{ text-align:left;} .c_1570_6 .c_419 ul li{ padding:0px 10px;} .c_1570_6 .c_1090 .title .title_down{ margin-top:5px;} .c_1570_6 .c_1090 .title .title_down h5{ font-size:12px; line-height:26px;} .c_1570_6 .c_1090 .title .title_down h5 span{ display:inline-block; vertical-align:top; margin-right:5px;} .c_1570_6 .c_1090 .title .title_down .return{ font-size:12px; line-height:26px;} .c_1570_6 .c_1090 .title .title_down .return img{ height:26px; margin-left:6px;} } /*关于我们*/ .c_1570_7{ width:100%; float:left;} .c_1570_7 .content1{ width:100%; float:left; margin-top:59px;} .c_1570_7 .content1 .c_839{ width:53.44%; float:left;} .c_1570_7 .content1 .c_839 .title{ width:100%; float:left; padding-bottom:28px; background:url(../images/gywm1.png) no-repeat left bottom; margin-top:34px;} .c_1570_7 .content1 .c_839 .title h3{ width:100%; font-size:30px; color:#2c2f36; line-height:44px;} .c_1570_7 .content1 .c_839 .title h5{ width:100%; font-size:18px; color:#6f758b; line-height:22px; margin-top:4px; letter-spacing:2px;} .c_1570_7 .content1 .c_839 .p{ width:100%; float:left; font-size:16px; color:#666; line-height:34px; margin-top:34px;} .c_1570_7 .content1 .c_683{ width:43.5%; float:right; height:628px; position:relative;} .c_1570_7 .content1 .c_683 .mb{ width:202px; background:url(../images/gywm3.png); position:absolute; right:0; top:0; height:100%;} .c_1570_7 .content1 .c_683 .mb h5{ width:100%; position:absolute; left:0; top:52px; padding:0 22px; font-size:24px; color:#fff; line-height:30px; text-transform:uppercase;} .c_1570_7 .content1 .c_683 .mb .name{ width:100%; position:absolute; left:0; bottom:27px; padding:0 47px 0 25px;} .c_1570_7 .content1 .c_683 .mb h4{ width:100%; border-top:solid 1px rgba(255,255,255,0.3); padding-top:20px; font-size:20px; color:white; line-height:26px;} @media screen and (max-width:1380px){ .c_1570_7 .content1 .c_839 .title{ padding-bottom:20px; margin-top:26px;} .c_1570_7 .content1 .c_839 .title h3{ font-size:20px; line-height:34px;} .c_1570_7 .content1 .c_839 .title h5{ font-size:16px; line-height:20px; margin-top:2px; letter-spacing:1px;} .c_1570_7 .content1 .c_839 .p{ font-size:14px; line-height:28px; margin-top:24px;} } @media screen and (max-width:1199px){ .c_1570_7 .content1 .c_683{ height:558px;} .c_1570_7 .content1 .c_683 .mb{ width:162px;} .c_1570_7 .content1 .c_683 .mb h5{ top:32px; padding:0 12px; font-size:18px; line-height:24px;} .c_1570_7 .content1 .c_683 .mb .name{ bottom:20px; padding:0 37px 0 15px;} .c_1570_7 .content1 .c_683 .mb h4{ padding-top:16px; font-size:16px; line-height:20px;} } @media screen and (max-width:1023px){ .c_1570_7 .content1{ margin-top:39px;} .c_1570_7 .content1 .c_839 .title{ padding-bottom:12px; margin-top:10px;} } @media screen and (max-width:767px){ .c_1570_7 .content1{ margin-top:19px;} .c_1570_7 .content1 .c_839{ width:100%;} .c_1570_7 .content1 .c_839 .title{ padding-bottom:12px; margin-top:0px;} .c_1570_7 .content1 .c_839 .title h3{ font-size:16px; line-height:26px;} .c_1570_7 .content1 .c_839 .title h5{ font-size:14px; line-height:18px; margin-top:1px;} .c_1570_7 .content1 .c_839 .p{ font-size:14px; line-height:26px; margin-top:24px;} .c_1570_7 .content1 .c_683{ width:100%; height:258px; margin-top:10px;} } .c_1570_7 .content2{ width:100%; float:left; margin-top:60px;} .c_1570_7 .content2 ul{ width:100%; float:left; display: flex; display: -webkit-flex; flex-wrap: wrap; align-items: flex-start;} .c_1570_7 .content2 ul li{ width:33.33%; float:left; padding:0 15px;} .c_1570_7 .content2 ul li .zbox{ display:block; width:100%; float:left; min-height:341px; border:solid 1px #cfcfcf;} .c_1570_7 .content2 ul li .zbox .title{ width:100%; float:left; text-align:center; background:#e9e9e9; font-size:20px; color:#333; line-height:59px;} .c_1570_7 .content2 ul li .zbox .p{ width:100%; float:left; padding:12px 23px 0 20px;font-size:16px; color:#666; line-height:34px; height:auto;} .c_1570_7 .content2 .text{ width:100%; float:left; margin-top:40px;} .c_1570_7 .content2 .text .img{ width:100%; float:left;} .c_1570_7 .content2 .text .p{ width:100%; float:left; margin-top:31px; font-size:16px; color:#666; line-height:34px;} @media screen and (max-width:1380px){ .c_1570_7 .content2 ul li .zbox .title{ font-size:18px; line-height:53px;} .c_1570_7 .content2 ul li .zbox .p{ padding:10px 20px 0 20px; font-size:14px; line-height:28px;} .c_1570_7 .content2 .text{ margin-top:30px;} .c_1570_7 .content2 .text .p{ margin-top:21px; font-size:14px; line-height:28px;} } @media screen and (max-width:1023px){ .c_1570_7 .content2{ margin-top:40px;} .c_1570_7 .content2 .text{ margin-top:20px;} .c_1570_7 .content2 ul li .zbox .title{ font-size:16px; line-height:47px;} .c_1570_7 .content2 ul li .zbox .p{ padding:10px 10px 0 10px; font-size:13px; line-height:24px;} } @media screen and (max-width:767px){ .c_1570_7 .content2{ margin-top:20px;} .c_1570_7 .content2 .text{ margin-top:10px;} .c_1570_7 .content2 ul li{ width:100%; padding:0 5px; margin-top:5px;} .c_1570_7 .content2 ul li .zbox{ height:auto; padding-bottom:10px; min-height:0;} .c_1570_7 .content2 ul li .zbox .title{ font-size:14px; line-height:40px;} .c_1570_7 .content2 ul li .zbox .p{ font-size:12px; line-height:22px;} .c_1570_7 .content2 .text .p{ margin-top:11px; font-size:12px; line-height:24px;} } .c_1570_7 .content3{ width:100%; float:left; padding:63px 0 81px 0;} .tit_3{ width:100%; float:left; text-align:center; padding-bottom:24px; background:url(../images/gywm6.png) no-repeat center bottom; font-size:30px; color:#2c2f35; line-height:48px;} .slide_pic_5{ width:100%; float:left; margin-top:10px; position:relative;} .slide_pic_5 .li_hp{ width:100%; float:left; margin-top:30px; padding:0 15px;} .slide_pic_5 .li_hp a{ display:block; width:100%; float:left; border:solid 1px #d8d8d8;} .slide_pic_5 .li_hp a img{ width:100%; float:left;} .slide_pic_5 .slick-prev,.slide_pic_5 .slick-next { position: absolute; left: -37px; top: 50%; display: block; width: 22px; height: 39px; margin-top:-20px; background:url(../images/gywm11.png) no-repeat left center; } .slide_pic_5 .slick-next { left: auto; right: -37px; background-position:right center; } .slide_pic_5 .slick-prev:hover, .slide_pic_5 .slick-next:hover{ background-image:url(../images/gywm11_h.png);} .slide_pic_5 .li_hp a:hover{ box-shadow:0 2px 4px rgba(0,0,0,0.2);} @media screen and (max-width:1199px){ .c_1570_7 .content3{ padding:43px 0 61px 0;} .tit_3{ padding-bottom:18px; font-size:20px; line-height:42px;} } @media screen and (max-width:767px){ .c_1570_7 .content3{ padding:23px 0 21px 0;} .tit_3{ padding-bottom:12px; font-size:14px; line-height:32px; background-size:auto 2px;} .slide_pic_5{ padding-bottom:20px;} .slide_pic_5 .li_hp{ margin-top:10px; padding:0 5px;} .slide_pic_5 .slick-dots { position: absolute; bottom: 0px; display: block; width: 100%; padding: 0; margin: 0; list-style: none; text-align: center; overflow:hidden; } .slide_pic_5 .slick-dots li { position: relative; display: inline-block; width: 8px; height: 8px; margin: 0 4px; padding: 0; cursor: pointer; background:#a4a4a4; -moz-border-radius:50%; -webkit-border-radius:50%; -khtml-border-radius:50%; border-radius:50%; } .slide_pic_5 .slick-dots li button { display:none; } .slide_pic_5 .slick-dots li.slick-active{ background:#014aa3; } } /* 分页 */ .d_0100_fy{ float:left; width:100%; text-align:center; margin-top:60px;} .pz_fy{display:inline-block; *display:inline; *zoom:1;vertical-align: top;} .pz_fy span {display:block; float:left; width:30px; height:30px; text-align:center; line-height:28px; font-size:14px; margin:0 8px; -webkit-border-radius:18px; -khtml-border-radius:18px; -moz-border-radius:18px; border-radius:18px; color: #fff; border:1px solid #014aa3; background:#014aa3; } .pz_fy 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;} .pz_fy a:hover,.pz_fy a.on{color: #fff; border:1px solid #014aa3; background:#014aa3; text-decoration:none;} .pz_fy a.prve{ background:url(../images/sprve_fy.png) no-repeat center; width:100px;} .pz_fy a.prve:hover, .pz_fy a.prve.on{ background:url(../images/sprve_fy_h.png) no-repeat center #014aa3; border:1px solid #014aa3;} .pz_fy a.next{ background:url(../images/snext_fy.png) no-repeat center; width:100px;} .pz_fy a.next:hover, .pz_fy a.next.on{ background:url(../images/snext_fy_h.png) no-repeat center #014aa3; border:1px solid #014aa3;} .fy_phone{ display:none;} @media screen and (max-width:991px){ .d_0100_fy{ margin-top:36px;} } @media screen and (max-width:767px){ .d_0100_fy{ margin-top:26px;} .pz_fy{} .fy_phone{ display:block; float:left; width:100%; text-align:center; font-size:14px; color:#333;} .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;} .fy_phone a.prve{ background:url(../images/prve_fy.png) no-repeat center;} .fy_phone a.next{ background:url(../images/next_fy.png) no-repeat center;} .fy_phone span{ padding:0 5%; color:#333; display:inline-block; *display:inline; *zoom:1; vertical-align:top; height:30px; line-height:30px;} } .sitemap{ width:100%;float:left;} .sitemap li{border-bottom:1px dashed #d2d2d2; padding:7px 0; float:left; line-height:40px;width:98%; padding-left:2%; } .sitemap li a{ margin-right:10px;font-size:12px; float:left; white-space: nowrap; font-size:14px;} .sitemap li a:hover{color:#014aa3;} .sitemap li .font16{ font-size:16px; /*color:#135fb1*/} .sitemap li .font14{font-size:14px; } .sitemap li .font12{ font-size:12px; color:#999} .elli{ white-space: nowrap; overflow:hidden; text-overflow:ellipsis;} @font-face { font-family: 'OPENSANS-BOLD'; src: url('fonts/OPENSANS-BOLD.eot'); src: local('☺'), url('fonts/OPENSANS-BOLD.woff') format('woff'), url('fonts/OPENSANS-BOLD.ttf') format('truetype'), url('fonts/OPENSANS-BOLD.svg#webfontHIqteXlE') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'OPENSANS-LIGHT'; src: url('fonts/OPENSANS-LIGHT.eot'); src: local('☺'), url('fonts/OPENSANS-LIGHT.woff') format('woff'), url('fonts/OPENSANS-LIGHT.ttf') format('truetype'), url('fonts/OPENSANS-LIGHT.svg#webfontHIqteXlE') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'OPENSANS-REGULAR'; src: url('fonts/OPENSANS-REGULAR.eot'); src: local('☺'), url('fonts/OPENSANS-REGULAR.woff') format('woff'), url('fonts/OPENSANS-REGULAR.ttf') format('truetype'), url('fonts/OPENSANS-REGULAR.svg#webfontHIqteXlE') format('svg'); font-weight: normal; font-style: normal; } @media screen and (max-device-width: 320px){body{-webkit-text-size-adjust:none}} @media screen and (max-device-width: 480px){body{-webkit-text-size-adjust:none}} @media only screen and (-webkit-min-device-pixel-ratio: 2){body{-webkit-text-size-adjust:none}} @media only screen and (min-device-width: 768px) and (max-device-width: 1243px){body{-webkit-text-size-adjust:none}} /*new新的新*/ .news_more{ text-align: center} .news_left{padding: 0;width: 42.8%;} .news_left .image{overflow: hidden;position: relative;border-radius: 0;} .news_left .link{position: relative;overflow: hidden;display: block;} .news_left .link img{transition:all .9s;width: 100%;height: 380px} .news_left:hover .image .link img{ transform:scale(1.03); -webkit-transform: scale(1.03); -moz-transform: scale(1.03); -o-transform: scale(1.03); -ms-transform: scale(1.03); } .news_left .image .link:after{content: "";position: absolute;top: 0;right: 0;bottom: 0;left: 0;background-color: rgba(0,0,0,0.40);opacity: 0;transition: opacity .7s ease;} .news_left:hover .image .link:after{opacity: 1;} .news_left .news_text{background:url(../images/newbg.png) no-repeat left #f7f7f7;display: flex;} .date{min-width: 96px;width:96px;padding-right: 14px;text-align: right;font-size: 14px;color: #fff;padding-left: 15px;padding-top: 30px;background-position: center 150%;transition:all .5s; position: relative;} .news_text:hover .date , .news_right ul li:hover .date{ background-image: linear-gradient(180deg, #00a0e9 0%, #005bac 100%);color: #fff; } .news_text:hover .date:after, .news_right ul li:hover .date:after{ content: ''; display: block; background: url(../images/bg_news02.png) no-repeat center; height: 53px; width: 100%; position: absolute; bottom: 0; left: 0; z-index: 1} .date em{font-size: 28px;color: #fff;line-height: 110%;font-family: "poppins-semibold";transition:all .5s;} .news_text:hover .date em, .news_right ul li:hover .date em{color: #fff;} .date p{margin: 0; } .wrap{margin-top: 15px;margin-bottom: 15px;border-left: 1px solid #d9d9d9;padding-left: 15px;padding-right: 15px;padding-top: 13px;padding-bottom: 3px;} .wrap .title{display: block;font-size: 16px;line-height: 26px;color:#333333;margin-bottom: 10px;font-family: "poppins-semibold"; height: 52px;overflow:hidden;} .wrap .title:hover{color: #00a0e9;text-decoration: none;} .wrap .text{font-size: 14px;line-height: 24px;overflow: hidden;height: 48px;color: #808080;} .news_right{padding: 0;width: 57.2%;float: left;padding-left: 50px;} .news_right ul{list-style: none;} .news_right ul li{margin-bottom: 20px;background:url(../images/newbg.png) no-repeat left #f7f7f7;display: flex;transition:all .5s;} .news_right ul li:hover{ box-shadow: 0 5px 7px rgba(0,0,0,0.05); transform: translate3d(0,-3px,0); -webkit-transform: translate3d(0,-3px,0); background: #fff;} .news_right ul li .wrap .title{ height: 26px} .main_more{margin: 40px 0 0;} .page_more01{ font-size:14px;color:#00a0e9;display: inline-flex; align-items: center;line-height: 20px;position: relative;z-index: 2;margin-top: 15px;transition:all .5s;text-transform: capitalize; } .page_more01:hover{color:#005bac;opacity: 1;} .news_left .page_more01{ display: none} @media only screen and (max-width: 1649px) { .news_right{ width: 54.2%; padding-left: 35px} .news_left{ width: 45.8%} .wrap{ padding-top: 5px; padding-bottom: 0} .news_right .wrap .title{ max-height:26px } } @media only screen and (max-width: 1439px) { .news_right .wrap{ padding-top: 0} .news_right ul li{ margin-bottom: 10px} } @media only screen and (max-width: 1239px) { .news_right{ padding-left: 20px} .news_right .wrap{margin: 13px 0} .news_right .wrap .title{ margin-bottom: 2px} .page_more01{ margin-top: 5px} } @media only screen and (max-width:992px ) { .news_left{width: 100%;margin-bottom: 15px;} .news_left .image{display: none;} .news_right{width: 100%;padding: 0;} .news_right ul li{margin-bottom: 15px;} .news_left .page_more01{ display: block} } @media only screen and (max-width:768px ) { .wrap .title{font-size: 15px;} .date{min-width: 80px;font-size: 12px;padding-right: 10px;padding-left: 10px;padding-top: 20px;} .date em{font-size: 30px;} .wrap{padding-top: 5px;} .main_more{ margin-top: 20px} .news_right .wrap .title{ max-height: 52px; height: auto;} } .aboutnew{ background: url(../images/aboutbg.png) no-repeat right;padding: 20px 0;} .aboutfl{float: left; width: 45%;} .aboutfr{float: right;width: 53%;line-height: 36px; font-size: 15px;padding-top: 100px;} .aboutfr p{text-indent: 2em;} .newmianb{line-height: 40px;color: #337ab7; } .newmianb a{color: #337ab7;} .chanpinfa{background-image: linear-gradient(180deg, #005aa8, #72a3cf 100%); } .chanpinfa .tit_1{color: #fff!important; font-size: 60px; line-height: 120px;} .slideGroup{width: 80%; margin: 0 auto;} .chanpinfa .slideGroup .hd ul .slick-slide{color: #fff!important;} .chanpinfa .slideGroup .hd ul .on{color: #fff!important; font-weight: bold; background: url(../images/index2_2b.jpg) no-repeat center bottom!important; } .chanpinfa .slideBoxcp{width: 80%; margin: 0 auto} .fatb{width:56px; margin: 0 auto} .chanpinfa .slideGroup .hd ul .slick-slide{width: 14%!important;} .jjfabgj{ background: url(../images/jjfabg_03.png) no-repeat right;padding-bottom: 50px;} .fl { float:left;} .fr { float:right;} .none{ display:none;} .inrow{font-size:0;[;font-size:12px;];*font-size:0;font-family:arial;[;letter-spacing:-3px;];*letter-spacing:normal;*word-spacing:-1px;} .inrow>li,.inrow span{display:inline-block;*display:inline;*zoom:1;font-size:14px;letter-spacing:normal;word-spacing:normal; } .dataNums{position: absolute; top:50%; display: block; width:100%; height:75px; margin-top: -37px; text-align:center;} .dataNums .dataOne{ width:61px; height:75px; margin: 0px 3px; text-align: center; background: url(../images/num-bg.png) no-repeat;} .dataNums .dataBoc {position: relative; width: 100%; height: 100%; overflow: hidden;} .dataNums .dataBoc .tt {position: absolute; top: 0; left: 0; width: 100%; height: 100%;} .dataNums .tt span{width:100%;height:100%; font:bold 54px/75px "Arial";color:#ddf0ff;}