@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;cursor:pointer} 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;cursor:pointer;} 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; } .rotate_jia,.rotate_div,.rotate_jian,.up-img,.down-img,.left-img,.right-img,.middle-img{display:none;} .ts3{transition:all ease 0.3s; -webkit-transition:all ease 0.3s; -moz-transition:all ease 0.3s; -ms-transition:all ease 0.3s; -o-transition:all ease 0.3s;} .ts5{transition:all ease 0.5s; -webkit-transition:all ease 0.5s; -moz-transition:all ease 0.5s; -ms-transition:all ease 0.5s; -o-transition:all ease 0.5s;} .bdshare_dialog_box{display:none !important;} .pcblock{display:block;} .wapblock{ display:none; } .height50{height:50px;} /*------------------------------------------*/ .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%;} .c_1570_nf{ width:100%; padding:0 9.11%;} .pz_top.on_2{ top:0; } .pz_top.on_1{ top:0;} .pz_banner img{background-position:center center} /* .pz_top.on_2 .topnav,.pz_top.on_1 .topnav{background:#fff;} */ @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:rgba(255,255,255,0.8);} .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:12px;} .topnav .logo img{ width:100%; float: left;} .pz_top.on_1 .topnav,.pz_top.on_2 .topnav{ height:70px;} .pz_top.on_1 .topnav .logo,.pz_top.on_2 .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,.pz_top.on_2 .topnav .menu,.pz_top.on_2 .topnav .menu ul .nli,.pz_top.on_2 .topnav .search_i{ height:70px;} .pz_top.on_1 .topnav .menu ul .nli span > a,.pz_top.on_2 .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,.pz_top.on_2 .topnav .lang,.pz_top.on_2 .topnav .search_i .search_ico{ margin-top:16px;} .pz_top.on_1 .topnav .search_i .search_ico,.pz_top.on_2 .topnav .search_i .search_ico{margin-top:5px;} .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 img{ display:block; width:50%;height:auto;margin:8px 0 0 8px;} .topnav .lang a{ display:block; width:38px; height:38px; font-size:16px; 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:60px; height:60px; margin-top:15px; border:none; background:url(../images/top8_h.png) no-repeat center center; background-size:100% 100%; cursor:pointer; -moz-border-radius:50%; -webkit-border-radius:50%; -khtml-border-radius:50%; border-radius:50%;} .search .search_k{ width:100%; height:44px; float:left; line-height:44px; background:white; font-size:16px; color:#333 !important; padding-left: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;} .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; padding-left:10px; 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;} .select_list{ position:absolute;left:0;top:0;width:80px; height:44px;border:none;border-right:1px solid #dedede; appearance:none;-moz-appearance:none;-webkit-appearance:none; background:#fff url("../images/arrow.png") no-repeat scroll 96% center; font-family:"微软雅黑"; padding-left:5px; font-size:13px; } .select_list option{ padding-left:10px;} .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)} } .pz_top_index .topnav .lang .pic_1{display:block;} .pz_top_index .topnav .lang .pic_2{display:none;} .on_1 .topnav .lang .pic_1{display:none;} .on_1 .topnav .lang .pic_2{display:block;} .so span{display:block; float:left; width:110px; height:44px; border-right:3px solid #000; background:url(/templates/cn/../images/img_1_11.png) no-repeat 88px center #fff; cursor:pointer ; position:relative; z-index:9999;} .so span input.sou_inp{ display:block; position:absolute; left:0; top:0; width:110px; height:44px; z-index:1; opacity:0; filter:alpha(opacity=00);} .so span div{ float:left; padding-left:10px; text-align:center; height:44px; line-height:44px; font-size:14px; color:#4c4c4c; position:relative; z-index:9; width:88px;} .so span ul{ display:none; position:absolute; left:-3px; top:44px; background:#f5f5f5; border:3px solid #000; width:113px; height:auto; overflow-y:auto;overflow-x:hidden;z-index:9} .so span ul li{ float:left; width:100%; text-align:center; height:30px; line-height:30px; font-size:12px; color:#4c4c4c;} .so span ul li:hover{ background:#fff;} .menu{ z-index:99; float: right;} .menu > ul{ float:left; width:100%;} .menu ul .nli{ float:left;z-index:99; margin:0 0 0 65px; height:88px; position:relative;} .menu ul .nli span{ display:block; width:100%; float:left;} .menu ul .nli span a{ display:block; float:left; height:88px; line-height:88px; color:black; font-size:16px; overflow:hidden;position:relative; border-bottom:solid 3px transparent;} /*下拉菜单（漂浮在menu .nli上）*/ .sub{ z-index:21; position:absolute; width: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:#e14f19 ;} .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:#e14f19 ;} .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_h.png); border:solid 1px white; border:none;} .pz_top_index .topnav .lang{ border:solid 1px white; border:solid 1px #666;} .pz_top_index .topnav .lang:hover,.pz_top_index .topnav .search_i .search_ico:hover{ border-color:#000;} .pz_top_index .topnav .lang a{ color:#000;} .pz_top_index .menu ul .nli span a{ color:#000;} .menu ul .nli.on span a, .menu ul .nli:hover span a{ color:#e14f19 ; border-color:#e14f19 ;} @media screen and (max-width: 1460px) { .menu ul .nli{ margin:0 0 0 35px;} } @media screen and (max-width: 1380px) { .top .top_r{ padding-left:8px;} .top .top_r a{ padding-left:17px; padding-right:22px;} .topnav .search_i{ margin-left:26px;} } @media screen and (max-width: 1199px) { .menu ul .nli{ margin:0 0 0 20px;} .topnav .logo{ width: 220px;} .top .top_r a{ padding-left:7px; padding-right:12px;} } .pf_menu{ display:none;} @media screen and (max-width: 1023px) { .top{ display:none;} .topnav{ height:58px;} .menu{ display:none;} .topnav .logo{ width: 120px; height:58px; line-height:58px; position:absolute; left:15px; top:-3px;margin-top:0;} .pz_top.on_1 .topnav .logo{ margin-top:0px;} .topnav .logo img{ float:none; display:inline-block;} .topnav .topnav_right{ float:left;} .topnav .search_i{ display:none;} .topnav .lang{ width:30px; height:30px; margin-top:14px; margin-left:0;} .topnav .lang a{ width:30px; height:30px; line-height:28px; font-size:12px;} .menuph{ float:right; cursor: pointer; width: 30px; height: 50px; position:relative;} .menuph .point { display:block; width: 30px; height: 30px; margin-top:30px;} .menuph .navbtn { position: absolute; top: 28px; right: 10px; display: inline-block; width: 18px; height: 2px; -webkit-transition: all .3s ease-out 0s; -moz-transition: all .3s ease-out 0s; -ms-transition: all .3s ease-out 0s; -o-transition: all .3s ease-out 0s; transition: all .3s ease-out 0s; background: #000; z-index:9999;} .menuph .navbtn::after, .menuph .navbtn::before { position: absolute; right: 0; display: inline-block; width: 18px; height: 2px; content: ''; -webkit-transition: all .3s ease-out 0s; -moz-transition: all .3s ease-out 0s; -ms-transition: all .3s ease-out 0s; -o-transition: all .3s ease-out 0s; transition: all .3s ease-out 0s; background: #000; -moz-border-radius:4px; -webkit-border-radius:4px; -khtml-border-radius:4px; border-radius:4px;} .menuph .navbtn::after { top:-6px;} .menuph .navbtn::before { top:6px;} .menuph .point.active .navbtn{ background: transparent; } .menuph .point.active .navbtn::after{ -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); top: 0px; } .menuph .point.active .navbtn::before { -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); top: 0px; } .pz_top_index .menuph .navbtn,.pz_top_index .menuph .navbtn::after,.pz_top_index .menuph .navbtn::before{ background:#000;} .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:#e14f19 ;} .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(/templates/cn/../images/img_1_11.png) no-repeat 88px center #fff; cursor:pointer ; position:relative; z-index:9999;} .so1 span input.sou_inp{ display:block; position:absolute; left:0; top:0; width:110px; height:38px; z-index:1; opacity:0; filter:alpha(opacity=00);} .so1 span div{ float:left; padding-left:10px; text-align:center; height:38px; line-height:38px; font-size:14px; color:#4c4c4c; position:relative; z-index:9; width:88px;} .so1 span ul{ display:none; position:absolute; left:-1px; top:38px; background:#f5f5f5; border:1px solid #000; width:111px; height:auto; overflow-y:auto;overflow-x:hidden;z-index:9} .so1 span ul li{ float:left; width:100%; text-align:center; height:30px; line-height:30px; font-size:12px; color:#4c4c4c;} .so1 span ul li:hover{ background:#fff;} .ph_menu .msg{ width:100%; float:left; margin-top:10px;} .ph_menu .msg a{ display:block; width:100%; float:left; height:36px; line-height:36px; text-align:center; background:#073d6f; font-size:14px; color:white; font-weight:bold; font-family:Arial; -moz-border-radius:18px; -webkit-border-radius:18px; -khtml-border-radius:18px; border-radius:18px;} .pf_menu.on{ padding:64px 95px 0 95px;} /* .pz_top_index.active{ background:black;} */ .ph_menu_down{ width:100%; float:left; padding:10px; margin-top:10px;} .ph_menu_down li{ width:100%; float:left; font-size:14px; color:#333; line-height:28px;} .ph_menu_down li a{ color:#333;} .ph_menu_down li a img{ height:20px; vertical-align:middle; margin:-3px 5px 0 0;} .ph_menu_down li a p{display:inline-block;} } .left_headline{ position:absolute; left:68px; bottom:57px; transform:rotate(-90deg);transform-origin:0 0; font-size:16px; color:white; text-transform:uppercase; letter-spacing:8px; padding-left:58px; background:url(../images/top9.png) no-repeat left center; z-index:9;font-family: 'OPENSANS-LIGHT';} @media screen and (max-width: 1380px) { .left_headline{ left:45px;} } @media screen and (max-width:1199px) { .left_headline{ left:15px;} } @media screen and (max-height:830px) { .left_headline{ bottom:20px;} } @media screen and (max-height:767px) { .left_headline{ bottom:10px;} } @media screen and (max-width:767px) { .left_headline{ display:none;} } .leftnav{ position:fixed; right: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; right:80%; top:50%; margin-top:-10px; font-size:14px;font-family: 'OPENSANS-BOLD'; color:#e14f19 ; 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:#e14f19 ; } @media screen and (max-width:1380px) { .leftnav{ right:50px;} } @media screen and (max-width:1199px) { .leftnav{ right: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;background-position:center center;background-repeat:no-repeat;} .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;} .slide_banner img{width:100%;height:auto;} .top_text{width:50%;height:auto; position:absolute;left:25%;top:20%; z-index:2;-webkit-animation: fadeOutRight 0s both;animation: fadeOutRight 0s both;} .top_text2{width:30%;height:auto;position:absolute;left:35%;top:43%;z-index:2;-webkit-animation: fadeOutLeft 0s both;animation: fadeOutLeft 0s both;} .pic_con{width:80%;height:auto; position:absolute;left:50%;top:55%;transform:translate(-50%,-50%); z-index:1;} .banner_bg{width:100%;height:auto;-webkit-animation: fadeOut 0.5s both;animation: fadeOut 0.5s both;} .pic_gy{width:7%;height:auto;position:absolute;} .pic_1{left:-2.5%;top:59%;-webkit-animation: fadeOutRight 0.5s both;animation: fadeOutRight 0.5s both;} .pic_2{left:21%;top:93%;-webkit-animation:fadeOutRight 0.5s both;animation: fadeOutRight 0.5s both;} .pic_3{left:37%;top:66%;-webkit-animation: fadeOutLeft 0.5s both;animation: fadeOutLeft 0.5s both;} .pic_4{left:60%;top:74%;-webkit-animation: fadeOutLeft 0.5s both;animation: fadeOutLeft 0.5s both;} .pic_5{left:93%;top:54%;-webkit-animation: fadeOutLeft 0.5s both;animation: fadeOutLeft 0.5s both;} .zx_pic_1{left:2%} .zx_pic_2{left:14%} .zx_pic_3{left:26%} .zx_pic_4{left:38%} .slide_banner .slick-active .top_text{ -webkit-animation: fadeInDown 1s both 0.5s;animation: fadeInDown 1s both 0.5s;} .slide_banner .slick-active .top_text2{-webkit-animation: fadeInUp 1s both 1.2s;animation: fadeInUp 1s both 1.2s;} .slide_banner .slick-active .banner_bg{-webkit-animation: fadeIn 1s both 1.3s;animation: fadeIn 1s both 1.3s;} .slide_banner .slick-active .pic_1{-webkit-animation: fadeInUp 1s both 1.4s;animation: fadeInUp 1s both 1.4s;} .slide_banner .slick-active .pic_2{-webkit-animation:fadeInUp 1s both 1.5s;animation: fadeInUp 1s both 1.5s;} .slide_banner .slick-active .pic_3{-webkit-animation: fadeInUp 1s both 1.6s;animation: fadeInUp 1s both 1.6s;} .slide_banner .slick-active .pic_4{-webkit-animation: fadeInUp 1s both 1.7s;animation: fadeInUp 1s both 1.7s;} .slide_banner .slick-active .pic_5{-webkit-animation: fadeInUp 1s both 1.8s;animation: fadeInUp 1s both 1.8s;} .t_left_text{width:35%;height:auto; position:absolute;left:12%;top:35%; z-index:2;-webkit-animation:fadeOut 0s both;animation:fadeOut 0s both;} .t_pro{width:46%;height:auto;position:absolute;right:10%;bottom:0;z-index:2;-webkit-animation:fadeOut 0s both;animation:fadeOut 0s both;} .btn_con{width:70%;height:auto; position:absolute;left:12%;top:65%;-webkit-animation: fadeOutRight 0s both;animation: fadeOutRight 0s both; z-index:1;} .btn_con>div>img{width:20%;} .btn_con>div{margin-top:2%;} .t_btn_1{-webkit-animation: fadeOutRight 0.5s both;animation: fadeOutRight 0.5s both;} .t_btn_2{-webkit-animation: fadeOutRight 0.5s both;animation: fadeOutRight 0.5s both;} .t_btn_3{-webkit-animation: fadeOutLeft 0.5s both;animation: fadeOutLeft 0.5s both;} .th_left{width:auto;height:100%; position:absolute;left:0%;top:0%; z-index:2;-webkit-animation:fadeOut 0s both;animation:fadeOut 0s both;} .th_right{width:12%;height:auto;position:absolute;right:0;top:0;z-index:2;-webkit-animation:fadeOut 0s both;animation:fadeOut 0s both;} .th_text{width:35%;height:auto;position:absolute;left:17%;top:19%;z-index:2;-webkit-animation:fadeOut 0s both;animation:fadeOut 0s both;} .slide_banner .slick-active .top_text{ -webkit-animation: fadeInDown 1s both 0.5s;animation: fadeInDown 1s both 0.5s;} .slide_banner .slick-active .top_text2{-webkit-animation: fadeInUp 1s both 1.2s;animation: fadeInUp 1s both 1.2s;} .slide_banner .slick-active .banner_bg{-webkit-animation: fadeIn 1s both 1.3s;animation: fadeIn 1s both 1.3s;} .slide_banner .slick-active .pic_1{left:-2.5%;top:54%;-webkit-animation: fadeInUp 1s both 1.4s;animation: fadeInUp 1s both 1.4s;} .slide_banner .slick-active .pic_2{left:21%;top:87%;-webkit-animation:fadeInUp 1s both 1.5s;animation: fadeInUp 1s both 1.5s;} .slide_banner .slick-active .pic_3{left:37%;top:60%;-webkit-animation: fadeInUp 1s both 1.6s;animation: fadeInUp 1s both 1.6s;} .slide_banner .slick-active .pic_4{left:60%;top:68%;-webkit-animation: fadeInUp 1s both 1.7s;animation: fadeInUp 1s both 1.7s;} .slide_banner .slick-active .pic_5{left:93%;top:48%;-webkit-animation: fadeInUp 1s both 1.8s;animation: fadeInUp 1s both 1.8s;} .slide_banner .slick-active .zx_pic_1{left:2%} .slide_banner .slick-active .zx_pic_2{left:14%} .slide_banner .slick-active .zx_pic_3{left:26%} .slide_banner .slick-active .zx_pic_4{left:38%} .zx_pic_1,.zx_pic_2,.zx_pic_3,.zx_pic_4{width:8%;} .slide_banner .slick-active .t_left_text{ -webkit-animation: fadeInDown 1s both 0.5s;animation: fadeInDown 1s both 0.5s;} .slide_banner .slick-active .t_pro{-webkit-animation: fadeInRight 1s both 1.2s;animation: fadeInRight 1s both 1.2s;} .slide_banner .slick-active .btn_con{-webkit-animation: fadeIn 1s both 1.3s;animation: fadeIn 1s both 1.3s;} .slide_banner .slick-active .t_btn_1{left:-2.5%;top:54%;-webkit-animation: fadeInUp 1s both 1.4s;animation: fadeInUp 1s both 1.4s;} .slide_banner .slick-active .t_btn_2{left:21%;top:87%;-webkit-animation:fadeInUp 1s both 1.5s;animation: fadeInUp 1s both 1.5s;} .slide_banner .slick-active .t_btn_3{left:37%;top:60%;-webkit-animation: fadeInUp 1s both 1.6s;animation: fadeInUp 1s both 1.6s;} .slide_banner .slick-active .th_left{ -webkit-animation: fadeInLeft 1s both 0.5s;animation: fadeInLeft 1s both 0.5s;} .slide_banner .slick-active .th_right{-webkit-animation: fadeInRight 1s both 1.2s;animation: fadeInRight 1s both 1.2s;} .slide_banner .slick-active .th_text{-webkit-animation: fadeInDown 1s both 1.3s;animation: fadeInDown 1s both 1.3s;} .banner_tit{width:40%;height:auto; position:absolute;left:30%;top:15%; z-index:2;-webkit-animation:fadeOut 0s both;animation:fadeOut 0s both;} .erji_left{width:33%;height:auto; position:absolute;left:0;bottom:0; z-index:2;-webkit-animation:fadeOut 0s both;animation:fadeOut 0s both;} .des_con{width:15%;height:auto; position:absolute;left:auto; right:45%;top:45%; z-index:1;-webkit-animation: fadeOutRight 0s both;animation: fadeOutRight 0s both;} .des_tit1{width:55%;height:auto; position:absolute;left:auto; right:13%;top:35%; z-index:1;-webkit-animation: fadeOutRight 0s both;animation: fadeOutRight 0s both;} .des_tit2{width:50%;height:auto; position:absolute;left:auto; right:30%;top:70%; z-index:1;-webkit-animation: fadeOutLeft 0s both;animation: fadeOutLeft 0s both;} .slide_banner .slick-active .banner_tit{ -webkit-animation: fadeInDown 1s both 0.5s;animation: fadeInDown 1s both 0.5s;} .slide_banner .slick-active .erji_left{ -webkit-animation: fadeInLeft 1s both 0.5s;animation: fadeInLeft 1s both 0.5s;} .slide_banner .slick-active .des_con{-webkit-animation: fadeInUp 1s both 1.4s;animation: fadeInUp 1s both 1.4s;} .slide_banner .slick-active .des_tit1{-webkit-animation:fadeInUp 1s both 1.5s;animation: fadeInUp 1s both 1.5s;} .slide_banner .slick-active .des_tit2{-webkit-animation: fadeInUp 1s both 1.6s;animation: fadeInUp 1s both 1.6s;} .banner_r{width:40%;height:60%;display:block;position:absolute;right:10%;bottom:5%;z-index:44;} .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{/* max-height:800px; */} .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:#e14f19 ; 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:#e14f19 ;} .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;} .c_1570_box2{padding-bottom:40px;} .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%; height:12vw;overflow:hidden; float:left; position:relative; background:black;} .ul_1 li .zbox_box .pic img{ width:100%; height:auto; float:left;max-width: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;} .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; cursor:pointer;} .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:#e14f19 ;} @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;margin-top:175vw} .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;} } .slide_banner .slick-prev,.slide_banner .slick-next{ display:block; width:60px; height:60px; position:absolute; left:100px; top:50%; margin-top:-12px; background:url(../images/left.png) no-repeat center center/60px auto; background-size:auto 100%; cursor:pointer;} .slide_banner .slick-next{ background:url(../images/right.png) no-repeat center center/60px auto;left:auto;right:100px; } /*第二屏*/ .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; border:1px solid #eee;} .ul_2 .zbox .zbox_box .pic{ width:100%; float:left; background:black; height:22vw;} .ul_2 .zbox .zbox_box .pic img{ width:100%; height:auto; position:absolute; left:50%; top:50%; max-width:none;transform: translate(-50%, -50%); -webkit-transition: all 0.3s ease-out 0s; -moz-transition: all 0.3s ease-out 0s; -o-transition: all 0.3s ease-out 0s; transition: all 0.3s ease-out 0s;} .ul_2 .zbox .zbox_box .zbox_down{ width:100%; text-align:center; position:absolute; left:0; bottom:0; background:rgba(255,255,255,0.8); 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;text-overflow: ellipsis;display: -webkit-box; -webkit-line-clamp: 2;-webkit-box-orient: vertical; 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; overflow:hidden;text-overflow: ellipsis;display: -webkit-box; -webkit-line-clamp: 3;-webkit-box-orient: vertical;} .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%;} .ul_2 .zbox .zbox_box:hover .zbox_down{ height:100%; background:none; padding:50px 70px 0 70px;} } @media screen and (max-width:1360px) { .section_2 .slideGroup .hd{ width:85%;} .ul_2 .zbox .zbox_box:hover .zbox_down{ padding:45px 40px 0 40px;} .ul_2 .zbox .zbox_box .pic{ height:290px;} } @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:214px;} .ul_2 .zbox .zbox_box .pic img{ width:100%; height:auto; } .ul_2 .zbox .zbox_box .zbox_down{ height:112px; padding:15px 15px 0 15px;} .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;} .des_con{ width:30%; right:35%; } .banner_tit{ top:20%; width:45%; } } /*第四屏*/ .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%; height:10vw; background:#fff;border:1px solid #eee; float:left; overflow:hidden; position:relative; 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 .pic img{ width:auto; height:100%; max-width:none; float:left; position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);} .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:hover .pic{ background:#ddd; } .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:#e14f19 ;} @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:#e14f19 ;} } /*第三屏*/ .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:rgba(203,38,36,0.7); */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:50%;} .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:left;} .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;} .ul_d li{width:100%;height:80vw;} .ul_d li a{color:#fff;position:relative} .ul_d .ul_4_li_down{position:absolute;right:0;bottom:0;width:100%;text-align:left;padding:20px;} .ul_d li .ul_4_li_down h4 { letter-spacing:1px; font-size: 16px; line-height: 26px; } .ul_d li .ul_4_li_down h6 { width:100%; letter-spacing:1px; line-height:20px; margin-top: 4px; font-size: 12px; } } .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;} /*第五屏*/ .c_0100_2{ width:100%; position:relative; height:100%; overflow:hidden;} .c_0100_2 .pic{ width:49.22%; height:100%; position:relative; float:right; z-index:2; min-height:700px;} .c_0100_2 .pic p, .c_0100_2 .pic p iframe{width:100%; height:100%;} .c_0100_2 .c_975{ width:50.78%; float:left; height:100%; position:relative; text-align:center; padding-left:10%; z-index:3;} .c_0100_2 .c_975 .c_975_box{ width:315px; display:inline-block; text-align:left;} .c_0100_2 .c_975 .c_975_box .c_975_head{ width:100%; padding-bottom:34px; background:url(../images/index6_1.jpg) no-repeat left bottom; letter-spacing:1px;} .c_0100_2 .c_975 .c_975_box .c_975_head h4{ width:100%; text-transform:uppercase; font-size:28px; color:#333; line-height:52px; font-family: 'OPENSANS-REGULAR';} .c_0100_2 .c_975 .c_975_box .c_975_head h3{ width:100%; font-size:50px; color:#333; line-height:78px; font-weight:bold; letter-spacing:2px;} .c_0100_2 .c_975 .c_975_box .c_975_body{ width:100%; margin-top:18px; font-size:28px; color:#888; line-height:55px; font-weight:bold;} .c_0100_2 .c_975 .c_975_box .c_975_down{ width:100%; margin-top:98px; position:relative;} .c_0100_2 .c_975 .c_975_box .c_975_down a{ position:relative; z-index:5; display:block; padding-left:138px; font-size:24px; color:#333; line-height:34px; text-transform:uppercase; font-weight:bold;} .c_0100_2 .c_975 .c_975_box .c_975_down a:before{ content:''; width:107px; height:3px; background:#333; position:absolute; left:0; top:50%; margin-top:-1px;} .c_0100_2 .c_975 .c_975_box .c_975_down a:hover{ color:#e14f19 ;} .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:400px !important; min-height:400px;} .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:#e14f19 ;} .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%;} } /* 分页 */ .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}} .nr_ad{ width:100%; height:300px; overflow:hidden; } /* 解决方案 */ .clearfix:after{content:".";display:block; width:100%;height:0; line-height:0;clear:both; overflow:hidden} .height100{ width:100%;height:86px; line-height:100px; clear:both; } .gallery{position:relative} .gallery .swiper-container{width:100%;position:relative} .gallery .swiper-slide{text-align:center;font-size:18px;background:#fff} .gallery .swiper-slide img{width:100%} .gallery .arrow{position:absolute;z-index:9;top:50%; width:60px; height:60px; cursor:pointer} .gallery .arrow-left{right:55px; background-image:url(../images/right.png);} .gallery .arrow-right{left:55px;background-image:url(../images/left.png);} .grid-row{display:flex;flex-wrap:wrap;width:100%; padding:50px 9.11% 0; box-sizing:border-box!important} .application{width:25%;margin-bottom:30px;padding-left:10px;padding-right:10px;display:inline-flex} .stack.layer{text-align:center; background:#fff;} .layer h3{font-family:'微软雅黑',sans-serif;color:#e14f19;display:block;font-size:17px;font-weight:400;line-height:52px; margin:0;text-align:left;background:#f4f4f4; overflow:hidden} .application--card{background:#fcfcfc;position:relative;overflow:hidden;width:100%;min-height:380px;display:flex;flex-direction:column;border-bottom:1px solid #eee; border-radius:5px; padding-left:50px;} .application .application--image{padding:15px 0 0; width:50px; height:52px; position:relative;display:block;overflow:hidden;cursor:text;text-align:center; position:absolute;left:0; top:0; background:#f4f4f4;} .img-responsive{height:auto;-moz-transition:all .3s;-o-transition:all .3s;-webkit-transition:all .3s;transition:all .3s;margin:auto; height:25px;} .application--brand{color:#777;display:block;padding-top:1em;flex:1 0 auto; padding:20px 0;text-align:left;} .application a{color:inherit;text-decoration:none;display:block;color:#333;font-weight:500} .application a:hover{color:#e14f19;} .application--brand ul{margin:0} .application--brand ul>li{list-style-type:none;margin:0 0 1em 0;color:rgba(212,212,212,1);line-height:20px;font-size:1.25em} .nr_contain{ padding:0 0 40px; } .right_con{ width:75%; float:right; border:1px solid #eee; padding:20px; position:relative; } .right_con2{ padding:0 20px; } .right_con3{padding:20px 40px;} .solution_tit{ width:100%; height:auto; font-size:24px; text-align:center; position:relative; padding-bottom:20px; border-bottom:1px solid #eee;} .solution_tit::after{ content:""; width:80px; height:2px; background:#e14f19; position:absolute;left:50%;bottom:-1px;margin-left:-40px; } .edit{ width:100%; height:auto; } .edit img{ max-width:100%; height:auto; } .edit ul,.edit li,.edit ol{list-style-type: inherit;} .edit_tit{ font-size:20px;position:relative;padding-left:30px;margin:15px 0 15px 20px;} .edit_tit::before{ content:""; width:20px; height:20px; background:#e14f19; position:absolute;left:0;top:4px; } table,td,tr{border:1px solid #ddd; padding:10px; font-size:13px; line-height:30px;} table label{ line-height:30px;} .edit_des{ line-height:30px;color:#666; } .qt_tit{ margin-left:0;margin-top:10px; font-weight:bold; font-size:24px; padding-left:15px; position:relative; } .qt_tit::before{ width:3px; height:25px; background:#e14f19; position:absolute;left:0;top:5px; } /* .table > tbody > tr > td{ } */ .table_con{ width:100%; height:auto; } .table_con td{ padding:10px; font-size:18px; } .edit_des,.ul_list{ font-size:16px; } .ul_list li{display:block; margin-bottom:15px;text-indent:1.4em;} .sidebar{ width:23%; height:auto; float:left; border:1px solid #eee;} .sidebar_con{ width:23%;float:left; } .sidebar_tit{width:100%; height:50px; line-height:50px; font-size:18px; font-weight:bold; border-left:2px solid #e14f19; padding-left:15px; background:#eee} .sidebar>a{ display:block; width:100%; height:50px; line-height:50px; cursor:pointer; border-bottom:1px solid #eee;color:#666; font-size:16px; padding-left:20px; background:url(../images/icon_more.png) no-repeat 96% center/5px auto; } .sidebar>a:last-child{border:none;} .sidebar>a.cur{border-color:#e14f19;background:#e14f19 url(../images/icon_morecur.png) no-repeat 96% center/5px auto; color:#fff;} .sidebar>a:hover{color:#e14f19;} .sidebar>a.cur:hover{color:#fff;} .level_ul{display:none;} .level_ul li,.level_ul li a{display:block; width:100%; height:40px; line-height:40px; font-size:15px;color:#666;} .level_ul li{ border-bottom:1px solid #eee; } .level_ul li a{text-indent:2em;} .level_ul li a:hover,.level_ul li a.nrcur{color:#e14f19;border-bottom:1px solid #e14f19;} .Block_Text_table_title span{ background:#e14f19;padding-left: 10px;font-weight: normal;font-size: 14px; } .Block_Text_table_title td{ background: #e14f19;color: #fff;font-size: 16px;font-weight: bold;line-height: 25px; padding: 5px;vertical-align: middle;border: #fff solid 1px;} .Block_Text_table_title sup {top: -0.5em;} .Block_Text_table_title2 span,.Block_Text_table_title2 td{ background:#fe9d12;} .Block_Text_table1 td {border: #fff solid 1px; background: #898989; color: #fff; font-size: 16px; line-height: 25px; text-align: center; vertical-align: middle; padding: 5px; } .Block_Text_table2 td { border: #ccc solid 1px; background: #fff; color: #3e3a39; font-size: 14px; line-height: 25px; text-align: center; vertical-align: middle; padding:10px; } .gj_tit{ font-size:18px; margin-bottom:20px; font-weight:bold; } .float_btn{ display:block; width:76px; height:auto; position:fixed;right:20px;top:48%; margin-top:0; } .float_btn img{ display:block; width:100%; height:auto; } /* 产品表格 */ td .both{ background-image:url(../images/icon_sx.png); } td .sortable { cursor: pointer; background-position: right; background-repeat: no-repeat; padding-right: 30px; } td .th-inner, td .th-inner { padding: 8px; line-height: 24px; vertical-align: top; overflow: hidden; text-overflow: ellipsis white-space: nowrap; } .right_con .sDlFilter-text{ position:relative; width:30%; margin:10px 30px 0 0;float:right; } .right_con .sDlFilter-text .btn{ width:40px;height:40px;background:#e14f19 url(../images/icon-srch.png) no-repeat center center;position:absolute;right:0px;top:0px;} .top_search{width:400px;margin-top:20px;} .top_search .sDlFilter-text{ position:relative; width:100%;} .top_search .sDlFilter-text .btn{ width:40px;height:40px;background:#e14f19 url(../images/icon-srch.png) no-repeat center center;position:absolute;right:0px;top:0px;} .xuanxing_btn{display:none;} .full_con{ width:100%; height:100%; } .fll_bot{ width:100%; height:500px; } .fll_top{ width:100%; height:700px; } .full-btn{display:block;padding:0 0 0 25px;line-height:30px;background:url(../images/icon-full.png) no-repeat left center;float:right; font-size:16px;margin:15px 20px 15px 0;} .full_fixed{ width:100%; height:100%; position:fixed;left:0;top:0;z-index:445; } .full_fixed .bg_full{ width:100%; height:100%; position:fixed;left:0;top:0;z-index:1; background:rgba(0,0,0,0.5); } .full_fixed .full_con{ width:90%; height:auto; position:absolute;left:50%; top:50%;transform:translate(-50%,-50%); z-index:2; background:#fff; } .full_fixed .fll_bot{ width:100%; height:60%; background:#fff; } .full_fixed .fll_top{ width:100%; height:240px; } .full_fixed .edit_tit{margin:15px 0 8px 10px;} .full_fixed .full-btn{margin:15px 10px 0 0; color:#e14f19;} .full_fixed .t_left{ width:13%; } .full_fixed .t_r{width:86.5%; } .full_fixed .sDlFilter-text{margin:10px 30px 10px 0;} .full_fixed .t_r_content{ height:350px; } .full_fixed .cl_freeze{ height:350px; } .full_fixed .xuanxing_btn{ display:block; float:right; width:auto; height:40px; line-height:40px; padding:0 20px; background:#e14f19; color:#fff;text-align:center; font-size:16px; border-radius:5px;margin:10px 10px 0 0; } .full_fixed .xuanxing_btn i.icon_down{ display:inline-block; width:20px; height:40px; background:url(../images/icon_down.png) no-repeat center center/20px auto; vertical-align:top;margin-right:5px; } /* 产品详情 */ .proInfo-box{margin:39px 0 0;padding-left:400px;position:relative;} .proInfo-img{width:400px;height:285px;line-height:283px;text-align:center;font-size:0px;border:1px solid #e5e5e5;position:absolute;left:0;top:0;} .proInfo-img img{max-width:100%;max-height:100%;} .proInfo-block{padding:20px 2.5556% 0 4.6667%;width:100%;height:285px;background:#f2f2f2;float:left;} .proInfo-block .name{padding:0 0 10px;line-height:31px;font-size:18px;border-bottom:1px solid #e5e5e5;} .proInfo-block .con{padding:0 10px 0 0;height:140px;line-height:28px;color:#666666;position:relative;overflow:hidden;margin:12px 0 0; font-size:14px;} .proInfo-block .btn{width:142px;height:42px;line-height:42px;font-size:16px;font-weight:600;color:#fff;background:#e14f19;margin:7px 0 0;} .proInfo-block .btn span{padding:0 0 0 34px;background:url(../images/icon/icon-shop.png) no-repeat left center;} .proInfo-block .con.ps-container .ps-scrollbar-y-rail{width:5px;background:#eaeaea;} .proInfo-block .con.ps-container .ps-scrollbar-y{width:5px;background:#e14f19;} .proInfo-dtl{margin:41px 0 0;} .pIdtl-nav{background:#f2f2f2;} .pIdtl-nav a,.pIdtl-nav span{display:block;width:160px;height:50px;line-height:50px;text-align:center;font-size:16px;font-weight:600;color:#666666;position:relative;float:left;} .pIdtl-nav a.cur{color:#fff;background:#e14f19;} .pIdtl-nav a:after{content:"";display:block;width:1px;height:14px;background:#dedede;position:absolute;left:0px;top:50%;margin:-7px 0 0;} .pIdtl-nav a.cur:after, .pIdtl-nav a:first-child:after{display:none;} /*详细*/ .pIdtl-info{} .pIdtl-info dl{padding:23px 0 24px;border-bottom:1px solid #e5e5e5;position:relative; font-size:14px;} .pIdtl-info dl dt{width:19.4444%;line-height:28px;text-align:center;font-weight:600;float:left;} .pIdtl-info dl dd{width:80.5556%;line-height:28px;color:#666666;float:left;} .pIdtl-info dl dd img{max-width:100%;} .pIdtl-box{display:none;} .pIdtl-info{margin:17px 0 0;} .pIdtl-Dload{margin:27px 0 0;} .pIdtl-Dload .solDload-tbody dt{background:#fff;} .pIdtl-Dload .solDload-tbody dt span{display:inline-block;border-bottom:1px solid #e14f19;margin:0 0 -1px;} .pIdtl-Dload .table > tbody > tr > td{ padding:15px 8px; font-size:14px; } .pIdtl-Dload a:hover{color:#e14f19;} /*文档下载*/ .sol-download{padding:64px 0 100px;} .solDload-thead{padding:15px 0 15px 3.25%;background:#e14f19;margin:44px 0 0;} .solDload-thead .th{text-align:center;line-height:20px;font-size:16px;font-weight:600;color:#fff;float:left;} .solDload-thead .th.th-name, .solDload-tbody dd .td.td-name{width:51.92937123169681%;text-align:left;} .solDload-thead .th.th-date, .solDload-tbody dd .td.td-date{width:30%;} .solDload-thead .th.th-name2, .solDload-tbody dd .td.td-name2{width:45%;text-align:left;} .solDload-thead .th.th-date2, .solDload-tbody dd .td.td-date2{width:20%;} .solDload-thead .th.th-action, .solDload-tbody dd .td.td-action{width: 6%;} .icon_pdf_l{ display:block; width:30px; height:30px; background:url(../images/icon_pdf.png) no-repeat center center/30px 30px; position:absolute;left:0; top:18px; } .icon_ys{ display:block; width:30px; height:30px; background:url(../images/icon_ys.png) no-repeat center center/30px auto; position:absolute;left:0; top:18px; } .icon_other{ display:block; width:30px; height:30px; background:url(../images/icon_other.png) no-repeat center center/30px auto; position:absolute;left:0; top:18px; } .icon_v{ display:block; width:30px; height:30px; background:url(../images/icon_video.png) no-repeat center center/30px auto; position:absolute;left:0; top:18px; } .solDload-tbody{border-bottom:1px solid #f2f2f2;} .solDload-tbody dt{padding:0 0 0 3.25%;height:50px;line-height:50px;font-size:16px;font-weight:600;background:#f6f6f6;} .solDload-tbody dd{padding:18px 0 19px 3.25%;border-top:1px solid #f2f2f2;} .solDload-tbody dd.dd_wd{ padding-left:40px; position:relative;} .solDload-tbody dd .td{text-align:center;float:left;} .solDload-tbody dd .td.td-name{} .solDload-tbody dd .td.td-name .t1,.solDload-tbody dd .td.td-name2 .t1{line-height:29px;font-size:16px; color:#333;} .solDload-tbody dd .td.td-name .t2,.solDload-tbody dd .td.td-name2 .t2{line-height:24px;color:#a4a4a4;word-wrap: break-word;} .solDload-tbody dd .td.td-date,.solDload-tbody dd .td.td-date2{line-height:20px;font-size:16px;color:#666666;margin:18px 0 0;} .solDload-tbody dd .td.td-name .t1:hover,.solDload-tbody dd .td.td-name2 .t1:hover{color:#e14f19;} .solDload-tbody dd .td.td-action{} .solDload-tbody dd .td.td-action .btn{display:block;width:40px;height:40px;background:url(../images/icon-dd4.png) no-repeat center center / cover;margin:8px auto 0;} /* 文档下载修改 */ .pdf_list_d .product_title{ color: #333; margin: 20px 0; text-decoration: none; font-size: 20px; font-weight: 700; } .pdf_list_d .table thead th { background-color: #F0EFEF; font-size: 15px; font-weight: normal; border:none; } .table.table-striped th { background-color: #e9ecee; border-right: 1px solid #fff; color: #4b4f4f; font-weight: 800; text-align: left; padding-left: 19px; } .table.table-striped td img { position: relative; top: 0em; margin-right: 9px; width: 26px; } .table-striped > tbody > tr:nth-of-type(even) { background-color: #f4f4f4; } .dd_wd_tit{ width:100%; height:50px; line-height:50px; font-size:18px; background:#eee; padding:0 20px; color:#e14f19; font-weight:bold; position:relative; cursor:pointer;} .icon_more2{ display:block; width:25px; height:50px; background:url(../images/icon_more2.png) no-repeat center center/25px auto; position:absolute;right:30px; top:0; } .dl_wd_list{margin-bottom:20px;} /*-- 关于我们 --*/ .about_nr{ padding:30px 20px; font-size:16px; line-height:30px; color:#4c4c4c; } .about_top{ width:100%;height:auto; } .about_left{ width:49%;float:left; } .about_tit{ width:200px; height:auto; background:#e14f19; color:#fff; padding:20px; font-size:22px; font-weight:bold;text-align:center;margin-bottom:30px; } .about_tit .about_en{ font-size:14px;text-transform:uppercase; font-weight:normal;margin-top:10px; } .company_tit{ font-size:18px; font-weight:bold;margin-bottom:15px; color:#333; } .about_right{ width:48%;float:right;margin-top:30px; } .about_right img{ width:100%; height:auto; } .about_bot{margin-top:40px;} .about_bot p{margin-bottom:30px;} /*下载中心*/ .srv-download{padding:0 0 50px; clear:both;} .srv-download .solDload-thead{margin:0;} .srv-download table{width:100%;} .srvDload-filter{width:101.875%;margin:0 0 0 -1.875%;} .srvDload-filter li{width:33.33334%;padding:0 0 0 1.840490797546012%;float:left;} .sDlFilter-box{padding:19px 5.46875%;border:1px solid #d9d9d9;} .sDlFilter-box .type{line-height:30px;text-align:center;font-size:16px;color:#666666;} .sDlFilter-box .btn{width:40px;height:40px;background:#e14f19 url(../images/icon-srch.png) no-repeat center center;position:absolute;right:0px;top:0px;} .sDlFilter-sel, .sDlFilter-text{padding:0 40px 0 0;position:relative;margin:20px 0 0;} .sDlFilter-sel select{width:48%;height:40px;color:#b2b2b2;border:1px solid #d9d9d9;margin:0 2% 0 0;float:left;font-size:16px; } .sDlFilter-text .text, .sDlFilter-text select{width:100%;padding:0 0 0 14px;height:40px;border:1px solid #d9d9d9;border-right:0px;font-size:16px;} .sDlFilter-text .text::-webkit-input-placeholder, .sDlFilter-text select{color:#b2b2b2;} /*分页*/ .pagination{width:100%;height:auto;text-align:center;font-size:0px;position:relative;overflow:hidden;margin:45px 0 0;}/*分页*/ .pagination a,.pagination span{display:inline-block;padding:0 18px;line-height:40px;font-size:14px;color:#666666;border:1px solid #e5e5e5;margin:0 4px;} .pagination span.current, .pagination a:hover{color:#fff;border-color:#e14f19;background:#e14f19;} /*-- 服务支持 --*/ .srv-top{text-align:center;} .srv-top .t1{line-height:53px;font-size:32px;} .srv-top .t2{line-height:25px;font-size:16px;margin:10px 0 0;color:#666;} .srv-top .t2 .hint{color:#e14f19;} .srv-top.srv-top2 .t1, .srv-top.srv-top2 .t2{color:#fff;} .tool td{ width:20%; } .gn_tit{display:block; width:100%; color:#e14f19;} .gn_tit img{width:70px;display:block;margin:0 auto 5px;} .gn_des{ width:100%; font-size:14px; color:#666; } .gn_des a{ color:#e14f19; display:block;} .gn_des i.icon_jt{ display:inline-block; width:15px; height:24px; vertical-align:top;margin-right:5px; background:url(../images/icon_jt.png) no-repeat center center/15px auto; } .gn_des i.icon_jt3{ display:inline-block; width:15px; height:24px; vertical-align:top;margin-right:5px; background:url(../images/icon_jt3.png) no-repeat center center/15px auto; } /*样片申请*/ .srv-smapApply{padding:53px 0 97px;} .smapApply-form{margin:33px 0 0;} .smapApply-list{width:101.875%;margin:0 0 0 -1.875%;} .smapApply-list li{width:33.33334%;padding:10px 0 10px 1.840490797546012%;float:left;} .smapApply-list li.w100{width:100%;} .smapApply-list .smapApply-box{padding:0 10px 0 24px;border:1px solid #e5e5e5;position:relative;} .smapApply-box .text, .smapApply-box select{width:100%;height:48px;line-height:48px;font-size:16px;color:#333;border:0px;margin:0px; -webkit-appearance: none;} .smapApply-box .text::-webkit-input-placeholder{color:#b2b2b2;} .smapApply-box .hint{display:block;width:24px;line-height:48px;font-size:16px;color:#e14f19;text-align:center;position:absolute;left:0px;top:0px;} .smapApply-list .smapApply-sub{display:block;width:100%;height:50px;line-height:50px;font-size:20px;color:#fff;background:#e14f19;} .sampApply-hint{line-height:20px;color:#666666;margin:20px 0 0; font-size:16px;} .smapApply-list .yzm-box .text{padding:0 10px;width:70%;height:50px;border:1px solid #e5e5e5;float:left;} .smapApply-list .yzm-box .yzm-img{display:block;width:28%;height:50px;border:1px solid #e5e5e5;float:right;} .smapApply-list .yzm-box .yzm-img img{width:100%;height:100%;} .smapApply-box .text::-webkit-input-placeholder, .smapApply-box select::-webkit-input-placeholder{color:#b2b2b2;} /* 视频列表 */ .video_list{ width:100%; height:auto; } .video_list a{display:block; width:100%;border:1px solid #eee; position:relative; padding:20px 20px 20px 340px; min-height:240px;margin-bottom:20px;box-shadow:0 5px 5px rgba(0,0,0,0.05); } .video_pic{ display:block; width:300px; height:200px; position:absolute;left:20px;top:20px; overflow:hidden; } .video_pic img{ width:100%; height:auto; } .icon_video{ display:block; width:60px; height:60px; background:url(../images/video_btn.png) no-repeat center center/60px auto; position:absolute;left:50%;top:50%;margin:-30px 0 0 -30px; } .video_tit{ width:100%; height:40px; line-height:40px;font-size:18px; font-weight:bold; overflow:hidden; } .video_list a:hover img{-moz-transform:scale(1.1); -webkit-transform:scale(1.1); -o-transform:scale(1.1); } .video_nr{ } .video_nr .video_nr_tit{font-size:16px; margin:10px 0; color:#e14f19;} .video_ul li{ display:block; width:100%; height:auto; padding-left:25px; position:relative; font-size:14px; margin-bottom:5px; color:#666; line-height:24px; } .video_ul i.icon_star{ width:15px; height:24px; position:absolute;left:0;top:0; background:url(../images/icon_star.png) no-repeat center center/15px auto; } .minheight{min-height:500px;} .search_over{} .cx_tit{font-size:16px;padding:15px 20px;background:#f2f2f2;font-weight:bold;} .video_list .zs_a_list{cursor:default;padding-left:290px;} .video_list .zs_a_list .video_pic{width:250px;} .video_list .zs_a_list .video_pic img{max-width:100%;max-height:100%;width:auto;} .video_list .zs_a_list .video_tit{margin-bottom:10px;} .video_list .zs_a_list .video_ul li{padding-left:0;} .search_go{width:100%; height:auto; text-align:center;padding:130px 0 0;} .search_go .logo{display:block;width:180px;margin:0 auto 30px;} .search_go .biaoqing{display:block;width:100px;height:100px;margin:0 auto 30px;} .search_go .nozs{font-size:16px; color:#999999;} /* 公司简介 */ .aboutcon{ padding:0; } .about_edit{ width:100%; height:auto; } .about_des{ font-size:18px; color:#000; padding-bottom:10px; } .about_descon{color:#666; font-size:16px; line-height:30px;} .service_ys{ width:100%; height:auto; } .service_pic{ width:100%; height:auto; position:relative; padding-top:10px; } .service_pic>div{ width:33.33%; float:left;} .service_pic>div img{display:block; width:100%; height:auto;} .service_en_1{ font-size:40px;text-transform:uppercase; color:#ddd; letter-spacing:3px; position:absolute;top:17vw;left:25vw;} .service_en_2{font-size:50px;text-transform:uppercase; color:#eee; letter-spacing:3px; position:absolute;top:20.5vw;left:25vw} /* 发展历程 */ /* about_course */ .history_con{ padding-top:50px; } .about_course{ background:url(../images/about_course.jpg) no-repeat fixed center center / cover;} .abt_cours_year{ background:url(../images/abt_cours_year.png) no-repeat 124px 7px/ auto 12px; cursor:pointer; } .abt_cours_year:after{content:".";display:block; width:100%; height:0; line-height:0; float:none; clear:both; overflow:hidden} .abt_cours_days:after{content:".";display:block; width:100%; height:0; line-height:0; float:none; clear:both; overflow:hidden} .abt_cours_year,.abt_cours_days{ margin:10px 0; vertical-align:top;} .abt_cours_lef,.abt_cours_reg{ width:100%; margin:0 auto; padding:10px 0; background:url(../images/abt_cours_lefregbg.png) repeat-y 130px top; position:relative;} .abt_cours_lef:first-child{ padding-top:35px; } .abt_cours_reg_top::before{ content:""; width:20px; height:20px; background:#e14f19; position:absolute;left:130px;top :-15px;margin-left:-10px; border-radius:50%;} .abt_cours_nume{ width:120px;padding-right:10px; } .abt_cours_text{ width:86%;} .abt_cours_lef .abt_cours_nume,.abt_cours_reg .abt_cours_text{ float:left; text-align:right;} .abt_cours_reg .abt_cours_nume,.abt_cours_lef .abt_cours_text{ float:right; text-align:left;} .abt_cours_year .abt_cours_nume{ color:#e14f19; font-size:16px; line-height:24px;} .abt_cours_year .abt_cours_text{ color:#333; font-size:15px; line-height:24px;} .abt_cours_days .abt_cours_nume,.abt_cours_days .abt_cours_text{ color:#777; font-size:15px; line-height:24px;} .abt_cours_btm{ width:1050px; margin:0 auto; padding:50px 0 50px; text-align:center; background:url(../images/abt_cours_btmbg.png) no-repeat center top;} .abt_cours_btm_ck{ height:45px;} .abt_cours_btm_ck a{ display:block; color:#e14f19; font-size:14px; line-height:45px; text-transform: uppercase;} @media screen and (max-width:1800px){ .abt_cours_text{ width:84%;} } @media screen and (max-width:1600px){ .abt_cours_text{ width:82%;} } @media screen and (max-width:1400px){ .abt_cours_text{ width:80%;} } @media screen and (max-width:1200px){ .abt_cours_text{ width:78%;} } @media screen and (max-width:1000px){ .abt_cours_text{ width:74%;} } @media screen and (max-width:900px){ .abt_cours_text{ width:72%;} } @media screen and (max-width:800px){ .abt_cours_text{ width:70%;} } /* news_categ */ .news_categ{ padding:0; border-bottom:1px solid #e5e5e5;margin-bottom:30px; clear:both;} .news_categ a{ display:inline-block; margin:0 1px 0 0; line-height:52px; padding:0 20px; font-size:16px;float:left;} .news_categ_clk,.news_categ a:hover{ border-bottom:1px solid #e14f19; color:#ffffff;background:#e14f19;} .news_lest{ padding-bottom:30px;} .news_lest li{ border-bottom:1px solid #e5e5e5;} .news_lest li a{ display:block; padding:27px 220px 27px 120px; min-height:184px; transition: .5s; -moz-transition: .5s; -webkit-transition: .5s; -o-transition: .5s; position:relative;} .news_lest li a:hover{ background:#f8f8f8;} .news_lest_img{ width:200px; height:130px;position:absolute;right:0;top:27px;} .news_lest_img img{ display:block; width:200px; height:130px;} .news_lest_dat{ width:100px;position:absolute;left:0;top:27px;} .news_lest_tae{ width:100%;} .news_lest_dat_num{ font-size:24px; color:#000; line-height:36px; margin-top:10px;text-align:center;} .news_lest_dat_num i{ display:block; vertical-align:top; margin-top:30px; margin:20px auto 0; height:1px; background:#ccc; width:35px;} .news_lest_dat_ico i{ display:block; width:45px; height:10px;} .news_lest_dat_ico i img{ display:block; width:45px; height:10px;} .news_lest_tea_til{ font-size:16px; color:#333; line-height:50px;} .news_lest_tea_tex{ font-size:14px; color:#999;} .newnavt{ padding:10px 20px; border-bottom:1px solid #e5e5e5; line-height:26px;} .newnavt a{ display: inline-block; font-size:14px;} .newnavt a:last-child{color:#e14f19;} .newnavt span{ margin:0 20px; font-family:"宋体", Arial; font-size:12px;} .newalltil{ font-size:20px; color:#333; text-align:center; padding:40px 0 20px; line-height:20px; font-weight:bold;} /* 招聘 */ .join a{ display:block; width:43%; height:auto; float:left; position:relative;margin:0 0 5% 5%; } .join .join_con{ background:#f1f0ec;padding:10px 20px 20px; height:160px; } .join .join_tit{ width:100%; height:40px; line-height:40px; font-size:18px; font-weight:bold; color:#e14f19;} .join .join_des{ font-size:14px; color:#666; line-height:24px; height:48px; } .join_more{ display:block; width:90px; height:35px; line-height:35px; background:#e14f19; color:#fff;text-align:center; position:absolute;right:0; bottom:0; } .nr_join_tit{ font-size:24px; font-weight:bold;margin-bottom:50px; } .join_ul li{ display:block; width:100%; height:auto; border-bottom:1px solid #dedede; padding-bottom:50px; margin-bottom:50px; font-size:14px; line-height:30px; } .join_ul li:last-child{border:none;} .join_top{ width:100%; height:35px; line-height:35px; margin-bottom:20px;padding-left:45px; position:relative; color:#e14f19; font-size:20px; font-weight:bold; } .join_top span{ display:block; width:35px; height:35px; background:#e14f19; color:rgba(255,255,255,0.8); text-align:center; font-size:24px; font-weight:bold; position:absolute;left:0; top:0; } .join_list{ width:100%; height:auto; padding-left:90px; position:relative;margin-top:20px; } .join_list_tit{ width:90px; height:auto; position:absolute;left:0; top:0; font-weight:bold; } .join_list_con p{ margin-bottom:10px; } .join_btn{ display:block; width:180px; height:40px; line-height:40px; background:#e14f19; color:#fff;text-align: center; border-radius:2px; font-size:16px;margin:30px 0 0 90px; } /* 联系我们 */ .contact_left{ width:100%; height:auto; float:left;margin-top:20px;} .contact_mk{ width:100%; height:167px; border:1px solid #fff; background:#f3f3f3; padding:30px 0; margin-bottom:20px;} .contact_tit{ font-size:18px; margin-bottom:25px;text-align:center;} .contact_tel{ font-size:20px;font-family:'思源黑体';text-align:center;} .contact_time{ font-size:14px; line-height:30px;} .contact_mk2{ text-align:center;} .contact_mk i{ display:inline-block; margin-right:15px;} .contact_mk img{ width:55px;} .contact_center{width:100%; height:auto; float:left; border:1px solid #fff; position:relative;} .contact_center>a{ display:block; font-weight:normal; font-size:18px; text-align:center; height:50px; line-height:50px;} .tab_wl{ width:105%; height:auto; padding-bottom:20px;} .tab_wl a{ font-size:30px; color:#fff; cursor:pointer; display:block; width:12.5%; height:200px;text-align:center; line-height:50px; float:left; position:relative;margin-right:1.31%;} .tab_wl_con{ width:100%; height:100%; position:absolute;left:0;top:0; background:rgba(0,0,0,0.2); } .tab_wl_1{ background:url(../images/contact_bg_1.jpg) no-repeat center top/auto 100%; } .tab_wl_2{ background:url(../images/contact_bg_2.jpg) no-repeat center top/auto 100%; } .tab_wl_3{ background:url(../images/contact_bg_3.jpg) no-repeat center top/auto 100%; } .tab_wl_4{ background:url(../images/contact_bg_4.jpg) no-repeat center top/auto 100%; } .tab_wl_5{ background:url(../images/contact_bg_5.jpg) no-repeat center top/auto 100%; } .tab_wl_6{ background:url(../images/contact_bg_6.jpg) no-repeat center top/auto 100%; } .tab_wl_7{ background:url(../images/contact_bg_7.jpg) no-repeat center top/auto 100%; } .contact_center img{ width:100%; height:auto;} .icon_map{ display:inline-block; width:100%; height:90px; vertical-align:top; background:url(../images/icon_map.png) no-repeat bottom center/35px auto;margin-right:5px; } .tab_wl a.cur,.tab_wl a:hover{color:#e14f19;} .tab_wl a.cur .icon_map,.tab_wl a:hover .icon_map{ background:url(../images/icon_mapcur.png) no-repeat bottom center/35px auto;} .tab_wl a.cur .tab_wl_con,.tab_wl a:hover .tab_wl_con{ background:rgba(255,255,255,0.6); } .tab_wl a.cur::after{content:""; width:0;height:0;border-right:15px solid transparent;border-left:15px solid transparent;border-bottom:12px solid #fff; position:absolute;left:50%;bottom:0; z-index:2;margin-left:-15px;} .contact_right{width:490px; height:356px; float:right; background:#fafafa; border:1px solid #e6e6e6; padding:15px 20px 15px 0;} .bdlist{ width:214px; float:left; margin:0 0 0 20px;} .bdlist2{ width:450px; height:auto; clear:both; margin-left:20px;} .contact_right h2{ width:70px; margin:0 auto; padding-bottom:5px; text-align:center; font-weight:normal; text-align:center; font-size:16px; border-bottom:1px solid #d3252d;} .contact_right .inputtext{ width:100%; height:40px; margin-bottom:5px; border:none; text-indent:10px; border-radius:5px; border:1px solid #e6e6e6; margin-top:20px;} .contact_right .textarea{ width:100%; height:90px; border:none; padding:10px; clear:both; border-radius:5px; border:1px solid #e6e6e6; margin-top:20px; resize:none;} .fsbtn{ display:block; width:80px; height:35px; line-height:35px; text-align:center; color:#fff; border-radius:5px; background:#d3252d; margin:15px auto 0} .fsbtn:hover{ background:#c50e16; color:#fff;} .contactw{ width:100%; height:auto; display: none; clear:both;} .contactw .main{ position:relative; } .contact_map{ float:right; width:100%; height:420px; border:1px solid #e6e6e6;} .contact_con{ float:left; width:100%;background:rgba(255,255,255,0.9); z-index:10;margin-top:20px;} .contactw .contact_con{width:510px;position:absolute; right:40px; top:100px;margin:0; box-shadow:0 0 12px rgba(0,0,0,0.2); } .contact_conee{ width:100%; padding:20px 0; } .contact_conee_gy{width:40%;} .contact_conee_gy:first-child{margin-bottom:50px;} .contact_con img{ width:100%;} .contactw .contact_con .contact_conee{ width:100%; padding:30px;} .contact_con h2{ font-size:18px; margin-bottom:30px;} .contact_con h2 span{ display:block; font-weight:normal; font-size:16px; line-height:2em;} .contact_con p{ margin-bottom:20px; font-size:14px;} .contact_con i{ display:inline-block; width:23px; height:23px; vertical-align:middle; margin-right:10px;} .contact_con i.icon_p1{ background:url(../images/p1.png) no-repeat center center/23px 23px;} .contact_con i.icon_p2{ background:url(../images/p2.png) no-repeat center center/23px 23px;} .contact_con i.icon_p3{ background:url(../images/p3.png) no-repeat center center/23px 23px;} .contact_con i.icon_p4{ background:url(../images/p4.png) no-repeat center center/23px 23px;} .contact_con i.icon_p5{ background:url(../images/p5.png) no-repeat center center/23px 23px;} .contact_conee a{color:#e14f19;} .contact_conee a.tel{color:#333;} /* 公告信息 */ .Report{ width:100%; height:auto; } .Report li,.Report li a{ display:block; width:100%; height:60px; line-height:60px; font-size:14px; overflow:hidden;text-overflow:ellipsis;white-space: nowrap; } .Report li a{ padding-right:90px; position:relative; background:url(../images/icon_pdf.png) no-repeat left center/30px auto; padding-left:45px; border-bottom:1px dashed #dedede; } .Report .time{ display:block; width:90px; line-height:60px; position:absolute;right:0; top:0; text-align:right; color:#999; } .Report li a:hover{color:#e14f19; border-color:#e14f19;} .guize li a{background:none; padding-left:0;} .message_list{ width:100%; height:auto; padding:50px 70px; } .message_list ul{width:500px; float:left; font-size:14px;} .message_list ul.message_right{ float:right; } .message_list li{ display:block; width:100%; height:50px;text-align:right; padding-left:90px; position:relative; border:1px solid #e5e5e5; border-radius:5px; overflow:hidden;margin-top:20px; } .message_list li span{ display:block; width:90px; position:absolute;left:0;top:0; line-height:50px; } .message_list input{ width:100%; height:50px; vertical-align:top; font-size:14px; } .message_list li.ly_li{ height:114px; } .message_list textarea{ width:100%; height:100%; font-size:14px; padding:15px 0; } .message_list li.yzm_li{ border:none; padding:0 200px 0 0; } .yzm_con{width:100%; height:50px;text-align:right; padding-left:90px; position:relative; border:1px solid #e5e5e5; border-radius:5px; overflow:hidden;} .yzm_right{ width:180px; position:absolute;right:0; top:0; line-height:50px; } .yzm_right img{ vertical-align:middle; } .message_btn{ display:block; width:240px; height:50px; line-height:50px; background:#e14f19; color:#fff; text-align:center; margin:40px auto 0; font-size:16px; border-radius:2px; } .message_btn:hover{background:#e14f19;} /* 底部导航 */ .F-cr{padding:20px 0;line-height:20px;color:#888888;text-align:center;font-size: 14px;} .footer-container{padding:53px 30px 55px;background:#f4f4f4;} .Fnav{width:15%;float:left;} .Fnav dt{line-height:28px;font-size:16px;font-weight:600;} .Fnav dd{margin:15px 0 0;} .Fnav dd a{display:block;padding:10px 0;line-height:20px;color:#666666; font-size:14px;} .Fnav dd a:hover{color:#e14f19;text-decoration:underline;} .Fct{width:31%;float:right;} .Fct .FoCon-btn{width:158px;height:45px;line-height:41px;font-size:14px;color:#e14f19;border-radius:45px;border:2px solid #e14f19;float:right;margin:0;text-align:center;} .FoCon-btn:hover{color:#fff;background:#e14f19;} .Fct .tel{line-height:32px;font-size:26px;font-family:'华文细黑';text-align:center;} .Fct .work-time{line-height:22px;color:#666666;margin:5px 0 0; font-size:16px;} .Fcon{padding:9px 0 13px;border-top:1px solid #dfdfdf;border-bottom:1px solid #dfdfdf;margin:13px 0 0; font-size:14px;} .Fcon .con{padding:0;line-height:28px;color:#666666;} .Fcon .con.adr{ line-height:28px; font-size:14px;text-align:center;} .Fcon .con.adr i.icon_address{ display:inline-block; width:16px; height:28px; background:url(../images/icon-Fadr.png); vertical-align:top; } .Fcode{margin:21px auto 0; width:100%;text-align:center;} .Fcode li{margin:0 1.5%;text-align:center; display:inline-block;} .Fcode li img{width:120px;height:auto;} .Fcode li .name{line-height:24px;color:#666666;margin:10px 0 0;} .Footer-wrapper.on .Fnav dd{display:block !important;} .list_pic{ position:absolute;left:10%;top:30%; } .pic_tit{ display:block; width:80%; } .pic_list_bz{margin-top:3%;} .pic_list_bz p{ float:left;margin:5% 3% 0 0; } .pic_list_bz img{ width:80%; } .bannerbtn{ display:block; width:18%;margin-top:8%; } .bannerbtn img{ display:block; width:100%; height:auto; } /* 返回顶部 */ .a-top{ display:block; width:60px; height:60px; position:fixed;right:50px; bottom:60px; } .table_right{ width:100%; height:auto; clear:both; } .t_left table td a{ border-bottom:1px solid none; display:block; line-height:30px; } table { border-collapse: collapse; border-spacing: 0px; width: 100%; } .t_left table td { height: 25px; text-align: center; border-left: 0px; } .t_left table td a:hover{ color:#d3252d; /* border-bottom:1px solid #d3252d; */ /*font-weight:bold;*/ } .bt_left table tr{ border-bottom:1px solid #ddd; } .bt_left table th{ white-space: nowrap; border-bottom:1px solid #d3252d; } .t_left table th{ white-space: nowrap; } .t_r_title table th{ border:1px solid #fff; } .t_left { width:16%; height: auto; float: left; } .t_left_con{ width:100%; height:auto; overflow:hidden; } /*t_r_content和cl_freeze高度相差20px， 高度为外观显示高度，可根据情况调整*/ .nr_scroll{ height: 130px;/* width:170px; */min-width:120px; overflow-y: auto; white-space: nowrap; display: block; /* padding-right: 30px; */ } .nr_scroll2{ height:130px; width:100%; overflow-y:auto; overflow-x:hidden; } .t_r_content { width: 100%; height: 500px; background: #fff; overflow-x:hidden; position:relative; overflow-y:scroll; } .tr_hover{ background:rgba(255,79,25,0.1); color:#d3252d; /*font-weight:bold;*/ } .tr_hover a{ color:#d3252d; /*font-weight:bold;*/ } .t_r_content tr:hover .cl_freeze table td a{ border-bottom: 1px dashed #ddd; display: block; line-height: 30px; } .t_r_content::-webkit-scrollbar,.bt_left::-webkit-scrollbar,.nr_scroll::-webkit-scrollbar,.nr_scroll2::-webkit-scrollbar { width: 15px; height:15px; border-radius:20px; } .t_r_content::-webkit-scrollbar-thumb,.bt_left::-webkit-scrollbar-thumb,.nr_scroll::-webkit-scrollbar-thumb,.nr_scroll2::-webkit-scrollbar-thumb { border-radius: 20px; background: #ddd; } .t_r_content::-webkit-scrollbar-track,.bt_left::-webkit-scrollbar-track,.nr_scroll::-webkit-scrollbar-track,.nr_scroll2::-webkit-scrollbar-track { width:1px; border-radius: 20px; background:#fff; } .t_left table td:hover .nr_scroll2::-webkit-scrollbar-thumb,.t_r_title tr td:hover .nr_scroll::-webkit-scrollbar-thumb{background:#aaa;} .t_r_content .pro_list{ /* width:170px; */ height:30px; line-height:30px; text-overflow: ellipsis; white-space: nowrap; } .cl_freeze { height:500px; overflow-x:hidden; overflow-y:auto; width: 100%; background:#fff; /* width: -webkit-calc(100% + 17px); width: -moz-calc(100% + 17px); width: calc(100% + 17px); */ width:100% } .bt_left{ overflow-x:scroll } .t_r { width:84%; height: auto; float: left; } .t_r table { /* min-width:2000px; */ width:100%; } .t_r_title { /* min-width:2000px; */ width:100%; } .t_r_t { width: 100%; /* overflow: hidden; */ overflow-y:scroll; overflow-x:scroll; } .cl_freeze::-webkit-scrollbar{ display:none; } .cl_freeze{ -ms-scroll-chaining: chained; -ms-overflow-style: none; -ms-content-zooming: zoom; -ms-scroll-rails: none; -ms-content-zoom-limit-min: 100%; -ms-content-zoom-limit-max: 500%; -ms-scroll-snap-type: proximity; -ms-scroll-snap-points-x: snapList(100%, 200%, 300%, 400%, 500%); -ms-overflow-style: none; overflow: auto; } .cl_freeze::-webkit-scrollbar {/*滚动条整体样式*/ width: 4px; /*高宽分别对应横竖滚动条的尺寸*/ height: 1px; } .t_r_t::-webkit-scrollbar { width: 15px; height:15px; border-radius:20px; position:absolute; top:30px; } .t_r_t::-webkit-scrollbar-thumb { border-radius: 20px; background: #ddd; } .t_r_t::-webkit-scrollbar-track { width:1px; border-radius: 20px; background:#fff; } .t_r:hover .t_r_t::-webkit-scrollbar-thumb,.t_r:hover .t_r_content::-webkit-scrollbar-thumb{ background:#aaa; } .ss_left{ display:block; width:19px; height:61px; background:url(../images/ss_left.png) no-repeat center center/19px auto; position:absolute; left:-20px; top:50%; margin-top:-30px; cursor:pointer; } .ss_cur{background:url(../images/ss_right.png) no-repeat center center/19px auto;} .gird_cur .sidebar{ display:none; } .gird_cur .right_con{ width:100%; } .t_r_title table .nr_scroll label{ padding-right:50px; box-sizing:content-box; -moz-box-sizing:content-box; -webkit-box-sizing:content-box; } .t_r_title table .nr_scroll label input[type="checkbox"]{ vertical-align:-1.7px; } .nr_scroll2 label input[type="checkbox"]{ vertical-align:-2.2px; margin-right:5px } /* 客服 */ /* #floatDivBoxs{width:140px;background:#fff;position:fixed;top:129px; left:0;z-index:99;} #floatDivBoxs .floatDtt{width:100%;height:40px;line-height:40px; background:#e14f19;color:#fff;font-size:16px;position:relative;text-align:center;} #floatDivBoxs .floatDqq{padding:0 14px;} #floatDivBoxs .floatDqq li{height:45px;line-height:45px;font-size:15px;border-bottom:1px solid #e3e3e3; padding:0 0 0 50px;} #floatDivBoxs .floatDqq li img{vertical-align: middle;} #floatDivBoxs .floatDtxt{font-size:14px;color:#333;padding:14px 14px 3px 14px;} #floatDivBoxs .floatDtel{padding:0;text-align:center; font-size:14px; line-height:32px; color:#e14f19; font-weight:bold !important;} #floatDivBoxs .floatDtel img{display:block;} #floatDivBoxs .floatewm{ line-height:30px; text-align:center; background-color:#f7f7f7; padding:10px 0px;} #floatDivBoxs .floatewm img{ width:90%;display:block;margin:auto; } #floatDivBoxs .floatDbg{width:100%;height:20px;background:url(../images/online_botbg.jpg) no-repeat;box-shadow:-2px 0 3px rgba(0,0,0,0.25);} .floatShadow{ background:#f4f4f4;box-shadow:-2px 0 3px rgba(0,0,0,0.25);} #rightArrow{width:40px;height: 40px;position: fixed;top: 129px;left:140px;z-index:99;background-image: url(../images/online_arrow.jpg);background-repeat: no-repeat;background-position: right center;} #rightArrow a{display:block;height:40px;} .floatDbg{ display:none; } */ .float_zx{ width:80px; height:auto; position:fixed;left:0;top:50%;margin-top:-80px; text-align:center; } .float_zx a{ display:block; background:#e14f19; color:#fff; font-size:14px; padding:13px 0; border-bottom:1px solid #fff; cursor:pointer;} .float_zx i{ display:block; width:80px; height:30px;margin-bottom:5px; } .icon_qq{ background:url(../images/icon_qq.png) no-repeat center center; } .icon_tel{ background:url(../images/icon_tel.png) no-repeat center center; } .float_tel{ width:209px; height:0; overflow:hidden; background:url(../images/tel_bg.png) no-repeat center center; position:absolute;left:80px;top:10px;text-align:left; padding:0; opacity:0; } .float_teltit{ font-size:14px; color:#666;margin-bottom:3px; } .float_telcon{ font-size:18px; color:#e14f19; font-weight:bold; } .line_tel:hover .float_tel{ height:70px; padding:10px 0 0 30px; opacity:1; } /* 搜索列表 */ .mainbox{width:1100px;margin:auto;} .search_nav{ width:100%; height:55px; line-height:45px; background:#f8f8f8; clear:both; padding-top:10px; } .search_nav a{ display: block; padding:0 15px; float: left; font-size:14px; } .search_nav a.cur,.search_nav a:hover{ border-bottom:2px solid #e14f19; font-weight:bold; } .search_list{ padding:0 0 40px; } .search_left{float:left; } .search_num{ width:100%; height:auto; color:#999; padding:10px 0; font-size:12px; } .search_left_ul li{ display:block; width:100%; height:auto; margin:10px 0 20px 0; } .search_left_ul .search_left_tit{ display:inline-block; vertical-align:top; color:#333; font-size:16px; max-width:500px; height:30px; line-height:30px;overflow:hidden;text-overflow:ellipsis;white-space: nowrap; font-weight:bold; } .search_left_ul .search_left_tit b{ color:#e14f19; } .search_left_bq{ display:inline-block; height:18px; line-height:17px; padding:0 5px; color:#fff; text-align:center; vertical-align:-3px;margin-left:10px; font-size:12px; border-radius:2px; } .bg_green{ background:#1ba91b; } .bg_blue{ background:#2393fb; } .bg_orange{ background:#ff8111; } .bg_blue2{ background:#05c3c5; } .bg_gray{ background:#666666; } .bg_red{ background:red; } .bg_yellow{ background:#1f7199; } .bg_pop{ background:#2d8cf0; } .bg_pop2{ background:#ed969e; } .search_des{ color:#666; line-height:18px;margin-top:8px; } .search_com{ padding-top:5px; } .search_com span,.search_com a{ display:inline-block; color:#999; margin-right:20px; font-size:13px; } .search_com a{ text-decoration:underline; color:#e14f19; } .search_left_tit:hover,.search_des:hover{ text-decoration:underline; color:#e14f19; } @media screen and (max-width:767px) { body{ padding-top:0; } .height100{height:0;line-height:0;} .pcblock{display:none;} .wapblock{ display:block; } .a-top{width:40px;height:40px;right:10px;} .float_btn{width:56px;} /*关于我们*/ .nr_ad{height:200px;} .grid-row{padding:20px 3%;} .sidebar{width:100%;margin-bottom:20px;} .right_con{width:100%;margin-top:0; padding:0;} .right_con2,.history_r{padding:0; border:none;} .history_r{margin-top:20px;} .about_nr{ padding:0; } .about_left,.about_right{width:100%;} .srv-download{padding-bottom:0;} .about_tit .about_en{margin-top:0; font-size:13px;} .about_tit{font-size:18px; width:180px; padding:15px 0;} /* 首页 */ .slide_banner .slick-prev{left:0;background: url(../images/left.png) no-repeat center center/30px auto;} .slide_banner .slick-next{right:0;background: url(../images/right.png) no-repeat center center/30px auto;} .ul_1 li .zbox_box .pic{height:50vw;} .ul_3 .zbox .zbox_box .pic{height:40vw;} .c_1570_box2{padding-bottom:0;} .ul_1 .zbox{padding-bottom:0;} /* 底部 */ .footer_flixd_bottom {height: 50px;width: 100%;display: block;} .footer_flixd{width:100%;margin-top:15px;display:block;position:fixed;bottom:0;margin:0 auto;height:50px; border-top:1px solid #dedede; background:#fff;z-index:600} .footer_flixd ul{width:100%} .footer_flixd ul li{width:25%;height:50px;line-height:50px;float:left;text-align:center} .footer_flixd ul li a{color:#666;display:block;font-size:14px;height:50px;line-height:20px;cursor:pointer;} .footer_flixd .flixd_two a{background:#e14f19} .footer_flixd ul li a i{display:block;width:20px;height:20px;vertical-align:top;margin:5px auto 3px; } .flixd_home{background:url(../images/flixd_home.png) no-repeat center center/20px 20px} .flixd_tel{background:url(../images/flixd_tel.png) no-repeat center center/20px 20px} .flixd_line{background:url(../images/flixd_line.png) no-repeat center center/20px 20px} .flixd_pro{background:url(../images/flixd_pro.png) no-repeat center center/20px 20px} .flixd_fa{background:url(../images/flixd_fa.png) no-repeat center center/20px 20px} .footer_flixd ul li a.navcur{color:#e14f19} .navcur.flixd_home{background:url(../images/flixd_home_on.png) no-repeat center center/20px 20px} .navcur.flixd_tel{background:url(../images/flixd_tel_on.png) no-repeat center center/20px 20px} .navcur.flixd_line{background:url(../images/flixd_line_on.png) no-repeat center center/20px 20px} .navcur.flixd_pro{background:url(../images/flixd_pro_on.png) no-repeat center center/20px 20px} .navcur.flixd_fa{background:url(../images/flixd_fa_on.png) no-repeat center center/20px 20px} /* 发展历史 */ .history_con{padding-top:0;} .abt_cours_text{width:64%;padding-right:15px;word-wrap:break-word} .abt_cours_days .abt_cours_nume, .abt_cours_days .abt_cours_text{font-size:14px;} /* 公司新闻 */ .news_categ{padding:0 20px;} .news_lest li a{padding:0;} .news_lest_tea_til{line-height:24px;} .news_lest_img{width:100%;height:auto;position:static;right:auto;top:auto;} .news_lest_img img{width:100%;height:auto;} .news_lest li{border:1px solid #e5e5e5;margin-bottom:20px;} .news_lest_tae{padding:15px;} .news_lest_tea_tex{margin-top:10px;font-size:15px; line-height:24px;} .newnavt a.pcblock{display:none;} .newalltil{line-height:24px; font-size:18px; padding:40px 15px 20px;} .edit{padding:0 15px;} .news_categ a{margin:0; font-size:14px;} .news_categqt{ padding:0 10px; } .Report{ padding:0 15px; } .join a{margin:0 auto 20px;width:100%;float:none;} .nr_join_tit{font-size:16px;margin-bottom:30px;} .join_top{font-size:14px; padding-left:35px;} .join_top span{width:25px;height:25px; line-height:25px; font-size:18px;top:5px;} .join_btn{margin:20px 0 0;} /* 应用方案 */ .application{width:100%;} .application--card{min-height:auto;border-bottom:none;} /* 文档下载 */ .solDload-tbody dd{padding-right:40px;} .solDload-tbody dd .td.td-action .btn{width:30px; height:30px;} .solDload-thead .th.th-name2, .solDload-tbody dd .td.td-name2{width:100%;} .solDload-thead .th.th-date2, .solDload-tbody dd .td.td-date2{width:100%;text-align:left;font-size:12px;color:#999;} .solDload-thead .th.th-action, .solDload-tbody dd .td.td-action{width:40px;position:absolute;right:0;top:15px;} .icon_pdf_l{width:20px;height:20px;background:url(../images/icon_pdf.png) no-repeat center center/20px 20px;top:23px;} .icon_ys{width:20px;height:20px;background:url(../images/icon_ys.png) no-repeat center center/20px auto;top:23px;} .icon_v{ display:block; width:20px; height:20px; background:url(../images/icon_video.png) no-repeat center center/20px auto; position:absolute;left:0; top:23px; } .solDload-tbody dd.dd_wd{padding-left:30px;} /* 联系我们 */ .contactw .contact_con{position:static;right:auto;top:auto;width:100%;} .contact_map{height:200px;} .contact_con{padding:20px;} .contactw .contact_con .contact_conee{padding:10px 0 0;} .contact_conee_gy{width:100%; padding:0;} .contact_conee_gy:first-child{margin-bottom:0;} .tab_wl a{height:100px;font-size:14px; line-height:30px;} .icon_map{ background:url(../images/icon_map.png) no-repeat bottom center/25px auto;height:50px; } .tab_wl a.cur::after{border-right:10px solid transparent;border-left:10px solid transparent;border-bottom:8px solid #fff; margin-left:-10px;} /* 下载列表 */ .qt_tit{font-size:18px;} .qt_tit::before{top:2px;} .right_con2 .qt_tit::before{top:7px;} .right_con .sDlFilter-text{width:100%;} .solDload-tbody dd .td.td-date, .solDload-tbody dd .td.td-date2{margin-top:0;} .solDload-tbody dd .td.td-name2 .t2{margin-bottom:5px; font-size:14px; line-height:20px;} .sDlFilter-text .text, .sDlFilter-text select{font-size:14px;} .pagination a, .pagination span{line-height:30px;padding:0 14px;font-size:12px;} /* 工具 */ .Block_Text_table1 td{font-size:14px;} /* 视频 */ .video_list a{padding:20px;} .video_pic{ position:relative;left:auto;top:auto;width:100%;height:auto;margin-bottom:15px; } .topbread{margin-top:60px;padding-bottom:0;} .topbread .grid-row{ padding-bottom:10px; } .topbread span{margin:0 10px;} /* 产品 */ .sidebar_tit{font-size:16px;height:40px;line-height:40px;} .sidebar>a{height:40px;line-height:40px;font-size:14px;padding-left:10px;} .t_r_t{overflow:hidden;} .t_r_content{overflow:auto;} .cl_freeze{padding-top:0;height:300px; overflow:hidden;overflow-x:scroll;} .t_r_content{height:316px;} .edit_tit{margin-left:10px;font-size:16px;padding-left:23px;} .right_con .sDlFilter-text{margin:0 3% 10px 0;width:94%;} .right_con2 .sDlFilter-text{width:100%;margin:0;} .full-btn{margin-right:10px;margin-top:10px;font-size:14px;background:url(../images/icon-full.png) no-repeat left center/15px auto;} .t_left{width:40%;} .t_r{width:60%;} .edit_tit::before{width:15px;height:15px;} .pro_table{padding:0;} .ss_left{display:none;} .full_fixed .t_left{width:40%;} .full_fixed .t_r{width:59.5%} .full_fixed .cl_freeze{height:300px;} .full_fixed .t_r_content{height:316px;} .full_fixed{z-index:645;} .right_con .full_fixed .sDlFilter-text{width:50%;margin-top:10px;float:left;margin-left:10px;} .full_fixed .xuanxing_btn{float:right;padding:0 10px; font-size:14px;} .proInfo-img{width:100%;height:auto;line-height:inherit;position:static;left:auto;top:auto;} .proInfo-block{width:100%; padding:15px;height:auto;} .proInfo-dtl{margin-top:20px;} .pIdtl-nav a{width:25%;font-size:14px;} .proInfo-box{margin-top:15px;padding-left:0;} .bt_left{overflow-x:auto} /* 开发工具 */ .tool_wap_ul{width:100%;height:auto;} .tool_wap_ul li{display:block;width:100%;height:auto; padding:0 0 20px;border-bottom:1px solid #dedede;margin-bottom:20px;} .tool_wap_ul li:last-child{border-bottom:none;} .tool_wap_ul li .tool_wap_a{display:block;width:100%;min-height:70px; padding:10px 10px 10px 70px; position:relative;background:#eee; padding} .tool_wap_pic{display:block;width:50px; height:50px; position:absolute;left:10px;top:10px; border:1px solid #dedede; background:#eee; overflow:hidden;} .tool_wap_pic img{ width:100%;height:auto; position:absolute;left:50%;top:50%;transform:translate(-50%,-50%); } .tool_wap_sm{:5px 15px 15px;margin-top:10px;} .tool_wap_tit{ color:#e14f19; font-size:14px; font-weight:bold;} .tool_wap_des{margin-top:5px; color:#888; font-size:12px;} .tool_wap_smtit{ font-weight:bold;margin-top:10px; color:#333;} .tool_wap_sm a{ font-size:13px; line-height:24px;} .tool_wap_sm .tool_wap_des{font-size:13px; } .tool_pjul{width:105%;} .tool_pjul li{display:block;width:45%; float:left; border-bottom:none;margin:0;padding:0;margin:3% 5% 0 0;} .tool_pjul_pic{ display:block;width:100%;height:100px; overflow:hidden;position:relative; border:1px solid #dedede; } .tool_pjul_pic img{ width:100%;height:auto; position:absolute;left:50%;top:50%;transform:translate(-50%,-50%); } .tool_pjul_des{width:100%;height:auto;text-align:center;font-size:14px;height:40px; line-height:40px;} .news_categ{margin-bottom:20px;} .gj_tit{font-size:18px; font-weight:bold; position:relative;padding-left:15px;color:#e14f19;} .gj_tit::before{ content:"";width:4px;height:20px; background:#e14f19; position:absolute;left:0;top:2px; } .slide_banner .slick-slide{ width:100%; height: 100%; float: left; position:relative; overflow:hidden;background-position:center 60%;background-repeat:no-repeat;} .Fct{width:100%;} .footer-container{padding:30px 15px;} .c_1570_nf{padding:0 5%;} .Fct .tel{font-size:20px;} .F-cr{font-size:14px;height:120px;} .Fcode{padding-left:0;width:100%;text-align:center} .Fcode li{display:inline-block;margin:0 3%;float:none;} .th_left{width:40%;height:auto;} .th_text{width:65%;top:45%;} .overscroll{overflow:scroll} .overscroll table{width:1200px;} .newnavt .grid-row{padding-bottom:15px;} .video_list .zs_a_list{padding:15px;} .video_list .zs_a_list .video_pic{width:100%;height:auto;} .video_tit{height:auto;line-height:24px;} .minheight{min-height:200px;} .search_go{padding:60px 0;} .search_go .logo{width:150px;margin-bottom:20px;} .search_go .nozs{font-size:14px;} .search_go .biaoqing{width:80px;height:80px;margin-bottom:20px;} }