@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;} .pz_down{ float:left; width:100%; background:#28292d;} .pz_menu{ float:left; width:100%; position:relative; z-index:9;} .c_1570{ width:100%; float:left; padding:0 9.11%;} .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; background:rgba(0,0,0,0.1); position:absolute; left:0; top:0;} .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;height:60px;} .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(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:180px; left: 50%; margin-left:-90px;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:#ff0000;} .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:#ff0000;} .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:#ff0000; border-color:#ff0000;} @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;left:50%;margin-left:-60px;*/ position:absolute; top:0; margin-top:0;} .pz_top.on_1 .topnav .logo{ margin-top:0px;} .topnav .logo img{ float:none; display:inline-block;width: 90%; height: auto;margin-top: 10px;} .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:9 !important; display:block; z-index: 98; 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:#ff0000;} .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 110px; 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(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:#ff0000; 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:#ff0000; } @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;} .middlebox{ display:table-cell; vertical-align:middle; padding-top:88px;} .tit_1{ width:100%; float:left; position:relative; font-size:36px; color:#333; line-height:74px; font-weight:bold; letter-spacing:4px;} .tit_1 h1{ position:absolute; left:0; top:0; height:74px; line-height:74px; font-size:100px; color:#333; letter-spacing:8px; text-transform:uppercase; opacity:0.05; z-index:-1;} @media screen and (max-width:1380px) { .tit_1{ font-size:26px; line-height:64px; letter-spacing:3px;} .tit_1 h1{ height:64px; line-height:64px; font-size:80px; letter-spacing:6px;} } @media screen and (max-width:1023px) { .middlebox{ padding-top:0;} .tit_1{ font-size:20px; line-height:44px; letter-spacing:2px;} .tit_1 h1{ height:44px; line-height:44px; font-size:60px; letter-spacing:4px} .fp-scrollable { overflow:visible; } } @media screen and (max-width:767px) { .middlebox{ padding-top:0;} .tit_1{ font-size:16px; line-height:34px; letter-spacing:1px;} .tit_1 h1{ height:34px; line-height:34px; font-size:40px; letter-spacing:2px} } /*首页第六屏*/ .section_6{ background:#f8f8f8;} .c_0100_1{} .slideGroup{ width:100%; float:left; margin-top:80px; position:relative;} .slideGroup .hd{ width:50%; position:absolute; right:0; top:-149px; text-align:right; padding-right:116px;} .slideGroup .hd ul{ display:inline-block; width:100%; text-align:right;} .slideGroup .hd ul .slick-track{ float:right;} .slideGroup .hd ul .slick-slide{ cursor:pointer; display:inline-block; font-size:15px; color:#333; padding:0 12px; line-height:64px; letter-spacing:1px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; text-align:center;} .slideGroup .hd ul .slick-current{ color:#ff0000; 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:#ff0000;} .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:#ff0000;} @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{ float:none; display:inline-block;} .slideGroup .hd ul .slick-slide{ padding:0 6px; font-size:14px; line-height:24px; background-size:auto 2px;} .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:100%; float:left; padding:0 15px;} .ul_2 .zbox .zbox_box{ width:100%; float:left; position:relative; overflow:hidden;} .ul_2 .zbox .zbox_box .pic{ width:100%; float:left; background:black; height:428px;} .ul_2 .zbox .zbox_box .pic img{ width:503px; height:428px; position:absolute; left:50%; top:50%; max-width:none; margin:-214px 0 0 -251px; -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%; text-align:center; position:absolute; left:0; bottom:0; background:white; height:142px; 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:#333; 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%; background:none; 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:329px; height:280px; 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:#ff0000;} @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:#ff0000;} } /*第三屏*/ .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:500px; 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:20px; 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:#ff0000;} .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:#ff0000;} .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:#cc0000; 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:30px;} .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:50%;} .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:28px 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:#cc0000;} .ul_5 li:hover .down .ico{ background-image:url(images/jszz4_h.png);} .ul_5 li:hover .down h5{ color:#cc0000;} @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; 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:#cc0000;} .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:#cc0000; 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:#cc0000; line-height:26px;} .ul_7 li:hover .text h5 a{ text-decoration:underline;} .ul_7 li:hover .text h3 a{ color:#cc0000;} .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:#cc0000; 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;} .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:#ff0000;} .c_1570_4 .content1 .text .p{ width:100%; float:left; padding:33px 0 35px 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:#cc0000; 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%;} .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:#cc0000; 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:#cc0000;} .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:#cc0000;} @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:#ff0000;} .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:#ff0000;} .content4 .hometop .zbox table td a{ color:#333;} .content4 .hometop .zbox table td a:hover{ color:#ff0000;} @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:#cc0000;} .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:#cc0000; } .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;} } .ul_8{ width:100%; float:left; margin-top:-2px;} .ul_8 li{ width:50%; float:left; padding:0 15px; margin-top:30px;} .ul_8 li .zbox{ width:100%; float:left; border:solid 1px #f3f3f3; background:white; height:400px; line-height:400px; padding:0 338px 0 50px; position:relative; 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;} .ul_8 li .zbox .img{ width:338px; position:absolute; right:0; top:50%; height:400px; margin-top:-200px; line-height:400px;} .ul_8 li .zbox .img img{ width:100%; vertical-align:middle; 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_8 li .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);} .ul_8 li .zbox .text{ display:inline-block; vertical-align:middle; max-width:100%;} .ul_8 li .zbox .text .title{ width:100%; font-size:24px; color:black; line-height:45px; letter-spacing:1px;} .ul_8 li .zbox .text .p{ width:100%; font-size:14px; color:#666; line-height:34px; letter-spacing:1px;} .ul_8 li .zbox .text .more{ width:100%; float:left; margin-top:40px;} .ul_8 li .zbox .text .more a{ display:block; float:left; width:133px; height:41px; text-align:center; line-height:40px; color:#cc0000; font-size:16px; border:solid 1px #cc0000; -moz-border-radius:6px; -webkit-border-radius:6px; -khtml-border-radius:6px; border-radius:6px;} .ul_8 li .zbox .text .more a span{ font-family:"宋体"; margin-left:8px;} .ul_8 li .zbox:hover{ box-shadow:0 11px 20px rgba(0,0,0,0.1);} .ul_8 li .zbox .text .more a:hover{ background:#cc0000; color:white;} @media screen and (max-width:1580px){ .ul_8 li .zbox{ height:300px; padding:0 238px 0 30px; line-height:300px;} .ul_8 li .zbox .img{ width:238px;} } @media screen and (max-width:1380px){ .ul_8 li .zbox .text .title{ font-size:18px; line-height:35px;} .ul_8 li .zbox .text .p{ font-size:12px; line-height:28px;} .ul_8 li .zbox .text .more{ margin-top:30px;} .ul_8 li .zbox .text .more a{ width:110px; height:36px; line-height:34px; font-size:14px;} } @media screen and (max-width:1199px){ .ul_8 li .zbox{ height:260px; padding:0 178px 0 20px; line-height:260px;} .ul_8 li .zbox .img{ width:178px;} } @media screen and (max-width:1023px){ .ul_8 li{ margin-top:20px; width:100%;} } @media screen and (max-width:767px){ .ul_8 li{ margin-top:10px; padding:0 5px;} .ul_8 li .zbox{ height:160px; padding:0 128px 0 10px; line-height:160px;} .ul_8 li .zbox .img{ width:128px;} .ul_8 li .zbox .text .title{ font-size:16px; line-height:28px;} .ul_8 li .zbox .text .p{ line-height:24px;} .ul_8 li .zbox .text .more{ margin-top:20px;} .ul_8 li .zbox .text .more a{ width:90px; height:28px; line-height:26px; font-size:12px; -moz-border-radius:4px; -webkit-border-radius:4px; -khtml-border-radius:4px; border-radius:4px;} } /*应用详情*/ .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:#cc0000;} .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:42px 481px 66px 0; 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:#cc0000;} .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:#cc0000;} .c_1570_6 .c_419{ width:419px; position:absolute; right:0; height:100%; top:42px; 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:#cc0000;} .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;} @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:1023px){ .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;} .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:#cc0000; } } /* 分页 */ .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 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 #cc0000; background:#cc0000; 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 #cc0000; border:1px solid #cc0000;} .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 #cc0000; border:1px solid #cc0000;} .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{ display:none;} .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:#cc0000;} .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}} .productShow{position: relative;margin:150px auto 150px;width: 94%;} .productShow .btTit{position: absolute;top: 0;left: 0;} .productShow .btTit span{display: block;} .productShow .btTit .en{margin-bottom: 5px; font-size: 30px;color: #de0e00;text-transform: uppercase;} .productShow .btTit .cn{opacity: .5;display: block;margin-left: 0;font-size: 14px;} /*.bt6 .btTit .en{margin-top: 5px; font-size: 14px;opacity: .5;text-transform: uppercase;}*/ /*.bt6 .btTit .cn{font-size: 30px;color: #de0e00;opacity: 1;}*/ .productShow .sball{height: 640px;} .productShow .sball .leftParameter{float: left;position: relative; text-align: right; width: calc(50% - 320px);height: 100%;} .productShow .sball .rightParameter{float: right;position: relative; text-align: left; width: calc(50% - 320px);height: 100%;} .productShow .sball .leftParameter .parameterBox{position: absolute;right: 0; padding-right: 40px;} .productShow .sball .rightParameter .parameterBox{padding-left: 40px;position: absolute;left: 0;} .productShow .sball .parameterBox:first-child{top: 146px;transform: translateY(-30%);-webkit-transform: translateY(-30%);} .productShow .sball .parameterBox:first-child+.parameterBox,.productShow .sball .parameterBox:first-child.parameter2{left: 0; top: 300px;transform: translateY(-30%);-webkit-transform: translateY(-30%);} .productShow .sball .parameterBox:first-child+.parameterBox+.parameterBox,.productShow .sball .parameterBox:first-child+.parameterBox.parameter3{top: 465px;transform: translateY(-30%);-webkit-transform: translateY(-30%);} .productShow .sball .leftParameter .parameterBox:first-child{right: -30px;} .productShow .sball .leftParameter .parameterBox:first-child+.parameterBox+.parameterBox{right: -30px;} .productShow .sball .rightParameter .parameterBox:first-child{left: -30px;} .productShow .sball .rightParameter .parameterBox:first-child >div:first-child+div{margin-left: 20px;} .productShow .sball .rightParameter .parameterBox:first-child+.parameterBox,.productShow .sball .rightParameter .parameterBox:first-child.parameter2{left: 0;} .productShow .sball .rightParameter .parameterBox:first-child+.parameterBox+.parameterBox{left: -30px;} .productShow .sball .grey{margin-bottom: 5px; font-size: 14px;} .productShow .sball .Lit{margin-bottom: 10px;} .productShow .sball .parameterD{ color: #095292;font-size: 24px;} .productShow .sball .bigR{position: absolute;width: 640px;height: 640px;left: 50%;top: 0;margin-left: -320px; border-radius: 50%;border: 1px solid #c5d4e1;} .productShow .sball .bigR .smR{position: absolute;top: 25%;left: 25%; margin: 0 auto; width: 50%;height: 50%;border-radius: 50%;border: 1px solid #c5d4e1;} .productShow .sball .bigR .smR img{width: 180%; position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%) scale(.7);-webkit-transform: translate(-50%,-50%) scale(.7);transition-duration: 1.8s;-webkit-transition-duration: 1.8s;} .productShow .sball .bigR .smR img.active{transform: translate(-50%,-50%) scale(1);-webkit-transform: translate(-50%,-50%) scale(1);} .productShow .sball .bigR .p{transform-origin: center center; position: absolute;left: 50%;margin-left: -10px; width: 20px;height: 100%;transition: all 1.8s cubic-bezier(.28,.02,.25,1);-webkit-transition: all 1.8s cubic-bezier(.28,.02,.25,1);} .productShow .sball .bigR .p .redR{position: absolute;top: -10px;left: 0;width: 20px;height: 20px;border-radius: 50%; border: 1px solid #df0e00;} .productShow .sball .bigR .p .lrR{position: absolute; top: -5px;left: 5px; width: 10px;height: 10px;border-radius: 50%;background-color: #df0e00;} .productShow .sball .bigR .p1{transform: rotate(60deg);transition: all 1.8s cubic-bezier(.28,.02,.25,1);-webkit-transition: all 1.8s cubic-bezier(.28,.02,.25,1);} .productShow .sball .bigR .p1.active{transform: rotate(420deg);} .productShow .sball .bigR .p2{transform: rotate(90deg);} .productShow .sball .bigR .p2.active{transform: rotate(-270deg);} .productShow .sball .bigR .p3{transform: rotate(120deg);} .productShow .sball .bigR .p3.active{transform: rotate(480deg);} .productShow .sball .bigR .p4{transform: rotate(-60deg);} .productShow .sball .bigR .p4.active{transform: rotate(-420deg);} .productShow .sball .bigR .p5{transform: rotate(-90deg);} .productShow .sball .bigR .p5.active{transform: rotate(270deg);} .productShow .sball .bigR .p6{transform: rotate(-120deg);} .productShow .sball .bigR .p6.active{transform: rotate(-480deg);} .mobileshowcs{display: none;} @media only screen and (max-width: 767px) { body{font: 1.2rem "Microsoft YaHei"; outline: none; font-family: "Microsoft Yahei",Arial, Helvetica,"Hiragino Sans GB", SimSun, "Helvetica Neue";} .productShow{margin: 80px auto;} .productShow .sball .bigR{position: relative;left: 0;margin: 0 auto 20px;width: 280px;height: 280px;} .productShow .sball{height: auto;padding-top: 65px;} .productShow .sball .leftParameter, .productShow .sball .rightParameter{width: 100%;float: left;text-align: left;} .productShow .sball .leftParameter{margin-right: 0;} .productShow .sball .leftParameter .parameterBox,.productShow .sball .rightParameter .parameterBox{position: relative;left: 0;top: 0;padding-right: 0;} .productShow .sball .leftParameter .parameterBox:first-child+.parameterBox+.parameterBox{right: 0;} .productShow .sball .parameterBox:first-child + .parameterBox + .parameterBox, .productShow .sball .parameterBox:first-child + .parameterBox.parameter3{top: 0;transform: none;right: 0;} .productShow .sball .parameterBox:first-child + .parameterBox, .productShow .sball .parameterBox.parameter2:first-child{top: 0;} .productShow .sball .rightParameter .parameterBox:first-child{left: 0;} .productShow .sball .parameterBox:first-child+.parameterBox, .productShow .sball .parameterBox:first-child.parameter2{transform: none;} .productShow .sball .rightParameter .parameterBox:first-child + .parameterBox + .parameterBox{left: 0;} .productShow .sball .rightParameter .parameterBox:first-child > div:first-child + div{margin-left: 0;} .productShow .sball .parameterBox:first-child{transform: none;} .productShow .sball .rightParameter .parameterBox{padding-left: 0;} .productShow .sball .parameterD{font-size: 14px;} .productShow .sball .grey{margin-bottom: 5px;} .productShow .sball .rightParameter .parameterBox,.productShow .sball .leftParameter .parameterBox{width: 50%;float: left;text-align: center; margin-bottom: 15px;} .productShow .sball .bigR .p{display: none;} .productShow .sball .leftParameter .parameterBox:first-child{right: 0;} .productShow .btTit .en{font-size: 20px;} .mobileshowcs { display: block; } .productShow .sball .leftParameter, .productShow .sball .rightParameter { display: none; } .mobileshowcs ul li{width: 50%;float: left;height: 60px;margin-bottom: 10px;} .mobileshowcs.espcs ul li{height: 80px;} .mobileshowcs.espcs1 ul li{height: 40px;} .mobileshowcs .cs { color: #095292; } } /*分页效果*/ .pages{ margin:0; padding:0; font-family:"Microsoft YaHei",Verdana; font-size:12px; } .pages a,.pages span{ display:block; float:left; margin:2px 0 0 -1px; padding:4px 12px; line-height:20px; border:1px solid #e1e1e1; background:#fff; color:#333; text-decoration:none; } .pages span:first-child{ border-left:1px solid #e1e1e1; } .pages a:hover{ color:#666; background:#eee; } .pages span.current{ color:#fff; background:#488FCD; border-color:#488FCD; } .pages span.disabled{ color:#999; background:#fff; }