::-webkit-scrollbar { width: 8px; height: 8px; background-color: #F5F5F5; } ::-webkit-scrollbar-track { border-radius: 10px; background-color: #E2E2E2; } ::-webkit-scrollbar-thumb { border-radius: 10px; -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, .3); background-color: #555; } /*===============================================header================================================*/ #header{ height: 105px; width: 100%; position: fixed; z-index: 888; background:#fff; border-bottom:1px solid #eee;} #header .main_box{position: relative; z-index: 98;} #top_bar{ border-bottom: 1px solid #e7e7e9; height: 55px; line-height: 55px; vertical-align: middle;} .top_padding{ padding-top: 130px;} #logo { position: absolute; top: 22px; left: 0; } #logo a img{ vertical-align:middle;} /*=================导航=================*/ #nav{ height:105px; float:right;} #nav ul{ } #nav li{display:block;display:inline-block; padding: 0 24px; height:106px; min-width:30px;position:relative;} #nav li:first-child { background: none;} #nav li .a{display:block;text-align:center; position: relative; height: 53px;} #nav li .a h1{line-height: 105px; height: 105px; font-size:16px;color:#444; font-weight: 700; text-align:center;display:block;margin-bottom:5px;position:relative;z-index:2; } #nav li .a strong{font-size:12px; line-height: 14px; text-transform: uppercase; display:block;color:#bdc0c2; text-align:center;position:relative;z-index:1} #nav li .a span{position:absolute;bottom:0;left:0;width:110%;text-align:center} #nav li .a i{display:block;margin:0 auto;text-align:center;z-index:1;height:3px;width:0;background:#d9353c;overflow: hidden; display: none;} #nav li.on{ background:#d9353c;} #nav li.on .a h1{ color: #fff;} #nav li.on i{width:100%;} #nav li .a:hover i{width:100%;} #nav li .a:hover h1{ color: #d9353c;} #nav li.on .a:hover h1{ color: #fff;} #nav li.on .a:hover i{transform:rotateX(0);-webkit-transform:rotateX(0);-moz-transform:rotateX(0)} #nav.title{position:relative} #nav .list{width:145px;left:-15px;max-height:0;position:absolute;top:60px;z-index:0; box-shadow: 0px 7px 15px rgba(0,0,0,0.2); -moz-transition: all 0.3s ease-in-out;-webkit-transition: all 0.3s ease-in-out;-o-transition: all 0.3s ease-in-out;-ms-transition: all 0.3s ease-in-out;transition: all 0.3s ease; opacity:0;filter:alpha(opacity=0); -moz-transform:scale(0); -o-moz-transform:scale(0); -o-moz-transform:scale(0); -webkit-moz-transform:scale(0); transform:scale(0);} #nav .list::before{ display: block; position:absolute;top:-10px;right:50%; overflow:hidden;width:0;height:0;border:10px solid #fff;border-color:#fff transparent;border-top:0; margin-right: -9px; content: "";} #nav .list a{width:145px;height:50px;line-height:50px;text-align:center;color:#222;display:block;font-size:14px;text-decoration:none;opacity:1;background-color:#fff;border-bottom:#e9ecf1 1px solid;-webkit-transition:opacity .4s,-webkit-transform .5s;-moz-transition:opacity .4s,-moz-transform .5s;-ms-transition:opacity .4s,-ms-transform .5s;transition:opacity .4s,transform .5s} #nav .list a:hover{color:#d9353c; border-bottom:#d9353c 1px solid;} #nav li:focus .list,#nav li:hover .list{max-height:2000px;z-index:10; top:115px; opacity:1;filter:alpha(opacity=100); -moz-transform:scale(1); -o-moz-transform:scale(1); -o-moz-transform:scale(1); -webkit-moz-transform:scale(1); transform:scale(1);} /*======================移动端头部======================*/ #m_header{ display: none; height: 55px; position: fixed; left: 0; top: 0; width: 100%; background: #fff; box-shadow: 0 0 3px #999; z-index: 998;} #m_logo{ position: absolute; top: 10px; left: 10px; } #m_logo img{ height: 35px; } #m_bnt_top_search{ position: absolute; top: 0; display: block; width: 50px; line-height: 50px; text-align: center; right: 50px; font-size: 2.4rem; color: #1ea78a;} /*移动端导航*/ #m_bnt_nav{position: absolute;top: 0;right: 0;cursor: pointer;width: 50px;height:55px;background-color:#d9353c;text-align: center; } #m_bnt_nav .point{display: inline-block;width: 28px;height: 22px;margin-top: 12px;position: relative;} #m_bnt_nav .point:hover .navbtn, #m_bnt_nav .point:hover .navbtn::after, #m_bnt_nav .point:hover .navbtn::before{width: 28px;} #m_bnt_nav .navbtn{position: absolute;top: 13px;right: 0;display: inline-block;width: 21px;height: 1px;-webkit-transition: all .3s ease-out 0s;-moz-transition: all .3s ease-out 0s;-ms-transition: all .3s ease-out 0s;-o-transition: all .3s ease-out 0s;transition: all .3s ease-out 0s;background: #FFF;} #m_bnt_nav .navbtn::after, #m_bnt_nav .navbtn::before{position: absolute;right: 0;display: inline-block;width: 28px;height: 1px;content: '';-webkit-transition: all .3s ease-out 0s;-moz-transition: all .3s ease-out 0s;-ms-transition: all .3s ease-out 0s;-o-transition: all .3s ease-out 0s;transition: all .3s ease-out 0s;background: #FFF;} #m_bnt_nav .navbtn::after{top: -11px;} #m_bnt_nav .navbtn::before{top: 10px;} #m_bnt_nav .point.on .navbtn{background: transparent;} #m_bnt_nav .point.on .navbtn::after{-webkit-transform: rotate(45deg);-moz-transform: rotate(45deg);-ms-transform: rotate(45deg);-o-transform: rotate(45deg);transform: rotate(45deg);top: 0px;} #m_bnt_nav .point.on .navbtn::before{-webkit-transform: rotate(-45deg);-moz-transform: rotate(-45deg);-ms-transform: rotate(-45deg);-o-transform: rotate(-45deg);transform: rotate(-45deg);top: 0px;} #m_nav{position:absolute;top:50px;left:0;display:none;width:100%;z-index:999; padding:30px 0;} #m_nav{ filter:progid:DXImageTransform.Microsoft.gradient(enabled='true',startColorstr='#E5CB0000', endColorstr='#E5CB0000'); background: rgba(25, 25, 25, 0.9);} #m_nav li{display:block;width:100%; } #m_nav li .a{display:block;text-align:left;position:relative;height:40px; line-height: 40px; margin:0 20px;} #m_nav li .a h1{ display: inline-block; font-size:15px; color:#fff; } #m_nav li .a strong{ display: inline-block; text-transform:uppercase; font-size:14px; line-height:40px;height:40px;color:#fff; z-index:11; opacity:.8;filter:alpha(opacity=80);} #m_nav li .a i{opacity:0;filter:alpha(opacity=0); position:absolute;right:0;top:0; text-align:center;z-index:4; color: #fff; font-size: 1.4rem; height:40px; line-height:40px; overflow: hidden;} #m_nav .on .a{ } #m_nav .on .a strong{color:#fff} #m_nav .on.title .a i{ transform:rotate(270deg);-webkit-transform:rotate(270deg); -moz-transform:rotate(270deg);} #m_nav .title .a i{ opacity:1;filter:alpha(opacity=100);} #m_nav .title .a { margin:0 20px;} #m_nav .title .list{display:none;position:relative; } #m_nav .title{position:relative} #m_nav .title .list{position:relative;width:100%;z-index:9} #m_nav .title .list .box{padding:0 30px 10px 30px;background:#f5f5f5} #m_nav .title .list a{display:block;font-size:1.4rem;color:#bcbcbc;text-align:left;line-height:3rem; padding-left:35px;} /*================= banner===================*/ #banner { width: 100%; position: relative; height:550px; margin-top:105px; } #banner .main_box{ height: 550px;} #banner .swiper-slide{ display: block; height: 600px; overflow: hidden; text-align:center; height: auto; background:#fff;display:-webkit-box;display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;-webkit-justify-content:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center; } #banner .swiper-slide img{ display: block; } #banner .swiper-pagination-bullets{ bottom: 11rem;} #banner .swiper-pagination-bullet{ background: none; border: none; height: 20px; width: 20px; background: url(http://www.lydzn.com/statics/images/icon_bn.png) center no-repeat; opacity:1;filter:alpha(opacity=100);} #banner .swiper-pagination-bullet-active{ background: url(http://www.lydzn.com/statics/images/icon_bn_on.png) center no-repeat;} #banner .bnt{ position: absolute; top: 50%; width: 60px; height: 60px; border-radius: 50%; font-size: 6rem; color: #8d8a86; margin-top: -30px; z-index: 9; cursor: pointer;} #banner .bnt_prev{left: 40px; } #banner .bnt_next{right: 40px; transform:rotateY(180deg);-webkit-transform:rotateY(180deg); /* Safari and Chrome */-moz-transform:rotateY(180deg); } #banner .bnt:hover{ color: #d9353c; } #banner .bnt.off{ opacity:.5;filter:alpha(opacity=30);} #banner .swiper-slide .text_box{ position:absolute; margin-left:50%; left:-680px; z-index: 9; -moz-transition: all 1s ease-in-out;-webkit-transition: all 1s ease-in-out;-o-transition: all 1s ease-in-out;-ms-transition: all 1s ease-in-out;transition: all 1s ease-in-out; margin-top: 0; transform:scale(0.5); opacity:0; } #banner .swiper-slide-active .text_box{ transform:scale(1); margin-top:0; opacity:1;} #banner .swiper-slide-active .bg{ transform: scale(1,1); -webkit-transform: scale(1,1); transition-delay: 0s;} #banner .bg{ position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: url(http://www.lydzn.com/statics/css/images/banner1.jpg) center no-repeat; background-size: cover; transition: all 7s; transform: scale(1.2,1.2); -webkit-transform: scale(1.2,1.2);} #banner.on .bg{ transform: scale(1,1); -webkit-transform: scale(1,1); transition-delay: 0s;} #banner .swiper-slide img{ display: block; animation-duration:5s;animation-timing-function:linear;animation-fill-mode: forwards;-webkit-animation-duration:5s;-webkit-animation-timing-function:linear;-webkit-animation-fill-mode: forwards; } #banner .swiper-pagination-bullets{ bottom: 11rem;} #banner .swiper-pagination-bullet{ background: none; border: none; height: 20px; width: 20px; background: url(http://www.lydzn.com/statics/images/icon_bn.png) center no-repeat; opacity:1;filter:alpha(opacity=100);} #banner .swiper-pagination-bullet-active{ background: url(http://www.lydzn.com/statics/images/icon_bn_on.png) center no-repeat;} #banner .bnt{ position: absolute; top:35%; width: 40px; height: 40px; line-height: 40px; text-align: center; border-radius: 0%; border: 1px solid #fff; font-size: 2rem; color: #fff; margin-top: -30px; z-index: 9; cursor: pointer;} #banner .bnt_prev{ margin-left:50%; left:-586px; } #banner .bnt_next{ margin-left:50%; left:-534px; } #banner .bnt:hover{ color: #d9353c; border: 1px solid #d9353c;} #banner .bnt.off{ opacity:.5;filter:alpha(opacity=50);} #banner .text_box { text-align:left; background:rgba(0,0,0,0.4); width:515px; height:320px; box-sizing:border-box; padding:110px 60px;} #banner .text_box .txt{ border-left:1px solid #666; padding-left:30px;} #banner .text_box .tt{ font-size:23px; color:#fff; line-height:32px; font-weight:600; } #banner .text_box .td{ font-size:15px; line-height:22px; color:#fff; margin-top:15px;} #banner .text_box .clc{ font-size:12px; color:#fff; display:block; margin-top:20px; background:url(../image/bn1_jt.png) left bottom no-repeat; height:30px; margin-left:31px;} #banner .text_box .clc:hover{ color:#d9353c;} /*================= banner===================*/ .m_top_padding{ margin-top: 50px; display: none;} #m_banner { display: none; width: 100%; position: relative; } #m_banner .swiper-slide{ display: block; overflow: hidden; text-align:center; height: auto; background:#fff;display:-webkit-box;display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;-webkit-justify-content:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center} #m_banner .swiper-slide img{ display: block; width: 100%; } #m_banner .swiper-pagination-bullets{ bottom: 2rem;} #m_banner .swiper-pagination-bullet{ height: 5px; width: 5px; background: none; border: 2px solid #fff;} #m_banner .bnt{ position: absolute; top: 50%; width: 60px; height: 60px; border-radius: 50%; font-size: 6rem; color: #8d8a86; margin-top: -30px; z-index: 9; cursor: pointer;} #m_banner .bnt{ position: absolute; top: 50%; width: 4rem; height: 4rem; color: #d9353c; border-radius: 50%; font-size: 4rem; margin-top: -2rem; z-index: 9; cursor: pointer;} #m_banner .bnt_prev{left: 20px;} #m_banner .bnt_next{right: 20px;} #m_banner .bnt:hover{ } #m_banner .bnt.off{ opacity:.5;filter:alpha(opacity=50);} #m_banner .text_box { text-align:left; background:rgba(0,0,0,0.4); padding:30px; box-sizing:border-box; position:absolute; } #m_banner .text_box .txt{ } #m_banner .text_box .tt{ font-size:24px; color:#fff; line-height:32px; font-weight:600; } #m_banner .text_box .td{ font-size:15px; line-height:22px; color:#fff; margin-top:15px;} #m_banner .text_box .clc{ font-size:12px; color:#fff; width:110px; text-align:left; display:block; margin-top:20px; background:url(../image/bn1_jt.png) left bottom no-repeat; height:30px;} #m_banner .text_box .clc:hover{ color:#d9353c;} /*================= index===================*/ #page_index{ background: #fff; margin: 0 auto; position: relative; z-index: 99;} #page_index .index_box{ padding: 25px; } #page_index .floor{ padding-bottom: 4%;} .s_title{position:relative;margin-bottom:3%; margin-top:3em; position: relative; text-align:center; background:url(../image/s_tt.jpg) center bottom no-repeat; padding-bottom:1em;} .s_title img{ vertical-align: middle;} .s_title h1{ display: block; color: #d9353c; font-size: 3.6rem; font-weight: 700;} .s_title h2{ display: inline-block; color: #000000; font-size: 2.4rem; font-weight: 400;} .s_title strong{font-size:18px; color:#a4a9ae; font-style:none; font-family:arial; font-weight: 100; display:block; text-transform: uppercase; margin-top: 3px;} .s_title p{font-size:16px; color:#a3a4a4; text-transform: uppercase; display: block; } /*s_f1*/ #mode_business{ padding: 3em 0;} #mode_business ul{ } #mode_business li{ display: block; float: left; position: relative; box-sizing:border-box; padding:0.3em; } #mode_business li a{ display: block; padding: 2.5rem 0; border:1px solid #ddd;background:#fff; transition:all ease 300ms; -webkit-transition: all ease 300ms;} #mode_business li .pic_box{ width:100%; overflow:hidden; height:50px;} #mode_business li .pic_box img{ display: block; margin: 0 auto; transition:all ease 300ms; -webkit-transition: all ease 300ms;} @-webkit-keyframes rotation{ from {-webkit-transform: rotateY(0deg);} to {-webkit-transform: rotateY(360deg);} } #mode_business li .pic_box img.img1{ display:none;} #mode_business li .text_box{ position: relative; padding: 20px 0 5px 0; } #mode_business li .text_box h1{ display:block; text-align: center; font-size:1.1em; margin-bottom: 1rem; color:#060001;} #mode_business li .text_box h2{ display:block; text-align: center; font-family:arial; font-size:0.6em; color:#b5b5b6; text-transform:uppercase; white-space: nowrap;overflow:hidden;text-overflow: ellipsis; } #mode_business li:hover a{ background: #d9353c; border:1px solid #d9353c;} #mode_business li:hover img.img1{ display:block; animation: rotation 3s linear infinite; -moz-animation: rotation 2s linear infinite; -webkit-animation: rotation 2s linear infinite; -o-animation: rotation 2s linear infinite;} #mode_business li:hover img.img2{ display:none;} #mode_business li:hover a .text_box h1,#mode_business li:hover a .text_box h2{ color:#fff; } .s_title1{ text-align:center;} /*s_f2*/ #page_index .f2{ border-bottom:1px solid #eee;} #page_index .f2 .txt{ text-align:center; margin:3em auto 0; max-width:95%;} #page_index .s_more{ display:block; width:32px; height:32px; margin:0 auto; margin-top:3em;} /*s_f3*/ #mode_active{ padding-bottom: 4%;} #mode_active ul{ } #mode_active li{ display: block; float: left; position: relative; box-sizing:border-box; cursor: pointer; overflow: hidden; } #mode_active li a{ display: block; position: relative; -moz-transition: all 0.3s ease-in-out;-webkit-transition: all 0.3s ease-in-out;-o-transition: all 0.3s ease-in-out;-ms-transition: all 0.3s ease-in-out;transition: all 0.3s ease-in-out; } #mode_active li .pic_box{position: relative; width:100%; overflow:hidden; height:100%; } #mode_active li .pic_box img{ width:100%; height:100%; display: block;} #mode_active li .text_box{ position: absolute; left: 0; bottom: 0; width: 100%; height:3rem; background: rgba(0,0,0,.4); padding: 0 10px;} #mode_active li .text_box .box{ position: absolute; bottom:0; left: 0; width: 100%; display:block; text-align: center; } #mode_active li .text_box h2{text-align: left; display:block; line-height: 3rem; font-size:15px; color: #fff; white-space: nowrap;overflow:hidden;text-overflow: ellipsis;} #mode_active li:hover .text_box{ background:#d9353c;} #mode_active li:hover img{ transform:scale(1.1);} #mode_active .hd{ margin-top: 30px; display: inherit; text-align: center;} #mode_active .bnt{ position: relative; display:inline-block; font-size: 4rem; color: #6c7788; z-index: 9; cursor: pointer;} #mode_active .bnt.on{color: #bea88e; } #mode_active .bnt_prev{ } #mode_active .bnt_next{ } #mode_active .bnt:hover{ color: #bea88e; } #mode_active .bnt.off{ opacity:.5;filter:alpha(opacity=50);} /*s_f4*/ #page_index .f4{ background:#f9f9fa; padding-top:1px;} #page_index .f4 ul li{ box-sizing:border-box; padding:0 1rem; margin-bottom:10px; } #page_index .f4 ul li a{ display:block; width:100%; height:100%; box-sizing:border-box; padding:2em; border:1px solid #ddd; background:#f9f9fa; transition:all ease 300ms; -webkit-transition: all ease 300ms;} #page_index .f4 ul li span{ font-size:34px; color:#1f1f1f; font-family:Arial;} #page_index .f4 ul li span small{ font-size:18px; color:#b0b0b4; margin-left:5px;} #page_index .f4 ul li h5{ font-size:1.1em; line-height:2.5em; color:#1f1f1f; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;} #page_index .f4 ul li p{ font-size:13px; color:#868686; line-height:22px; height:44px; overflow:hidden;} #page_index .f4 ul li.on a{ background:#d9353c; border:1px solid #d9353c;} #page_index .f4 ul li.on span{ color:#fff;} #page_index .f4 ul li.on span small{ color:#f1c1c3;} #page_index .f4 ul li.on p{ color:#f1c1c3;} #page_index .f4 ul li.on h5{ color:#fff;} /*s_f5*/ #page_index .f5{ background: #f9f9fa; border-top: 1px solid #e2e2e3; overflow: hidden; padding:40px 20px;} #page_index .f5 .main_box{ overflow:hidden;} #mode_partner .content{ margin: 0 -10px; } #mode_partner a{ display: block; padding: 0 10px; box-sizing: border-box;} #mode_partner a img{ display: block; width: 100%;} #mode_partner a:hover img{ box-shadow: 0 5px 10px #ccc; z-index: 999; margin-top: -10px;} /*==============footer=====================*/ #footer{ background:#3f4142; } #footer .main_box{ position:relative; text-align:left;} #footer .up_box{background: url(../image/logo_fot.png) left 50px no-repeat; padding: 55px 0 10px; position:relative;} #footer .up_box .s_btn a{ border:1px solid #555; display:inline-block; float:left; width:105px; height:30px; text-align:center; line-height:30px; font-size:13px; color:#ddd; border-radius:3px;} #footer .up_box .s_btn a:hover{ background:#d9353c; color:#eee; text-decoration:none; border:1px solid #d9353c;} #footer .content{height:173px; margin-left: 353px; padding-left: 50px; border-left: 1px solid #555; position: relative;} #footer .un_box { font-size: 13px; text-align: center; color:#7e7f82; height: 75px; background: #3f4142; border-top:1px solid #555; } #footer .un_box p{ line-height: 58px; color:#7e7f82; font-size:13px;} #footer .un_box a{color:#7e7f82;} #footer a:hover{ color:#d9353c; text-decoration: underline;} #fot_nav{ width: 1000px; } #fot_nav .box{ margin-right: -100px; } #fot_nav dl{ margin-bottom: 42px; line-height: 28px; float:left; text-align:left; } #fot_nav dt{ display: block; font-size: 15px; color: #fff; margin-bottom: 5px;} #fot_nav dd{ display: block; font-size: 14px; color: #919191;} #fot_nav a{ display: block; font-size:13px; color:#747476; line-height:30px;} #fot_nav a:hover{ color:#d9353c; text-decoration: none;} .foot_link{ position:absolute; right:0; top:10px; width:250px; height:40px; background:#545556; cursor:pointer; overflow:visible;} .foot_link .tanchu{ width:100%; padding:10px 20px; box-sizing:border-box; position:absolute; bottom:40px; background:#717171; display: none;} .foot_link .tanchu a { color: #d1d1d1 !important; line-height: 27px; font-size: 13px; } .foot_link .tanchu .swiper-slide{ height:30px !important;} .foot_link .swiper-scrollbar-drag{ height:60% !important;} .foot_link #bnt_link1.a { padding-left:30px; color:#bbb !important; line-height:40px; width:250px; box-sizing:border-box; font-size:14px; text-decoration:none; position:absolute; z-index:1; background:#545556; } .foot_link .a span{ display:inline-block; width:38px; float:right; color:#919397; font-size: 14px; text-align: center; border-left: 1px solid #67686a;} .foot_link div div div{ line-height:30px;} /*===================内页banner================*/ #n_banner{ display:block; width:100%; height:380px; position: relative; margin-top:105px;} #m_n_banner{ position: absolute; left: 0; top: 0; width: 100%; height: 140px; display: none; background-size: 100% auto; } #n_banner .main_box{ display: table; height:255px;} #n_banner .box{ display: table-cell; vertical-align: middle; overflow:hidden; text-align:left; height:380px; } #n_banner h1{ font-size:26px; font-weight:100; color:#fff; display:inline-block; margin-bottom:5px; text-transform:uppercase; line-height:80px; } #n_banner h1 p{ font-size:30px; color:#fff; display:block; background:#d9353c; width:23px; height:2px;} /*==============面包屑导航=====================*/ #mode_position{ position:absolute; line-height: 40px; height:40px; right:0px; top:0px; color:#8a8c8e; padding-left:15px;} #mode_position i.j_iconfont{ padding-right: 7px; font-size: 16px; color:#999;} #mode_position, #mode_position a, #mode_position i{ font-size:12px; color:#76787a;} #mode_position span{ font-size:12px; color:#d9353c; font-style:normal;} #mode_position a:hover{ color:#d9353c;} #n_main_box #mode_position{line-height: 64px; } #n_main_box #mode_position{line-height: 64px; height:50px;} /*==============n_content_right=====================*/ .n_right{ width:905px;float:right; margin-top: 45px;} .n_title{ position:relative; height:64px; line-height:66px; border-bottom:1px solid #dde0e2; } .n_title h1{ font-size:20px; border-bottom:2px solid #d9353c; display:inline-block; color:#30353a; margin-bottom:0px; } .n_title a.li{font-size:15px; line-height:58px; display:inline-block; color:#000; margin-bottom:0px; margin-right: 30px;} .n_title a:hover{ color: #d9353c;} .n_title a.on{border-bottom:2px solid #d9353c;} .news_left{ float: left; width: 976px;} .news_right{ float: right; width: 320px;} #n_news{ } #n_news .list li{ background: #f4f4f5; border-radius: 0 10px 10px 0; position: relative; margin-bottom: 40px; height: 190px;} #n_news .list li a{ display: block; position: relative; padding-left: 350px; } #n_news .list li .pic_box{ position: absolute; left: 0; top: 0; width: 300px; height: 190px; overflow: hidden;} #n_news .list li img{ display: block; margin: 0 auto; width: 100%; height: 100%; } #n_news .list li .text_box{ padding-top: 35px; margin-right: 40px; } #n_news .list li .text_box .box{ } #n_news .list li h1{ color: #000; font-size: 18px; margin-bottom: 10px; display: block; white-space: nowrap;overflow:hidden;text-overflow: ellipsis;} #n_news .list li span{ margin-top: 15px; display: block; height: 20px; line-height: 20px; padding-left: 0px; font-size: 14px; color: #5b5959; white-space: nowrap;overflow:hidden;text-overflow: ellipsis;} #n_news .list li span i{ font-size: 16px;} #n_news .list li p{ margin-top: 15px; display: block; height:48px; line-height: 24px; font-size: 14px; color: #969798; display: -webkit-box; overflow: hidden; text-overflow: ellipsis; -webkit-box-orient: vertical;-webkit-line-clamp: 2;} #n_news .list li span{ } #n_news .list li:hover { background: #15af90;} #n_news .list li:hover h1,#n_news .list li:hover p{ color: #fff} #n_news .list li:hover span{ color: #fff} .news_right .content{ padding: 28px; border: 1px solid #e1e1e1; border-top:3px solid #d9353c;} .news_right li{ display:block; margin-bottom: 25px; border-bottom: 1px solid #e1e1e1; padding-bottom: 25px; overflow:hidden; position:relative; } .news_right li:last-child{ margin-bottom: 0; padding-bottom: 0; border-bottom: none;} .news_right li a{ display:block; position:relative;} .news_right li h2{ font-size:15px; color:#4d4e4e; display:block; white-space: nowrap;overflow:hidden;text-overflow: ellipsis; width: 100%; } .news_right li p{ margin-top: 15px; display: block; height:48px; line-height: 24px; font-size: 12px; color: #9c9f9f; display: -webkit-box; overflow: hidden; text-overflow: ellipsis; -webkit-box-orient: vertical;-webkit-line-clamp: 2;} .news_right li span{ margin-top: 15px; display: block; font-size: 12px; color: #717474; white-space: nowrap;overflow:hidden;text-overflow: ellipsis;} .news_right li h2:hover{ color: #d9353c;} /*==============新闻详情=====================*/ .n_article { margin-bottom:0px; } .n_article .ar_title{ margin-bottom: 10px;} .n_article .ar_title{ position:relative; border-bottom: 1px solid #e1e1e1; padding-bottom: 25px;} .n_article .ar_title h1{ font-size:18px; margin-bottom:8px; display:block; color:#2e2e2f;} .n_article .ar_title h2{ font-size:12px; position:relative; text-align: left; display:block; color:#919191; } .n_article .ar_article{ padding-top:20px; min-height:400px;} /*====分享插件====*/ .shart_box{float: right;height: 40px;margin-top: 2px; position:relative; top:-55px;} .shart_box:hover #j_shart_s_24{ display:block;} #j_shart_s_24 .bds_count{ font-size:12px;} #j_shart_s_24{padding-left: 15px;position:relative;float: right;} .shart_box a{ line-height:36px;} #j_shart_s_24 strong{ display:block; position:absolute; left:0; z-index:2; line-height:36px; font-size:12px; color: #a3a0a9;} #j_shart_s_24 .bds_qzone{background:url(../image/j_shart.png) center -224px no-repeat} #j_shart_s_24 .bds_tsina{background:url(../image/j_shart.png) center -311px no-repeat} #j_shart_s_24 .bds_tqq{background:url(../image/j_shart.png) center -195px no-repeat} #j_shart_s_24 .bds_renren{background:url(../image/j_shart.png) center -340px no-repeat} #j_shart_s_24 .bds_weixin{background:url(../image/j_shart.png) center -253px no-repeat} #j_shart_s_24 .bds_sqq{background:url(../image/j_shart.png) center -79px no-repeat} #j_shart_s_24 .bds_fbook{background:url(../image/j_shart.png) center -166px no-repeat} #j_shart_s_24 .bds_twi{background:url(../image/j_shart.png) center -137px no-repeat} #j_shart_s_24 .bds_linkedin{background:url(../image/j_shart.png) center -108px no-repeat} #j_shart_s_24 .bds_tieba{background:url(../image/j_shart.png) center -253px no-repeat} #j_shart_s_24 .bds_huaban{background:url(../image/j_shart.png) center -253px no-repeat} #j_shart_s_24 .bds_douban{background:url(../image/j_shart.png) center -253px no-repeat} #j_shart_s_24 .bds_copy{background:url(../image/j_shart.png) center -253px no-repeat} #j_shart_s_24 .bds_print{background:url(../image/j_shart.png) center -253px no-repeat} #j_shart_s_24 .bds_mshare{background:url(../image/j_shart.png) center -253px no-repeat} #j_shart_s_24 .bds_count{font-size:12px} #right_news ul li img{float:left;width: 202px;height: 104px;margin-bottom:28px;} /*======== 上一篇下一篇 ===========*/ #ar_fot{ margin-top:10px; position:relative; padding:15px 0; border-top:1px solid #e5e5e5;} #ar_fot h1{ display:block; font-size:12px; line-height:30px; color:#7d7b7b; } #ar_fot h1 a{ font-size:13px; color:#7d7b7b; font-weight:normal;} #ar_fot h1 a:hover{ color:#d9353c;} #ar_fot .bnt_back{ position:absolute; top:28px; right:0; color:#fff; background:#063579; padding:0 25px; font-size:14px; height:30px; line-height:30px;} #ar_fot .bnt_back:hover{ border-radius:3px;} /*==================招聘信息=====================*/ #n_hr{ margin-bottom: 30px;} #n_hr .left{width:319px; display: block; float:right;} #n_hr .left_f1{ background:#f4f5f7; margin-bottom:10px;} #n_hr .left .ar_article{ padding:50px 45px 45px 45px; text-align: left;font-size: 13px;} #n_hr .left .ar_article h5{ font-size:18px; color:#444; font-weight:100; text-transform:uppercase; background:url(../image/left_tt.jpg) left bottom no-repeat; height:70px; margin-bottom:20px;} #n_hr .left .ar_article p{font-size: 13px; line-height:28px; padding-bottom:12px;} #n_hr .left .liepin { width: 100%; border: 3px solid #eee; box-sizing: border-box; font-size: 0;} #n_hr .left .liepin img{ width:100%; height:auto;} #n_hr .right{ width: 977px; float:left;} .red{ color:#d9353c;} /*==============人才招聘=====================*/ #n_hr #list_slide{ position:relative;} #n_hr #list_slide dl strong.num{ position: absolute; left: -70px; top: -0px; display: block; width: 50px; height: 50px; line-height: 50px; text-align: center; color: #fff; font-size:18px; background: #d9353c; } #n_hr #list_slide dl{ margin-left: 70px; margin-bottom:15px; border-bottom:1px dotted #cccdd1; position: relative; background:#f3f5f8; border: 1px solid #e7e7eb;} #n_hr #list_slide dt{border:none; display:block; position:relative; padding: 0px 30px; background: #fff; cursor:pointer; height:48px; } #n_hr #list_slide dt.on{ background:#f4f5f7;} #n_hr #list_slide dt h1{ color:#424243; font-size:15px; line-height:48px; background:url(../image/icon_hr_on.png) right center no-repeat; display:block;} #n_hr #list_slide dd{ display:none; line-height:24px; padding: 0px 30px;background:#f4f5f7;} #n_hr #list_slide dd p{ margin-bottom:0;} #n_hr #list_slide dd p:last-child{ padding-bottom:0;} #n_hr #list_slide dd .content{ padding:14px 20px 15px 20px;} #n_hr #list_slide dd .content { color:#929397; font-size:12px; line-height:24px;} #n_hr #list_slide dt.on h1{ background:url(../image/icon_hr_off.png) right center no-repeat ; } /*******************************************SCROLL TOP ICON*****************************************/ .display-none{ display: none; transition: all .5s ease; } .scroll-top-div { position: fixed; width: 40px; height: 40px; top: calc(100vh - 99px); left: calc(100vw - 62px); cursor: pointer; transition: all .5s ease; z-index:998; border-radius: 3px; overflow: hidden; } .scroll-top-icon-container{ position: relative; display: table; width: 100%; height: 100%; background:rgba(0,0,0,0.7); color: #fff; } .scroll-top-icon-container:hover{ background:#d9353c} .scroll-top-icon-container i{ display: table-cell; vertical-align: middle; text-align: center; font-size: 28px; } .ion-ios-arrow-thin-up:before { content: "↑"; } /*核心优势*/ .n_chengguo .swiper-container li{} .n_chengguo .swiper-container li .pic_box{width: 100%;height: 17.1875rem;display:table;overflow:hidden;background: #eeeef2;} .n_chengguo .swiper-container li .pic_box .box{display:table-cell;vertical-align:middle;text-align: -webkit-center;} .n_chengguo .swiper-container li img{max-width: 17.375rem;max-height: 14.8125rem;display:block;} .n_chengguo .swiper-container li h5{ font-size:14px; color:#504e4e; text-align:center; margin:1.5rem 0 1rem} .n_chengguo .swiper-container li h5 a{font-size:14px; color:#504e4e; text-align:center; margin:1.5rem 0 1rem} #n_content { margin-bottom: 50px; } .ny_hd ul li { } .ny_hd{ margin-bottom:50px;} .ny_hd{ text-align:center;} .ny_hd ul{ display:inline-block;} .ny_hd ul li{ float: left; height: 45px; line-height: 45px; border: 1px solid #ddd; margin: 10px; padding: 0 9px;} .ny_hd ul li.on{ background:#d9353c; border:1px solid #d9353c;} .ny_hd ul li a{ color:#666;} .ny_hd ul li.on a{ color:#fff;} /*===========发展历程===========*/ .n_licheng{ background:url(../image/licheng_bg.jpg) center bottom no-repeat;} .n_fzlc{ margin-top:-60px; position:relative;} .n_fzlc ul li{ text-align:center; padding:30px; padding-top:74px; box-sizing:border-box; height:570px;} .n_fzlc ul li img{ width:100%; border:3px solid #ddd;} .n_fzlc ul li .p{ text-align:left; border-bottom:2px solid #d9353c; margin-bottom:30px; line-height:50px; font-size:24px; font-family:arial; color:#525354;} .n_fzlc ul li .p small{ font-size:15px; font-weight:600; display:inline-block; margin-left:5px; color:#525354;} .n_fzlc ul li p{ text-align:left; line-height:28px; margin-top:10px; position:relative;left: 12px; box-sizing: border-box; padding-right: 10px; color: #606163; font-size:13.5px;} .n_fzlc ul li p:before{ content:"•"; margin-right:5px; position: absolute; left: -13px;} .n_fzlc ul li:hover{ background:#fff; box-shadow:0px 15px 30px rgba(0,0,0,0.2);} .n_fzlc .bnt_prev,.n_fzlc .bnt_next{ position:absolute; width:38px; height:38px; display:block; } .n_fzlc .bnt_prev{background:url(../image/fzlc_prev.png) center no-repeat;} .n_fzlc .bnt_next{background:url(../image/fzlc_next.png) center no-repeat;} .n_fzlc .bnt{ position: absolute; top: 50%; width: 60px; height: 60px; border-radius: 50%; margin-top: -30px; z-index: 9; cursor: pointer;} .n_fzlc .bnt{ position: absolute; top: 50%; width: 4rem; height: 4rem; border-radius: 50%; margin-top: -2rem; z-index: 9; cursor: pointer;} .n_fzlc .bnt_prev{left: 0;} .n_fzlc .bnt_next{right: 0;} .n_licheng .n_fzlc{ box-sizing:border-box; padding:0 50px;} /*人力资源*/ .n_rlzy ul{ margin:0 -10px;} .n_rlzy ul li .box{ background:#f3f4f8; padding:30px; border:1px solid #dedee2; box-sizing:border-box; margin:10px; transition:all ease 300ms; -moz-transition:all ease 300ms; -ms-transition:all ease 300ms; -o-transition:all ease 300ms; -webkit-transition:all ease 300ms;} .n_rlzy ul li .box:hover{ background:#d9353c;} .n_rlzy h5{ font-size:17px; color:#333; line-height:3rem;overflow:hidden; text-overflow:ellipsis; white-space:nowrap;} .n_rlzy p{ font-size:14px; color:#777; line-height:2rem; margin-bottom:1.5em; height:4rem; overflow:hidden;} .n_rlzy span{ font-size:12px; color:#999;} .n_rlzy span:before{ content:url(../images/rlzy_ico.png); margin-right:10px;} .n_rlzy ul li .box:hover h5 a{ color:#fff;} .n_rlzy ul li .box:hover p{ color:#f4d1d2;} .n_rlzy ul li .box:hover span{ color:#f4d1d2;} .n_rlzy ul li .box:hover span:before{ content:url(../images/rlzy_ico2.png);} /*==============新闻中心=======================*/ #n_new1{ width:100%; overflow:hidden; position:relative;} #n_new1 .li{ overflow:hidden; background:#f3f5f8; padding:20px; box-sizing:border-box;} #n_new1 .img_size{ width:27%; height:0; padding-top:16%; margin-right:45px; float:left; position:relative; overflow:hidden; } #n_new1 .img_size img{ width:100%; height:100%; position:absolute; top:0;} #n_new1 .li h5 a{ font-size:17px; color:#333; display:block; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; line-height:2em;} #n_new1 .li h5 a:hover{ color:#d9353c;} #n_new1 .li p{ font-size:14px; color:#666; line-height:2em; height:4em; overflow:hidden;} #n_new1 .li span{ font-size:12px; color:#999; display:block; line-height:2em; margin-bottom:0.5em;} #n_new1 .swiper-pagination{ position:absolute; display:inline-block; bottom:20px; left:-18%;} .n_news2 ul{ overflow:hidden; margin-top:30px;} .n_news2 ul li{ } .n_news2 ul li .box{ padding:50px 30px; box-sizing:border-box; border-bottom:1px solid #eee; border-left:1px solid #eee; margin-left:-1px; transition:all ease 300ms; -moz-transition:all ease 300ms; -ms-transition:all ease 300ms; -o-transition:all ease 300ms; -webkit-transition:all ease 300ms; position:relative;} .n_news2 ul li .box:hover{ background:#d9353c;} .n_news2 h5{ line-height:3rem; padding-left:70px;overflow:hidden; text-overflow:ellipsis; white-space:nowrap;} .n_news2 h5 a{ color:#585757; font-size:17px;} .n_news2 p{ font-size:13px; color:#999; line-height:22px; height:44px; overflow:hidden; padding-left:70px;} .n_news2 .rq{ float:left; font-size:36px; color:#979797; width:52px; line-height:50px; text-align:center; position:absolute; left:30px;} .n_news2 .rq span{ font-size:18px; display:block; line-height:2em; border-top:1px solid #999;} .n_news2 ul li .box:hover h5 a,.n_news2 ul li .box:hover .rq{ color:#f4d1d2;} .n_news2 ul li .box:hover h5 a{ color:#fff;} .n_news2 ul li .box:hover p{ color:#f4d1d2;} .n_news2 ul li .box:hover span{ color:#f4d1d2; border-top:1px solid #f4d1d2;} /*=============经典案例============*/ #n_anli { padding: 1rem 0 0; } #mode_shop .title h1{ font-size: 24px; color: #272626; font-weight: 700; margin-bottom: 40px; text-align: center; } #n_anli ul{ margin: 0 -1rem; } #n_anli .hd{ margin-top:-1em;} #n_anli .bd{ margin-top:1em;} #n_anli li{ display: block; float: left; position: relative; } #n_anli li a{ display: block; margin:0 4%; position: relative; overflow: hidden; text-align:center; } #n_anli li .a{ display: block; margin: 4%; position: relative; overflow: hidden; text-align:center; } #n_anli li a .box{ display:inline-block; padding:22px 0;} #n_anli .hd{} @media (max-width: 640px){ #n_anli .hd{display: none;} } #n_anli .hd li a{ border:1px solid #ddd;} #n_anli .hd li .pic_box{ height:38px; overflow:hidden; float:left; } #n_anli .hd li .pic_box img.img2{ display: inline-block; margin: 0 auto; transition:all ease 300ms; -webkit-transition: all ease 300ms; max-height: 100%;} @-webkit-keyframes rotation{ from {-webkit-transform: rotateY(0deg);} to {-webkit-transform: rotateY(360deg);} } #n_anli .hd li .pic_box img.img1{ display:none;} #n_anli .hd li .text_box{ float:left; margin-left:20px;} #n_anli .hd li .text_box h1{ display:block; text-align: left; font-size:16px; margin-bottom: 4px; color:#4c4c4c;} #n_anli .hd li .text_box h2{ display:block; text-align: left; font-family:arial; font-size:12px; color:#4c4c4c; text-transform:uppercase; white-space: nowrap;overflow:hidden;text-overflow: ellipsis; } #n_anli .hd li:hover a{ box-shadow:3px 10px 20px rgba(0,0,0,0.3)} #n_anli .hd li:hover img{ display:inline-block; animation: rotation 3s linear infinite; -moz-animation: rotation 2s linear infinite; -webkit-animation: rotation 2s linear infinite; -o-animation: rotation 2s linear infinite;} #n_anli .hd li.on a { box-shadow: 0px 3px 10px rgba(0,0,0,0.25); margin-top:1px; border:0; } #n_anli .hd li:hover a { box-shadow: 0px 3px 10px rgba(0,0,0,0.25); margin-top:1px; border:0; } #n_anli .bd li{ cursor:pointer;} #n_anli .bd li .pic_box{ width:100%; overflow:hidden;} #n_anli .bd li .pic_box img{ width:100%; display: block; } #n_anli .bd li .text_box{ width:100%; height: 100%; background: rgba(0,0,0,0.7); position: absolute; left: 0; top: 0; text-align: center; color: #ffffff; transition: all 0.35s; -webkit-transition: all 0.35s; -moz-transition: all 0.35s; opacity:1;-moz-opacity:1;-khtml-opacity: 1;filter:alpha(opacity=100); } #n_anli .bd li:hover .text_box { opacity:0;-moz-opacity:0;-khtml-opacity:0;filter:alpha(opacity=0); } #n_anli .bd li{} #n_anli .bd li .text_box .box{ position: relative; margin: 1.5rem 1rem 0 1rem; padding-bottom: .1rem; display:block; text-align: center; background:url(../image/case_line.jpg) center no-repeat; } #n_anli .bd li .text_box h1{ margin-bottom: 2.5rem; display:block; font-size: 1.6rem; color: #fff; white-space: nowrap;overflow:hidden;text-overflow: ellipsis;} #n_anli .bd li .text_box span{font-size:1.4rem; color:#949292; display: block; margin-bottom: 1.5rem;} #n_anli .bd li .text_box .box{position: absolute; top: 50%; left: 50%; height:76px; width: 50%; margin: -38px 0 0 -25%;} .tc{ transition:all ease 300ms; position: fixed; width: 100%; height: 100%; top: 0; left: 0; z-index:999; } .tc-box{ box-sizing:border-box; padding:50px 40px; display: block; position:relative;top:50%; left:50%; transform:translateX(-50%) translateY(-50%); z-index: 1; max-height:100%; } .tc.act{ display: block; } .tc .close{ position: absolute; cursor:pointer; font-size: 20px; right: 20px; top: 20px; z-index: 999; color: #999; } .tc-bg { height: 100%; background: rgba(0,0,0,0.83); position: absolute; top: 0; left: 0; width: 100%; z-index: -1; } .tc_txt{ height:470px; overflow-y:auto; padding-right:30px;} .tc{ pointer-events: none; filter:alpha(opacity=0); -moz-opacity:0; -khtml-opacity:0; opacity:0;transform:scale(1.1); } .tc.act{ filter:alpha(opacity=100); -moz-opacity:1; -khtml-opacity: 1; opacity: 1; pointer-events: auto;transform:scale(1);} .tc .close:hover{ transform:rotate(180deg);} .tc .close,.tc { transition:all ease 400ms; -moz-transition:all ease 400ms; -ms-transition:all ease 400ms; -o-transition:all ease 400ms; -webkit-transition:all ease 400ms; } .tc_box video{ max-width:100%;} video { width: 100%; } .plyr--ready { height: 100%; } .plyr__video-wrapper{/* border:8px solid #59595b; */box-sizing:border-box; margin-bottom:30px;} .play{ width:50px; height:50px; background:url(../image/icon_play.png);} .tc_slide{ overflow:hidden;} .tc .swiper-slide{ position:relative;width:100%; } .tc .swiper-slide img{ border:8px solid #59595b; box-sizing:border-box; margin-bottom:30px; max-width:100%;max-height:100%; } .tc .swiper-slide .nr_box{ width: 100%; margin:auto; text-align: center; overflow:hidden; } .tc .swiper-slide .nr_box *{ text-align:center; color:#c8c8c8;} .swiper-button-next{} .tc-box{ text-align:center; color:#c8c8c8;} .tc-box h5{ font-size:22px; margin-bottom:40px;} .tc-box p{ line-height:30px; font-size:14px; max-width:800px; margin:0 auto;} .tc_t{ height:80%; overflow-y:auto;} .swiper-button-prev{ background:url(../image/tanchu_l.png) center no-repeat; width:44px;} .swiper-button-next{background:url(../image/tanchu_r.png) center no-repeat; width:44px;} /*==============n_content_left=====================*/ .n_left{ width:260px; float:left; overflow:hidden; margin-top: 45px;} .n_nav_box{ background:#fbfbfc; padding:5px 0 20px 0; border:1px solid #dcdcde;} #n_nav_title{ padding:25px 30px; } #n_nav_title strong{ display:block; color:#d9353c; display:block; font-size:18px; text-transform: uppercase; } #n_nav_titlee span{ display:block; color:#31353a; display:block; font-weight:bold; font-size:18px; } /*=================侧导航==================*/ #n_nav{} #n_nav dt{ position:relative; padding:0 8px; display:block; height:55px; overflow:hidden; border-left: 3px solid #fbfbfc;} #n_nav dt:last-child a{ border: none;} #n_nav dt a{font-size:16px; padding-left: 20px; color:#30353a; line-height:54px; display:block; border-bottom: 1px solid #dcdcde; position: relative;} #n_nav dt a i{ opacity:0;filter:alpha(opacity=0);} #n_nav dt.title i{ position: absolute; right: 20px; top: 2px; font-size: 24px; color: #30353a; font-style: normal; transform:rotate(90deg);-webkit-transform:rotate(90deg); -moz-transform:rotate(90deg); opacity:1;filter:alpha(opacity=100);} #n_nav dt.on{ border-left: 3px solid #d9353c;} #n_nav dt.on a{ background: #d9353c; color:#fff; border-bottom:3px solid #d9353c;} #n_nav dt:hover{border-left: 3px solid #d9353c;} #n_nav dt:hover a{background: #d9353c; color:#fff} #n_nav dt.title:hover{border-left:3px solid #d9353c; } #n_nav dt.title:hover i{ color: #fff; } #n_nav dt.title:hover a{color:#fff;} #n_nav dt.title.on{ border-left:3px solid #d9353c;} #n_nav dt.title.on a{ color:#fff;} #n_nav dt.title.on i{color: #fff; } #n_nav dt.title.title_on{border-left:3px solid #d9353c;} #n_nav dt.title.title_on a{color:#fff; background: #d9353c;} #n_nav dt.title.title_on i{transform:rotate(0deg);-webkit-transform:rotate(0deg); -moz-transform:rotate(0deg); color: #fff;} #n_nav dt.title_on a,#n_nav dt.title.title_on.on a{ } #n_nav dd{ padding:10px 0px; display:none; } #n_nav dd .box{} #n_nav dd a{padding-left:10px;line-height:30px;font-size:14px;color:#636060;display:block;height:30px; padding: 0 35px;} #n_nav dd a:hover{ color:#d9353c;} #n_nav dd a.on{ color: #d9353c;} /*==============n_content=====================*/ .n_title{ position:relative; z-index:2; margin-bottom:50px; } .n_title dl{ width: 20%; float: left; position: relative;} .n_title dt a{ font-size:14px; text-align: center; display:block; color:#424141; margin-bottom:0px; } .n_title dl dd{ position: absolute; width: 100%; display: block; height: 0; overflow: hidden; background: #fff;} .n_title dl dd a{font-size:14px; width: 100%; text-align: center; display: block; olor:#30353a; line-height:50px; display:block; border-bottom: 1px solid #dcdcde; position: relative;} .n_title dl dd a:hover,.n_title dl dd a.on{ color: #d9353c;} .n_title dt i{ display: none; transform:rotate(90deg);-webkit-transform:rotate(90deg); /* Safari and Chrome */-moz-transform:rotate(90deg);} .n_title dl.title_nav dt i{ display: inline-block;} .n_title dl:hover dt{background: #d9353c;} .n_title dl:hover dt a,.n_title dl:hover dt a i{ color: #fff;} .n_title dl.title_nav:hover dd{ height:100px; box-shadow: 0 5px 10px #ccc; } .n_title dt.on{ background: #d9353c; } .n_title dl dt.on a,.n_title dl dt.on a i{ color: #fff;} /*==================分类导航=================*/ #n_sub_nav{ position:relative; display:inherit; text-align:center; margin-top:10px; margin-bottom:40px;} #n_sub_nav a{ width:100px; margin:0 5px; display:inline-block; height:30px; line-height:30px; border-radius:0px; background:#fff; text-align:center; color:#fff; background:#68696b; font-size:14px;} #n_sub_nav a:hover{ background:#d9353c;} #n_sub_nav a.on { background:#d9353c;} /*==================移动端导航=================*/ #m_n_nav{ background: #373849; display: none; line-height: 50px; position: relative; z-index: 99; } #bnt_back{ position:absolute; left: 1rem; top:0; color: #fff; font-size: 26px;} #m_n_nav i{} #m_n_nav h1{ font-size: 18px; color: #fff; text-align: center;} #bnt_sub_nav{ position: absolute; right: 1rem; top: 0; cursor: pointer; color: #fff; font-size: 26px; } #bnt_sub_nav img{ display: block; height: 15px; } #bnt_sub_nav.on img{-webkit-transform:rotate(-180deg);transform:rotate(-180deg);} #sub_nav_content{background: #f0f3f5; display: none; box-shadow: 0 0 5px #999; z-index: 9;} #sub_nav_content ul{ padding: 10px;} #sub_nav_content ul li { display: block; line-height: 28px; margin: 1rem 0;} #sub_nav_content ul li a{ display:block; border-left:2px solid #d2b068; height:30px; line-height: 30px; font-size: 14px; padding-left: 10px; color: #535455;} #sub_nav_content ul li.on a{color: #d2b068;} #sub_nav_content dt{height:40px;line-height:40px;position:relative;background:#fff; border-top:1px solid #e7e7e7; z-index: 999; } #sub_nav_content dt a{ margin:0 20px; display:block;color:#5b5349; height: 40px; font-size:14px; font-weight: 400; } #sub_nav_content dt a i{ position: absolute; right: 15px; top: 0; opacity:0.5;filter:alpha(opacity=0); } #sub_nav_content dt a{} #sub_nav_content dt.title{background:#fafafb;} #sub_nav_content dt.title i{ opacity:1;filter:alpha(opacity=100);} #sub_nav_content dt.title_on { background:#fafafb;} #sub_nav_content dt.title_on a{ color:#d9353c; border-top:1px solid #fff;} #sub_nav_content dt.title_on a i{ color: #d9353c; } #sub_nav_content dt.last a{border-top:1px solid #f8f8f8;} #sub_nav_content dt.on a,#sub_nav_content dt.title_on a{ color:#d9353c;} #sub_nav_content dd{ display:none;} #sub_nav_content dd .box{padding:0px 0px 0px 0px;} #sub_nav_content dd a{ padding:0 25px; line-height:30px;border-top:1px solid #e7e7e7;font-size:12px;color:#5b5349;display:block;height:30px;} #sub_nav_content dd a.on{ color:#d9353c} /*=====================园区概况======================*/ #page_about{} #page_about .floor1 ul{ margin: 2% auto;} #page_about .floor2{ padding: 3.5% 0; background: #f7f7f7; margin-top: 9%; margin-bottom: 4%;} #page_about .floor2 .ar_article{ width: 735px; } #page_about .floor2 .pic_box{ position: absolute; right: 0; bottom: 0;} #page_about .floor2 .pic_box .box{ position: absolute; left: -10px; bottom: 30px; width: 100%; height: 530px; background: #6d6e6e;} #page_about .floor2 .pic_box img{ position: relative; z-index: 2;} #page_about .floor2 .mark_box{ margin-top: 4%;} #page_about .floor2 .mark_box .box{ display: inline-block; margin-right: 20px; width: 85px; height: 85px; text-align: center; background: url(http://www.lydzn.com/statics/images/bg_about_f2_icon.png) center no-repeat;} #page_about .floor2 .mark_box .box span{ padding-top: 20px; color: #494949; font-size: 12px; display: block; text-align: center; line-height: 22px;} #page_about .floor2 .mark_box .box.on{ background: #d9353c;} #page_about .floor2 .mark_box .box.on span{ color: #fff;} #page_about .floor3 .ar_article{ width: 680px; float: right; padding-top: 10px;} #page_about .floor3 .pic_box{ position: relative; float: left;} #page_about .floor3 .pic_box .box{ position: absolute; left: 8px; top: 8px; width: 100%; height: 100%; border: 1px solid #d6d6d6; } #page_about .floor3 .pic_box img{ position: relative; z-index: 2; display: block;} #num_box{ float: right; margin-top: 40px;} #num_box td{ padding: 20px 10px; width: 180px; color: #747576; font-size: 14px; text-align: center; line-height: 22px; border: 1px solid #eeeff1; } #num_box td strong{color: #d9353c; font-size: 28px; padding-right: 5px; } /*=====================人物钢厂======================*/ #mode_parson { position: relative; overflow: hidden;} #mode_parson ul{ margin: -1.5%; } #mode_parson li{ display: block; float: left; position: relative; } #mode_parson li a{ display: block; margin: 6%; position: relative; } #mode_parson li .pic_box{position: relative; width:100%; overflow:hidden; background: #f1f1f5; box-sizing: border-box; padding:20% 10%;} #mode_parson li .pic_box h1{text-align: center; display:block; margin-bottom:15px; font-size: 1.8rem; margin-top: 20px; color: #504e4e; white-space: nowrap;overflow:hidden;text-overflow: ellipsis;} #mode_parson li .pic_box i{ display: block; height: 2px; width: 15px; background: #d9353c; margin: 15px auto;} #mode_parson li .pic_box span{display: block; color: #504e4e; text-align: center; font-size: 14px; white-space: nowrap;overflow:hidden;text-overflow: ellipsis; } #mode_parson li .pic_box img{ width:80%; border-radius: 50%; display: block; box-sizing: border-box; margin: 0 auto;} #mode_parson li .text_box{ position:absolute; width: 100%; height: 100%; left: 0; top: 0; background:#d9353c; opacity:0;filter:alpha(opacity=0); -moz-transform:scale(0); -o-moz-transform:scale(0); -o-moz-transform:scale(0); -webkit-moz-transform:scale(0); transform:scale(0);} #mode_parson li{} #mode_parson li .text_box .box{ position: absolute; right: 10%; top: 50%; margin-top: -20px; width: 80%; display:block; text-align: center; } #mode_parson li .text_box h1{text-align: center; display:block; margin-bottom:15px; font-size: 2.2rem; color: #fff; white-space: nowrap;overflow:hidden;text-overflow: ellipsis;} #mode_parson li .text_box span{display: block; color: #fff; text-align: center; font-size: 12px; margin-bottom: 10px; white-space: nowrap;overflow:hidden;text-overflow: ellipsis; opacity:.85;filter:alpha(opacity=85);} #mode_parson li .text_box .p{ font-size: 12px; max-height: 140px; color: #fff; margin: 0 auto; opacity:.85;filter:alpha(opacity=85); line-height: 28px; overflow: hidden;} #mode_parson li:hover a .text_box{ opacity:1;filter:alpha(opacity=100); -moz-transform:scale(1); -o-moz-transform:scale(1); -o-moz-transform:scale(1); -webkit-moz-transform:scale(1); transform:scale(1); } #mode_parson li a:hover .text_box .box{ margin-top: -100px; } #mode_parson li a:hover .pic_box { -moz-transform:scale(0); -o-moz-transform:scale(0); -o-moz-transform:scale(0); -webkit-moz-transform:scale(0); transform:scale(0);} /*=========园区荣誉=========*/ #page_honor{} #page_honor .un_box{ padding-top: 3%; margin-top: 3%; border-top: 2px solid #f3f4f8;} /*=====================园区荣誉======================*/ #mode_honor { position: relative; overflow: hidden;} #mode_honor ul{ margin: -2% 0; } #mode_honor li{ display: block; float: left; position: relative; } #mode_honor li a{ display: block; margin: 8%; position: relative; } #mode_honor li .pic_box{position: relative; width:100%; overflow:hidden; background: #f1f1f5; box-sizing: border-box; padding: 10%;} #mode_honor li .pic_box img{ width:100%; display: block; box-sizing: border-box; border: 5px solid #83342d;} #mode_honor li .text_box{ position:absolute; width: 100%; height: 100%; left: 0; top: 0; background:#d9353c; opacity:0;filter:alpha(opacity=0); -moz-transform:scale(0); -o-moz-transform:scale(0); -o-moz-transform:scale(0); -webkit-moz-transform:scale(0); transform:scale(0);} #mode_honor li{} #mode_honor li .text_box .box{ position: absolute; right: 10%; top: 50%; margin-top: -30px; width: 80%; display:block; text-align: center; } #mode_honor li .text_box h1{text-align: center; display:block; margin-bottom:15px; font-size: 1.5rem; color: #fff; white-space: nowrap;overflow:hidden;text-overflow: ellipsis;} #mode_honor li .text_box span{display: block; height: 1px; width: 20px; background: #fff; margin: 0 auto;} #mode_honor li:hover a .text_box{ opacity:1;filter:alpha(opacity=100); -moz-transform:scale(1); -o-moz-transform:scale(1); -o-moz-transform:scale(1); -webkit-moz-transform:scale(1); transform:scale(1); } #mode_honor li a:hover .text_box .box{ margin-top: -18px; } #mode_honor li a:hover .pic_box .icon{ -moz-transform:scale(0); -o-moz-transform:scale(0); -o-moz-transform:scale(0); -webkit-moz-transform:scale(0); transform:scale(0);} #mode_honor .hd{ text-align: center; display: inherit; margin-top: 3rem;} #mode_honor .bnt{ display:inline-block; font-size: 4rem; color: #737272; z-index: 9; cursor: pointer;} #mode_honor .bnt.on{color: #d9353c; } #mode_honor .bnt_prev{ left:-50px; } #mode_honor .bnt_next{ right:-50px;} #mode_honor .bnt:hover{ color: #d9353c; } #mode_honor .bnt.off{ opacity:.5;filter:alpha(opacity=50);} /*=====================人才招聘======================*/ #mode_hr {} #mode_hr .bd{ display: block; overflow: hidden; } #mode_hr .bd li .ar_article{padding: 2.5% 1.5%;} #mode_hr .hd {position: relative; padding: 0 60px; margin:0 -60px; overflow: hidden; padding-bottom: 10px; } #mode_hr .hd li{background: #ededf0; padding: 3% 0; text-align: center; position: relative;} #mode_hr .hd li h1{ color: #353535; font-size: 1.8rem; display: block; margin-bottom: 1rem; white-space: nowrap;overflow:hidden;text-overflow: ellipsis; margin: 0 10px;} #mode_hr .hd li strong{ color: #626262; font-size: 1.4rem; text-transform: uppercase; display: block; white-space: nowrap;overflow:hidden;text-overflow: ellipsis; margin: 0 10px;} #mode_hr .hd li.swiper-slide-active{ background: #d9353c;} #mode_hr .hd li.swiper-slide-active::after{ display: block; content: ""; position: absolute; left: 50%;margin-left: -5px; bottom: -10px; height: 0; width: 0; overflow: hidden; border: 10px solid #d9353c; border-color: #d9353c transparent; border-bottom: 0; } #mode_hr .hd li.swiper-slide-active h1,#mode_hr .hd li.swiper-slide-active strong{ color: #fff;} #mode_hr .bnt{ position: absolute; top: 0%; width:60px; line-height: 137px; box-sizing: border-box; vertical-align: middle; background: #fff; font-size: 3rem; color: #737272; z-index: 9; cursor: pointer;} #mode_hr .bnt.on{color: #d9353c; } #mode_hr .bnt_prev{ left:0px; } #mode_hr .bnt_next{ right:0px; text-align: right;} #mode_hr .bnt:hover{ color: #d9353c; } #mode_hr .bnt.off{ opacity:.5;filter:alpha(opacity=50);} /*=====================机构======================*/ #mode_jg .up_box{ border: 1px solid #e1e1e6; padding: 2%; margin-bottom: 2.5%;} #mode_jg .up_box p:last-child{ padding: 0;} #mode_jg .title{ margin-bottom: 2rem;} #mode_jg .title h1{ color: #4c4c4c; font-size: 22px; text-align: center; display: block; margin-bottom: 10px;} #mode_jg .title span{display: block; height: 2px; width: 20px; background: #d9353c; margin: 0 auto;} #mode_jg { position: relative; overflow: hidden;} #mode_jg .content{ margin: 0 -1%; } #mode_jg li{ display: block; float: left; position: relative; } #mode_jg li a{ display: block; margin: 5%; position: relative; } #mode_jg li .pic_box{position: relative; width:100%; overflow:hidden; background: #f1f1f5; box-sizing: border-box; } #mode_jg li .pic_box img{ width:100%; display: block; box-sizing: border-box; } #mode_jg li .text_box{ position:absolute; width: 100%; height: 100%; left: 0; top: 0; background:#d9353c; opacity:0;filter:alpha(opacity=0); -moz-transform:scale(0); -o-moz-transform:scale(0); -o-moz-transform:scale(0); -webkit-moz-transform:scale(0); transform:scale(0);} #mode_jg li{} #mode_jg li .text_box .box{ position: absolute; right: 10%; top: 50%; margin-top: -30px; width: 80%; display:block; text-align: center; } #mode_jg li .text_box h1{text-align: center; display:block; margin-bottom:15px; font-size: 1.5rem; color: #fff; white-space: nowrap;overflow:hidden;text-overflow: ellipsis;} #mode_jg li .text_box span{display: block; height: 1px; width: 20px; background: #fff; margin: 0 auto;} #mode_jg li:hover a .text_box{ opacity:1;filter:alpha(opacity=100); -moz-transform:scale(1); -o-moz-transform:scale(1); -o-moz-transform:scale(1); -webkit-moz-transform:scale(1); transform:scale(1); } #mode_jg li a:hover .text_box .box{ margin-top: -18px; } #mode_jg li a:hover .pic_box .icon{ -moz-transform:scale(0); -o-moz-transform:scale(0); -o-moz-transform:scale(0); -webkit-moz-transform:scale(0); transform:scale(0);} #mode_jg .hd{ text-align: center; display: inherit; margin-top: 3rem;} #mode_jg .bnt{ display:inline-block; font-size: 4rem; color: #737272; z-index: 9; cursor: pointer;} #mode_jg .bnt.on{color: #d9353c; } #mode_jg .bnt_prev{ left:-50px; } #mode_jg .bnt_next{ right:-50px;} #mode_jg .bnt:hover{ color: #d9353c; } #mode_jg .bnt.off{ opacity:.5;filter:alpha(opacity=50);} /*=========机构详情=========*/ #nav_jgxq{margin-bottom: 40px; display: inherit; text-align: center;} #nav_jgxq a { display: inline-block; border: 1px solid #d5d5d7; text-align: center; height: 40px; line-height: 40px; font-size: 14px; color: #424141; overflow: hidden; margin: 0 5px; width: 142px;} #nav_jgxq a.on,#nav_jgxq a:hover{ color: #fff; background: #d9353c; border:1px solid #d9353c;} #mode_jgxq li{ border-radius: 0 10px 10px 0; position: relative; height: 430px;} #mode_jgxq li a{ display: block; position: relative; } #mode_jgxq li .pic_box{ float: left; width: 50%; height: 430px; overflow: hidden;} #mode_jgxq li img{ display: block; margin: 0 auto; width: 100%; height: 100%; } #mode_jgxq li .text_box{ width: 50%; float: right; height: 430px; display: table;} #mode_jgxq li .text_box .box{ display: table-cell; vertical-align: middle; padding: 0 10.8%;} #mode_jgxq li h1{ color: #464646; font-size: 22px; margin-bottom: 10px; display: block; white-space: nowrap;overflow:hidden;text-overflow: ellipsis;} #mode_jgxq li span{ margin-top: 15px; display: block; width: 125px; height: 33px; line-height: 33px; padding-left: 0px; font-size: 14px; color: #69696b; border: 1px solid #cacacd; text-align: center;} #mode_jgxq li .ar_article p,#mode_jgxq li .ar_article{ margin-top: 15px; display: block; max-height:112px; line-height: 28px; font-size: 14px; color: #69696b; display: -webkit-box; overflow: hidden; } #mode_jgxq li:nth-child(2n) .pic_box{float: right;} #mode_jgxq li:nth-child(2n) .text_box{float: left;} #mode_jgxq li:hover { background: #ededf0;} #mode_jgxq li span:hover{ background: #d9353c; border: 1px solid #d9353c; color: #fff} .un_box.map.aos-init.aos-animate { border: 1px solid #d5d5d5; height: 330px; } #mode_contact .up_box{ margin-bottom: 4.5rem;} #mode_contact .up_box { line-height: 34px;} #mode_contact .ewm_box{ display: inherit; text-align: center; margin-top: 40px;} #mode_contact .ewm_box .box{ display: inline-block; margin: 0 20px; text-align: center; } #mode_contact .ewm_box .box img{ display: block; margin: 0 auto; height: 120px;} #mode_contact .ewm_box .box span{color:#7f7e7e; font-size:12px; line-height: 30px; text-align: center;} /*==============历往活动=====================*/ #n_un_box{ } #n_un_box .title{ margin-bottom: 5rem;} #n_un_box .title h1{ color: #4c4c4c; font-size: 22px; text-align: center; display: block; margin-bottom: 10px;} #n_un_box .title2{ margin-bottom: 5rem; position: relative;} #n_un_box .title2 h1{ display: inline-block; color: #c7000c; font-size: 22px; text-align: left; display: block; } #n_un_box .title2 .hd{ position: absolute; right: 0; top: 0; margin: 0;} #n_un_box .title2 .hd .bnt{ font-size: 3rem;} #n_un_box .title span{display: block; height: 2px; width: 20px; background: #d9353c; margin: 0 auto;} #n_un_box .hd{ margin-top: 30px; display: inherit; text-align: center;} #n_un_box .bnt{ position: relative; display:inline-block; font-size: 4rem; color: #737272; z-index: 9; cursor: pointer;} #n_un_box .bnt.on{color: #d9353c; } #n_un_box .bnt_prev{ } #n_un_box .bnt_next{ } #n_un_box .bnt:hover{ color: #d9353c; } #n_un_box .bnt.off{ opacity:.5;filter:alpha(opacity=50);} /*==============活动=====================*/ #mode_news { } #mode_news ul{ margin: -1.5%;} #mode_news li{ display: block; float: left; position: relative; margin-bottom: 3%; padding-bottom: 0%; border-bottom: 1px solid #e7e7e7; } #mode_news li a{ display: block; position: relative; margin: 4.8%; } #mode_news li .pic_box{ width:100%; overflow:hidden; position: relative;} #mode_news li .pic_box span{ position: absolute; left: 20px; bottom: 20px; background: #e71f19; width: 98px; height: 28px; line-height: 28px; font-size:1.2rem; color:#fff; display: block; text-align: center;} #mode_news li .pic_box img{ width:100%; display: block;} #mode_news li .text_box{ padding:8% 0%; } #mode_news li .text_box h1{ display:block; font-size: 1.8rem; color: #373535; white-space: nowrap;overflow:hidden;text-overflow: ellipsis; margin-bottom: 1.5rem;} #mode_news li .text_box p{font-size:1.4rem; color:#7f7f7f; line-height: 24px; display: block; } #mode_news li .text_box span{ margin-top: 3%; height: 28px; line-height: 28px; font-size:1.2rem; color:#6e6b6b; display: block; } #mode_news li a:hover { } #mode_news li a:hover .text_box span{ color: #d9353c; text-decoration: underline;} #mode_news li .text_box h1:hover{color: #d9353c; } /*==============领导关怀=====================*/ #mode_leader { } #mode_leader li{ display: block; position: relative; margin-bottom: 3rem; } #mode_leader li a{ display: block; position: relative; padding: 10px; margin: 0; box-sizing: border-box; background: #fff;} #mode_leader li .box{ padding-left: 10px; display: table-cell; vertical-align: middle; } #mode_leader li .pic_box{ overflow:hidden; padding: 0;} #mode_leader li .pic_box img{ width:100%; display: block;} #mode_leader li .text_box{ box-sizing: border-box; padding: 0 4.5%; display: table; height: 280px;} #mode_leader li .text_box h1{ display:block; font-size: 2.2rem; margin-bottom: 20px; color: #464646; white-space: nowrap;overflow:hidden;text-overflow: ellipsis;} #mode_leader li .text_box p{font-size:1.4rem; color:#696969; display: block; line-height: 30px;} #mode_leader li a:hover { box-shadow: 0 5px 10px #aaa; } #mode_leader li .text_box h1:hover{color: #d9353c; } /*==============历往活动=====================*/ #mode_active_wq li{ display: block; float: left; position: relative; } #mode_active_lw li a{ display: block; position: relative; padding: 10px; } #mode_active_lw li .pic_box{ width:100%; overflow:hidden;} #mode_active_lw li .pic_box img{ width:100%; display: block;} #mode_active_lw li .text_box{ padding: 5%; padding-bottom: 10px; } #mode_active_lw li .text_box h1{text-align: center; display:block; font-size: 1.5rem; color: #424141; white-space: nowrap;overflow:hidden;text-overflow: ellipsis;} #mode_active_lw li .text_box span{font-size:4rem; color:#fff; display: block; text-align: center; margin-bottom: 1.5rem;} #mode_active_lw li a:hover { background: #fff; box-shadow: 0 5px 10px #ccc; } #mode_active_lw li .text_box h1:hover{color: #d9353c; } /*==============往期活动=====================*/ #mode_active_wq { overflow: hidden;} #mode_active_wq li{ display: block; float: left; position: relative; } #mode_active_wq li a{ display: block; position: relative; background: #fff; } #mode_active_wq li .pic_box{ width:100%; overflow:hidden;} #mode_active_wq li .pic_box img{ width:100%; display: block;} #mode_active_wq li .text_box{ padding:40px 25px; } #mode_active_wq li .text_box h1{ display:block; font-size: 1.8rem; color: #404042; white-space: nowrap;overflow:hidden;text-overflow: ellipsis; margin-bottom: 1.5rem;} #mode_active_wq li .text_box strong{font-size:1.4rem; color:#818285; line-height: 24px; display: block; } #mode_active_wq li .text_box span{ margin-top: 30px; width: 98px; height: 28px; line-height: 28px; font-size:1.2rem; border: 1px solid #cdcdce; color:#6e6b6b; display: block; text-align: center; } #mode_active_wq li a:hover { box-shadow: 0 5px 10px #aaa; } #mode_active_wq li a:hover span{ background: #d9353c; color: #fff; border: 1px solid #d9353c;} #mode_active_wq li .text_box h1:hover{color: #d9353c; } /*==============历往活动=====================*/ #mode_display { overflow: hidden;} #mode_display li{ display: block; float: left; position: relative; } #mode_display li a{ display: block; position: relative; padding: 10px; margin: 0; box-sizing: border-box; background: #fff;} #mode_display li .box{ padding-left: 10px; display: table-cell; vertical-align: middle; } #mode_display li .pic_box{ overflow:hidden; padding: 0;} #mode_display li .pic_box img{ width:100%; display: block;} #mode_display li .text_box{ box-sizing: border-box; padding: 0 4.5%; display: table; height: 280px;} #mode_display li .text_box h1{ display:block; font-size: 2.2rem; margin-bottom: 20px; color: #464646; white-space: nowrap;overflow:hidden;text-overflow: ellipsis;} #mode_display li .text_box p{font-size:1.4rem; color:#696969; display: block; line-height: 30px;} #mode_display li a:hover { box-shadow: 0 5px 10px #aaa; } #mode_display li .text_box h1:hover{color: #d9353c; } /*=========文创街区=========*/ #page_whjq .up_box{ padding-bottom: 20px;} #page_whjq .up_box .pic_box{ width: 640px; height: 380px; position: relative;} #page_whjq .up_box .pic_box img{ width: 630px; height: 370px; display: block; position: relative; z-index: 2;} #page_whjq .up_box .pic_box i{ position: absolute; right: 0; bottom: 0; display: block; height: 120px; width: 200px; background: #d9353c; margin: 0 auto;} #page_whjq .up_box:hover .pic_box i{ width: 100%; height: 100%;} #page_whjq .up_box .text_box{position: absolute; right: 0; top: 65px; width: 620px; box-sizing: border-box; display: table; height: 280px;} #page_whjq .up_box .text_box h1{ display:block; font-size: 2.2rem; margin-bottom: 20px; color: #464646; white-space: nowrap;overflow:hidden;text-overflow: ellipsis;} #page_whjq .up_box .text_box i{ display: block; height: 2px; width: 25px; background: #d9353c; } #page_whjq .up_box .text_box .p{padding-top: 20px; } #page_whjq .up_box .text_box p{ margin-top: 30px; font-size:1.4rem; color:#696969; display: block; line-height: 30px;} #mode_whjq{ overflow: hidden;} #mode_whjq ul{ margin: 0 -35px;} #mode_whjq li{display: block; float: left; width: 645px; border-bottom: 1px solid #d5d5d5; padding: 0 30px; padding-bottom: 45px; margin-bottom: 50px; } #mode_whjq li .pic_box{ width: 645px; height: 365px; overflow: hidden;} #mode_whjq li a{ display: inherit; text-align: center;} #mode_whjq li h1{ display: inline-block; position: relative; text-align: center; margin:20px 30px 0 30px; margin-top: 15px; } #mode_whjq li h1 strong{ display: inline-block; position: relative; z-index: 2; font-size: 2.2rem; color: #464646; white-space: nowrap;overflow:hidden;text-overflow: ellipsis;} #mode_whjq li h1::before{content: ""; display: block; position: absolute; bottom: 5px; left: 50%; z-index: 0; background: #d9353c; width: 0; height: 0px;} #mode_whjq li:hover h1::before{ width: 100%; margin-left: -50%; height: 7px;} /*=====================视频中心======================*/ #mode_video ul{ margin: -1.5rem -1rem; } #mode_video li{ display: block; float: left; position: relative; } #mode_video li a{ display: block; margin: 4%; position: relative; } #mode_video li .pic_box{position: relative; width:100%; overflow:hidden; } #mode_video li .pic_box .icon{ position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: url(../image/icon_play.png) center no-repeat;} #mode_video li .pic_box img{ width:100%; display: block;} #mode_video li .text_box{ position:absolute; width: 100%; height: 100%; left: 0; top: 0; background:#d9353c; opacity:0;filter:alpha(opacity=0); -moz-transform:scale(0); -o-moz-transform:scale(0); -o-moz-transform:scale(0); -webkit-moz-transform:scale(0); transform:scale(0);} #mode_video li{} #mode_video li .text_box .box{ position: absolute; right: 10%; top: 50%; margin-top: -20px; width: 80%; display:block; text-align: center; } #mode_video li .text_box h1{text-align: center; display:block; margin-bottom:15px; font-size: 1.6rem; color: #fff; white-space: nowrap;overflow:hidden;text-overflow: ellipsis;} #mode_video li .text_box span{font-size:1.2rem; color:#fff; display: block; text-align: center; width: 78px; height: 23px; line-height: 23px; text-align: center; margin: 0 auto; border-radius: 3px; border: 1px solid rgba(255,255,255,.5); margin-bottom: 1.5rem;} #mode_video li:hover a .text_box{ opacity:1;filter:alpha(opacity=100); -moz-transform:scale(1); -o-moz-transform:scale(1); -o-moz-transform:scale(1); -webkit-moz-transform:scale(1); transform:scale(1); } #mode_video li a:hover .text_box .box{ margin-top: -50px; } #mode_video li a:hover .pic_box .icon{ -moz-transform:scale(0); -o-moz-transform:scale(0); -o-moz-transform:scale(0); -webkit-moz-transform:scale(0); transform:scale(0);} /*==============视频详情=====================*/ #page_show_video .ar_title h1{ font-size: 23px; color: #424242; font-weight: 400; margin-bottom: 10px; text-align: center; } #page_show_video .ar_title h2 { text-align: center; } #page_show_video .ar_title h2 strong{ font-size: 14px; color: #656565; font-weight: 400; text-align: center;} #page_show_video .ar_article video{ width: 800px; max-width: 90%; margin: 0 auto; display: block; } #page_show_video .ar_article{ min-height: 300px;} /*============按钮效果=============*/ .s_more{ text-align:center;} .s_more a{ display:inline-block; width:35px; height:35px; box-shadow: 0 0 0 1px #d9353c; cursor: pointer; border-radius: 50%; text-align: center; position: relative; z-index: 1; -webkit-transition: color .3s; -moz-transition: color .3s; transition: color .3s; } .s_more a:before { content:url(../images/jt1.png);font-size: 24px; line-height: 27px; } .s_more a:hover:before { content:url(../images/jt2.png); color: #d9353c; } .s_more a:hover:after { -webkit-transform: scale(1.3); -moz-transform: scale(1.3); -ms-transform: scale(1.3); transform: scale(1.3); opacity: 0; } .s_more a:after { pointer-events: none; position: absolute; width: 100%; height: 100%; border-radius: 50%; content: ''; -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; top: -2px; left: -2px; padding: 2px; z-index: -1; background: #d9353c; -webkit-transition: -webkit-transform .2s, opacity .3s; -moz-transition: -moz-transform .2s, opacity .3s; transition: transform .2s, opacity .3s; } .sy_btn:hover:after { -webkit-transform: scale(1.3); -moz-transform: scale(1.3); -ms-transform: scale(1.3); transform: scale(1.3); opacity: 0; } .sy_btn:after { pointer-events: none; position: absolute; width: 100%; height: 100%; border-radius: 3px; content: ''; -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; top: -1px; left: -1px; padding: 1px; z-index: -1; background: #d9353c; -webkit-transition: -webkit-transform .2s, opacity .3s; -moz-transition: -moz-transform .2s, opacity .3s; transition: transform .2s, opacity .3s; } .sy_btn{ cursor: pointer; position: relative; z-index: 1; -webkit-transition: color .3s; -moz-transition: color .3s; transition: color .3s; } /*导航从侧面出来*/ #m_nav { position: absolute; background:none; top: 55px; right: 0; display: none; width: 100%; z-index: 999; padding: 30px 8px; height: 900px; pointer-events: none; } #m_nav{display:block;transition:all ease 500ms; -webkit-transition:all ease 500ms; } #m_nav ul{ width:200px; position: absolute; top: 0; padding: 30px 8px; right:-200px; height:100%; transition:all ease-in-out 300ms; -webkit-transition:all ease-in-out 300ms; -moz-transition:all ease-in-out 300ms;-o-transition:all ease-in-out 300ms; background: rgba(25, 25, 25, 0.9);} #m_nav.act{ display:block; pointer-events: auto; -moz-opacity:1; -khtml-opacity: 1; opacity: 1; filter:alpha(opacity=100);} #m_nav.act ul{ right:0;} #m_nav .tc-bg { height: 100%; background: rgba(0,0,0,.6); position: absolute; top: 0; left: 0; width: 100%; z-index: -1; -moz-opacity:0; -khtml-opacity: 0; opacity: 0; filter:alpha(opacity=0); } #m_nav.act .tc-bg{ pointer-events: auto; -moz-opacity:1; -khtml-opacity: 1; opacity: 1; filter:alpha(opacity=100);} #m_nav .title { position: relative; padding: 6px 0; border-bottom: 1px solid #252424; } body{ position:relative; right:0; transition:all ease-in-out 300ms; -webkit-transition:all ease-in-out 300ms; -moz-transition:all ease-in-out 300ms; -o-transition:all ease-in-out 300ms;} body.right_200{ right:200px;} #sub_nav_content{ clear:both; display:block;text-align:center;padding-top: 1em; background: #fff; box-shadow: 0 0 0px #fff;} #sub_nav_content dl{ padding-top:10px; padding-bottom:10px;} #sub_nav_content dt{ min-width:33%; float:left; margin:6px 0; border:0; } #sub_nav_content dt a{border:1px solid #ddd; display:block; margin:0 3px;} #sub_nav_content dt.on a{ background:#d0121b; border:1px solid #d0121b;} #sub_nav_content dt.on a{ color:#fff;} #n_main_box{ clear:both; } #sub_nav_content dt a i { position: absolute; right: 15px; top: 0; opacity: 0.5; filter: alpha(opacity=0); font-size: 0; } #m_n_nav{margin-bottom: 1em !important;} .plyr.plyr--video.plyr--fullscreen-enabled.plyr--stopped.plyr--ready { max-width: 686px; display: inline-block; } .zizhi_nav{ clear:both; margin-bottom:40px;} .zizhi_nav ul{ margin:0 -20px;} .zizhi_nav ul li{ float:left; padding:5px 20px;} .zizhi_nav ul li a{ display:block; font-size:14px;} .zizhi_nav ul li.on{} .zizhi_nav ul li.on a{ color:#d0121b; text-decoration:underline;} /*资质分类*/ .n_zizhi_tt{ height:70px; line-height:70px;} .n_zizhi_tt a{ font-size:16px; color:#454545;} .n_zizhi_tt:before{ content:""; width:3px; height:14px; background:#d9353c; margin-right:10px; display:inline-block;} .n_zizhi_tt a span{ float:right; font-size:14px; color:#828282;} .n_zizhi_tt a span:hover{ color:#d9353c;} .n_zizhi_mid{ margin:-59px;} .n_zizhi_mid .li{ width:33.3333333%; float:left; padding:59px; box-sizing:border-box; padding-bottom:59px;} .n_zizhi_mid .li a{border:1px solid #e5e5e5; display:block; transition:all ease 300ms; -webkit-transition:all ease 300ms;} .n_zizhi_mid .li img{ float:left; height:auto; max-width:60%;} .n_zizhi_mid .li .txt{ text-align:center; display:table; margin: 0 auto; box-sizing:border-box;} .n_zizhi_mid .li .txt span{ width:27px; height:27px; display:inline-block; margin-bottom:1rem;} .n_zizhi_mid .li_1 .txt span{ background:url(../image/n_zizhi_ico1.png) center no-repeat;} .n_zizhi_mid .li_2 .txt span{ background:url(../image/n_zizhi_ico2.png) center no-repeat;} .n_zizhi_mid .li_3 .txt span{ background:url(../image/n_zizhi_ico3.png) center no-repeat;} .n_zizhi_mid .li .txt h5{ text-align:center; display:table-cell; vertical-align:middle; font-size:15px; padding-top:20px;} .n_zizhi_mid .li .txt p{ text-align:center; font-size:14px; font-family:arial; text-transform:uppercase; margin-top:3px; padding-bottom:20px;} .n_zizhi_mid .li_1:hover .txt span{ background:url(../image/n_zizhi_ico11.png) center no-repeat;} .n_zizhi_mid .li_2:hover .txt span{ background:url(../image/n_zizhi_ico22.png) center no-repeat;} .n_zizhi_mid .li_3:hover .txt span{ background:url(../image/n_zizhi_ico33.png) center no-repeat;} .n_zizhi_mid .li:hover a{ background:#d9353c;} .n_zizhi_mid .li:hover .txt h5{ color:#fff;} .n_zizhi_mid .li:hover .txt p{ color:#fff;} @media(max-width:1360px){ .n_zizhi_mid{ margin:-40px;} .n_zizhi_mid .li{ padding:40px;} } @media(max-width:920px){ .n_zizhi_mid{ margin:-20px;} .n_zizhi_mid .li{ padding:20px;} } @media(max-width:820px){ .n_zizhi_mid{ margin:-5px;} .n_zizhi_mid .li{ padding:5px; margin-bottom:30px;} } @media(max-width:686px){ .abc{} .n_zizhi_mid{ margin:-5px;} .n_zizhi_mid .li{ padding:5px;} .n_zizhi_mid .li img{ height:0;} .n_zizhi_mid .li h5{ font-size:14px !important;} .n_zizhi_mid .li p{ font-size:10px !important;} } .n_chengguo .swiper-container li h5{ font-size:12px;} @media (max-width: 640px) { .abc{ display:none !important;} #m_n_banner{ display:block;} }