a{-webkit-transition: all 0.2s ease-in-out;-moz-transition: all 0.2s ease-in-out;-o-transition: all 0.2s ease-in-out;-ms-transition: all 0.2s ease-in-out;transition: all 0.2s ease-in-out;} a:hover{color:#000;text-decoration:none;transition: all 300ms ease-in-out 0s;} .b_box{ max-width: 1400px;margin: 0 auto;} .wenzi_pro{ position:absolute; right:280px; top:150px;width:500px;} .wenzi_pro h2{ font-size:26px; color:#fff; font-weight:700; text-align:left;} .wenzi_pro em{ width:60px; height:2px; background:#ff0000; text-align:left; margin:20px 0; display:block;} .wenzi_pro p{ font-size:15px; text-align:left; line-height:28px; color:#fff;} .index_banner_about {width:100%;/*height:800vh;*/height:600px;position:relative;text-align:center;z-index:10;} .index_video {width:100%;height:100%;position:absolute!important;left:0;top:0;z-index:10;background:#000;overflow:hidden;} .index_video:after {display:block;content:'';width:100%;height:100%;background-color:rgba(0,104,183,0.3);background-image:url(../images/index-vd-bg.png);background-repeat:repeat;background-position:center center;position:absolute;left:0;top:0;z-index:5;} .index_video .img {display:block;width:100%;height:100%;position:absolute;left:0;top:40%;background-position:center center;background-repeat:no-repeat;z-index:6;background-size:50% auto;} .index_video .img h2 {font-size:24px;line-height:60px;color:#fff;font-weight:normal;letter-spacing:normal;} .index_video .img h4 {font-size:40px;line-height:30px;padding-top:15px;color:#fff;font-weight:normal;} @media (max-width:800px) {.index_banner_about {height:400px;} .index_video .img {top:40%;} .index_video .img h2 {font-size:22px;line-height:35px;} .index_video .img h4 {font-size:18px;line-height:26px;padding-top:10px;} } @media (max-width:639px) {.index_banner_about {height:350px;} .index_video .img {top:40%;} .index_video .img h2 {font-size:16px;line-height:30px;} .index_video .img h4 {font-size:13px;line-height:22px;padding-top:10px;} } /*.index_video .img.last {background-image:url(../img/about-vd.png);background-size:65% auto;} */ .index_video video {display:block;position:absolute;margin:0;top:50%;left:50%;transform:translate(-50%,-50%);transition:0.25s opacity ease-in-out;max-width:none;opacity:0;z-index:1;} .vidbg-container {width:100%;height:100%;background-repeat:no-repeat;background-position:center center;background-size:cover;position:relative;z-index:1;} .vidbg-overlay {position:absolute;top:0;right:0;bottom:0;left:0} @media screen and (max-width:1280px) {.index_banner {height:auto;} .index_banner_video:after {display:block;content:'';padding-bottom:56.25%;} } @media screen and (max-width:1000px) {.index_banner {margin-top:60px;} } .w1460 { width:100%;max-width:1400px;margin:0 auto;} .h30 {clear:both;width:100%;height:30px;} .h150 {clear:both;width:100%;height:150px;} .h200 {clear:both;width:100%;height:200px;} @media screen and (max-width:1400px) {.h30 {height:25px;} .w1460 {max-width:100%;padding:0 1%;} .h200 {clear:both;width:100%;height:150px;} .h150 {clear:both;width:100%;height:100px;} } @media screen and (max-width:1200px) {.h30 {height:20px;} .w1460 {padding:0 1%;} } @media screen and (max-width:1024px) { } @media screen and (max-width:639px) { .w1460 {max-width:100%;padding:0 2%;} .h200 {clear:both;width:100%;height:100px;} .h150 {clear:both;width:100%;height:100px;} } .h50{ clear:both; width:100%;height:70px;} @media (max-width: 1400px) { .h50{ height:40px;} } @media (max-width: 1023px) { .h50{ height:30px;} } @media (max-width: 639px) { .h50{ height:20px;} } .imgbj1 { background-repeat:no-repeat!important; background-position:center center!important; background-size:100% 100%!important; } .imgbj2 { background-repeat:no-repeat!important; background-position:center center!important; background-size:auto 100%!important; } .imgbj3 { background-repeat:no-repeat!important; background-position:center center!important; background-size:100% auto!important; } .imgbj4 { background-repeat:no-repeat!important; background-position:center center!important; background-size:cover!important; } .imgbj5 { background-repeat:no-repeat!important; background-position:center center!important; background-size:contain!important; } .imgbj1a { background-position:center center!important; background-size:100% 100%!important; background-repeat:no-repeat!important; } .fu_biaoti{ padding:20px 0; font-size:18px; line-height:1.7;} .fu_biaoti h3{ font-size:20px; color:#0364CB; font-weight:700; line-height:45px;} .pro_fu_biaoti{ padding:0px 0; font-size:23px; font-weight:700; line-height:1.7;} @media (max-width:639px) { .fu_biaoti{ padding:10px 2%; font-size:14px; line-height:1.7;} .fu_biaoti h3{ font-size:16px; color:#0364CB; font-weight:700; line-height:30px;} .pro_fu_biaoti{ padding:10px 2%; font-size:16px; line-height:1.7;} } .lianxi_box_left{ float:left; width:40%; margin:15px 2%;} .lianxi_box_left h2{ font-size:20px; color:#333;} .lianxi_box_left p{ font-size:16px; color:#333; line-height:2;} .lianxi_box_right{ float:right; width:40%; margin:15px 2%;} .lianxi_box_right h2{ font-size:20px; color:#333;} .lianxi_box_right p{ font-size:16px; color:#333; line-height:2;} @media (max-width:639px) { .lianxi_box_left{ float:left; width:96%; margin:10px 2%;} .lianxi_box_left h2{ font-size:16px; color:#333;} .lianxi_box_left p{ font-size:14px; color:#333; line-height:2;} .lianxi_box_right{ float:right; width:96%; margin:10px 2%;} .lianxi_box_right h2{ font-size:16px; color:#333;} .lianxi_box_right p{ font-size:14px; color:#333; line-height:2;} } .tuxing{ clear: both; width: 100%;max-width: 1400px; margin: 0 auto;position:relative; height:272px;} .tuxing .tuxing_left{ float: left; position:absolute; bottom:0; left:2%; max-width:272px; width:35%; } .tuxing .tuxing_left img{ max-width: 100%;} .tuxing .tuxing_right{ float: right;text-align: right;padding-right: 10%;padding-top: 10%; position:absolute; bottom:0; right:0;} .tuxing .tuxing_right h3{ display: block;font-size:1.4vw;line-height: 1.6;vertical-align: bottom;color: #000; letter-spacing:normal;} .tuxing .tuxing_right h3 span{ font-family: Helvetica Neue, Helvetica, PingFang SC, Tahoma, Arial, sans-serif} @media (max-width:1920px) { .tuxing .tuxing_right h3{font-size:30px;} } @media (max-width:1400px) { } .tuxing{ width: 96%;} } @media (max-width:800px) { .tuxing{ height:150px;} .tuxing .tuxing_right{padding-right: 5%;} } @media (max-width:639px) { .tuxing{ height:80px;} .tuxing .tuxing_left{ max-width:120px;} .tuxing .tuxing_right{ padding-right:2%;} .tuxing .tuxing_right h3{ font-size:4.5vw;} } .zhuti_box { clear:both; background:#f4f4f4; width:100%;;margin:0 auto;} .zhuti_box img{ max-width:100%;} .right_box_top_right{ float:left; width:100%; color:#333; font-size:14px; line-height:50px;} .right_box_top_right a{ color:#333; font-size:14px;} .right_box_top_right img{ margin-top:-5px;} .right_box_top_right a:hover{ color:#333;} .h10 {clear:both;width:100%;height:10px;} .link_box {clear:both;width:100%;height:50px;border-bottom:1px solid #1A2C36;margin-top:20px;margin-bottom:20px;} .link_box ul li {display:inline-block;min-width:80px;margin:0 15px;text-align:left;color:#fff;font-size:15px;} .link_box ul li a {color:#fff;} .link_box ul li:first-child {margi :0 25px 0 0;} .liucheng_box {clear:both;width:100%;text-align:center;} .liucheng_box img {max-width:100%;margin:0 auto;} .neiye {position:relative;z-index:1;width:100%;clear:both; background:#fff;overflow:hidden;} .nydh-1 {width:100%; } .nydh-1 img {display:block;} .fld {display:none;} .nydh-1 {margin:0 auto;width:100%;text-align:left;} .nydh-1 li {display:inline-block;min-width: 100px;} .nydh-1 a {display:inline-block;font-size:.7vw;color:#363636;text-align:left;margin:0px 5%; line-height:2; padding:0;} .nydh-1 a:hover,.nydh-1 a.active {color:#363636;font-size:.7vw; display:inline-block; line-height:2; } .nydh-1bb {width:100%;} .nydh-1bb img {display:block;} .nydh-1bb {margin:0 auto;width:100%;text-align:center;} .nydh-1bb li {display:inline-block;} .nydh-1bb a {display:inline-block;padding:0px 0px;font-size:15px;color:#333;text-align:center;margin:0px 40px;} .nydh-1bb li p {line-height:30px;font-size:15px;} .nydh-1bb a:hover,.nydh-1 a.currclass {color:#EC6C00;font-size:15px;} .nydh-1bb img {max-width:90px;max-height:90px;} .nydh-1bb li a img {-webkit-filter:grayscale(100%);-moz-filter:grayscale(100%);-ms-filter:grayscale(100%);-o-filter:grayscale(100%);filter:grayscale(100%);filter:gray;} .nydh-1bb li a:hover img {-webkit-filter:grayscale(100%);-moz-filter:grayscale(100%);-ms-filter:grayscale(100%);-o-filter:grayscale(100%);filter:grayscale(100%);filter:none;} .neiyess {position:relative;z-index:1;width:100%;clear:both; background:#0165CB;overflow:hidden;} .nydh-1ss {width:100%;} .nydh-1ss img {display:block;} .fld {display:none;} .nydh-1ss {margin:0 auto;width:100%;text-align:center;} .nydh-1ss li {display:inline-block;} .nydh-1ss a {display:inline-block;font-size:20px;color:#fff;text-align:center;margin:0px 20px; height:70px;line-height:70px; padding:0 20px;} .nydh-1ss a:hover,.nydh-1ss a.active {color:#fff;font-size:20px; background:#ff6600; display:inline-block; line-height:70px; height:70px; padding:0 20px;} @media (max-width:1023px) { .nydh-1 { padding-bottom:20px;} .neiye {padding-bottom:0px;} .nydh-1 li {display:inline-block;width:46%;margin:5px 1%;float:left;} .nydh-1 a {font-size:14px;margin:0px;} .nydh-1 li a img {max-width:70px;margin:0 auto;} .nydh-1 li p {line-height:24px;font-size:15px;} .nydh-1 a:hover,.nydh-1 a.active {font-size:15px;} .nydh-1ss { padding-bottom:20px;} .neiyess {padding-bottom:0px;} .nydh-1ss li {display:inline-block;width:31.33%;margin:5px 1%;float:left;} .nydh-1ss a {font-size:14px;margin:0px;} .nydh-1ss li a img {max-width:70px;margin:0 auto;} .nydh-1ss li p {line-height:24px;font-size:15px;} .nydh-1ss a:hover,.nydh-1ss a.active {font-size:15px;} .nydh-1bb { padding-bottom:20px;} } @media (max-width:768px) { .neiye {padding-bottom:0px;} .nydh-1{ padding-bottom: 0;} .nydh-1 li {display:inline-block;width:auto;margin:0;float:left;max-width: 100px;} .nydh-1bb li {display:inline-block;width:23%;margin:0 1%;float:left;} .nydh-1bb a {font-size:13px;margin:0px;} .nydh-1bb li a img {max-width:50px;margin:0 auto;} .nydh-1bb li p {line-height:24px;font-size:14px;} .nydh-1bb a:hover,.nydh-1bb a.currclass {font-size:13px;} .neiyess {padding-bottom:0px;} .nydh-1ss li {display:inline-block;width:31.33%;margin:0 1%;float:left;} .nydh-1ss li p {line-height:24px;font-size:14px;} .nydh-1ss a:hover,.nydh-1ss a.active {font-size:14px; line-height:35px; height:35px; padding:0;} .nydh-1ss a {display:inline-block;font-size:14px;color:#fff;text-align:center;margin:0px; width:100%; height:35px;line-height:35px; padding:0;} } .news_list_type ul li {display: inline-block;line-height:40px;font-size:.7vw;position:relative; margin: 0 3%;} .news_list_type ul li:first-child { margin-left: 0;} .news_list_type ul li a {-webkit-transition:all 0.5s ease-in-out;-moz-transition:all 0.5s ease-in-out;-o-transition:all 0.5s ease-in-out;-ms-transition:all 0.5s ease-in-out;transition:all 0.5s ease-in-out;} .news_list_type ul li a:hover {color:#000;padding-left:30px;transition:all 500ms ease-in-out 0s;} .news_list_type ul li a:before {width:0;height:1px;position:absolute;left:0px;top:20px;background:#000;content:'';transition:all 500ms ease-in-out 0s;} .news_list_type ul li a:hover:before {width:20px;left:0px;} .news_list_type ul li a.active {color:#000;padding-left:30px;transition:all 500ms ease-in-out 0s;} .news_list_type ul li a.active:before {width:20px;height:1px;position:absolute;left:0px;top:20px;background:#000;content:'';} @media (max-width:1920px) { .news_list_type ul li { font-size: 16px; } } @media (max-width:639px) { .news_list_type ul li { font-size: 3.5vw; } } .zuzhi {clear:both;width:100%;padding:2% 2%;} .zuzhi img {max-width:100%;} .phone_about_box {clear:both;width:100%;padding:2% 2%; max-width:640px; margin:0 auto;} .phone_about_box img {max-width:100%; margin:0 auto; display:block;} .phone_about_box h2 {font-size:15px;color:#0265CA;line-height:2;} .phone_about_box p {font-size:13px;color:#666;line-height:23px;} .footer_box_pic {float:right;margin-right:40px;margin-top:40px;} .footer_box_pic img {width:140px;height:140px;} .footer_box_pic h2 {line-height:50px;font-size:14px;color:#fff;text-align:center;} .footer_left {float:left;} .footer_right {position:absolute;bottom:-4px;right:0px;} .footer_link {padding-top:40px;} .footer_link ul li {position:relative;float:left;left:0;margin:0 20px;font-size:14px;color:#363636;overflow:hidden;margin-top:9px;cursor:pointer;} .footer_link ul li div {padding-bottom:7px;} .footer_link ul li a,.footer_link ul li a:hover {color:#363636;} .footer_link ul li i {width:100%;height:1px;display:block;-webkit-transform:translateX(-110%);-moz-transform:translateX(-110%);-o-transform:translateX(-110%);transform:translateX(-110%);background:#0265CA;-moz-transition:all .3s ease-out;-o-transition:all .3s ease-out;transition:all .3s ease-out;} .footer_link ul li:hover i,.footer_link ul li.cur i {-webkit-transform:translateX(0);-moz-transform:translateX(0);-o-transform:translateX(0);transform:translateX(0);} .foot_logo {float:left;max-width:200px;padding:20px 0;background:#fff;margin-top:50px;} .foot_logo img {max-width:100%;max-height:100%;} .footer_link ul li div a:hover {color:#ddd;} .foot_line {clear:both;width:920px;padding-top:30px;position:relative;} .contact_box {max-width:1400px;margin-top:70px;height:270px;} .contact_box_1 {float:right;} .contact_box_1 p {color:#ddd;line-height:30px;padding-left:10px;font-size:15px;} .contact_box_1 p span {font-size:25px;color:#ddd;} .contact_box_2 {margin-top:35px;float:left;} .contact_box_2 p {color:#ddd;line-height:30px;font-size:14px;} .footer_bottom {height:60px;border-top:1px solid #1A2C36;clear:both;width:100%;} .footer_bottom p {line-height:60px;color:#fff;font-size:14px;text-align:left;} .footer_bottom p a {color:#ddd;} .page-footer {box-sizing:border-box;max-width: 1400px;} .page-footer dl {float:left;width:14.2%;box-sizing:border-box; padding-bottom:25px;} .page-footer dl:last-child {position:relative;z-index:3} .page-footer dl:last-child,.page-footer dl:last-child a {color:#ccc} .page-footer dl dt {font-size:16px;font-size:16px\9;padding:10px 0;font-weight:700;float:none;} .page-footer dl dt span {float:none; font-size:16px; line-height:30px;} .page-footer dl dd {padding:5px 0;font-size:14px;color:#ccc;} .page-footer dl dd p {display:block; line-height:27px;} .page-footer dl dd a {color:#999;} .page-footer dl dd.lianxiren {background:url(../images/ren.png) no-repeat left top;padding-left:35px;margin:5px 0;display:inline-block;} .page-footer dl dd.shouji {padding-left:35px;margin:5px 0;display:inline-block;background-size:cover; width:100%; display:block;} .page-footer dl dd.zuoji {padding-left:35px;margin:5px 0;display:inline-block;} .page-footer dl dd.email {padding-left:35px;margin:5px 0;display:inline-block;} .page-footer dl dd.dizhi {padding-left:35px;margin:5px 0;display:inline-block;} .page-footer dt.online {margin-top:30px} .clear {clear:both;overflow:hidden} .page-footer i {display:inline-block;height:30px;width:30px;vertical-align:middle;margin-right:13px;margin-right:13px\9} .page-footer i.saler {background:url(../img/footer_icon.png) no-repeat;background-position:-4px -6px} .page-footer i.c_server {background:url(../img/footer_icon.png) no-repeat;background-position:-60px -1px} .page-footer a {color:#949ca1;display:inline-block} .page-footer a:hover {color:#0265CA;text-decoration:none} .page-footer .Copyright {position:absolute;width:98%;bottom:0;font-size:12px;font-size:12px\9;padding:6px 0 6px 2%;box-sizing:border-box;border-top:1px solid #585858} .page-footer .Copyright a {margin-left:20px} .page-footer .Copyright .y_f {float:right} .page-footer .Copyright .y_f a {margin:0 6px} .page-footer .part_msk {height:110%;width:20%;position:absolute;right:0;top:-50px;background:rgba(181,192,200,.2);z-index:1} .page-footer .indicators {margin-bottom:14px} .page-footer .indicators li {display:inline-block;vertical-align:middle;cursor:pointer} .page-footer .indicators-1,.page-footer .indicators-2,.page-footer .indicators-3 {display:inline-block;background:url(../img/f.jpg) no-repeat;width:49px;height:35px} .page-footer .indicators .indicators-2 {background-position:4px -34px} .page-footer .indicators .indicators-3 {background-position:0 -74px} .page-footer .tabs .img-box {width:100px;height:116px;position:relative;background:#333242;color:#fff;text-align:center;font-size:12px} .page-footer .img-box p {width:100px;height:88px;} .page-footer .img-box p:before {content:'';display:inline-block;border-bottom:16px solid #333242;border-left:12px solid transparent;border-right:12px solid transparent;position:absolute;top:-12px;left:50%;margin-left:-14px} .page-footer .tab0 .img-box {margin-left:-30px} .page-footer .tab1 .img-box {margin-left:20px} .page-footer .tab2 .img-box {margin-left:0px} .page-footer .tab0 p {background:url(../img/erweima.png) no-repeat center bottom;margin-bottom:5px} .page-footer .tab2 p {background:url(../img/erweima.png) no-repeat center bottom;margin-bottom:5px} @media (max-width:1400px) {.page-footer dl dt {font-size:16px;font-size:16px\9;} .page-footer dl dd {font-size:13px;} .page-footer .p_contain {width:20%} .page-footer {padding:40px 0 0px 0;} } @media (max-width:1200px) {.page-footer {padding:30px 0 0px 0;} .page-footer dl dt {font-size:15px;font-size:15px\9;} .page-footer dl dd {font-size:13px;} .page-footer .p_contain {width:16%} } @media (max-width:639px) {.page-footer {padding:10px 0 0px 0;}} .wel-case {padding:30px 0 30px 0;width:100%;position:relative;overflow:hidden;} .home_top {font-size:30px;color:#363636;font-weight:700;line-height:45px;text-align:center; padding:15px 0;} .home_title {font-size:16px;color:#666;font-weight:normal;line-height:30px;padding-top:10px;} .home_line {position:absolute;right:7%;width:300px;height:1px;top:58px;background:#ccc;} .buju_box {clear:both;background:url(../images/beijing.gif) no-repeat center center #000;width:100%;height:100%;background-size:cover;height:600px;position:relative;} .buju_box_bg {width:100%;height:100%;background:rgba(0,0,0,.6);position:absolute;left:0;top:0;z-index:1;} .about_right {width:100%;max-width:1200px;padding-top:0px;margin:0 auto;} .about_right h4 {font-size:16px;color:#fff;font-weight:normal;line-height:2;margin-bottom:20px;position:relative;z-index:3;} @media (max-width:1024px) { .wel-case {padding:15px 0 15px 0;width:100%;position:relative;overflow:hidden;} } .quanqiubuju_box{ clear:both; width:100%; background:#E8ECF7;} .quanqiubuju_box img{ max-width:100%; display:block; margin:0 auto;} @media (max-width:1400px) { .home_top {font-size:24px;line-height:26px; padding:10px 0;} .home_title {font-size:18px;line-height:25px;padding-top:5px;} } @media (max-width:1200px) { .home_top {font-size:22px;line-height:26px; padding:10px 0;} .home_title {font-size:16px;line-height:25px;padding-top:5px;} } @media (max-width:1024px) { .home_top {font-size:18px;line-height:26px; padding:10px 0;} .home_title {font-size:15px;line-height:25px;padding-top:5px;} } @media (max-width:768px) {.wel-case {padding:0px 0 0px 0;} .home_top {font-size:15px;line-height:26px; padding:10px 0;} .home_title {font-size:14px;line-height:25px;padding-top:5px;} } @media (max-width:639px) { .page-footer h2{ color:#fff; font-size:16px;margin:0 2% 10px 2%;} .page-footer dl {float:left;width:96%;box-sizing:border-box; margin:0 2%;} .page-footer dl:last-child {position:relative;z-index:3} .page-footer dl:last-child,.page-footer dl:last-child a {color:#fff} .page-footer dl dt {font-size:14px;font-size:14px\9;padding:0 0;font-weight:400;float:none;} .page-footer dl dt span {float:none; font-size:15px; line-height:26px; color:#fff;} .page-footer dl dd {padding:0 0;font-size:13px;color:#ccc;} .page-footer dl dd p {display:block; line-height:25px;} .wel-case {} .home_top {font-size:14px;line-height:24px; } .home_title {font-size:13px;line-height:23px;} } .righ_img{width:10%; max-width:100px; float:right; margin-top:30px;} .righ_img h3{ text-align:center; width:100%; line-height:35px; color:#999; font-size:14px;} .tupian_erweima img{ max-width:100%;} @media (max-width:1200px) { .tupian_erweima img{ max-width:100%;} } @media (max-width:639px) { .righ_img{float: left; margin-top:20px; width:100%; max-width:100%; padding-bottom:20px; text-align:center;} .tupian_erweima img{ max-width:80%; display:block; margin:0 auto;} } .index_case_iteam {width:100%; max-width:1400px; position: relative;z-index:3; margin: 0 auto;margin-top: 3%;} .index_case_iteam ul{ margin-left:-1%;margin-right: -1%;} .index_case_iteam li {float:left;width:23%;margin:1% 1%;list-style:none;} .index_case_iteam li a {display:block;overflow:hidden;position:relative;background:#000;height:100%;} .index_case_iteam li a .img {width:100%;background-position:center center;background-repeat:no-repeat;background-size:cover;transition:all 0.35s;-webkit-transition:all 0.35s;-ms-transition:all 0.35s;} .index_case_iteam li .img:before {display:block;content:'';padding-bottom:80%;} .index_case_iteam li a .title {display:block; color:#fff; position:absolute;text-align:center;opacity:0;transform:scale(1);right:5%;bottom:-8%;} .index_case_iteam li a .title strong {display:block;font-weight:normal;transform:translateY(10px);-webkit-transform:translateY(10px);transition:.4s;font-size:1.4vw;} /*.index_case_iteam li a .title strong:after {display:block;content:'';width:1px;height:24px;background-color:#fff;margin:10px auto;} */.index_case_iteam li a .title span {display:block;font-size:16px;transform:translateY(-20px);-webkit-transform:translateY(-20px);transition:.4s;width:100%;margin:20px auto;padding-top:5px;} .index_case_iteam li a .title span p {margin:0px;font-size:16px;line-height:26px;} /*.index_case_iteam li a .title span:after {display:block;content:'+';border:1px solid #fff;width:30%;font-size:20px;margin:20px auto 0;padding:2px;text-align:center;} */.index_case_iteam li a:hover .img {transform:scale(1.1);-webkit-transform:scale(1.1);-ms-transform:scale(1.1);opacity:0.5;filter:alpha(opacity=10);} .index_case_iteam li a:hover .title {visibility:visible;opacity:1;transform:scale(1);} .index_case_iteam li a:hover .title strong,.index_case li a:hover .title span {transform:translateY(0);-webkit-transform:translateY(0);transition:.4s;} .more_btn {display:block;width:110px;line-height:32px;border:#302f2f solid 1px;text-align:center;margin:30px auto 0;border-radius:10px;transition:all 300ms ease-in-out 0s;font-size:14px;font-family:Arial,Helvetica,sans-serif;} .more_btn:hover {background-color:#000;color:#fff;border:#000 solid 1px;} span.shenme_text {position:absolute;z-index:2;color:#fff;text-align:center;font-weight:normal;width:100%;font-size:16px;bottom:20px;} @media (max-width:1400px) { .index_case_iteam { max-width: 96%;} .index_case_iteam ul{ margin:0;} } @media (max-width:1024px) {.index_case_iteam li a .title strong {font-size:16px;} .index_case_iteam li a .title span {display:block;font-size:13px;} span.shenme_text {width:100%;font-size:16px;} .index_case_iteam li {float:left;width:31%;margin:2% 1%;list-style:none;} } @media (max-width:639px) {.index_case_iteam li a .title {display:none;} .index_case_iteam li {float:left;width:48%;margin:2% 1%;list-style:none;} } .animate05 {-webkit-transition-duration:0.5s;-moz-transition-duration:0.5s;-ms-transition-duration:0.5s;transition-duration:0.5s;} .more_button {position:absolute;right:0;top:0px;overflow:hidden;z-index:1;width:53px;height:53px;border:2px solid #666;-moz-border-radius:100%;border-radius:100%;color:#e0e0e0;text-align:center;display:block;-o-transition:all 1.7s ease;-moz-transition:all 1.7s ease;transition:all 1.7s ease;-webkit-mask-image:radial-gradient(white,black);mask-image:radial-gradient(white,black);} .more_button .dot1 span {font-size:30px;margin-top:-10px;color:#666;} .more_button .dot2 span {font-size:30px;margin-top:-10px;color:#fff;} .more_button:focus {outline:none;} .more_button:hover {background:#0265CA;color:#fff;border:2px solid #0265CA;} .more_button i {display:block;-webkit-transform:scale(0);-moz-transform:scale(0);-o-transform:scale(0);transform:scale(0);width:100%;height:100%;background:-moz-radial-gradient(#0265CA,#d44608,#0265CA,#d44608,#0265CA,#d44608,#0265CA,#d44608,#0265CA);background:-o-radial-gradient(#0265CA,#d44608,#0265CA,#d44608,#0265CA,#d44608,#0265CA,#d44608,#0265CA);background:radial-gradient(#0265CA,#d44608,#0265CA,#d44608,#0265CA,#d44608,#0265CA,#d44608,#0265CA);opacity:0;-o-transition:1.2s,opacity 1.8s;-moz-transition:1.2s,opacity 1.8s;transition:1.2s,opacity 1.8s;-moz-border-radius:50%;border-radius:50%;} .more_button:hover i {-webkit-transform:scale(10);-moz-transform:scale(10);-o-transform:scale(10);transform:scale(10);opacity:1;-o-transition:3s,opacity .3s;-moz-transition:3s,opacity .3s;transition:3s,opacity .3s;} .dot2 span,.dot1 span {position:absolute;color:#d1d1d1;left:50%;top:50%;-webkit-transform:translateX(-50%)translateY(-50%);-moz-transform:translateX(-50%)translateY(-50%);-o-transform:translateX(-50%)translateY(-50%);transform:translateX(-50%)translateY(-50%);-moz-animation-fill-mode:forwards;-o-animation-fill-mode:forwards;animation-fill-mode:forwards;-webkit-animation-fill-mode:forwards;} /*dot1*/.dot1 span:nth-child(1) {-o-transition:all 0.4s .5s ease,color .3s;-moz-transition:all 0.4s .5s ease,color .3s;transition:all 0.4s .5s ease,color .3s;left:30%;} .dot1 span:nth-child(2) {-o-transition:all 0.4s .4s ease,color .3s;-moz-transition:all 0.4s .4s ease,color .3s;transition:all 0.4s .4s ease,color .3s;left:50%;} .dot1 span:nth-child(3) {-o-transition:all 0.4s .3s ease,color .3s;-moz-transition:all 0.4s .3s ease,color .3s;transition:all 0.4s .3s ease,color .3s;left:70%;} .more_button:hover .dot1 span:nth-child(1) {left:120%;-o-transition:all 0.4s .2s ease,color .3s;-moz-transition:all 0.4s .2s ease,color .3s;transition:all 0.4s .2s ease,color .3s;color:#fff;} .more_button:hover .dot1 span:nth-child(2) {left:120%;-o-transition:all 0.4s .1s ease,color .3s;-moz-transition:all 0.4s .1s ease,color .3s;transition:all 0.4s .1s ease,color .3s;color:#fff;} .more_button:hover .dot1 span:nth-child(3) {left:120%;-o-transition:all 0.4s 0s ease,color .3s;-moz-transition:all 0.4s 0s ease,color .3s;transition:all 0.4s 0s ease,color .3s;color:#fff;} /*dot2*/.dot2 span:nth-child(1) {left:-30%;-o-transition:all 0.4s .2s ease,color .3s;-moz-transition:all 0.4s .2s ease,color .3s;transition:all 0.4s .2s ease,color .3s;color:#d1d1d1} .dot2 span:nth-child(2) {left:-30%;-o-transition:all 0.4s .1s ease,color .3s;-moz-transition:all 0.4s .1s ease,color .3s;transition:all 0.4s .1s ease,color .3s;color:#d1d1d1} .dot2 span:nth-child(3) {left:-30%;-o-transition:all 0.4s 0s ease,color .3s;-moz-transition:all 0.4s 0s ease,color .3s;transition:all 0.4s 0s ease,color .3s;color:#d1d1d1} .more_button:hover .dot2 span:nth-child(1) {left:30%;-o-transition:all 0.4s .5s ease,color .3s;-moz-transition:all 0.4s .5s ease,color .3s;transition:all 0.4s .5s ease,color .3s;color:#fff;} .more_button:hover .dot2 span:nth-child(2) {left:50%;-o-transition:all 0.4s .4s ease,color .3s;-moz-transition:all 0.4s .4s ease,color .3s;transition:all 0.4s .4s ease,color .3s;color:#fff;} .more_button:hover .dot2 span:nth-child(3) {left:70%;-o-transition:all 0.4s .3s ease,color .3s;-moz-transition:all 0.4s .3s ease,color .3s;transition:all 0.4s .3s ease,color .3s;color:#fff;} .zsjm_fanhui {top:15%;width:60px;height:60px;right:2%;position:fixed;display:block;z-index:100;border-radius:50%;box-shadow:0 0 15px 2px rgba(0,0,0,.1)} .zsjm_fanhui .icon {width:50px;height:50px;background:url(../images/fanhui.png) no-repeat;background-size:cover;position:absolute;left:5px;top:5px} .zsjm_fanhui .eb {position:absolute;width:100%;height:100%;z-index:10;left:0px;top:0px;background:#fff;border-radius:50%;} .zsjm_fanhui:after {content:'';background:#fff;height:100%;width:100%;border-radius:50%;z-index:-1;position:absolute;right:0;top:0;-webkit-animation:fadein 2s linear infinite;} @-webkit-keyframes fadein {0% {-webkit-transform:scale(1);opacity:.5;} 100% {-webkit-transform:scale(1.5);opacity:0;} } .zsjm_fanhui:before {content:'';background:#fff;height:100%;width:100%;border-radius:50%;z-index:-1;position:absolute;left:0;top:0;-webkit-animation:fadein 2s linear infinite .5s;} .course-box {padding:10px 0;border-bottom:1px solid #eaeaea;} .course-box p {margin:0;} .course-list {margin-bottom:30px;} .course-list:last-child {margin-bottom:0;} .course-list li {padding-bottom:40px;} .course-list li:first-child {padding-top:40px;} .course-list li:last-child {padding-bottom:0;} .course-list .year {float:left;font-size:22px;line-height:22px;transition:all .2s;} .course-list .right {float:right;width:82%;} .course-list li {position:relative;} .course-list li:before {content:"";position:absolute;left:150px;width:1px;height:100%;background-color:#dcdcdc;top:0;} .course-list li:last-child:before {height:.3rem;} .course-list .line {position:absolute;left:135px;top:13px;width:30px;height:2px;background-color:#e8e8e8;z-index:3;} .course-list li:first-child .line {top:50px;} .course-list .line:before {content:"";position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:6px;height:6px;background-color:#e8e8e8;border-radius:100%;} .course-list .right .tit {font-size:20px;line-height:26px;color:#777;padding-right:40px;position:relative;transition:all .2s;} .course-list .right .course-btn {position:absolute;right:0;top:50%;transform:translateY(-50%);width:15px;height:15px;background-repeat:no-repeat;background-position:center;background-size:100%;background-image:url("../images/course-jia.png");transition:all .2s;} .course-list .right .con {max-width:100%;font-size:14px;line-height:20px;color:#777;margin-top:20px;display:none;} .course-list .right .con img {max-width:100%;} .course-list li.cur .course-btn {background-image:url("../images/course-jian.png");} .course-list li.cur .year,.course-list li.cur .tit {color:#0265CA;} .course-list li.cur .year span,.course-list li .year span {font-size:15px;padding-left:5px;} @media (max-width:1000px) { .course-list .right {float:right;width:70%;} } @media (max-width:767px) {.course-box {padding:10px 10px;} .course-box p {margin:0;font-size:14px; line-height:26px;} .course-list {margin-bottom:20px;} .course-list:last-child {margin-bottom:0;} .course-list li {padding-bottom:20px;} .course-list li:first-child {padding-top:20px;} .course-list li:last-child {padding-bottom:0;} .course-list .year {float:left;font-size:16px;line-height:22px;transition:all .2s;} .course-list .right {float:right;width:70%;} .course-list li {position:relative;} .course-list li:before {content:"";position:absolute;left:70px;width:1px;height:100%;background-color:#dcdcdc;top:0;} .course-list li:last-child:before {height:.3rem;} .course-list .line {position:absolute;left:60px;top:13px;width:20px;height:1px;background-color:#e8e8e8;z-index:3;} .course-list li:first-child .line {top:30px;} .course-list .right .tit {font-size:16px;line-height:26px;} .course-list li.cur .year span,.course-list li .year span {font-size:13px;padding-left:5px;} } .toutiao_box_bg {position:absolute;left:0;bottom:60px;width:50%;padding:50px 0;text-align:center;background:#fff;} .toutiao_box {max-width:80%;text-align:left;margin:0 auto;} .toutiao_box p {font-size:18px;position:relative;line-height:40px;padding-left:10%;} .toutiao_box p:before {position:absolute;left:0;content:">";font-size:40px;color:#0265CA;} .toutiao_box a {color:#000;} .toutiao_box a:hover {color:#0265CA;} .toutiao_box a:hover p:before {left:10px;transition:all 1000ms ease-in-out 0s;} .company_con01 .bg {background:rgba(0,0,0,0.7)} .company_con01 {width:100%;margin:50px auto;} .company_con01.other_tech {margin-top:0} .company_con01.ratio-img {background:none!important} .company_con01 a {display:inline-block;position:relative;width:100%;overflow:hidden;} .company_con01 a img {width:100%;} .company_con01 p {width:100%;height:50px;line-height:50px;font-size:18px;position:absolute;bottom:0;left:0;color:#fff;padding-left:4%;transition:.3s all;-webkit-transition:.3s all;overflow: hidden; white-space: nowrap; text-overflow: ellipsis;} .com_c01_left {width:66.5%;position:relative;float:left;overflow:hidden;} .com_c01_left img {transition:.3s all;-webkit-transition:.3s all} @media only screen and (max-width:1400px){ .toutiao_box_bg {bottom:40px;width:50%;padding:35px 0;} .company_con01 p {height:40px;line-height:40px;font-size:16px;} } @media only screen and (max-width:1200px){ .toutiao_box_bg {bottom:30px;width:50%;padding:25px 0;} .company_con01 p {height:40px;line-height:40px;font-size:14px;} } @media only screen and (max-width:1000px){ .toutiao_box_bg {bottom:20px;width:50%;padding:15px 0;} } @media only screen and (min-width:1024px) {.com_c01_left:hover img {transform:scale(1.1,1.1);-webkit-transform:scale(1.1,1.1)} } .com_c01_right {width:32%;position:relative;float:right;overflow:hidden} .com_c01_right a {overflow:hidden} .com_c01_right>a+a {margin-top:3.3%} .com_c01_right img {transition:.3s all;-webkit-transition:.3s all} @media only screen and (min-width:1024px) {.com_c01_right a:hover img {transform:scale(1.1,1.1);-webkit-transform:scale(1.1,1.1)} } .company_con02 .bg {background:rgba(242,105,45,.9)} .company_con02 {width:100%;margin:0px auto;} .company_con02.other_tech {margin-top:0} .company_con02.ratio-img {background:none!important} .company_con02 a {display:inline-block;position:relative;width:100%;overflow:hidden;} .company_con02 a img {width:100%;} .company_con02 p {width:100%;height:50px;line-height:50px;font-size:18px;position:absolute;bottom:0;left:0;color:#fff;padding-left:4%;transition:.3s all;-webkit-transition:.3s all} .com_c02_left {width:49.9%;position:relative;float:left;overflow:hidden;} .com_c02_left img {transition:.3s all;-webkit-transition:.3s all} .com_c02_right {width:49.9%;position:relative;float:right;overflow:hidden} @media only screen and (min-width:1024px) {.com_c02_left a:hover img,.com_c02_right a:hover img {transform:scale(1.1,1.1);-webkit-transform:scale(1.1,1.1)} } @media only screen and (max-width:768px) {.company_con01 {margin:10px auto 0 auto;} .toutiao_box_bg {position:absolute;left:0;bottom:5px;width:80%;padding:2px 0;text-align:center;background:#fff;} .toutiao_box {max-width:70%;text-align:left;margin:0;} .toutiao_box p {font-size:13px;line-height:26px;padding-left:30px;} .toutiao_box p:before {left:10px;content:">";font-size:16px;} .toutiao_box a:hover p:before {left:10px;} .com_c01_left {width:100%;padding:0 2%;float:none;} .company_con01 p {width:100%;height:35px;line-height:35px;font-size:14px;padding-left:2%;} .com_c01_right {width:100%;float:none;padding:0 2%;} .com_c01_right>a+a {margin-top:0;} .com_c02_left {width:100%;position:relative;float:none;overflow:hidden;} .com_c02_right {width:100%;position:relative;float:none;overflow:hidden} .company_con02 p {height:30px;line-height:30px;font-size:14px;padding-left:2%;} } /*内容介绍*/ .pro_left01 {float:none;width:90%;max-width:1200px; margin-top:30px; padding:0 5%;} .pro_left01 h2 {font-size:26px;line-height:40px; font-weight:700;padding-bottom:10px; border-bottom:1px solid #f1f1f1;padding-top:20px;color:#363636;text-align:center;} .team_left{float:left;width:55%; } .team_left img{ max-height: 100%;max-width: 100%;} .team_right{float:right;width:35%;text-align:left;border-top: 2px solid #000;padding-top: 1.5%;font-size: .6vw;line-height: 1.8;} .team_right h2{ font-size: 1vw;line-height: 2;} .team_right h3{ font-size: .8vw;line-height: 2;font-weight: 700;} .team_right_line{ width: 100%;height: 2px;background: #000; margin: 8% 0px auto;clear: both; } .team_right_box{ clear: both; width: 100%;padding-top:2%;} @media only screen and (max-width:1920px) { .team_right{font-size:15px;} .team_right h2{ font-size:18px;} .team_right h3{font-size:16px;} } @media only screen and (max-width:639px) { .team_left{float:none;width:100%; } .team_right{float:none;width:100%;text-align:left;border-top: 2px solid #000;padding-top:2%;font-size: 3.5vw;line-height: 1.8;margin-top: 8%; } .team_right h2{ font-size:4vw;line-height: 2;} .team_right h3{ font-size:3.5vw;line-height: 2;font-weight: 700;} .team_right_line{ width: 100%;height: 2px;background: #000; margin: 8% 0px auto;clear: both; } .team_right_box{ clear: both; width: 100%;padding-top:2%;} } .news_left01 {float:none;width:100%;max-width:100%;border-top: 2px solid #000;padding-top: 2%;margin-top: 2%; } .newsshow_a {float:none;width:100%;max-width:100%;padding-right:0;border:none; margin:0 auto;} .newsshow_neirong{padding:2%; width:100%; margin:0 auto;} .newsshow_neirong p {line-height:24px;font-size:14px;text-indent:0;} .newsshow_neirong img{max-width:100%;max-height:100%;margin:15px auto;} .newsshow_neirong p img {max-width:100%;max-height:100%;margin:15px auto;text-indent:0;} .product_box{ clear: both; width: 100%;} .product_box_left{width: 50%;text-align: left; display: inline-block;} .product_box_left h2{ font-size: 1vw;line-height: 2; color: #000;} .product_box_left h3{font-size: .65vw;line-height: 2; color: #ccc;font-weight: normal; } .product_box_right{width: 45%;text-align: left; display: inline-block;} .product_box_right h4{font-size: .65vw;line-height: 2; color: #000;} .product_video_box{ clear: both; width: 100%;margin-top: 3%;position: relative;} .product_video_box img{ max-width: 100%;} .product_box_show{ clear: both; width: 100%;} .product_box_show_left{ float: left; width: 60%;margin-top: 3%;} .product_box_show_left p{ font-size: 0.6vw;line-height: 1.8;} .product_box_show_right{ float: right; width: 35%;margin-top: 2%;margin-left: 5%;} .product_box_show_right ul{ width:65%; float: left;margin-left: 10%;} .product_box_show_right ul li{ display: block; width: 100%; padding: 1.5% 0;} .product_box_show_right ul li h2{ font-size: .62vw;line-height:1.8;color: #ccc;} .product_box_show_right ul li h3{ font-size: .62vw;line-height: 1.8; color: #000;} .product_box_show_right_saoma{ float: left;width: 25%;} .product_box_show_right_saoma h3{ display: block; width: 57%;font-size: .63vw;line-height:1.6;position: relative;padding-left: 43%;} .product_box_show_right_saoma h3:before{ position: absolute;content: '';background: url(../images/saoma.png) no-repeat left center; width: 40px;height: 38px;left: 0;top:7px;} .product_box_show_right_saoma img{ display: block;margin-top: 15px;max-width: 100%;} .index_news_img{ position: relative; width: 100%;} @media only screen and (max-width:1920px) { .product_box_left h2{ font-size:24px;} .product_box_left h3{font-size:16px;} .product_box_right h4{font-size:18px;} .product_box_show_left p{ font-size:15px;} .product_box_show_right ul li h2{ font-size: 15px;} .product_box_show_right ul li h3{ font-size: 15px;} .product_box_show_right_saoma h3{font-size:15px;} } @media only screen and (max-width:639px) { .product_box_show_right_saoma{ float: none; width: 100%;max-width: 250px;text-align: left; } .product_box_show_right_saoma img{ max-width: 100px;margin-top: 0; } .product_box_show_right_saoma h3{ padding-left: 0; width: 100%; font-size:3.5vw;line-height: 2.2;} .product_box_show_left{ float: none; width:100%;margin-top: 0;padding-top: 2%; } .product_box_show_right{ float: none; width: 100%;margin-top: 2%;margin-left: 0;} .product_box_show_right ul{ width:100%; margin-left: 0%;float: none; } .product_box_show_right_saoma h3:before{ display: none;} .product_box_left h2{ font-size:4.5vw;} .product_box_left h3{font-size:3.5vw;} .product_box_right h4{font-size:3.5vw;} .product_box_show_left p{ font-size:3.5vw;} .product_box_show_right ul li h2{ font-size: 3.5vw;} .product_box_show_right ul li h3{ font-size: 3.5vw;} .product_box_left{width: 35%;text-align: left; display: inline-block;} .product_box_right{ width: 60%;text-align: right; } } .vedioHide{display:none;position:fixed;top:0px;left:0px;width:100%;height:100%;background:rgba(0,0,0,0.8);z-index:111;} .vedioContent{display:none;position:fixed;top:50%;left:50%;width:1200px;height:600px;margin:-300px 0 0 -600px;z-index:5;background:#000;padding:0; box-shadow: 0px 0px 40px 0px rgba(0,0,0,0.2);-moz-box-shadow: 0px 0px 40px 0px rgba(0,0,0,0.2);-ms-box-shadow: 0px 0px 40px 0px rgba(0,0,0,0.2);-o-box-shadow: 0px 0px 40px 0px rgba(0,0,0,0.2);-webkit-box-shadow: 0px 0px 40px 0px rgba(0,0,0,0.2); z-index:112; } .vedioContent video{width:100% !important;height:100% !important; background:#000;} .vedioClose{position: absolute; top: 2%; right: 2%; cursor: pointer; width: 60px; height: 60px; background: #ad322c; line-height: 60px; text-align: center; z-index: 99999;} .vedioClose img{ max-width: 70%;} .zsjm_fanhui_v{top:44%;width:60px;height:60px;left:47%;position: absolute; display:block;z-index:100;border-radius:50%;box-shadow:0 0 15px 2px rgba(0,0,0,.1)} .zsjm_fanhui_v .icon{width:50px;height:50px;background:url(../images/fanhui.png) no-repeat;background-size:cover;position:absolute;left:5px;top:5px} .zsjm_fanhui_v .eb{ position: absolute; width: 100%; height: 100%; z-index: 10; left: 0px; top: 0px; background: #fff; border-radius: 50%; } .zsjm_fanhui_v:after { content: ''; background: #fff; height: 100%; width: 100%; border-radius: 50%; z-index: -1; position: absolute; right: 0; top: 0; -webkit-animation: fadein 2s linear infinite; } @-webkit-keyframes fadein { 0% { -webkit-transform: scale(1); opacity: .5; } 100% { -webkit-transform: scale(1.5); opacity: 0; } } .zsjm_fanhui_v:before { content: ''; background: #fff; height: 100%; width: 100%; border-radius: 50%; z-index: -1; position: absolute; left: 0; top: 0; -webkit-animation: fadein 2s linear infinite .5s; } @media only screen and (max-width:639px) { .zsjm_fanhui_v{top:40%;width:45px;height:45px;left:45%;position: absolute; } .zsjm_fanhui_v .icon{width:40px;height:40px;left:3px;top:3px} } .aboutk_tit {font-size:20px;line-height:33px;padding-bottom:10px;padding-top:20px;font-weight:normal;color:#181818;text-align:center;} .right_news_click {text-align:center;color:#999;position:relative;width:100%;margin-top:0px;background:#fff;height:35px;line-height:35px;} .right_news_click span.riqi {font-weight:normal;position:relative;letter-spacing:normal;display:inline-block;font-size:13px;} .right_news_click span.riqi:before {position:absolute;content:"";background:url(../img/m_riqi.jpg) no-repeat 0 16px;width:11px;height:30px;margin-left:-15px;} .right_news_click span.cishu {letter-spacing:normal;margin-left:40px;display:inline-block;font-size:13px;} .right_news_click span.cishu:before {position:absolute;content:"";background:url(../img/m_cishu.jpg) no-repeat 0 16px;width:13px;height:30px;margin-left:-18px;} .text_neirong {line-height:28px;font-size:16px;padding:20px 0;width:100%;} .text_neirong p {line-height:28px;font-size:16px;text-indent:0;} .text_neirong img,.text_neirong p img {max-width:100%;max-height:100%;margin:15px auto;text-indent:0; text-align:center; display:block;} .news_line {clear:both;width:96%;height:50px;background:#F7F7F7;line-height:50px;font-size:14px;padding:0 2%;} .news_line a {font-size:14px;} .newsshow_right {width:100%;max-width:100%;margin:3% 0px 0px 0;text-align:left;border-top: 1px solid #111;padding-top: 3%;} p.shangyipian {color:#666;width:120px;line-height:25px;position:relative;padding-left:25px;font-size: .55vw;float: left;} p.shangyipian:before {position:absolute;content:"";background:url(../images/shangyipian.png) no-repeat 0px 0;width:20px;height:20px;margin-left:0px;display:block;background-size:cover;left: 0;} p.xiayipian {color:#666;width:100px;line-height:30px;position:relative;padding-left:0px;font-size: .55vw;float: right;text-align: right;} p.xiayipian:before {position:absolute;content:"";background:url(../images/xiayipian.jpg) no-repeat 0px 12px;width:15px;height:20px;margin-left:-20px;display:block;} .shangyiye{display: inline-block;line-height:25px;font-size:.55vw;position:relative; margin: 0 ;} .shangyiye a {-webkit-transition:all 0.5s ease-in-out;-moz-transition:all 0.5s ease-in-out;-o-transition:all 0.5s ease-in-out;-ms-transition:all 0.5s ease-in-out;transition:all 0.5s ease-in-out;} .shangyiye a:hover {color:#ccc;padding-left:30px;transition:all 500ms ease-in-out 0s;} .shangyiye a:before {width:0;height:25px;position:absolute;left:0px;top:0px;content:'';transition:all 500ms ease-in-out 0s;background:url(../images/shangyipian.png) no-repeat 0px 0;background-size:cover;} .shangyiye a:hover:before {width:25px;left:0px;height:25px;} .xiayiye{display: inline-block;line-height:25px;font-size:.55vw;position:relative; margin: 0 ;} .xiayiye a {-webkit-transition:all 0.5s ease-in-out;-moz-transition:all 0.5s ease-in-out;-o-transition:all 0.5s ease-in-out;-ms-transition:all 0.5s ease-in-out;transition:all 0.5s ease-in-out;} .xiayiye a:hover {color:#ccc;padding-right:30px;transition:all 500ms ease-in-out 0s;} .xiayiye a:before {width:0;height:25px;position:absolute;right:0px;top:0px;content:'';transition:all 500ms ease-in-out 0s;background:url(../images/xiayipian.png) no-repeat right top;background-size:cover;} .xiayiye a:hover:before {width:25px;right:0px;height:25px;} @media only screen and (max-width:1920px) { .shangyiye{font-size:15px;} .xiayiye{ font-size: 15px; } } p.fenxiang_ico {color:#666;width:100px;line-height:30px;position:relative;padding-left:20px;float: left;margin-left: 40%;font-size: .55vw;} p.fenxiang_ico:before {position:absolute;content:"";background:url(../img/fenxiang_ico.jpg) no-repeat 0px 10px;width:15px;height:24px;margin-left:-20px;display:block;} .dangqian_box {width:100%;} .dangqian_box img {max-width:270px;margin:10px 0;} .dangqian_box p {text-align:center;line-height:26px;font-size:16px;} .dangqian_box p a {font-size:14px;line-height:26px;padding-top:10px;} p.dangqian {color:#C01920;width:100%;line-height:40px;font-size:16px;position:relative;padding-left:0;font-weight:700;text-align:left;} p.dangqian:before {position:absolute;content:"";background:url(../images/dangqian.jpg) no-repeat 0px 10px;width:19px;height:30px;margin-left:-25px;display:block;} .newsshow_right h2 {font-size:18px;width:100%;height:40px;line-height:40px;text-align:left;padding-left:10px;background:#24A3AE;color:#fff;font-weight:normal;} .reture_list {clear:both;width:100%;border-top:1px solid #333;padding-top:20px;} a.reture_li {position:relative;display:block;text-align:right;float: right;opacity:0.3;} a:hover.reture_li {opacity:1;} .n_box_menu {clear:both;width:100%;height:60px;border-bottom:1px solid #ddd;} .localhost {float:left;} .m_n_home_ico {background:#F0F0F0;width:60px;height:60px;float:left;text-align:center;line-height:60px;margin-right:20px;} .localhost span {line-height:60px;color:#969696} .n_menu {float:right;line-height:60px;} .n_menu ul li {margin:0 40px;display:inline-block;} .n_menu ul li a {font-size:16px;color:#111;position:relative;margin-right:0px;} .n_menu ul li a:hover,.n_menu ul li a.cur {font-size:16px;color:#C01920;margin-right:5px;} .n_menu ul li a:before {position:absolute;content:"";width:60px;height:1px;background:#ccc;left:-70px;top:10px;} .n_menu ul li a:hover:before {background:#C01920;width:70px;left:-80px;} .n_menu ul li a.cur:before {position:absolute;content:"";background:#C01920;width:70px;left:-80px;top:10px;} .n_menu ul li:last-child {margin:0 0 0 40px;} @media screen and (max-width:1200px) { .news_left01 {float:none;width:100%;max-width:100%;} .newsshow_right {float:none;width:100%;max-width:100%;margin:0px 0px 0px 0;text-align:left;} .dangqian_box img {max-width:100%;} } @media screen and (max-width:768px) {.n_box_menu {clear:both;width:100%;height: auto;} .m_n_home_ico {background:#F0F0F0;width:35px;height:35px;float:left;text-align:center;line-height:35px;margin-right:20px;} .localhost{ clear:both; width:100%;} .localhost span {line-height:35px;color:#969696;font-size:12px;} .n_menu {line-height:35px; float: none; width:100%; margin-bottom:0px;} .n_menu ul li a {font-size:14px;} .n_menu ul li {margin:0 60px;display:inline-block;} .news_left01 {float:none;width:100%;max-width:100%;padding-right:0;border-right:none;} .aboutk_tit { padding-top: 0;} .right_news_click {height:35px;line-height:35px;margin-top:0;} .right_news_click span.riqi {font-size:12px;} .right_news_click span.riqi:before {position:absolute;content:"";background:url(../img/m_riqi.jpg) no-repeat 0 16px;width:11px;height:30px;margin-left:-15px;} .right_news_click span.cishu {letter-spacing:normal;margin-left:40px;display:inline-block;font-size:13px;} .right_news_click span.cishu:before {position:absolute;content:"";background:url(../img/m_cishu.jpg) no-repeat 0 16px;width:13px;height:30px;margin-left:-18px;} .text_neirong {line-height:24px;font-size:13px;padding:10px 2%;width:100%;} .text_neirong p {line-height:24px;font-size:13px;text-indent:0;} .text_neirong img,.text_neirong p img {margin:10px auto;max-width:100%;} .news_line {clear:both;width:96%;height:50px;background:#F7F7F7;line-height:50px;font-size:14px;padding:0 2%;} .news_line a {font-size:14px;} .newsshow_right {float:none;width:100%;padding:0 ;max-width:100%;margin:0px;text-align:left; border-top:none; } p.shangyipian {color:#999;line-height:30px;position:relative;padding-left:0; width: 45%;} p.shangyipian:before {position:absolute;content:"";background:url(../images/shangyipian.jpg) no-repeat 0px 12px;width:15px;height:20px;margin-left:-20px;display:block;} p.xiayipian {color:#999;line-height:30px;position:relative;padding-left:0;width: 45%;} p.xiayipian:before {position:absolute;content:"";background:url(../images/xiayipian.jpg) no-repeat 0px 12px;width:15px;height:20px;margin-left:-20px;display:block;} p.fenxiang_ico {color:#999;line-height:30px;position:relative;padding-left:0;width: 30%;margin:0 1%;display: none;} p.fenxiang_ico:before {position:absolute;content:"";background:url(../img/fenxiang_ico.jpg) no-repeat 0px 10px;width:15px;height:24px;margin-left:-20px;display:block;} .dangqian_box {display:none;} .reture_list {padding-top:10px;} .shangyiye,.xiayiye{ font-size:3.5vw;} } @media screen and (max-width:639px) { .localhost{ clear:both; width:100%; padding-top:0px; border-bottom:1px solid #eee; margin-bottom:10px;} .n_menu ul li a:before { display:none;} .n_menu ul li a:hover:before {display:none;} .n_menu ul li a.cur:before {display:none;} .n_menu ul li:last-child {margin:0 15px 0 15px;} .n_menu ul li {margin:0 15px;display:inline-block;} } /*内页大图*//*banner图样式*/.bannertt {position:relative;width:100%;overflow:hidden;margin:0 auto;text-align:center;background:#fff;height:240px;z-index:1;} .bannertt picture img {-webkit-animation:banner_inside 20s ease 1 forwards;-moz-animation:banner_inside 20s ease 1 forwards;-o-animation:banner_inside 20s ease 1 forwards;animation:banner_inside 20s ease 1 forwards;} .bannertt picture {position:absolute;left:50%;width:4000px;margin-left:-2000px;} .bannertt .div01 {position:absolute;left:50%;width:4000px;margin-left:-2000px;} @-webkit-keyframes banner_inside {from {-webkit-transform:scale(1.23);transform:scale(1.23);} to {-webkit-transform:scale(1);transform:scale(1);} } @-moz-keyframes banner_inside {from {-moz-transform:scale(1.23);transform:scale(1.23);} to {-moz-transform:scale(1);transform:scale(1);} } @-o-keyframes banner_inside {from {-o-transform:scale(1.23);transform:scale(1.23);} to {-o-transform:scale(1);transform:scale(1);} } @keyframes banner_inside {from {-webkit-transform:scale(1.23);-moz-transform:scale(1.23);-o-transform:scale(1.23);transform:scale(1.23);} to {-webkit-transform:scale(1);-moz-transform:scale(1);-o-transform:scale(1);transform:scale(1);} } .banner_txt {text-align:center;z-index:5;height:100%;width:1200px;margin:0 auto;position:relative;} .banner_txt2 {clear:both;font-size:25px;position:absolute;top:40%;width:100%;font-weight:normal;color:#fff;text-align:center;} .banner_txt3 {clear:both;font-size:25px;position:absolute;top:60%;width:100%;font-weight:normal;color:#ddd;text-align:center;font-size:14px;} /*分页*/.pageshow {padding:0px 0px;height:25px;line-height:25px;text-align:center;clear:both;width:100%;margin:30px 0px 0 0;} .pageshow a {padding:0 15px;line-height:25px;display:inline-block;margin:0 5px;font-size:.65;color:#333;} .pageshow a:hover {color:#363636;} .pageshow .curr {padding:0px 10px;height:25px;line-height:25px;background:none;color:#363636;font-size:18x;} @media (max-width:1023px) {.pageshow {height:30px;line-height:30px;font-size:13px;} .pageshow a {padding:0 6px;font-size:13px;} } @media (max-width:639px) {.pageshow {height:25px;line-height:25px;font-size:12px;} .pageshow a {padding:0 6px;font-size:12px;} } .yingxiao_m_box {clear:both;width:100%;} .yingxiao_m_box img {max-width:100%;} /*内页大图*/.jieshao_box_jlinshi {clear:both;max-width:100%;margin:0 auto;max-width:1400px;} .jieshao_box_jlinshi img {max-width:100%;display:block;margin:0 auto;} .ty-ul {padding-top:10px;width:100%;clear:both;} .ty-ul li {float:left;width:31.33%;margin:25px 1%;display:block;height:330px;position:relative;background:#fff;} .ty-ul li:nth-child(1) {width:48%;margin:25px 1%;} .ty-ul li:nth-child(2) {width:48%;margin:25px 1%;} .ty-ul .pro_list_li {overflow:hidden;height:275px;text-align:center;width:400px;transition:all 0.2s linear; overflow:hidden; margin:0 auto; display:block;} .ty-ul li:hover {box-shadow:0 0 15px 1px #ccc;} .ty-ul .pro_list_li img {max-width:100%;max-height:100%;} .ty-ul .pro_list_li img:hover {transform:scale(1.1,1.1);-webkit-transform:scale(1.1,1.1);transform:scale(1.1);} .ty-ul .pro_list_li:hover {margin-top:0px;} .ty-ul li p { clear:both; width:100%;text-align:center;width:100%;height:45px;line-height:45px;font-size:16px;color:#363636;z-index:9;} .ty-ul li a:hover p {color:#000;} @media (max-width:1300px) {.jieshao_box_jlinshi {padding:2%;} .ty-ul {padding-top:10px;} .ty-ul li {width:20%;margin:1% 0;height:250px;} .ty-ul .pro_list_li {overflow:hidden;height:250px; width:auto;} .ty-ul li p {height:35px;line-height:35px;font-size:13px;} } @media (max-width:1100px) {.jieshao_box_jlinshi {padding:2%;} .ty-ul {padding-top:10px;} .ty-ul li {width:20%;margin:1% 0;height:190px;} .ty-ul .pro_list_li {overflow:hidden;height:190px; width:auto;} .ty-ul li p {height:35px;line-height:35px;font-size:13px;} .ty-ul .pro_list_li img:hover {transform:scale(1,1);-webkit-transform:scale(1,1);transform:scale(1);} .ty-ul .pro_list_li:hover {margin-top:0px;} } @media (max-width:1000px) { .ty-ul li {width:20%;margin:1% 0;height:170px;} } @media (max-width:800px) {.jieshao_box_jlinshi {padding:2%;} .ty-ul {padding-top:10px;} .ty-ul li {width:33.33%;margin:1% 0;height:230px;} .ty-ul .pro_list_li {overflow:hidden;height:230px;} .ty-ul li p {height:35px;line-height:35px;font-size:13px;} } @media (max-width:700px) {.jieshao_box_jlinshi {padding:2%;} .ty-ul {padding-top:10px;} .ty-ul li {width:33.33%;margin:1% 0;height:200px;} .ty-ul .pro_list_li {overflow:hidden;height:200px;} .ty-ul li p {height:35px;line-height:35px;font-size:13px;} } @media (max-width:639px) {.jieshao_box_jlinshi {padding:2%;} .ty-ul {padding-top:10px;} .ty-ul li {width:33.33%;margin:1% 0;height:150px;} .ty-ul .pro_list_li {overflow:hidden;height:150px;} .ty-ul li p {height:35px;line-height:35px;font-size:13px;} } @media (max-width:400px) {.jieshao_box_jlinshi {padding:2%;} .ty-ul {padding-top:10px;} .ty-ul li {width:50%;margin:1% 0;height:150px;} .ty-ul .pro_list_li {overflow:hidden;height:150px;} .ty-ul li p {height:35px;line-height:35px;font-size:13px;} } .sanji-ul {padding-top:25px;padding-bottom:10px;width:100%;clear:both;} .sanji-ul ul {max-width:1000px;margin:0 auto;text-align:center;} .sanji-ul li {display:inline-block;width:350px;margin-right:30px;margin-left:30px;height:560px;position:relative;box-shadow:0 0 15px 1px #ccc;border:1px solid #fff;} .sanji-ul li:first-child {margin-left:0;} .sanji-ul li:last-child {margin-right:0;} .sanji-ul .pro_list_li {overflow:hidden;height:450;text-align:center;width:350px;transition:all 0.2s linear;} .sanji-ul .pro_list_li:hover {} .sanji-ul .pro_list_li img {max-width:100%;max-height:100%;} .sanji-ul .pro_list_li img:hover {transform:scale(1.1,1.1);-webkit-transform:scale(1.1,1.1);transform:scale(1.1);} .sanji-ul .pro_list_li:hover {} .sanji-ul li h2 {height:40px;padding-top:15px;line-height:40px;overflow:hidden;font-size:16px;text-align:center;} .sanji-ul li p {position:absolute;top:-10px;text-align:center;width:100%;height:30px;line-height:30px;font-size:14px;color:#000;z-index:2;} .sanji-ul li a:hover p {color:#000;} .pro-ul {padding-top:20px;width:100%;clear:both;} .pro-ul li {float:left;width:270px; padding:10px 10px;margin-right:10px;margin-left:10px;margin-bottom:35px;display:block;max-height:320px;box-shadow:0 0 15px 1px #ccc;border:1px solid #fff;} .pro-ul .pro_list_li {overflow:hidden;height:180px;text-align:center;width:270px;transition:all 0.2s linear;background:#fff;} .pro-ul .pro_list_li img {max-width:100%;max-height:100%;} .pro-ul li h2 {height:40px;padding-top:0;line-height:40px;overflow:hidden;font-size:16px;text-align:center;} .pro-ul li h3 {overflow:hidden;line-height:26px;color:#666;font-size:14px;text-align:left;font-weight:normal;padding-left:5%;} .pro-ul li a.more {height:45px;width:200px;display:block;margin:20px auto;border-radius:25px;color:#fff;background:#0265CA;border:1px solid #ccc;line-height:45px;text-align:center;overflow:hidden;font-size:14px;} .pro-ul li a:hover.more{ background:#D21A1C;} @media (max-width:1459px) {.pro-ul {padding-top:0px;} .pro-ul li {width:31.33%;margin:20px 1%;height:430px;} .pro-ul .pro_list_li {overflow:hidden;height:300px;width:100%;} .pro-ul li h2 {height:40px;padding-top:5px;line-height:40px;overflow:hidden;font-size:16px;text-align:left;padding-left:5%;} .pro-ul li h3 {overflow:hidden;line-height:30px;color:#666;font-size:14px;text-align:left;font-weight:normal;padding-left:5%;} .pro-ul li a.more {height:40px;width:120px;display:block;margin:10px auto;border-radius:20px;color:#fff;background:#0265CA;border:1px solid #ccc;line-height:40px;text-align:center;overflow:hidden;font-size:14px;} } @media (max-width:1024px) {.pro-ul {padding-top:0px;} .pro-ul li {width:31.33%;margin:20px 1%;height:400px;} .pro-ul .pro_list_li {overflow:hidden;height:260px;width:100%;} .pro-ul li h2 {height:35px;padding-top:5px;line-height:35px;overflow:hidden;font-size:15px;text-align:left;padding-left:5%;} .pro-ul li h3 {overflow:hidden;line-height:25px;color:#666;font-size:13px;text-align:left;font-weight:normal;padding-left:5%;} .pro-ul li a.more {height:35px;width:110px;display:block;margin:10px auto;border-radius:20px;color:#fff;background:#0265CA;border:1px solid #ccc;line-height:35px;text-align:center;overflow:hidden;font-size:13px;} } @media (max-width:800px) {.pro-ul {padding-top:20px;} .pro-ul li {width:31.33%;margin:20px 1%;height:350px;} .pro-ul .pro_list_li {overflow:hidden;height:220px;width:100%;} .pro-ul li h2 {height:35px;padding-top:5px;line-height:35px;overflow:hidden;font-size:15px;text-align:left;padding-left:5%;} .pro-ul li h3 {overflow:hidden;line-height:25px;color:#666;font-size:13px;text-align:left;font-weight:normal;padding-left:5%;} .pro-ul li a.more {height:35px;width:110px;display:block;margin:10px auto;border-radius:20px;color:#fff;background:#0265CA;border:1px solid #ccc;line-height:35px;text-align:center;overflow:hidden;font-size:13px;} } @media (max-width:639px) {.pro-ul {padding-top:0;} .pro-ul li {width:46%;margin:10px 2%;height:200px;} .pro-ul .pro_list_li {overflow:hidden;height:100px;width:100%;} .pro-ul li h2 {height:35px;padding-top:5px;line-height:35px;overflow:hidden;font-size:14px;text-align:left;padding-left:5%;} .pro-ul li h3 {overflow:hidden;line-height:25px;color:#666;font-size:12px;text-align:left;font-weight:normal;padding-left:5%;} .pro-ul li a.more {height:30px;width:100px;display:block;margin:10px auto;border-radius:15px;color:#fff;background:#0265CA;border:1px solid #ccc;line-height:30px;text-align:center;overflow:hidden;font-size:12px;} } .renzheng-ul {padding-top:20px;width:100%;clear:both;} .renzheng-ul li {float:left;width:270px; padding:10px 10px;margin-right:10px;margin-left:10px;margin-bottom:35px;display:block;max-height:320px;box-shadow:0 0 15px 1px #ccc;border:1px solid #fff;} .renzheng-ul .pro_list_li {overflow:hidden;height:180px;text-align:center;width:270px;transition:all 0.2s linear;background:#fff;} .renzheng-ul .pro_list_li img {max-width:100%;max-height:100%;-webkit-filter: grayscale(100%); -moz-filter: grayscale(100%); -ms-filter: grayscale(100%); -o-filter: grayscale(100%); filter: grayscale(100%); filter: gray;} .renzheng-ul .pro_list_li:hover img {max-width:100%;max-height:100%; -webkit-filter: inherit; -moz-filter: inherit; -ms-filter: inherit; -o-filter: inherit; filter: inherit; filter: inherit;;} .renzheng-ul li h2 {height:40px;padding-top:0;line-height:40px;overflow:hidden;font-size:16px;text-align:center;} .renzheng-ul li h3 {overflow:hidden;line-height:26px;color:#666;font-size:14px;text-align:left;font-weight:normal;padding-left:5%;} .renzheng-ul li a.more {height:45px;width:200px;display:block;margin:20px auto;border-radius:25px;color:#fff;background:#0265CA;border:1px solid #ccc;line-height:45px;text-align:center;overflow:hidden;font-size:14px;} .renzheng-ul li a:hover.more{ background:#D21A1C;} @media (max-width:1459px) {.renzheng-ul {padding-top:0px;} .renzheng-ul li {width:31.33%;margin:20px 1%;height:430px;} .renzheng-ul .pro_list_li {overflow:hidden;height:300px;width:100%;} .renzheng-ul li h2 {height:40px;padding-top:5px;line-height:40px;overflow:hidden;font-size:16px;text-align:left;padding-left:5%;} .renzheng-ul li h3 {overflow:hidden;line-height:30px;color:#666;font-size:14px;text-align:left;font-weight:normal;padding-left:5%;} .renzheng-ul li a.more {height:40px;width:120px;display:block;margin:10px auto;border-radius:20px;color:#fff;background:#0265CA;border:1px solid #ccc;line-height:40px;text-align:center;overflow:hidden;font-size:14px;} } @media (max-width:1024px) {.renzheng-ul {padding-top:0px;} .renzheng-ul li {width:31.33%;margin:20px 1%;height:400px;} .renzheng-ul .pro_list_li {overflow:hidden;height:260px;width:100%;} .renzheng-ul li h2 {height:35px;padding-top:5px;line-height:35px;overflow:hidden;font-size:15px;text-align:left;padding-left:5%;} .renzheng-ul li h3 {overflow:hidden;line-height:25px;color:#666;font-size:13px;text-align:left;font-weight:normal;padding-left:5%;} .renzheng-ul li a.more {height:35px;width:110px;display:block;margin:10px auto;border-radius:20px;color:#fff;background:#0265CA;border:1px solid #ccc;line-height:35px;text-align:center;overflow:hidden;font-size:13px;} } @media (max-width:800px) {.renzheng-ul {padding-top:20px;} .renzheng-ul li {width:31.33%;margin:20px 1%;height:350px;} .renzheng-ul .pro_list_li {overflow:hidden;height:220px;width:100%;} .renzheng-ul li h2 {height:35px;padding-top:5px;line-height:35px;overflow:hidden;font-size:15px;text-align:left;padding-left:5%;} .renzheng-ul li h3 {overflow:hidden;line-height:25px;color:#666;font-size:13px;text-align:left;font-weight:normal;padding-left:5%;} .renzheng-ul li a.more {height:35px;width:110px;display:block;margin:10px auto;border-radius:20px;color:#fff;background:#0265CA;border:1px solid #ccc;line-height:35px;text-align:center;overflow:hidden;font-size:13px;} } @media (max-width:639px) {.renzheng-ul {padding-top:0;} .renzheng-ul li {width:46%;margin:10px 2%;height:200px;} .renzheng-ul .pro_list_li {overflow:hidden;height:100px;width:100%;} .renzheng-ul li h2 {height:35px;padding-top:5px;line-height:35px;overflow:hidden;font-size:14px;text-align:left;padding-left:5%;} .renzheng-ul li h3 {overflow:hidden;line-height:25px;color:#666;font-size:12px;text-align:left;font-weight:normal;padding-left:5%;} .renzheng-ul li a.more {height:30px;width:100px;display:block;margin:10px auto;border-radius:15px;color:#fff;background:#0265CA;border:1px solid #ccc;line-height:30px;text-align:center;overflow:hidden;font-size:12px;} } .center1top {position:relative;width:550px; padding:80px 0 0 0;} .center1top dl dd {display:inline-block;width:23%; margin:0 1%;float:left;position:relative;} .center1top dl dd a {display:block;height:40px;line-height:40px;width:100%;font-size:16px;text-align:center;color:#fff; background:#9bb8d6;} .center1top dl dd a:hover {color:#fff; background:#064d99;} .center1top dl dd.hover a {display:block;height:40px;line-height:40px;width:100%;font-size:16px;text-align:center;color:#fff; background:#064d99;} .center1footer {width:100%;overflow:hidden;} .about_box_more{ clear:both; height:45px; padding:30px 0px 0 0;} .more_fenlei { line-height: 40px; position: relative; color: #064d99; display: block; width: 105px; cursor: pointer; -webkit-perspective: 150; font-size: 14px; -webkit-transition: color 1s cubic-bezier(.19, 1, .22, 1); -o-transition: color 1s cubic-bezier(.19, 1, .22, 1); transition: color 1s cubic-bezier(.19, 1, .22, 1); } .more_fenlei h4 { padding: 0 15px; line-height: 40px; white-space: nowrap; position: relative; z-index: 0; -webkit-perspective: 150; font-size:15px; text-transform:none; } .more_fenlei::before { content: ""; position: absolute; display: block; width: 100%; height: 100%; background-color: #064d99; left: 0; top: 0; -webkit-transform: scale(0, 1); -ms-transform: scale(0, 1); transform: scale(0, 1); -webkit-transform-origin: left center; -ms-transform-origin: left center; transform-origin: left center; -webkit-transition: -webkit-transform 1s cubic-bezier(.19, 1, .22, 1); transition: -webkit-transform 1s cubic-bezier(.19, 1, .22, 1); -o-transition: transform 1s cubic-bezier(.19, 1, .22, 1); transition: transform 1s cubic-bezier(.19, 1, .22, 1); transition: transform 1s cubic-bezier(.19, 1, .22, 1), -webkit-transform 1s cubic-bezier(.19, 1, .22, 1) } .more_fenlei:hover::before { -webkit-transform: scale(1, 1); -ms-transform: scale(1, 1); transform: scale(1, 1); -webkit-transition: -webkit-transform 1s .4s cubic-bezier(.19, 1, .22, 1); transition: -webkit-transform 1s .4s cubic-bezier(.19, 1, .22, 1); -o-transition: transform 1s .4s cubic-bezier(.19, 1, .22, 1); transition: transform 1s .4s cubic-bezier(.19, 1, .22, 1); transition: transform 1s .4s cubic-bezier(.19, 1, .22, 1), -webkit-transform 1s .4s cubic-bezier(.19, 1, .22, 1) } .more_fenlei:hover { color: #fff; -webkit-transition: color .4s .4s cubic-bezier(.19, 1, .22, 1); -o-transition: color .4s .4s cubic-bezier(.19, 1, .22, 1); transition: color .4s .4s cubic-bezier(.19, 1, .22, 1) } .more_fenlei h4::after, .more_fenlei h4::before { content: ""; width: -webkit-calc(50% - 2px); width: -webkit-calc(50% - 2px); left: 0; top: 0; height: -webkit-calc(100% - 2px); height: -webkit-calc(100% - 2px); border: 1px solid #9bb8d6; display: block; position: absolute; z-index: -1 } .more_fenlei h4::after { left: 50%; -webkit-transform: rotateY(-180deg); transform: rotateY(-180deg); -webkit-transform-origin: left center; -ms-transform-origin: left center; transform-origin: left center; -webkit-transition: -webkit-transform 1s .4s cubic-bezier(.19, 1, .22, 1); transition: -webkit-transform 1s .4s cubic-bezier(.19, 1, .22, 1); -o-transition: transform 1s .4s cubic-bezier(.19, 1, .22, 1); transition: transform 1s .4s cubic-bezier(.19, 1, .22, 1); transition: transform 1s .4s cubic-bezier(.19, 1, .22, 1), -webkit-transform 1s .4s cubic-bezier(.19, 1, .22, 1) } .more_fenlei:hover h4::after { -webkit-transform: rotateY(0); transform: rotateY(0); left: -webkit-calc(50% - 1px); left: -webkit-calc(50% - 1px); -webkit-transition: -webkit-transform 1s cubic-bezier(.19, 1, .22, 1); transition: -webkit-transform 1s cubic-bezier(.19, 1, .22, 1); -o-transition: transform 1s cubic-bezier(.19, 1, .22, 1); transition: transform 1s cubic-bezier(.19, 1, .22, 1); transition: transform 1s cubic-bezier(.19, 1, .22, 1), -webkit-transform 1s cubic-bezier(.19, 1, .22, 1) } @media (max-width: 1023px){ .more_fenlei { line-height: 30px; width: 100px; font-size: 13px; } .more_fenlei p { padding: 0 15px; line-height: 30px; font-size:13px; } } .nydh-1aa {width:100%;background:#f4f4f4;height:60px;border-bottom:1px solid #ddd;} .nydh-1cy {margin:0 auto;width:100%;text-align:center;} .nydh-1cy li {line-height:59px;display:inline-block;} .nydh-1cy li a {float:left;font-size:16px;padding:0px 15px;font-weight:700;margin:0px 20px;border-bottom:1px solid #ddd;} .nydh-1cy li a:hover,.nydh-1cy li a.currclass {color:#0265CA;font-weight:700;border-bottom:1px solid #0265CA;font-size:16px;} @media (max-width:1200px) {.nydh-1aa {height:50px;} .nydh-1cy li {line-height:49px;} .nydh-1cy li a {font-size:15px;padding:0px 15px;margin:0px 15px;} .nydh-1cy li a:hover,.nydh-1cy li a.currclass {font-size:15px;} } @media (max-width:800px) {.nydh-1aa {height:50px;} .nydh-1cy li {line-height:49px;} .nydh-1cy li {line-height:49px;width:18%;margin:0 1%;text-align:center;float:left;} .nydh-1cy li a {font-size:15px;padding:0px;margin:0px;width:100%;display:inline-block;text-align:center;border-bottom:none;font-weight:normal;} .nydh-1cy li a:hover,.nydh-1cy li a.currclass {font-size:15px;} } @media (max-width:639px) {.nydh-1aa {height:60px;width:100%;clear:both;display:block;} .nydh-1cy {width:100%;} .nydh-1cy li {line-height:30px;width:31.33%;margin:0 1%;text-align:center;float:left;} .nydh-1cy li.anli_fenlei {width:48%;} .nydh-1cy li.tuozizhe {width:31.33%;} .nydh-1cy li a {font-size:13px;padding:0px;margin:0px;width:100%;display:inline-block;text-align:center;border-bottom:none;font-weight:normal;} .nydh-1cy li a:hover,.nydh-1cy li a.currclass {font-size:13px;font-weight:normal;border-bottom:none;} } .n_about_box_cy {padding:20px 0 0px 0;height:auto; background:#f4f4f4;} .n_about_box_cy h2 {font-size:24px;color:#363636;text-align:center;font-weight:700;padding:20px 0 10px 0;} .n_about_box_cy h2 p {font-size:26px;display:inline-block;font-weight:normal;} .n_about_box_cy h3 {text-align:center;width:40px;height:1px;background:#C41A1F;margin:10px auto} .n_about_box_cy p {line-height:30px;font-size:16px;} .n_about_box_cy img {max-width:100%;max-height:100%;margin:0 auto;display:block;} .n_about_box_cy h4 {font-size:22px;color:#363636;text-align:left;font-weight:normal;padding:0px 0 10px 0;} .n_about_box_cy h4 p {font-size:22px;color:#363636;text-align:left;font-weight:normal;padding:0px 0 10px 0;} .n_about_box_cy p strong {font-size:20px;} @media screen and (max-width:1300px) {.n_about_box_cy {padding:20px 0 50px 0;height:auto;} .n_about_box_cy h2 {font-size:22px;padding:10px 0 10px 0;} .n_about_box_cy p {line-height:28px;font-size:15px;} .n_about_box_cy p strong {font-size:20px;} } @media screen and (max-width:1024px) {.n_about_box_cy h4 p {font-size:16px;padding:0;font-size:15px;} .n_about_box_cy h3 {margin:0px 0 10px 0;} .n_about_box_cy {padding:20px 0 30px 0;height:auto;} .n_about_box_cy h2 {font-size:18px;padding:0px 0 10px 0;} .n_about_box_cy p {line-height:26px;font-size:14px;} .n_about_box_cy p strong {font-size:18px;} } @media screen and (max-width:639px) {.n_about_box_cy {padding:2%;height:auto;} .n_about_box_cy h2 {font-size:16px;padding:10px 0 10px 0;} .n_about_box_cy p {line-height:24px;font-size:14px;} .n_about_box_cy p strong {font-size:14px;} .n_about_box_cy h3 {margin:0px 0 5px 0;width:40px;} } .about_left {float:left;width:52%;margin-right:3%;} .about_right {float:right;width:45%;} @media only screen and (max-width:1024px) {.about_left {float:none;width:100%;margin-right:0;} .about_right {float:none;width:100%;} } .proshow_list_li {overflow:hidden;height:600px;padding:0;text-align:center;width:600px;margin:0 auto;} .proshow_list_li_span {height:600px;display:inline-block;vertical-align:middle;} .proshow_list_li img {max-width:100%;max-height:100%;} @media (max-width:1300px) {.proshow_list_li {height:500px;width:500px;} .proshow_list_li_span {height:500px;} .product_right {min-height:500px;width:420px;} } @media (max-width:1200px) {.proshow_list_li {height:450px;width:450px;} .proshow_list_li_span {height:450px;} } @media (max-width:1200px) {.proshow_list_li {height:400px;width:400px;} .proshow_list_li_span {height:400px;} } @media (max-width:768px) {.product_right {float:none;width:96%;max-width:100%;padding-left:2%;clear:both;} } @media (max-width:800px) {.proshow_list_li {height:300px;width:300px;} .proshow_list_li_span {height:300px;} } .dingweia {position:absolute;left:500px;} /*****banner******/ .bannerArea {clear:both;position:relative; z-index:1;max-width: 1400px;margin: 0 auto;} @media (max-width:1400px) { .bannerArea { max-width:96%} } .mulu_box_c {width:100%;position:absolute;bottom:30px;width:100%;text-align:center;z-index:9;color:#fff;} .mulu_box_c ul li {display:inline-block;margin:0 15px;} .mulu_box_c ul li a {color:#fff;font-size:16px;line-height:45px;height:45px;background:#0265CA;display:block;width:100%;padding:0px 25px;} .mulu_box_c ul li a:hover {background:#ce4d14} @media (max-width:850px) { .mulu_box_c {width:100%;position:absolute;bottom:20px;width:100%;text-align:center;z-index:99;color:#fff;} .mulu_box_c ul li {display:inline-block;margin:0 10px;} .mulu_box_c ul li a {color:#fff;font-size:14px;line-height:35px;height:35px;background:#0265CA;display:block;width:100%;padding:0px 15px;} .mulu_box_c ul li a:hover {background:#ce4d14} } @media (max-width:639px) { .mulu_box_c {width:100%;position: relative;bottom:0; clear:both;z-index:3;} .mulu_box_c ul li {margin:5px 0;} .mulu_box_c ul li a {color:#fff;font-size:13px;line-height:30px;height:30px;display:block;padding:0px 5px;} } @media (max-width:1024px) {.h50 {height:35px;width:100%;clear:both;} .h20 {height:20px;width:100%;clear:both;} } @media (max-width:639px) {.h50 {height:20px;width:100%;clear:both;} .h20 {height:20px;width:100%;clear:both;} } @media (max-width:480px) {.h50 {height:30px;width:100%;clear:both;} .h20 {height:20px;width:100%;clear:both;} } .wendachild {clear:both;padding:0 0;width:100%;margin:0 auto;float:none;border-bottom:1px solid #333;} .wendachild:after {content:"";display:block;height:0;clear:both;visibility:hidden;} .wendachild .childIcon:hover {background:#212226;color:#fff;} .wendachild .childIcon .sub {position:absolute;height:2px;top:16px;right:9px;width:12px;height:2px;background:#fff;display:block;} .wendachild .childIcon .sub.sub2 {transform:rotate(90deg);-moz-transform:rotate(90deg);-ms-transform:rotate(90deg);-o-transform:rotate(90deg);-webkit-transform:rotate(90deg);background:#fff;} .wendachild .childIcon .sub2 {transition-duration:.5s;-ms-transition-duration:.5s;-moz-transition-duration:.5s;-webkit-transition-duration:.5s;} .wendachild .childIcon {cursor:pointer;position:relative;width:100%;height:40px;background:#212226;color:#fff;} .wendachild .childIcon {transition-duration:.5s;-ms-transition-duration:.5s;-moz-transition-duration:.5s;-webkit-transition-duration:.5s;} .wendachild .childIcon.on .sub2 {transform:rotate(90deg);-moz-transform:rotate(0deg);-ms-transform:rotate(0deg);-o-transform:rotate(0deg);-webkit-transform:rotate(0deg);background:#455560;} .wendachild .title {line-height:40px;color:#fff;font-size:13px;text-align:left;margin-left:10px;} .wendachild .childContent {display:none;padding:0px 10px 10px 10px;background:#212226;} .wendachild .childContent h6 {color:#999;line-height:37px;font-size:12px;min-height:auto;margin:0;} .wendachild .childContent p {color:#999;line-height:27px;font-size:12px;min-height:auto;margin:0;display:inline-block;} .wendachild .childContent h6 a {color:#999;} .wendachild .childContent h6 a:hover {color:#fff;} .ditu_box {clear:both;width:100%;height:550px;} @media (max-width:1024px) {.ditu_box {clear:both;width:100%;height:450px;} } @media (max-width:800px) {.ditu_box {clear:both;width:100%;height:400px;} } @media (max-width:639px) {.ditu_box {clear:both;width:100%;height:350px;} } @media (min-width:1025px){ .sub-menu .center1top dd.menu_weizhi{ margin-left: 300px;} .sub-menu .kuandu_menu{width:640px;} .sub-menu .kuandu_menu1{width:550px;} .sub-menu .kuandu_menu2{width:470px;} } @media (min-width:1200px){ .sub-menu .center1top dd.menu_weizhi{ margin-left: 300px;} .sub-menu .kuandu_menu{width:700px;} .sub-menu .kuandu_menu1{width:600px;} .sub-menu .kuandu_menu2{width:480px;} } @media (min-width:1460px){ .sub-menu .center1top dd.menu_weizhi{ margin-left: 300px;} .sub-menu .kuandu_menu{width:720px;} .sub-menu .kuandu_menu1{width:600px;} .sub-menu .kuandu_menu2{width:480px;} } .i-wrap4 * {-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;} .i-wrap4 *:before,.i-wrap4 *:after {-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;} .f-cb {zoom:1;} .f-cb:after {display:block;height:0;clear:both;visibility:hidden;overflow:hidden;content:".";} .i-wrap4 .box {width:100%;height:100%;max-width:1460px;margin:0 auto; padding-top:0;} .i-wrap4 .left{ width: 30%; float: left; position: relative; opacity: 1; top: 0px; } .i-wrap4 .left ul{ padding-top:20px;} .i-wrap4 .left ul li{ width:100%; display:block; padding:10px 0; } .i-wrap4 .left ul li h3{ font-size:18px; line-height:35px; color:#333;} .i-wrap4 .left ul li h4{ font-size:15px; color:#999; padding-left:10px;} .i-wrap4 .left .btns{ width: 37px; margin-top: 9px; margin-left: 8px; text-align: center; color: #dfdfdf; } .i-wrap4 .more_news{ width: 34.5%; height: 40px; line-height: 40px; text-align: left; font-size: 18px; color: #0364CB; display: block; margin-top:120px; } .i-wrap4 .right {float:none;width:100%;overflow:hidden;} .i-wrap4 .right h2{ font-size:24px; text-align:left; display:block; line-height:40px; width:100%; padding-top:30px; font-weight:700;} @media (max-width:639px){ .i-wrap4 .left{ width: 100%; float: none; } .i-wrap4 .left ul{ padding-top:0px;} .i-wrap4 .left ul li{ width:100%; display:block; padding:5px 0; } .i-wrap4 .left ul li h3{ font-size:15px; line-height:30px; color:#333;} .i-wrap4 .left ul li h4{ font-size:13px; color:#999; padding-left:10px;} .i-wrap4 .left .btns{ width: 37px; margin-top: 9px; margin-left: 8px; text-align: center; color: #dfdfdf; } .i-wrap4 .more_news{ width: 34.5%; height: 40px; line-height: 40px; text-align: left; font-size: 14px; color: #0364CB; display: block; margin-top:0px; } .i-wrap4 .right {float:none;width:100%;overflow:hidden;} } .fenxiang_box_left{ float:right;} .fenxiang_box_left span{ display:inline-block; color:#666; font-size:14px;} .fenxiang_box_right{ float:right; width:135px; height:45px; line-height:45px; text-align:center; margin-top:0; color:#fff; font-size:14px;} @media (max-width:639px) { .fenxiang_box{ clear:both; width:100%; height:50px;background-size:cover;} .fenxiang_box_left span{ display:inline-block; color:#fff; font-size:13px; line-height:40px;} .fenxiang_box_right{ float:right; width:140px; height:35px; line-height:35px; text-align:center; background:url(../images/y_fenxiang_right.png) no-repeat center top; margin-top:0; color:#fff; font-size:14px;background-size:cover;} .fenxiang_box_left img{ max-width:60%;} } .fangan_pic{ clear: both; width:100%; display:block;} .fangan_pic img{ max-width:100%; max-height:100%;} .shuzi_box{ clear:both; width:100%; background:url(../images/shuzi_box_bg.jpg) no-repeat center top; height:380px;} .index_youshi {padding:40px 0;width:100%;margin:0 auto;} .index_title {text-align:center;} .index_title .title {position:relative;padding-top:0;display:block;font-size:26px;position:relative;z-index:2;font-weight:700;color:#363636;} .index_title .des {color:#363636;font-size:16px;margin-top:13px;} .index_title .des1 {color:#363636;margin-top:13px; text-align:left; font-size:15px; line-height:28px;} .index_title .line{text-align:center;width:40px;height:1px;background:#C41A1F;margin:15px auto 0 auto} /*前沿产品*/ .n-about{ position: relative; } .n-about .listc { width: 100%; } .n-about .listc .li { box-sizing: border-box; float: left; width: 50%; /*padding: 135px 0;*/ text-align: center; } .n-about .listc .li .imga{ width: calc(100% + 20px); } .n-about .listc .li .img { margin-bottom: 15px; } .n-about .listc .li .p-text{ position: absolute; top:50%; height: 174px; margin-top: -90px; text-align: center; width: 100%; } .n-about .listc .li .img img { width: 80px; } .n-about .listc .li .h-tit { font-size: 20px; line-height: 1; margin-bottom: 15px; color: #fff; } .n-about .listc .li .p { font-size: 16px; line-height: 28px; max-width:70%; color: #fff; text-align:center; margin:0 auto; } .n-about .listc .li .p p { font-size: 16px; line-height: 28px; max-width:70%; color: #fff; text-align:center; margin:0 auto; } .animate11 { -webkit-transform: translate(0px, 0) !important; -ms-transform: translate(0px, 0) !important; transform: translate(0px, 0) !important; opacity: 1 !important; } .n-about .listc { -webkit-transform: translate(0, 20px); -ms-transform: translate(0, 20px); transform: translate(0, 20px); opacity: 0; -webkit-transition: -webkit-transform 1.2s ease-out, opacity 1.2s; transition: transform 1.2s ease-out, opacity 1.2s; } .n-about .listc .li .imga{ transform: translate3d(10px,10px,0); margin: -10px 0 0 -10px; -webkit-backface-visibility: hidden; backface-visibility: hidden; transition: opacity 0.35s, transform 0.35s; } .n-about .listc .li:hover img { /*opacity: 0.6;*/ -webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0); } /*.n-about .listc .li:hover{ background: -webkit-linear-gradient(bottom left, #000 0%, #fff 100%); background: -o-linear-gradient(bottom left, #000 0%, #fff 100%); background: linear-gradient(to top right, #000 0%, #fff 100%); }*/ /*.n-about .listc .li:before{ position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(255,255,255,0.5); content: ''; -webkit-transition: -webkit-transform 1s; transition: transform 1s; -webkit-transform: scale3d(1.9,1.4,1) rotate3d(0,0,1,45deg) translate3d(0,-120%,0); transform: scale3d(1.9,1.4,1) rotate3d(0,0,1,45deg) translate3d(0,-120%,0); } .n-about .listc .li:hover::before{ -webkit-transform: scale3d(1.9,1.4,1) rotate3d(0,0,1,45deg) translate3d(0,120%,0); transform: scale3d(1.9,1.4,1) rotate3d(0,0,1,45deg) translate3d(0,120%,0); }*/ .n-about .listc .li .img img{ transform:translate(0,0); -webkit-transition: all 0.35s; transition: all 0.35s; } .n-about .listc .li:hover .img img { transform:translate(0,-10px); } .n-about .listc .li{ position: relative; overflow: hidden; } @media (max-width: 1280px) { .n-about .listc .li .img img {width:70px;} .n-about .listc .li .p-text{top:50%;} .n-about .listc .li .h-tit {font-size: 18px; margin-bottom: 10px;} .n-about .listc .li .p {font-size: 16px; line-height: 28px; max-width:80%;} } @media (max-width: 1023px) { .n-about .listc .li .img img {width:60px;} .n-about .listc .li .p-text{top:60%;} .n-about .listc .li .h-tit {font-size: 17px; margin-bottom: 10px;} .n-about .listc .li .p {font-size: 15px; line-height: 28px; max-width:80%;} } @media (max-width: 640px) { .n-about .listc .li { width: 100%;} .n-about .listc .li .img img {width:50px;} .n-about .listc .li .p-text{top:60%;} .n-about .listc .li .h-tit {font-size: 16px; margin-bottom: 10px;} .n-about .listc .li .p {font-size: 14px; line-height: 28px; max-width:80%;} } .aboutBox3{clear: both;background-color:#fff;margin: 0 auto;} /*关于我们*/ .nr_row_4{ width:100%; text-align:center;} .nr_row_4 .nr_inner{ margin-left:-20px;} .nr_row_4_col{ display:inline-block;padding:0px 20px; width:250px;} .nr_row_4_col dl{text-align:center;} .nr_row_4_col dt{color:#606060; font:normal 22px/22px 'Microsoft Yahei'; padding:15px 0 8px;} .nr_row_4_col dd{margin-top:10px;} .nr_row_4_col dd a{color:#005aaa;} .nr_row_4_col dd a i{background-position:-123px 0; height:12px; margin-right:5px; vertical-align:middle; width:6px; margin-top\0:-4px; _margin-top:4px; *margin-top:0;} .nr_row_4_col .icons{background-repeat:no-repeat; background-image:url(../images/nr_row_4_col.png) !important; background-image:url(../images/images/nr_row_4_col_ie6.png); cursor:pointer; display:block; height:216px; position:relative; width:216px;} .nr_row_4_col .icons .hover_img{background-repeat:no-repeat; background-image:url(../images/nr_row_4_col.png) !important; background-image:url(../images/nr_row_4_col_ie6.png); height:242px; left:-30px; position:absolute; top:-20px; width:242px; opacity:0; transition:0.3s; -webkit-transition:0.3s; -moz-transition:0.3s; -ms-transition:0.3s; -o-transition:0.3s;} .nr_row_4_col .icons:hover .hover_img{left:-13px; opacity:1;} .nr_row_4_col .icons .hover_arrow{background-position:-232px 0; height:52px; left:50px; position:absolute; top:78px; width:32px; opacity:0; transition:0.5s; -webkit-transition:0.5s; -moz-transition:0.5s; -ms-transition:0.5s; -o-transition:0.5s; transition-timing-function:ease; -webkit-transition-timing-function:ease; -moz-transition-timing-function:ease; -ms-transition-timing-function:ease; -o-transition-timing-function:ease;} .nr_row_4_col .icons:hover .hover_arrow{left:100px; opacity:1;} .nr_row_4_col_1 .icons{background-position:-4px 0;} .nr_row_4_col_2 .icons{background-position:-248px 0;} .nr_row_4_col_3 .icons{background-position:-490px 0;} .nr_row_4_col_4 .icons{background-position:-735px 0;} .nr_row_4_col_1 .hover_img{background-position:-26px -229px;} .nr_row_4_col_2 .hover_img{background-position:-326px -229px;} .nr_row_4_col_3 .hover_img{background-position:-623px -229px;} .nr_row_4_col_4 .hover_img{background-position:-930px -229px;} .nr_btm_float_bar{background:#f7f7f7; display:block; height:35px; margin-bottom:-35px; width:100%;} .wel-service{padding: 0;width: 100%; position: relative;overflow: hidden;max-width:1200px; margin:0 auto;} .wel-service_a{ width:25%; float:left;} .wel-service_a ul li{ display:inline-block;} .wel-service_a_left{ float:left; width:100%;opacity:0;} .wel-service_a_left h1{ font-size:20px; color:#0a1d69; line-height:40px; padding-top:20px; text-align:center; padding-left:20px;max-width:200px;} .wel-service_a_left p{ font-size:15px; text-align:center; padding-top:8px; line-height:26px; position:relative; max-width:230px;} .wel-service_a_left p a{ color:#333;font-size:15px; padding-left:20px; } .wel-service_a_left p a:hover{ color:#ff0000;} .wel-service_a_left h1 a:hover{ color:#ff0000;} @media screen and (max-width:768px) { .wel-service{width:100%; position: relative;overflow: hidden;max-width:100%; margin:0 auto;} .wel-service_a{ width:46%; margin:15px 2%; float:left; min-height:300px;} .wel-service_a img{ max-width:80%; margin:0 auto; text-align:center; display:block;} /*.wel-service_a:nth-child(3){ min-height:150px;} .wel-service_a:nth-child(4){ min-height:150px;}*/ .wel-service_a ul li{ display:inline-block;} .wel-service_a_left{ float:left; width:100%;opacity:0;} .wel-service_a_left h1{ font-size:16px; color:#0a1d69; line-height:30px; padding-top:10px; text-align:left; padding-left:0; font-weight: normal;} .wel-service_a_left p{ font-size:14px; text-align:left; padding-top:0; line-height:26px; position:relative;padding-left:0;} .wel-service_a_left p a{ color:#333;font-size:14px; padding-left:0; } .wel-service_a_left p a:hover{ color:#ff0000;} .wel-service_a_left h1 a:hover{ color:#ff0000;} } .clearaa { clear: both; overflow: hidden } .l_w{ width:250px; margin:30px 0 0px 0;} .r_w{ width:850px; margin:30px 0 0px 0; overflow:hidden;} @media screen and (max-width: 787px) { .l_w{ width:94%; margin:0 3% 0 3%;} .r_w{ width:94%; margin:0 3% 0 3%;} } .a_l{width:600px; padding-top:0px;} .bt1{font-size:28px; color:#fff; font-weight: normal;width:250px; line-height:35px; padding-top:150px} .bt1 i{ color:#db3539; font-size:30px; font-family:"Times New Roman",Times,serif; font-style:normal; display:block; margin-botttom:15px; line-height:40px; font-weight: normal; text-transform:uppercase; } .line1{width:70px; height:3px; background-color:#db3539; margin:30px 0;} .a_info{font-size:15px; color:#eee; line-height:32px; margin-top:15px;} .p_wbox { background-image: url(../images/fazhanbg.jpg); background-repeat:no-repeat; background-position: center top; background-attachment: fixed; padding:30px 0 0 0; } .mb40{ margin-bottom:30px;} .fl{ float:left;} .fr{ float:right;} @media screen and (max-width:768px) { .fl{ float:none;} .fr{ float:none;} } .whitex{ background:url(../images/x.png) 53px 0px repeat-y; padding:10px 0;} .times{ position:absolute; background:url(../images/d.png) right center no-repeat; height:20px; line-height:20px; font-size:20px; color:#FFFFFF; width:150px; left:0px; padding-left:10px; top:5px;} .fonts{ color:#FFFFFF; margin-left:190px; font-size:15px; line-height:27px;} @media screen and (max-width: 787px) { .p_wbox { padding: 10px 0;} .a_l{width:94%; padding: 0 3%;} .bt1{font-size:24px; color:#fff; font-weight: normal;width:94%; line-height:35px;padding: 10px 3%;} .a_info{font-size:15px; color:#eee; line-height:30px; margin-top:0;width:94%;padding: 0 3%;} .times{ position:absolute; background:url(../images/d.png) right center no-repeat; height:20px; line-height:20px; font-size:16px; color:#FFFFFF; width:130px; left:0px; padding-left:10px; top:5px;} .fonts{ color:#FFFFFF; margin-left:180px; font-size:14px; line-height:25px; padding-right: 10px;} } .project-cover{ position: absolute; width: 100%; height: 100%; max-height: 216px; margin-top: 0; overflow: hidden; z-index: 2; cursor: pointer; opacity: 0; transition: opacity .4s ease-out; } .card-header, .card-body{ position: relative; height: 70%; margin: 0 auto; padding: 0; transition: margin .4s ease-out; text-align: center; overflow: hidden; } .card-body p{ position: relative; display: block; z-index: 2; font-size: 16px; line-height: 1.5; color: #fff; transition: opacity .4s ease-out,margin-top .4s ease-out; letter-spacing: 1px; } a:hover .project-cover{ opacity: 1; } /* core */ .core{ position: relative; width: 100%; max-width:1200px; overflow: hidden; margin-top:0px; margin:0 auto; } @media (max-width: 787px) { .core{ width: 100%; margin-top:0px; } } .core .col-md-3{ height: 100%; padding: 0; width: calc(23% - 1px); float:left; overflow:hidden; position:relative; padding:0 1%; margin:1% 0; border-right:1px solid #eee; } .core .col-md-3:nth-child(4){ border:none;} .core .col-md-3:nth-child(8){ border:none;} .core .project-cover{ padding: 0 ; top: 0; opacity: 1; transition: opacity .4s ease-out,background .4s ease-out; } .core .card-header{ top: 50%; transform: translateY(-50%); } .core img{ width: 100%; height: auto; z-index: 1; border: 0; } .core .card-header img{ width: 75px; background: none; margin-bottom: 10px; height:auto; } .core .card-header h3{ font-size: 16px; color:#363636; padding-top:5px; } .core .card-body img{ position: absolute; top: 50%; left: 0; transform: translateY(-50%); display: block; width: 75px; background: none; padding-bottom: 40px; transition: all .35s ease-out; opacity: 0; } .core .yincang{ transition: all .6s ease-out; opacity: 0; width:314px; height:220px; } .core a:hover .yincang{ opacity: 1; } .core .yincang img{max-width:100%; max-height:100%;} .core a:hover .project-cover .card-body img{ opacity: 0; left: 50%; transform: translateX(-50%); background:rgba(255,255,255,.2); } .core .project-cover:hover .card-header{ opacity: 0; } .core .project-cover:hover .card-header p{ opacity: 0; } @media (max-width: 1199px) { .card-header, .card-body{ height: 60%; } .core .card-header h3{ font-size: 14px; } } @media (max-width: 787px) { .card-header, .card-body{ height: 100%; } .core .card-header img{ width: 50px; margin-bottom:0; } .core .card-header h3{ font-size: 12px; } } .img100 { display: block; max-width: 100%; margin:0 auto; } .can-hover .img-wrap .img100 { transition: all 1s ease; } .can-hover:hover .img-wrap .img100 { transform: scale3D(1.1, 1.1, 1.1); } @keyframes cir-scale2 { 0% { opacity: 0; transform: scale(0.5); } 60% { opacity: 1; transform: scale(1.2); } 100% { opacity: 0; transform: scale(0.5); } } .flexBox { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; flex-wrap: wrap; justify-content: space-between; } .wel-list3 .list3-txts { height: 48px; position: absolute; transform: translate(-50%, -50%); transition-duration: .5s; text-align: center; left: 50%; top: 50%; width: 100%; color: #fff; z-index: 2; } .wel-list3 .list3-cir { position: absolute; display: block; border-radius: 50%; animation: cir-scale2 3s linear infinite; } .wel-list3 .list3-cir1 { border: 1px solid #fff; width: 100px; height: 100px; left: -26px; top: -26px; } .wel-list3 .list3-cir2 { border: 1px solid rgba(255, 255, 255, 0.2); width: 120px; height: 120px; left: -40px; top: -46px; } .wel-list3 .list3-cir3 { border: 1px solid rgba(255, 255, 255, 0.2); width: 200px; height: 200px; left: -76px; top: -76px; } .wel-list3 .list3-ico1 { width: 48px; height: 48px; position: relative; margin: 0 auto; } .wel-list3 .list3-h5 { font-size: 24px; line-height: 40px; padding: 36px 0 24px; position: relative; } .wel-list3 .list3-h5:after { position: absolute; content: ""; display: block; width: 24px; height: 1px; box-sizing: border-box; border: 1px solid #fff; top: 18px; left: 50%; margin-left: -12px; } .wel-list3 .list3-a { color: #fff; display: block; font-size: 14px; line-height: 30px; border-bottom: 1px solid rgba(255, 255, 255, 0.4); transition-duration: .3s; } .wel-list3 .list3-a:hover { transform: translate(-6px, 0); } .wel-list3 .to-detail { width: 92px; margin: 0 auto 14px; } .wel-list3 .to-more { width: 132px; margin: 0 auto; } .wel-list3 .txts-mains { opacity: 0; transition-duration: .5s; } .wel-list3 .cir-wrap { opacity: 1; transition-duration: .5s; } .wel-list3 .list3-item { flex: 1; position: relative; overflow: hidden; } .wel-list3 .list3-item:before { position: absolute; content: ""; display: block; width: calc(100% - 40px); height: calc(100% - 40px); box-sizing: border-box; border: 1px solid rgba(255, 255, 255, 0.2); top: 20px; left: 20px; z-index: 1; } .wel-list3 .list3-item:hover .cir-wrap { opacity: 0; } .wel-list3 .list3-item:hover .list3-txts { height: 204px; } .wel-list3 .list3-item:hover .txts-mains { opacity: 1; } .keyan_box{ padding:30px 0; margin:0 auto; width:100%;} .keyan_box_left { float:left; width:40%; max-width:500px; margin-top:100px;} .keyan_box_left h2 {margin-bottom:15px; font-size:26px; color:#363636; font-weight:700;} .keyan_box_left em {display:block;margin-bottom:20px; width:40px; height:1px; background:#ff0000;} .keyan_box_left p {color:#363636;line-height:28px; font-size:15px;} .keyan_box_right{ float:right; width:55%;} .keyan_box_right img{ max-width:100%;} .honor_box{ clear:both; width:100%; background: url(../images/honor_bg.jpg) no-repeat center center; height:300px;} .cantainer .title-nav{ width: 100%; height: 60px; line-height: 60px; background: #FFFFFF; position: absolute; } .title-nav.fixed{ position: fixed; top: 0; left: 0; z-index: 30; } /*.title-nav.fixed ~ .section2 .section2-abstract h4{ margin-top: 115px; }*/ .cantainer .title-nav ul{ width: 100%; position: absolute; left: 0; right: 0; text-align: center; z-index: 2; font-size: 0; } .cantainer .title-nav ul li{ width: 160px; display: inline-block; vertical-align: top; color: #666666; font-size: 16px; cursor: pointer; } .cantainer .title-nav ul .li-act{ background: #064D99; color: #FFFFFF; } .cantainer .section1{ padding-top: 60px; } .cantainer .section2,.cantainer .section3,.cantainer .section4,.cantainer .section5,,.cantainer .section6,.cantainer .section7,.cantainer .section8{ width: 100%; position: relative; } .solution-wrap{} .trans{-webkit-transition:all 300ms ease 0s;transition:all 300ms ease 0s;outline:none;} .solution-wrap .list{background:url(../images/qiege.jpg) no-repeat right;height: 550px;overflow: hidden;} .solution-wrap .list .zhongjuan{ width:80%; margin:0px 10%; height: 100%;} .solution-wrap .list .solution{width: calc(24% - 1px);border-left: solid 1px #ccc;height: 100%;padding: 0 0px;text-align: center;} .solution-wrap .list .solution:first-child{border-left: none;} .solution-wrap .list .solution .title{font-size: 24px;color: #fff;display: block;margin-top: 15px;} .solution-wrap .list .solution .brief{text-align: center;font-size: 18px;color: #fff;line-height: 30px;height: 230px;overflow: hidden;display: none; letter-spacing:normal; max-width:70%; margin:20px auto;} .solution-wrap .list .solution .brief p{ font-size:18px; color:#fff; line-height:30px; margin:0;} .solution-wrap .list .solution .img{margin-top: 210px;} .solution-wrap .list .solution .img img{max-width: 100%;height: auto;} .solution-wrap .list .solution .detail{display: block;width: 118px;height: 40px;border: solid 1px #5b95aa;font-size: 13px;color: #fff;text-align: center;line-height: 40px;margin: 0 auto;margin-top: 35px;display: none;} .solution-wrap .list .solution.on{width: calc(26.77% - 1px);background:-webkit-gradient(linear, 46% 100%, 80% 0%, from(rgba(205,29,29,0.6)), to(rgba(6,77,153,0.6)));} .solution-wrap .list .solution.on .img{margin-top: 175px;} .solution-wrap .list .solution.on .brief{display: block;} .solution-wrap .list .solution.on .detail{display: block;} .solution-wrap .list.mobile{display: none;} .solution-wrap .list .solution.on .brief a{ color:#fff;} @media only screen and (max-width:1400px){ .solution-wrap .list .zhongjuan{ width:90%; margin:0px 5%; height: 100%;} } @media only screen and (max-width:980px){ .solution-wrap .list{height: auto;background:url(../images/qiege.jpg) no-repeat center center;background-size: cover;} .solution-wrap .list .solution{width: auto;float: none;height: auto;padding: 20px 20px;} .solution-wrap .list .solution.on{width: auto;height: auto;} .solution-wrap .list .solution .brief{height: auto;display: block; text-align:center; margin:0 auto; max-width:80%;} .solution-wrap .list .solution .brief p{ font-size:13px; line-height:25px; text-align:center;} .solution-wrap .list .solution .img{margin-top: 10%;} .solution-wrap .list .solution.on .img{margin-top: 10%;} .solution-wrap .list .solution .detail{display: block;} .solution-wrap .list .solution.on{ background:none;} .solution-wrap .list .solution .title{ font-size:15px;} .solution-wrap .list.pc{display: none;} .solution-wrap .list.mobile{display: block;} } @media (max-width: 639px) { .solution-wrap .list{height: auto;background:url(../images/qiege.jpg) no-repeat center center;background-size: cover;} .solution-wrap .list .solution{width: auto;float: none;height: auto; min-height:200px;padding: 0px 0px 20px 0; background:rgba(115,189,91,0);border-left: solid 1px #ccc;} .solution-wrap .list .solution.on{width: auto;height: auto;} .solution-wrap .list .solution .brief{height: auto;display: block; text-align:center; margin:0 auto;max-width:90%;} .solution-wrap .list .solution .brief p{ font-size:12px; line-height:20px; text-align:center;} .solution-wrap .list .solution .img{margin-top: 10%;} .solution-wrap .list .solution.on .img{margin-top: 10%;} .solution-wrap .list .solution .detail{display: block;} .solution-wrap .list.pc{display: none;} .solution-wrap .list.mobile{display: block;} .solution-wrap .list .solution .title{ font-size:14px;} .solution-wrap .list .solution.on{ background:none;} } .shouji_show{ display:none;} .shouji_yincang{ display: block;} @media (max-width:1024px) { .shouji_yincang{ display:none;} .shouji_show{ display:block;} } .footer_box {width:100%;clear:both;position:relative; margin: 0 auto;margin-top: 5%;background: #292929; padding: 2% 0;} .footer_dibu {box-sizing:border-box;max-width: 1400px; margin:0 auto;} .footer-links{ float:left; width:55%; text-align:left;} .footer-links ul{ margin-top:5px;} .footer-links ul li{ display:block; position:relative; width: 100%;line-height: 2;color: #fff;font-size: 0.55vw; } .banquan{ text-align:left;padding-top:5%;color: #fff;font-size: 0.55vw; } @media (max-width:1920px) { .footer-links ul li{ font-size: 14px;} } @media (max-width:1400px) { .footer_dibu {max-width: 96%; } } .img100 { display: block; max-width: 100%; margin:0 auto; } .footer-outerLink { width:45%; float:right; position:relative; z-index:99; text-align:center; } .footer-outerLink h2{ font-size: .5vw;display: inline-block;color: #fff;text-align: center;padding-right: 30px; } .footer-outerLink .dibu_logo{ display: inline-block;float: right; } .footer-outerLink .dibu_logo img{ max-width: 100%; } .footer-outerLink .outer-item {z-index: 3; margin:15% 2% 0 2%; display:inline-block;text-align: center; } .footer-outerLink .outer-item:first-child { margin-left: 0; } .footer-outerLink .outer-item:first-child:before { display: none; } .footer-outerLink .outer-item:hover .hover { display: block; } .footer-outerLink .outer-item:hover .unhover { display: none; } .footer-outerLink .outer-item:hover .outer-name, .footer-outerLink .outer-item:hover .outer-detail { color: #fff; } .footer-outerLink .outer-ewm { display: none; background: #fff; padding: 2px; position: absolute; bottom: 100%; left: -40px; width: 120px; margin-bottom: 16px; box-shadow: 0 0 10px rgba(0, 0, 0, 0.1); } .footer-outerLink .hover { display: none; } .footer-outerLink .outer-mains { justify-content: flex-start; } .footer-outerLink .outer-ico { flex: 0 0 26px; width: 26px; position: relative; height: 24px; overflow: hidden; margin-right: 12px; } .footer-outerLink .outer-ico .img100 { position: absolute; width: 100%; height: 100%; left: 0; top: 0; } .footer-outerLink .outer-txts { position: relative; flex: 0 0 auto; max-width: 210px; } .footer-outerLink .outer-name { font-size: .55vw; line-height: 1.6; color: #fff; margin-bottom: 5px; transition-duration: .3s; } .footer-outerLink .outer-detail { font-size: 14px; line-height: 20px; color: #bfbfbf; transition-duration: .3s; } .footer-outerLink .outer-name img{ max-width: 60%; } .flexBox { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; flex-wrap: wrap; justify-content: space-between; } @media (max-width:1920px) { .footer-outerLink .outer-name{ font-size: 14px;} } @media (max-width:639px) { .footer_box {margin-top: 5%;padding: 5% 0;} .footer_dibu {max-width:96%; margin:0 auto;} .footer-links{ float:none; width:100%; text-align:left;} .footer-links ul{ margin-top:5px;} .footer-links ul li{ display:block; position:relative; width: 100%;line-height: 2;color: #fff;font-size:3.5vw; } .banquan{ padding-top:2%;font-size: 3vw; } .footer-outerLink { width:100%; float:none; } .footer-outerLink h2{ display:none;} .footer-outerLink .dibu_logo{ display: none;} .footer-outerLink .outer-item {z-index: 3; margin:20% 3% 0 3%; display:inline-block;text-align: center; } .footer-outerLink .outer-name{ font-size: 3.5vw;} } .main_box{background: #fff;max-width: 1400px; margin: 0 auto;} .main_box_left{ float: left; width: 60%;background: #f9f9f9; padding: 4% 5%;} .main_box_left h2{ text-transform: uppercase; letter-spacing:normal; font-size:0.8vw; color:#000; position: relative;padding-left: 60px;margin-bottom: 2%; } .main_box_left h2:before{ position: absolute;content: "";background:url(../images/home_titi.png) no-repeat; width: 47px; height: 24px; left: 2px;top:0px; background-size:cover!important;} .about-partner {position:relative;padding-bottom:50px;z-index:1;width:60%; max-width:480px;float:left;} @media (max-width:1400px) { .main_box{ max-width:96%;} } .heir{ clear: both; width: 100%;height: 1px;background: #111; } .partner-in {width:100%;} .imgs-all {position:relative;margin:0px auto;width:100%;text-align:center;font-size:0;} .imgs-list {} .imgs-one-in-list {font-size:0;text-align:left;} .team-in-all .imgs-one-in-one {margin-bottom:25px;float:left;} .team-in-all .imgs-one-in-one1 {margin-bottom:25px;float:left;} .imgs-one-in-one {display:inline-block;/*margin-right:6px;*/margin-top:25px;margin-right:1%;/*margin-left:6px;*/margin-left:1%;width:23%;text-align:center;vertical-align:top;} .imgs-one-in-one1 {display:inline-block;/*margin-right:6px;*/margin-top:25px;margin-right:1%;/*margin-left:6px;*/margin-left:1%;width:31.33%;text-align:center;vertical-align:top;} .imgs-one-img {-webkit-transform:translateZ(0px);-ms-transform:translateZ(0px);-o-transform:translateZ(0px);transform:translateZ(0px);height:90px;line-height:90px;padding-bottom:10px;overflow:hidden;} .imgs-one-img img {max-width:100%;-webkit-filter:grayscale(100%);-moz-filter:grayscale(100%);-ms-filter:grayscale(100%);-o-filter:grayscale(100%);filter:grayscale(100%);filter:gray;height:auto;transition:.6s;} .imgs-one-img:hover img {max-width:100%;-webkit-filter:grayscale(100%);-moz-filter:grayscale(100%);-ms-filter:grayscale(100%);-o-filter:grayscale(100%);filter:grayscale(100%);filter:inherit;height:auto;transition:.6s;} .swiper-pagination {bottom:20px;left:2%;position:absolute;transform:translateX(-50%);} .swiper-pagination-clickable .swiper-pagination-bullet {margin-right:5px;margin-left:5px;width:10px;height:2px;background:#ccc;border-radius: 0; } .swiper-pagination-clickable .swiper-pagination-bullet-active {background:#000;width:20px; } @media (max-width:639px) { .imgs-one-in-one {margin-right:1%;/*margin-left:6px;*/margin-left:1%;width:23%;margin-top:5px;} .imgs-one-in-one1 {display:inline-block;/*margin-right:6px;*/margin-top:5px;margin-right:1%;/*margin-left:6px;*/margin-left:1%;width:31.33%;text-align:center;vertical-align:top;} .partner-in {width:100%;margin-top: 20px; } } .rongyu_home{float: right; width:35%; max-width:300px;} .rongyu_home ul{ width: 100%; padding: 5% 0;} .rongyu_home ul li{ display: block; width: 100%; padding:3% 0; font-size:.6vw;font-weight: 400; line-height:1.8; position: relative;padding-left: 10px; } .rongyu_home ul li:before{ position: absolute;content: ''; width:3px; height:3px ;background: #000; left: 0;top: 23px; } .rongyu_home ul li a{ color: #333;} .rongyu_home ul li a:hover{ color: #999999;} .rongyu_home ul a.rongyu_more{ display: block;font-size:0.55vw;color: #ccc; line-height:2; border-bottom:1px solid #ccc; max-width:70px; margin-left:3% ; margin-top:10%;} .zhaopin_box{ clear: both; width: 100%;margin-top: 60px; } .zhaopin_box_left{ width: 30%;height: 1px;background: #ccc;float: left; } .zhaopin_box_right{ width: 65%; margin-left: 5%;height: 1px;background: #ccc;float: right; } .yingping_box{ clear: both; width: 100%;margin-top: 60px; } .yingping_box h2{ font-size:1vw;line-height: 3;width: 100%; display: block;margin-bottom: 0px; } .yingping_box p{ font-size:0.6vw; line-height:1.8;position: relative;padding-left: 13px; } .yingping_box p:before{ position: absolute;content: ''; width:4px; height:4px ;background: #000; left: 0;top: 13px; } .main_box_right{ float: right; width:25%;} .main_box_right h2{ text-transform: uppercase; letter-spacing:normal; font-size:0.8vw; color:#000; position: relative;padding-left: 60px;margin-bottom: 2%; } .main_box_right h2:before{ position: absolute;content: "";background:url(../images/home_titi.png) no-repeat; width: 47px; height: 24px; left: 2px;top:0; background-size:cover!important;} .main_box_right ul{ width: 100%; padding: 5% 0;} .main_box_right ul li{ display: block; width: 100%; margin:10% 0; padding: 3% 0;font-weight: 400;border-top:1px solid #000 ; } .main_box_right ul li p{ color: #000; width: 80%; display: inline-block; font-size:.65vw; line-height:1.7;float: left; } .main_box_right ul li p i{ font-style: normal; display: block; font-size:.6vw;} .main_box_right ul li em{ display: inline-block; width: 15%;font-size: 1.2vw;text-align: right; float: right; } .main_box_right ul li em span{ display: block;font-size: .6vw;line-height: 1.6; } .main_box_right ul li a.dongtai_more{ display: block;font-size:0.6vw;color: #ccc; line-height:2; max-width:40px; margin-left:0 ; margin-top:2%;border-bottom:1px solid #ccc;} .main_box_right ul a.rongyu_more{ display: block;font-size:0.6vw;color: #fff; line-height:25px; border-bottom:1px solid #ccc; width:100px; height:25px; margin-top: 10%; background-color: #000;float: right;display: block; } .btn {display: block;width: 125px;height: 25px;border: 1px solid #fff; background:#000;line-height: 25px;margin-top: 10%;position: relative;float: right; } .btn p{color: #ccc;font-size: .5vw; padding-left:7px;} .btn i { width: 68px; height: 19px;position: absolute; left: 38px;top: 50%; margin-top: -9.5px;} .btn:hover{background: #000;} .btn:hover p{color:#fff;} .btn .now{background: url(../images/arrow_02.png) no-repeat 30px center;-webkit-transition: all 1s; -o-transition: all 1s; transition: all 1s;} /* .main-bd ul li .img_box img:hover{-webkit-transform: scale(1.1,1.1); */ /* -moz-transform: scale(1.1,1.1); */ /* -ms-transform: scale(1.1,1.1); */ /* -o-transform: scale(1.1,1.1); */ /* transform: scale(1.1,1.1);} */ .btn:hover .now{background: url(../images/arrow_02.png) no-repeat 30px center; -webkit-transform: translateX(20px); -moz-transform: translateX(20px); -ms-transform: translateX(20px); -o-transform: translateX(20px); transform: translateX(20px); } @media (max-width:1920px) { .main_box_left h2{ font-size:20px; } .main_box_right h2{font-size:20px; } .rongyu_home ul li{ font-size: 14px;} .main_box_right ul li p{ font-size: 14px;} .main_box_right ul li p i{ font-size: 13px;} .main_box_right ul li em{font-size: 18px;} .main_box_right ul li em span{ font-size: 13px;} .rongyu_home ul a.rongyu_more{ font-size: 13px;max-width: 60px; } .main_box_right ul li a.dongtai_more{ font-size: 13px; border:none;} .btn p{font-size: 13px; } .yingping_box h2{ font-size:20px;} .yingping_box p{ font-size:15px; } } @media (max-width: 639px) { .zhaopin_box{ margin-top: 0px; } .yingping_box{ margin-top: 0px; } .yingping_box h2{ font-size:4vw;margin-bottom: 0;line-height: 2; } .yingping_box p{ font-size:3.5vw;} .zhaopin_box_left{ display: none; } .zhaopin_box_right{ display: none; } .main_box_left{width: 92%; padding: 4%; clear:both; float:none;} .about-partner {position:relative;padding-bottom:30px;z-index:1;width:100%; max-width:100%;float:none;} .main_box_left h2{ font-size:4.5vw; color:#000; position: relative;padding-left: 45px;margin-bottom: 2%; } .main_box_left h2:before{ width: 36px; height: 18px;} .main_box_right ul li em{font-size: 7vw;} .main_box_right ul li em span{ font-size: 3vw;} .rongyu_home ul a.rongyu_more{ font-size: 3vw;max-width: 60px; } .partner-in {width:100%;float:none;} .imgs-one-img {height:45px;line-height:45px;} .imgs-one-img img {max-width:85%;-webkit-filter:grayscale(90%);-moz-filter:grayscale(85%);-ms-filter:grayscale(85);-o-filter:grayscale(85%);filter:grayscale(85%);filter:gray;height:auto;transition:.6s;} .imgs-one-img:hover img {max-width:85%;-webkit-filter:grayscale(90%);-moz-filter:grayscale(85%);-ms-filter:grayscale(85%);-o-filter:grayscale(85%);filter:grayscale(85%);filter:inherit;height:auto;transition:.6s;} .swiper-pagination {bottom:10px;left:2%;} .rongyu_home ul{ width: 100%; padding: 2% 0;} .rongyu_home{float: none; width:100%; max-width:100%;} .rongyu_home ul li{ padding:1% 0; font-size:3.5vw;line-height:2;} .rongyu_home ul a.rongyu_more{ font-size:3vw;color: #ccc; max-width:60px; margin-left:1% ; margin-top:0; border:none;} .rongyu_home ul a:hover.rongyu_more{ color: #000; } .rongyu_home ul li:before{ width:4px; height:4px ;background: #000; left: -10px;top: 18px; } .main_box_right{ float: none; width:100%; margin-top:5%;} .main_box_right h2{ font-size:4vw; color:#000; position: relative;padding-left: 40px;margin-bottom: 2%; } .main_box_right h2:before{ width: 30px; height: 15px; } .main_box_right ul{ width: 100%; padding:2% 0;} .main_box_right ul li{ display: block; width: 100%; margin:2% 0; padding:2% 0;font-weight: 400;border-top:1px solid #333 ; } .main_box_right ul li p i{ font-size: 3vw;} .main_box_right ul li p{ font-size:3.5vw; } .btn {display: block;width: 125px;height: 25px;border: 1px solid #fff; background:#000;line-height: 25px;margin-top: 2%;position: relative;float: none; } } .banner{position:relative;width:100%;height:auto; } .banner .container{height:100%; width:100%; position:relative; margin:0 auto;} .banner .contents{position:absolute;left:0px;width:100%;height:100%; overflow:hidden;} .banner .content{position:absolute;top:0px;width:100%;height:100%;background-size:100%;background-repeat:no-repeat;background-position:left top;text-align:center;} .banner .container .contentInfo{ overflow:hidden;width:700px;z-index:9; height:200px;text-align:left;float:left; margin-left:10%; margin-top:15%; position:relative; } .banner .container .contentInfo .title{position:absolute;left:0; top:0;line-height:40px;font-size:32px;color:#fff; text-transform:uppercase;opacity:0.7; } .banner .container .contentInfo .info{position:absolute;left:0; top:30%;font-size:40px;color:#fff; line-height:45px;} .banner .contentInfo .btn a{position:absolute;top:240px;left:30px;color:#000;border:1px solid #fff;text-align:center;line-height:35px;width:120px; font-size:18px;height:35px; border-radius:30PX;} .banner .contentInfo .btn a:hover{ background:#fff; color:#fff;border:1px solid #fff;} .banner .bannerNav{position:absolute;bottom:10px;width:100%;text-align:center;z-index:1;} .banner .bannerNav .bannerNavChild{margin:0 5px;width:30px;height:5px;display:inline-block;*display:inline;*zoom:1;background: rgba(0,0,0,.6);border-radius:8px;-moz-border-radius:8px;-ms-border-radius:8px;-o-border-radius:8px;-webkit-border-radius:8px;cursor:pointer;z-index:1;} .banner .bannerNav .bannerNavChild.on{background:#000; animation:bannerNavChildOn .2s ease-in-out 0s both; -moz-animation:bannerNavChildOn .2s ease-in-out 0s both; -webkit-animation:bannerNavChildOn .2s ease-in-out 0s both; -o-animation:bannerNavChildOn .2s ease-in-out 0s both;} .banner .bannerBg{width:100%;height:auto;vertical-align:middle;} .main_box_about{ float:left; width: 35%; margin-right:5%;} .main_box_about h2{ text-transform: uppercase; letter-spacing:normal; font-size:0.8vw; color:#000; position: relative;padding-left: 60px;margin-bottom: 2%; } .main_box_about h2:before{ position: absolute;content: "";background:url(../images/home_titi.png) no-repeat; width: 47px; height: 24px; left: 2px; top:0px; background-size:cover!important;} .main_box_about p{width: 100%; padding:3% 0; font-size:.6vw;font-weight: 400; line-height:2;} .main_box_about_right{ float:right; width: 60%;} @media (max-width: 1920px) { .main_box_about h2{ font-size: 20px; } .main_box_about p{ font-size: 15px; } } .main_box_contact{ float:left; width: 43%; margin-right:5%;} .main_box_contact h2{ text-transform: uppercase; letter-spacing:normal; font-size:0.8vw; color:#000; position: relative;padding-left: 60px;margin-bottom: 2%; } .main_box_contact h2:before{ position: absolute;content: "";background:url(../images/home_titi.png) no-repeat; width: 47px; height: 24px; left: 2px; top:0px; background-size:cover!important;} .main_box_contact_left{background:url(../images/dizhi.png) no-repeat; width:100%; height: 500px;position: relative;clear: both;} .main_box_contact_left .pic{ position: absolute; left: 5%; top:12%;background:url(../images/lianxi_bg.png) no-repeat; width: 400px; height: 400px; background-size:cover!important;} .main_box_contact_left h3{ font-size:1.1vw;line-height: 2;color: #fff; margin: 70px 0 20px 30px; } .main_box_contact_left p{color: #fff;font-size:.6vw;line-height:1.8;margin: 0px 30px 0px 30px;} .main_box_contact_left p b{ display:inline-block; width: 15%;font-weight: normal;vertical-align:top; } .main_box_contact_left p span{ display: inline-block; width: 80%; } .main_box_contact_left .lianxi_ico{ margin: 50px 0px 0px 30px; display: block;} .main_box_contact_left .lianxi_ico img{ max-width: 30%; } .main_box_pro_right{ float:right; width: 60%;margin-right: -2%; } .main_box_pro_right ul{ width: 100%;} .main_box_pro_right ul li{ display: inline-block; width: 45.6%; margin: 2% 2%; padding: 2% 3%;background: #fbfbfb;box-sizing:border-box;position: relative;min-height: 200px;vertical-align: top; } .main_box_pro_right ul li h2{ font-size:1vw;line-height: 2;width: 100%;position: relative; } .main_box_pro_right ul li h2:before{width:100%;position: absolute; left: 0;top: 0;content: ""; height: 1px;background: #111; webkit-transition: all 1s;-transition: all 1s; transition: all 1s;} .main_box_pro_right ul li h2:after{width:100%;position: absolute; left: 0;bottom: -10px;content: ""; height: 1px;background: #111;webkit-transition: all 1s; -transition: all 1s; transition: all 1s; } .main_box_pro_right ul li:hover h2::before{width:30%; height: 1px;background: #fff;} .main_box_pro_right ul li:hover h2::after{width:10%;height: 1px;background: #fff; } .main_box_pro_right ul li h3{ font-size:1.3vw;line-height: 1.2;text-transform: uppercase;color: #e8e8e8;margin-top: 5%;padding-top: 2%; } .main_box_pro_right ul li h4{ font-size:.6vw;line-height: 1.6;text-transform: uppercase;color: #e8e8e8;margin-top: 5%;padding-top: 2%; display: none;} .main_box_pro_right ul li:hover{ background: #494949;color:#fff; webkit-transition: all 1s; -o-transition: all 1s; transition: all 1s;} .main_box_pro_right ul li:hover h2{ color:#fff;} .main_box_pro_right ul li:hover h3{ color:#ccc; display: none;} .main_box_pro_right ul li:hover h4{ color:#ccc;display: block; } .main_box_pro_right ul li p{ position: absolute;right: 5%;bottom: 3%;font-size: 1.1vw;font-family: 'Gill Sans', 'Gill Sans MT', Calibri, 'Trebuchet MS', sans-serif; } .main_box_list{ float:left; width: 100%; margin-right:0;} .main_box_list h2{ text-transform: uppercase; letter-spacing:normal; font-size:0.8vw; color:#000; position: relative;padding-left: 60px;margin-bottom: 2%; } .main_box_list h2:before{ position: absolute;content: "";background:url(../images/home_titi.png) no-repeat; width: 47px; height: 24px; left: 2px; top:0px; background-size:cover!important;} @media (max-width: 1920px) { .main_box_contact h2{ font-size: 20px; } .main_box_contact p{ font-size: 15px; } .main_box_list h2{ font-size: 20px; } .main_box_contact_left h3{ font-size:22px; } .main_box_contact_left p{font-size:15px;} } @media (max-width: 1920px) { .main_box_pro_right ul li h2{ font-size:20px;} .main_box_pro_right ul li h3{ font-size:28px;} .main_box_pro_right ul li h4{font-size:15px; } .main_box_pro_right ul li p{ font-size:24px} .main_box_list h2{ font-size:20px} } @media screen and (max-width:639px) { .main_box_contact_left{height: 400px;} .main_box_contact_left .pic{ position: absolute; left: 5%; top:12%;background: none; width: 100%; max-width:90%; height:auto; background-size:cover!important;background: #000; } .main_box_contact_left h3{ font-size:3.5vw;line-height: 2;color: #fff; margin: 30px 0 20px 30px; } .main_box_contact_left p{color: #fff;font-size:3.5vw;line-height:1.8;margin: 0px 30px 0px 30px;} .main_box_contact_left p b{ display:inline-block; width: 15%;font-weight: normal;vertical-align:top; } .main_box_contact_left p span{ display: inline-block; width: 90%; } .main_box_contact_left .lianxi_ico{ margin: 0px 0px 0px 30px; display: block; padding-bottom:10px ;} .main_box_contact_left .lianxi_ico img{ max-width: 40%; } .main_box_pro_right{ float:none; width:100%;margin-right:0;margin-top: 8%; } .main_box_pro_right ul li{width: 100%; margin:3% 0; padding: 3% 3%;background: #fbfbfb;box-sizing:border-box;position: relative;min-height: 130px;vertical-align: top; } .main_box_pro_right ul li h2{ font-size:4.5vw;line-height: 2; } .main_box_pro_right ul li h3{ font-size:5vw;} .main_box_pro_right ul li h4{font-size:3.5vw; } .main_box_pro_right ul li p{ font-size:6vw} .main_box_list h2{ font-size:4vw} .main_box_about{ float:none; width:100%; margin-right:0;} .main_box_about h2{ font-size:4.5vw;padding-left: 45px;margin-bottom: 2%; } .main_box_about h2:before{ width:36px; height: 18px; left: 2px; top:0;} .main_box_about p{ padding:2% 0; font-size:3.5vw;font-weight: 400; line-height:2;} .main_box_about_right{ float:none; width: 100%;margin-top: 8%; } .main_box_contact{ float:none; width:100%; margin-right:0;} .main_box_contact h2{ font-size:4.5vw;padding-left: 45px;margin-bottom: 2%; } .main_box_contact h2:before{ width:36px; height: 18px; left: 2px; top:0;} .main_box_list{ float:none; width:100%; margin-right:0;} .main_box_list h2{ font-size:4.5vw;padding-left: 45px;margin-bottom: 2%; } .main_box_list h2:before{ width:36px; height: 18px; left: 2px; top:0;} } /*news*/ .index_news{background: #fff;} .index_news .wp{ max-width:100%} .index_news .swi_index_news{ width: 104%;margin: 0 -1%; } .index_news .swi_index_news .swiper-slide{padding:0;width: 31%; margin: 1% 1%;display: inline-flex; } .index_news .swi_index_news .swiper-slide a{display: block; background: #fff; -webkit-transition: all .4s cubic-bezier(0.7, .45, .45, 1);-moz-transition: all .4s cubic-bezier(0.7, .45, .45, 1);-ms-transition: all .4s cubic-bezier(0.7, .45, .45, 1);-o-transition: all .4s cubic-bezier(0.7, .45, .45, 1);transition: all .4s cubic-bezier(0.7, .45, .45, 1);} .index_news .swi_index_news .swiper-slide:hover a{box-shadow: 0 0 10px rgba(0,0,0,0.3);padding: calc(1rem + 0.1vw);} .index_news .swi_index_news .swiper-slide .img{margin-bottom: calc(0.5rem + 0.5vw);overflow: hidden;} .index_news .swi_index_news .swiper-slide img{ width: 100%;transform: scale(1.1);-webkit-transition: all 0.7s ease;-moz-transition: all 0.7s ease;-ms-transition: all 0.7s ease;-o-transition: all 0.7s ease;transition: all 0.7s ease;} .index_news .swi_index_news .swiper-slide:hover img{transform: scale(1);} .index_news .swi_index_news .swiper-slide a p{position: relative;display: block;padding-bottom: 15px; overflow: hidden;white-space: nowrap;text-overflow:ellipsis; font-size:0.7vw;} .index_news .swi_index_news .swiper-slide a p:before{content: '';width: 0;height: 2px;display: block;position: absolute;bottom: 0;left: 0;background: #000;-webkit-transition: all .4s cubic-bezier(0.7, .45, .45, 1);-moz-transition: all .4s cubic-bezier(0.7, .45, .45, 1);-ms-transition: all .4s cubic-bezier(0.7, .45, .45, 1);-o-transition: all .4s cubic-bezier(0.7, .45, .45, 1);transition: all .4s cubic-bezier(0.7, .45, .45, 1);} .index_news .swi_index_news .swiper-slide:hover a p:before{ width: 100%;} @media (max-width: 1920px) { .index_news .swi_index_news .swiper-slide a p{ font-size:16px;} } @media screen and (max-width:639px) { .index_news .swi_index_news{ width: 100%;margin: 0 auto; } .index_news .swi_index_news .swiper-slide{padding:0;width: 98%; margin: 1%;display: inline-flex; } .index_news .swi_index_news .swiper-slide a p{ font-size:4vw;} } .main_box_licheng{ float:left; width: 100%; margin-right:0;} .main_box_licheng h2{ text-transform: uppercase; letter-spacing:normal; font-size:0.8vw; color:#000; position: relative;padding-left: 60px;margin-bottom: 2%; z-index: 9; } .main_box_licheng h2:before{ position: absolute;content: "";background:url(../images/home_titi.png) no-repeat; width: 47px; height: 24px; left: 2px; top:0px; background-size:cover!important;} .main_box_licheng ul{ padding-top:20px;} .main_box_licheng ul li{width: 90%; padding:3% 5%; font-size:.6vw;font-weight: 400; line-height:2; position: relative;background: #fff; overflow: hidden;} .main_box_licheng ul li img{ overflow: hidden;max-width: 100%; } .main_box_licheng ul li img.tupian_licheng{opacity:0;-webkit-transition: all .5s; -o-transition: all .5s; transition: all .5s; position: absolute; left: 0; top:0;z-index: 3;overflow: hidden;max-width: 100%;max-height: 100%;min-width: 1400px; overflow: hidden; } .main_box_licheng ul li:hover img.tupian_licheng{ opacity:1;overflow: hidden;max-width: 100%;height: 200%;} .main_box_licheng ul li:before{ position: absolute;content: ""; height: 100%; width: 1px;background: #ccc; left: 0;top: 0; } /* .main_box_licheng ul li:hover{background: #f8f8f8;transition:.6s;} .main_box_licheng ul li:hover::before{ position: absolute;content: ""; height: 100%; width: 5px;background: #494949; -webkit-transition: all .5s; -o-transition: all .5s; transition: all .5s;left: -2px;} */ .main_box_licheng ul li.aa{width: 90%; padding:3% 5%; font-size:.6vw;font-weight: 400; line-height:2; position: relative;background: #f8f8f8; z-index: 4;} .main_box_licheng ul li.aa::before{ position: absolute;content: ""; height: 100%; width: 5px;background: #494949; -webkit-transition: all .5s; -o-transition: all .5s; transition: all .5s;left: -2px;} .main_box_licheng ul li h3{ font-size:1.1vw; line-height:1.5;display: inline-block; width: 30%; text-align: left;letter-spacing: normal; z-index: 4; } .main_box_licheng p{width: 70%;font-size:.65vw;font-weight: 400; line-height:1.5;line-height:2;text-align: left; display: inline-block;vertical-align: top;z-index: 4; } .main_box_licheng ul li:hover h3{ z-index:99; color: #fff;position: relative; -webkit-transition: all .5s; -o-transition: all .5s; transition: all .5s; } .main_box_licheng ul li:hover p{ z-index:99; color: #fff;position: relative; -webkit-transition: all .5s; -o-transition: all .5s; transition: all .5s;} .main_box_team{ float:left; width: 100%; margin-right:0;} .main_box_team h2{ text-transform: uppercase; letter-spacing:normal; font-size:0.8vw; color:#000; position: relative;padding-left: 60px;margin-bottom: 2%; } .main_box_team h2:before{ position: absolute;content: "";background:url(../images/home_titi.png) no-repeat; width: 47px; height: 24px; left: 2px; top:0; background-size:cover!important;} @media (max-width: 1920px) { .main_box_licheng h2{ font-size: 20px; } .main_box_licheng ul li{ font-size: 15px; } .main_box_licheng ul li h3{ font-size: 24px} .main_box_licheng p{font-size:16px;} .main_box_team h2{ font-size: 20px; } } @media screen and (max-width:639px) { .main_box_licheng{ float:none; width:100%; margin-right:0;} .main_box_licheng h2{ font-size:4.5vw;padding-left: 45px;margin-bottom: 2%; } .main_box_licheng h2:before{ width:36px; height: 18px; left: 2px; top:4px; background-size:cover!important;} .main_box_licheng ul li{width: 96%; padding:3% 2%; font-size:3.5vw; } .main_box_licheng ul li h3{ font-size:3.5vw;} .main_box_licheng p{font-size:3.5vw; } .main_box_team{ float:none; width:100%; margin-right:0;} .main_box_team h2{ font-size:4.5vw;padding-left: 45px;margin-bottom: 2%; } .main_box_team h2:before{ width:36px; height: 18px; left: 2px; top:4px; background-size:cover!important;} } .team_a{ clear: both;width: 100%;padding: 30px 0; } .team_a ul{ width: 100%; margin: 0 -2%;} .team_a ul li{ width: 46%; margin:1% 2% ; float: left;} .team_a ul li img{ max-width:100%;} .team_a ul li h3{ font-size:1.2vw;line-height: 2.4;text-align: left; width: 100%;border-bottom: 2px solid #999 ;margin-bottom: 15px; } .team_a ul li p{ font-size:.8vw;line-height: 1.2;text-align: left;color: #999; } .team_b{ clear: both;width: 100%;padding: 30px 0; } .team_b ul{ width: 100%; margin: 0 -2%;} .team_b ul li{ width: 21%; margin:1% 2% ; float: left;overflow: hidden;} .team_b ul li img{ max-width:100%;} .team_b ul li img:hover{transform: scale(1.05, 1.05);transition: transform 0.6s ease 0s;} .team_b ul li h3{ font-size:.7vw;line-height: 2;text-align: left; } @media (max-width:1920px) { .team_b ul li h3{ font-size: 16px; } } @media (max-width:639px) { .team_a{ padding: 0px 0; } .team_a ul{ margin: 0 auto;} .team_a ul li{ width: 46%; margin:1% 2% ;} .team_b{ padding: 0px 0; } .team_b ul{ margin: 0 auto;} .team_b ul li{ width: 46%; margin:1% 2% ; } .team_b ul li h3{ font-size: 3.5vw; } } .hidd1 {display:block;} .hidd22 {display:none;} /*@media (min-width:1025px) and (max-width:1280px) { .hidd22 {display: block;} } */ @media (max-width:1280px) { .hidd22 {display: block;} } .hidd {display:none;} @media (max-width:1400px) { .w1460{ max-width:96%;} } @media (max-width:1024px) {html,body {letter-spacing:normal;} .w1460{ max-width:96%;} .hidd1 {display:none;} .hidd {display:block;} }