html,body{width: 100%;font-size:16px;} *{margin:0; padding:0;} em{ font-style:normal;} img {border: 0 none;height: auto;vertical-align: middle;} ul{ list-style:none;} .clear{ clear:both} .l{ float:left;} .r{ float:right;} div, ul, li, span, a {box-sizing: border-box;} .clear { clear: both; height: 0px; overflow: hidden; zoom: 0; } .clearfix:after { content: "\200B"; display: block; height: 0; clear: both; } /*::-webkit-scrollbar {display:none}*/ li{list-style: none;} .relative{position: relative;} .absolute{position: absolute;} a{text-decoration: none;background: transparent;outline: none;color:#000;-webkit-transition: 0.5s;-o-transition: 0.5s;-ms-transition: 0.5s;-moz-transition: 0.5s;transition: 0.5s;} a:hover, .tran, .pub_button .pb_bg, .section_seven .item i{-webkit-transition: 0.5s;-o-transition: 0.5s;-ms-transition: 0.5s;-moz-transition: 0.5s;transition: 0.5s;} @font-face { font-family: "DINENGSCHRIFTSTD"; src: url("../css/font/DINENGSCHRIFTSTD.woff2") format("woff2"), url("../css/font/DINENGSCHRIFTSTD.woff") format("woff"), url("../css/font/DINENGSCHRIFTSTD.ttf") format("truetype"), url("../css/font/DINENGSCHRIFTSTD.eot") format("embedded-opentype"), url("../css/font/DINENGSCHRIFTSTD.svg") format("svg"); } .iconfont { font-family: "iconfont" !important; font-size: 16px; font-style: normal; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .iconfont{font-family: 'iconfont';} .fontDIN {font-family: "DINENGSCHRIFTSTD";} @media( min-width:1280px ){ .s_width{ width:90%; margin:0 auto; position:relative} } @media( max-width:1279px){ .s_width{ width:90%; margin:0 auto; position:relative} } @media( max-width:750px){ .s_width{ width:90%; margin:0 auto; position:relative} } .liuyan{ padding:0 0 30px 0} .biaoge{overflow-x: auto;} .biaoge td{padding:5px 5px;white-space: nowrap;} table {width: 100%;border-collapse: collapse;} table td {border: 1px solid #fafafb;padding: 0.5%;line-height: 1.4; font-size: 16px;} /*涓诲鑸绾ц彍鍗?/ .guanggao{ line-height: 50px; text-align: center;} .all{ width: 100%; min-width: 480px; overflow: hidden; position: relative;} /* 澶撮儴 */ .head{ width: 100%; min-width: 480px; height: 90px; position: fixed; z-index: 40; top:0;background-color: transparent; background: linear-gradient(rgba(53, 57, 146, 0.45) 0%, rgba(53, 57, 146, 0) 80%); } .head>div{ height: 100%; position: relative;} .headin{ position: relative; z-index: 7; height: 100%; border-bottom:1px solid transparent; border-color: rgba(255, 255, 255, 0.1);} .head a.logo{ position: absolute; left: 4%; top:15px; z-index: 1;height: 100%; font-size: 0; line-height: 90px; opacity: 1;} .head a.logo img{ max-height: 100%;} .head .logo2{ position: absolute; left: 15px; top:15px;z-index: 1; height: 100%; font-size: 0; line-height: 90px; opacity: 0;} .head .logo2 img{ max-height: 100%;} .special.head .logo,.special2.head .logo,.nvact.head .logo{ opacity: 0;} .special.head .logo2,.special2.head .logo2,.nvact.head .logo2{ opacity: 1;} .headshadow{ width: 100%; height: 90px; display: none;} .special2.headshadow{ display: block;} .special.head,.special2.head,.nvact.head{ background-color: #fff; box-shadow: 0 2px 8px 0 rgba(0,0,0,0.1);} .head .lang{ position: absolute; width: 95px; height: 50px; top:20px; right:30px; z-index: 3; font-size: 16px; color: #fff; line-height: 50px; text-align: center; text-transform: uppercase;} .head .lang:hover{ text-decoration: underline;} .special.head .lang,.special2.head .lang,.nvact.head .lang{ color: #333;} .nav{ position: absolute; right:125px; top:0; z-index: 5; height: 100%;} .nav>li{ float: left; height: 100%; position: relative; z-index: 1;} .nav>li>a{ display: block; padding: 0 25px; height: 100%; position: relative; font-size: 16px; color: #fff; line-height:90px; text-align: center;} .nav>li.on>a,.nav>li:hover>a{ color: #0f7bff;} .nav>li>a:after{ left:0; position: absolute; top: 50%; content: " "; width:0; height: 1px; display: none; background-color: #0f7bff; -webkit-transition: .2s ease-in; transition: .2s ease-in;} /*.nav>li:hover>a{ padding: 0 35px;} .nav>li:hover>a:after{ width: 25px;}*/ .special .nav>li>a{ color: #333;} .special .nav>li.on>a,.special .nav>li:hover>a{ color: #0f7bff;} .special2 .nav>li>a{ color: #333;} .special2 .nav>li.on>a,.special2 .nav>li:hover>a{ color: #0f7bff;} .nvact .nav>li>a{ color: #333;} .nvact .nav>li.on>a,.nvact .nav>li:hover>a{ color: #0f7bff;} .nav.active li{-webkit-transform:translateY(-110%);transform:translateY(-110%);} .nav li:nth-child(1){-webkit-transition:all 0.5s ease-out 0.1s;-moz-transition:all 0.5s ease-out 0.1s; -ms-transition:all 0.5s ease-out 0.1s;-o-transition:all 0.5s ease-out 0.1s;transition:all 0.5s ease-out 0.1s;} .nav li:nth-child(2){-webkit-transition:all 0.5s ease-out 0.15s;-moz-transition:all 0.5s ease-out 0.15s; -ms-transition:all 0.5s ease-out 0.15s;-o-transition:all 0.15s ease-out 0.5s;transition:all 0.5s ease-out 0.15s;} .nav li:nth-child(3){-webkit-transition:all 0.5s ease-out 0.2s;-moz-transition:all 0.5s ease-out 0.2s; -ms-transition:all 0.5s ease-out 0.2s;-o-transition:all 0.5s ease-out 0.2s;transition:all 0.5s ease-out 0.2s;} .nav li:nth-child(4){-webkit-transition:all 0.5s ease-out 0.25s;-moz-transition:all 0.5s ease-out 0.25s; -ms-transition:all 0.5s ease-out 0.25s;-o-transition:all 0.5s ease-out 0.25s;transition:all 0.5s ease-out 0.25s;} .nav li:nth-child(5){-webkit-transition:all 0.5s ease-out 0.3s;-moz-transition:all 0.5s ease-out 0.3s; -ms-transition:all 0.5s ease-out 0.3s;-o-transition:all 0.5s ease-out 0.3s;transition:all 0.5s ease-out 0.3s;} .nav li:nth-child(6){-webkit-transition:all 0.5s ease-out 0.35s;-moz-transition:all 0.5s ease-out 0.35s; -ms-transition:all 0.5s ease-out 0.35s;-o-transition:all 0.5s ease-out 0.35s;transition:all 0.5s ease-out 0.35s;} dl.navtwo{ width: 160px; display: none; position: absolute; top: 110%; left:50%; z-index: 1; padding-top: 15px; margin-left: -57px; -webkit-transition: top 0.3s; -moz-transition: top 0.3s; -ms-transition: top 0.3s; -o-transition: top 0.3s; transition: top 0.3s;} dl.navtwo.on{ top:90%;} dl.navtwo .inner{ width: 100%; background-color: rgba(255,255,255,1); padding: 13px 0; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius:4px; box-shadow: 0 0 7px 2px rgba(0,0,0,0.2);} dl.navtwo:after{ position: absolute; left:50%; top: 0; margin-left: -11px; content: " "; width: 23px; background: url('../images/sju1.png') center no-repeat; height: 15px; z-index: 1;} dl.navtwo dd{ height: 36px; line-height: 36px; text-align: center;} dl.navtwo dd>a{ display: block; height: 100%; color: #666; letter-spacing: 0; overflow: hidden;} dl.navtwo dd:hover>a{ color: #0f7bff; letter-spacing: 2px; background-color: #e1e1e1;} dl.navtwo dd>a:after{ left:100%; position: absolute; bottom: 0; content: " "; width: 0; display: none; border-bottom: 1px solid #da251d; -webkit-transition: .3s; transition: .3s;} dl.navtwo dd>a:hover:after{ width: 100%; left:0; transition: width 0.3s; -webkit- transition: width 0.3s;} .navvtwo{ width: 100%; position: fixed; top:90px; height: 340px; left:0; z-index: 2; display: none;} .navvtwoin{ width: 100%; height: 100%; position: absolute; top:0; left:0; right:0; z-index: 1; background: url('../images/nvbg.jpg') center no-repeat;} .navvtwoin { transform-origin: 50% 0%; transform: perspective(1920px) rotateX(-80deg); transition: transform .3s 0s;} .navvtwo.on .navvtwoin{ transform: perspective(0px) rotateX(0deg); -webkit-transform: perspective(0px) rotateX(0deg); transition: transform .5s .1s;} .navvtwobg{width: 100%; position: fixed; top:90px; bottom:0; left:0; z-index: 4; background-color: rgba(0,0,0,0.7); display: none;} .navvtwoin .inner{ width:90%; margin: 0 auto; padding: 0 20px; overflow: hidden;} .navthree{ width: 100%; height: 550px; font-size: 0; text-align: center; overflow: hidden;} /*.navthree li{ display: inline-block; width: 220px; padding-top: 50px; height: 500px;}*/ .navthree li{ display: inline-block; width: 11%; padding-top: 30px; height: 140px;} .navthree .pic{ width: 100%; height: 160px; font-size: 0; line-height: 160px;} .navthree li:hover .pic{ border-color: #eb0104;} .navthree .pic img{ max-width: 100%; max-height: 100%;} .navthree dt{ font-size: 18px; color: #fff; line-height: 30px; margin: 24px 0 10px;} .navthree dt a{ color: #fff; position: relative;} .navthree dt a:after{ left:100%; position: absolute; bottom: -2px; content: " "; width: 0; border-bottom: 1px solid #fff; -webkit-transition: .3s; transition: .3s;} .navthree dt:hover a:after{ width: 100%; left:0; transition: width 0.3s; -webkit-transition: width 0.3s;} .navthree dd{ font-size: 14px; color: #ddd; line-height: 26px;} .navthree dd a{ color: #ddd; letter-spacing: 0;} .navthree dd a:hover{ color: #fff;} /* 鎵嬫満瀵艰埅 */ .navsjout{ width: 100%; opacity: 0; overflow: auto; position: fixed; top:90px; bottom: 0; left:-100%; z-index: 20; -moz-transition: 0.4s; -ms-transition: 0.4s; -webkit-transition: 0.4s; -o-transition: 0.4s; transition: 0.4s; background-color: #333;} .navsjout.on{ opacity: 1; left:0;} .navsj{ width: 100%; -webkit-overflow-scrolling : touch; background-color: #333; position: absolute; top:0; left:0;} .navsj>li{ position: relative;} .navsj>li>a{ display: block; height: 80px; text-align: center; line-height: 80px; font-size: 22px; color: #fff; position: relative;} .navsj>li>a:after{ content: ''; position: absolute; left: 30px; right:30px; bottom:0; z-index: 0; height: 1px; background-color: #666;} .navsjtwo{ width: 100%; overflow: hidden; display: none; padding: 10px 0; background-color: #f1f1f1;} .navsjtwo>li{ width: 100%; } .navsjtwo>li + li{border-top: 1px solid #fff;} .navsjtwo>li>a{ display: block; line-height: 70px; font-size: 20px; color: #432a23; position: relative; z-index: 1; background-color: #ada; text-align: center; background: url('../images/nav-jtr1.png') 73% center no-repeat;} .navsjthree{ width: 100%; display: none;} .navsjthree dd{ width: 100%; height: 60px; line-height: 60px; text-align: center; border-top: 1px solid #fff;} .navsjthree dd>a{ display: block; font-size: 18px; height: 100%; background-color: #e1e1e1; color: #1d6bdd; overflow: hidden;} .navsj li i{ position: absolute; right: 22%; top:0; z-index: 1; width: 80px; height: 80px;display: block; cursor: pointer; background: url('../images/nav-jtd1.png') center no-repeat;} .navsj li.on i{-moz-transform: rotate(180deg); -webkit-transform: rotate(180deg); -o-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg);} .navsj,.navsj li i{ -moz-transition: 0.3s; -ms-transition: 0.3s;-webkit-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s;} #close { position: fixed; left: 0; top: 0; width: 100%;bottom: 0; z-index: 9; display: none; background:url('../images/op0-60.png'); cursor: pointer;} .navbtn{position: absolute; right:40px; top:20px; z-index: 20; width: 50px; height: 50px; opacity: 0;-moz-transition: 0.4s 0.5s; -ms-transition: 0.4s 0.5s; -webkit-transition: 0.4s 0.5s;-o-transition: 0.4s 0.5s; transition: 0.4s 0.5s;} .navbtn.active{ opacity: 1;} .navbtn s{ position: absolute; left: 30%; display: block; width: 40%; height: 4%; background-color: #fff;-moz-transition: 0.3s; -ms-transition: 0.3s; -webkit-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s;} .navbtn>s:nth-child(1){top: 34%;} .navbtn>s:nth-child(2){top: 48%; left:38%; transform: rotate(0deg) scale(1,1);} .navbtn>s:nth-child(3){top: 62%;} .navbtn.on s:nth-child(1){ top:48%; -webkit-transform: rotate(-225deg); transform: rotate(-225deg);} .navbtn.on s:nth-child(2) { transform: rotate(-180deg) scale(0,1);} .navbtn.on s:nth-child(3) { top:48%; -webkit-transform: rotate(225deg); transform: rotate(225deg);} .special .navbtn s,.special2 .navbtn s,.nvact .navbtn s{ background-color: #000;} .navbtn2{ position: absolute; right: 0; top:0; z-index: 20; width: 90px; height: 90px; display: none;-moz-transition: 0.4s; -ms-transition: 0.4s; -webkit-transition: 0.4s;-o-transition: 0.4s; transition: 0.4s;} .navbtn2 s{ position: absolute; left: 25%; display: block; width: 50%; height: 4%; background-color: #1d6bdd;-moz-transition: 0.3s; -ms-transition: 0.3s; -webkit-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius:2px;} .navbtn2>s:nth-child(1){top: 32%;} .navbtn2>s:nth-child(2){top: 48%; width: 40%; transform: rotate(0deg) scale(1,1);} .navbtn2>s:nth-child(3){top: 64%;} .navbtn2.on s:nth-child(1){ top:48%; -webkit-transform: rotate(-225deg); transform: rotate(-225deg);} .navbtn2.on s:nth-child(2) { transform: rotate(-180deg) scale(0,1);} .navbtn2.on s:nth-child(3) { top:48%; -webkit-transform: rotate(225deg); transform: rotate(225deg);} @media screen and (max-width:1350px){ .cer60{ padding-left: 30px;} .navbtn{ right: 10px;} .head .lang{ right: 0;} .nav{ right:95px;} } @media screen and (max-width:1100px){ .nav>li>a{ padding: 0 15px;} } @media screen and (min-width:1024px){ .navsjout{ display: none;} } @media screen and (max-width:1023px){ .nav{ display: none;} .navbtn2{ display: block;} .navsjout{ display: block;} .navbtn{ display: none!important;} .head .lang{ right: 30px;} } @media screen and (max-width:1023px){ .head .logo{ opacity: 0;} .head .logo2{ opacity: 1;} .head{ background-color: #fff; border-bottom-color: #e8e8e8; box-shadow: 0 2px 8px 0 rgba(0,0,0,0.1);} .head .lang{ color: #333;} .navbtn s{ background-color: #000;} .nav>li>a{ color: #333;} .nav>li.on>a,.nav>li:hover>a{ color: #0f7bff;} } .banner{width: 100%; height: 80vh;} .banne iframe{ height: 100%;} .p1_tzs{position: absolute; z-index: 1000; bottom: 0; left: 16.5%; display: flex; align-items: flex-end; justify-content: flex-start;} .p1_tzs li{ margin-right: 180px;} /* ------------------------ */ #banner{position:relative;overflow:hidden;width:100%;background:url("../images/bg_01.jpg") repeat;} #banner ul{position:relative;overflow:hidden;width:300%;margin: 0;} #banner ul li{width:33.333%;float:left} #banner ul li img{width:100%;display:block;} #banner aside{position:absolute;top:0;bottom:0;height:0;width:90%;right:0;left:0;margin:auto} #banner aside span{display:block;width:65px;height:65px;z-index:63;background:rgba(255,255,255,0.3);border-radius:6px;-moz-border-radius:6px;-webkit-border-radius:6px;position:relative;cursor:pointer;opacity:0;transition:all 0.3s;margin-top:-2%;} #banner:hover aside span{opacity:1;} #banner aside span:after{content:'';position:absolute;top:0;bottom:0;right:0;left:20%;margin:auto;width:27px;height:27px;border-top:3px solid #ffffff;border-left:3px solid #ffffff;-webkit-transform:rotateZ(-45deg);-moz-transform:rotateZ(-45deg);-ms-transform:rotateZ(-45deg);-o-transform:rotateZ(-45deg);transform:rotateZ(-45deg)} #banner aside span.prev{float:left;} #banner aside span.next{float:right;} #banner aside span.next:after{left:0;right:20%;-webkit-transform:rotateZ(135deg);-moz-transform:rotateZ(135deg);-ms-transform:rotateZ(135deg);-o-transform:rotateZ(135deg);transform:rotateZ(135deg)} #banner #bannerBtnS{width:85px;position:absolute;right:0;left:0;bottom:3%;margin:auto} #banner #bannerBtnS em{display:block;float:left;width:18px;height:18px;border-radius:50%;-moz-border-radius:50%;-webkit-border-radius:50%;border:3px solid #fff;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;margin:0 4.75px;background:#fff;-webkit-transition:all .3s;-moz-transition:all .3s;-ms-transition:all .3s;-o-transition:all .3s;transition:all .3s;cursor:pointer} #banner #bannerBtnS em.act{background:#e62129} /*鍏徃绠€浠?/ .about{width: 100%;background:url("../images/about.jpg") repeat; padding: 5% 0;display: flex; display:-webkit-flex; -webkit-justify-content: space-between; justify-content: space-between; } .about .about_l{width: 54%;height: 668px; position: relative;} .about .about_tit{ margin-left: 10%; } .about .about_tit h2{ color: #333; font-weight: normal; font-size: 20px;text-transform: uppercase;} .about .about_tit h2 span{ padding-top: 15px;} .about .about_tit h2 span strong{ color: #0c66bb; font-weight: 700;} .about .about_tit h2:after {background: #d7231b;opacity: .2;content: ''; width: 180px; height:10px; display: block; margin-top: -10px;} .about .about_l p{ margin:5% 0 0 10%; line-height: 31px; width: 85%;} .PubLink {margin-left: 10%;display: inline-block;color:#fff;width: 50%;max-width: 256px;line-height: 62px;text-align: center;font-family: Times New Roman;padding: 0px 30px; margin-top: 7%; background: #e10a00;} .PubLink:hover {border: 1px #d2bb84 solid;background: #d2bb84;color: #fff;} .about_anniu{ background: #0c66bb;width: 100%; position: absolute; bottom: 0;} .about_anniu ul{display: flex; display:-webkit-flex; -webkit-justify-content: space-between; justify-content: space-between;justify-content:center; width: 100%;} .about_anniu li{width: 25%; text-align: center; padding:3% 0; transition: .5s; } .about_anniu li i{display: block; width: 100px; height: 100px;border-radius:50%; border:1px solid transparent; border-color: rgba(151, 151, 151, 0.3); margin: 0 auto;} .about_anniu li i img{ display: block; margin:30px auto 0 auto;} .about_anniu li span{ line-height: 50px; font-weight: 550;} .about_anniu li a{color: #fff;} .about_anniu li:hover { background: #164a84;} .about .about_r{ width: 46%; overflow: hidden;height: 668px; position: relative;} .about .about_r .about_cont{height: 668px;} .about .about_r iframe{ height: 100%;} .about .about_r div{ width:100%; height:100%; background:rgba(0,0,0,0.2); position:absolute; left:0; top:0; z-index:1;transition: all 0.3s;} .about .about_r img{ width:100%; transition:0.4s ease; -moz-transition:0.4s ease; -webkit-transition:0.4s ease; } .about .about_r:hover img{ transform:scale(1.1,1.1); -moz-transform:scale(1.1,1.1); -webkit-transform:scale(1.1,1.1);} .about .about_r i{ font-size:50px; position:absolute; display:block; left:50%; top:42%; width:60px; margin:0 0 0 -30px; height:60px; z-index:5; color:rgba(255, 255, 255, 1); font-style:normal;} .video-box{background: rgba(0, 0, 0, 0.8);position: fixed;left: 0;right: 0;top: 0;bottom: 0;z-index: 99999;transform: scale(0);transition: all ease 0.5s;} .video-box p {width: 960px;margin: 10% auto 0;position: relative;} .video-box p video {width: 100%;border-radius: 10px;overflow: hidden;} .video-box p .hide {width: 30px;height: 30px;font-size: 50px;line-height: 20px;text-align: center;color: #ffffff;font-weight: 100;display: block;position: absolute;top: 10px;right: 10px;cursor: pointer;} /*浜у搧鍒嗙被*/ .inbanner_pro_list{width: 100%;background: url("../images/prolist.jpg") no-repeat center top; margin: 0% auto;padding: 5% 0 3% 0;} .inbanner_pro_list ul{display: -webkit-box;display: -webkit-box;display: -ms-flexbox;display: flex;display: -webkit-flex;flex-wrap: wrap;width:85%; margin: 0 auto; -webkit-justify-content:center; justify-content:center;} .inbanner_pro_list li{ line-height: 50px; text-align: center; } .inbanner_pro_list .pro_type{ } .inbanner_pro_list .pro_type a{ border: none!important;} .pro_type{ margin-top:33px; line-height: 60px;text-align:center; position:relative; border:1px solid transparent; border-color: rgba(255, 255, 255, 0.5); margin: 0 1% 2% 1%; text-align: center; width: 14%; transition: .5s; font-size: 18px;} .pro_type a{color: #fff; text-align: center;display: block; } .pro_type a:hover{background:#e10a00;transition:all 0.9s ease 0s; -webkit-transition:all 0.9s ease 0s; color:#fff; border: none; } #cage_list_a a{height:50px; line-height:50px; font-size:18px; color:#fff; display:block; background:#444; text-transform:uppercase; font-weight: bold;} #cage_list_a a:hover{background:#d0231c; font-weight:bold; font-size:18px; color:#FFFF00; } .pro_type .child_menu{position:absolute;top:100%;left:50%;overflow:hidden;z-index:99999;height:0;width:100%; margin-left: -50%;} .pro_type .child_menu li{ font-size:16px!important; font-weight:normal; margin-bottom: 1px; background: #0c66bb!important;color:#333; line-height:50px; border: none;} .pro_type .child_menu li:hover{background:#e9bc25; color:#333;} .pro_list{width: 100%;background: url("../images/prolist.jpg") no-repeat center top; margin: 0% auto;} .pro_list ul{display: -webkit-box;display: -webkit-box;display: -ms-flexbox;display: flex;display: -webkit-flex;flex-wrap: wrap;width:85%; margin: 0 auto; padding: 5% 0 3% 0;-webkit-justify-content:center; justify-content:center;} .pro_list li{border:1px solid transparent; border-color: rgba(255, 255, 255, 0.5); margin: 0 1% 2% 1%; text-align: center; width: 15%; padding: 1% 0;transition: .5s; } .pro_list li:nth-child(6n){margin-right: 0;} .pro_list li:nth-child(1){margin-left: 0;} .pro_list li:nth-child(7){margin-left: 0;} .pro_list li em{display: block; } .pro_list li a{color: #fff;} .pro_list li a em{color: #dbd9d8;} .pro_list li:hover{ background: #e10a00;} @media only screen and (max-width:1600px){ .f_16 {font-size: 14px!important;} } @media only screen and (max-width:1280px){ line-height: 21px; } @media only screen and (max-width: 768px){ .pro_list{background:#1a2948 url("../images/prolist.jpg") no-repeat center bottom; } .pro_list li{margin: 0 1% 2% 1%; text-align: center; width: 47%; padding: 1% 0;transition: .5s; } .pro_list li:nth-child(5n){margin-right: 1%;} .pro_list li:nth-child(2n){margin-right: 0;} .pro_list li em{ line-height: 21px;} } .pro{background:url("../images/model_bg_02.jpg") no-repeat center top;padding: 4% 0 2% 0; } .al_pic {margin:0 auto 0 auto;width:85%; overflow:hidden; display: block;} .al_pic li {float:left;width:340px; text-align: center; border:1px solid transparent; border-color: rgba(151, 151, 151, 0.2); margin: 0 20px 1% 0; } .al_pic li a:hover {background:#0c66bb;color:#fff;} .al_pic li a:hover ol {color:#e10a00;} .al_pic li a {display:block;} .al_pic li a img {display:block;width:100%;} .al_pic li a ol {font-size:16px;position:relative;height:60px;transition:all .6s; width:100%;color:#333; background: #f2f2f2; line-height: 60px; text-align: center;} @media (min-width: 1281px) { /*宸﹀彸婊氬姩*/ .al_pic { display: block; } } @media only screen and (max-width: 768px){ .cf{width: 95%; margin: 11% auto 5% auto;} .al_pic{display: none;} .tel_al_pic{display: block; width: 95%;margin:60px auto 20px auto;} .tel_al_pic li {width:49%; margin: 0 1% 1% 0; float: left; } .tel_al_pic li:nth-child(2n){ margin: 0 0 1% 0;} .tel_al_pic li a ol {text-align:center;font-size:16px;margin:15px 0 0 0;position:relative;height:40px;transition:all .6s; width:100%;color:#333;} } /*adv*/ .duoyuanhua{background:#0c66bb;padding:110px 0;background-size: 100%;} .index_zdy{width: 100%; background: #113382; overflow: hidden; position: relative; padding: 80px 0;} .index_zdy_bt{width: 85%; margin: 0 auto; display: flex; justify-content: space-between; align-items: center;} .index_zdy_bt .pro_bt_zu h2:before,.index_zdy_bt .pro_bt_zu h2:after{content: ""; width: 34.7%; height: 1px; background: rgba(255,255,255,.2);} .index_zdy_foot{position: relative; z-index: 20; display: flex; justify-content: space-between;} .tab{position: relative; width: 100%; overflow: hidden; display: flex; justify-content: space-between;} .duo_l{width:18%; } .duo_l h2{font-size: 55px;color:#fff; text-align: left;padding:0 0 30px 0} .duo_l i{display: block;width:85px;height:2px;background: #fff; margin-bottom: 20px; } .duo_l h3{line-height: 31px; font-weight: 100; color: #fff;margin-bottom: 80px; font-size: 14px;} .tab-nav{ display: flex; flex-wrap: wrap; overflow: hidden;} .tab-nav a{display: block;width: 100%; height: 58px; border-radius:58px;border:1px solid rgba(255,255,255,0.1); text-decoration: none; font-size: 17px; line-height: 58px; color: #fff; margin-bottom: 16px; text-align: center} .tab-nav a span{margin-left: 35px; color: #fff;} .tab-nav a.current{background: #f29115; transition: all .3s;font-weight: bold;} .tab-nav a img{} .tab-con{position: relative; width:78%; overflow: hidden; } .tab-con-item{display: none; overflow: hidden; transition: all .3s;} .tab-con img{ width:100%;} /*zonghe*/ .zonghe{width: 85%; display: flex; display:-webkit-flex; -webkit-justify-content: space-between; justify-content: space-between; overflow: hidden; margin: 5% auto; } .zonghe .zonghe_l{ width: 50%; height: 781px; position: relative; overflow: hidden; margin-right: 10px; background: #000;} .zonghe .zonghe_l .chanye_img{ width: 100%; height: 100%; position: absolute; z-index: 1; opacity: 0.7;} .zonghe .zonghe_l .chanye_img img{ width:100%; height: 100%;transition:0.4s ease; -moz-transition:0.4s ease; -webkit-transition:0.4s ease; } .zonghe .zonghe_l .chanye_img:hover img{ transform:scale(1.2,1.2); -moz-transform:scale(1.2,1.2); -webkit-transform:scale(1.2,1.2);} .zonghe .zonghe_l .chanye_cont{ width:80%; position: absolute; z-index: 2; left: 50%; margin-left: -40%; top: 10%; color: #fff;} .zonghe .zonghe_l .chanye_cont h2{ padding-bottom: 1%; font-weight: 200;} .zonghe .zonghe_l .chanye_cont a h2{ color: #fff;} .zonghe .zonghe_l .chanye_cont p{ line-height: 31px;} .zonghe .zonghe_l .chanye_cont a p{color: #fff;} .zonghe .zonghe_l .PubLink2 {display: inline-block;color:#fff;width: 125px;line-height:30px;text-align: center;font-family: Times New Roman;padding: 0px 20px; margin-top: 7%; border:1px solid transparent; border-color: rgba(151, 151, 151, 0.3);border-radius: 10px} .zonghe .zonghe_l .PubLink2:hover {border: 1px #d2bb84 solid;background: #d2bb84;color: #fff;} .zonghe .zonghe_r{ position: relative; width: 50%; overflow: hidden;} .zonghe .zonghe_r .honor{width: 100%; background: #000; height: 500px;color: #fff; margin-bottom: 10px; overflow: hidden;} .zonghe .zonghe_r .honor_img{ width: 100%; position: absolute; z-index: 1; opacity: 0.7;height: 500px; overflow: hidden;} .zonghe .zonghe_r .honor_img img{ width:100%; height: 100%;transition:0.4s ease; -moz-transition:0.4s ease; -webkit-transition:0.4s ease; } .zonghe .zonghe_r .honor_img:hover img{ transform:scale(1.2,1.2); -moz-transform:scale(1.2,1.2); -webkit-transform:scale(1.2,1.2); } .zonghe .zonghe_r .honor_cont{ width:85%; position: absolute; z-index: 2; left: 50%; margin-left: -40%; top: 10%; color: #fff; text-align: right;} .zonghe .zonghe_r .honor_cont h2{ padding-bottom: 1%; font-weight: 200; } .zonghe .zonghe_r .honor_cont a h2{ color: #fff;} .zonghe .zonghe_r .honor_cont p{ line-height: 31px;} .zonghe .zonghe_r .honor_cont a p{color: #fff;} .zonghe .zonghe_r .PubLink2 {display: inline-block;color:#fff;width: 125px;line-height:30px;text-align: center;font-family: Times New Roman;padding: 0px 20px; margin-top: 5%; border:1px solid transparent; border-color: rgba(151, 151, 151, 0.3);border-radius: 10px} .zonghe .zonghe_r .PubLink2:hover {border: 1px #d2bb84 solid;background: #d2bb84;color: #fff;} .zonghe_r_er{width: 100%;height: 265px; position: relative;} .wenhua{width: 50%; background: #000; height:265px;color: #fff; margin-bottom: 10px; overflow: hidden; position: absolute; left: 0;} .wenhua_img{ width: 410px; position: absolute; z-index: 1; opacity: 0.7;height: 265px; overflow: hidden;} .wenhua_img img{ width:100%; height: 100%;transition:0.4s ease; -moz-transition:0.4s ease; -webkit-transition:0.4s ease; } .wenhua_img:hover img{ transform:scale(1.2,1.2); -moz-transform:scale(1.2,1.2); -webkit-transform:scale(1.2,1.2); } .wenhua_cont{ width:93%; color: #fff; text-align: right; margin: 3% 3% 0 0; position: absolute; z-index: 2;} .wenhua_cont h2{ padding-bottom: 1%; font-weight: 200; } .wenhua_cont a h2{ color: #fff;} .wenhua_cont p{ line-height: 31px;} .wenhua_cont a p{color: #fff;} .wenhua2{width: 50%; background: #000; height:265px;color: #fff; margin-bottom: 10px; overflow: hidden; position: absolute;right: 0;} .wenhua_img2{ width: 410px; position: absolute; z-index: 1; opacity: 0.7;height: 265px; overflow: hidden;} .wenhua_img2 img{ width:100%; height: 100%;transition:0.4s ease; -moz-transition:0.4s ease; -webkit-transition:0.4s ease; } .wenhua_img2:hover img{ transform:scale(1.2,1.2); -moz-transform:scale(1.2,1.2); -webkit-transform:scale(1.2,1.2); } .wenhua_cont2{ width:93%; color: #fff; text-align: right; margin: 3% 3% 0 0; position: absolute; z-index: 2;} .wenhua_cont2 h2{ padding-bottom: 1%; font-weight: 200; } .wenhua_cont2 a h2{ color: #fff;} .wenhua_cont2 p{ line-height: 31px;} .wenhua_cont2 a p{color: #fff;} /*news*/ .news{background:#f2f2f2; width: 100%; padding-bottom:3%;} .news .xinwen_tit{width: 85%; margin: 0 auto; padding:4% 0 0 0;display: flex; display:-webkit-flex; -webkit-justify-content: space-between; justify-content: space-between;} .news .xinwen_tit_l{width: 30%;} .news .xinwen_tit_l h2{ color: #333; font-weight: normal; font-size: 20px;text-transform: uppercase;} .news .xinwen_tit_l h2 span{ padding-top: 15px;} .news .xinwen_tit_l h2 span strong{ color: #0c66bb; font-weight: 700;} .news .xinwen_tit_l h2:after {background: #d7231b;opacity: .2;content: ''; width: 180px; height:10px; display: block; margin-top: -10px;} .news .xinwen_tit_r{width: 40%; margin-top: 10px;} .news .xinwen_tit_r ul{display: flex; display:-webkit-flex; -webkit-justify-content:space-between; justify-content: space-between; width: 100%;} .news .xinwen_tit_r li{ border:1px solid transparent; border-color: rgba(151, 151, 151, 0.3);width: 25%; text-align: center; margin: 0 1%; line-height: 40px;border-radius: 5px} .news .xinwen_tit_r li a{ color: #666;} .news .xinwen_tit_r li a:hover{ color: #b62022;} .news_cont{display: flex;-ms-flex-preferred-size: 100%;flex-basis: 100%;-webkit-box-pack: start;-ms-flex-pack: start;justify-content: flex-start; -ms-flex-wrap: wrap;flex-wrap: wrap;width:85%;overflow: hidden; margin: 0 auto;} .news_cont .newList{flex-basis: 23%;margin-right: 2%;margin-top: 80px; border: 1px solid #f7f7f7; background: #fff;} .newList{ overflow:hidden; padding:0rem; height:auto; width:100%; } .news_cont .newList:nth-child(4n){ margin-right:0px; } .news_cont .newPicBox{ position:relative; width:100%; height:0px; padding-bottom:50%; overflow:hidden; border-radius:0px; margin:0 auto; } .news_cont .newPic{ position:absolute; top:50%; left:50%; transform:translate(-50%,-50%) scale(1); width:100%; height:auto; transition:all .5s ease; } .news_cont .picLink{ position:absolute; top:0px; left:0px; width:100%; height:100%; } .news_cont .contentBoxB{ padding:3%; background: #fff; } .news_cont .newTitle{ font-size:17px; margin-bottom:0; min-height:48px; line-height:1.2; font-weight:normal; color:#373c41; transition:all .5s ease; display:-webkit-box; overflow:hidden; -webkit-line-clamp:2; -webkit-box-orient:vertical; text-overflow:ellipsis; } .news_cont .lineBox{ position:relative; width:100%; height:1px; background:#ededed; margin-bottom:26px; } .news_cont .lineBox::before{ content:''; position:absolute; top:0px; left:0px; width:0px; height:100%; background:#afafaf; transition:all .5s ease; } .news_cont .TimeBox{ font-size:14px; line-height:1.5; letter-spacing:.25px; color:#777; margin-bottom:20px; } .news_cont .newMs{ position:relative; width:100%; line-height:1.4; clear:both; font-size:14px; color:#777; min-height:22px; letter-spacing:0; margin:0px 0px 30px; display:-webkit-box; overflow:hidden; -webkit-line-clamp:1; -webkit-box-orient:vertical; text-overflow:ellipsis; font-weight: 100;} .news_cont .image_con{ width: 100%; } .news_cont .image_con img{width:100%; transition:0.4s ease; -moz-transition:0.4s ease; -webkit-transition:0.4s ease; } .news_cont .image_con:hover img{ transform:scale(1.2,1.2); -moz-transform:scale(1.2,1.2); -webkit-transform:scale(1.2,1.2);} .news_cont .look{ display:flex; -webkit-box-align:center; -ms-flex-align:center; align-items:center; margin-top:20px; color:#777; overflow:hidden; } .news_cont .look .look_name{ margin-right:10px; position:relative; } .news_cont .newList:hover .newPic{ transform:translate(-50%,-50%) scale(1.1); } .news_cont .newList:hover .newTitle{ color:#222; } .news_cont .newList:hover .lineBox::before{ width:100%; } .news_gengduo{ width: 20%; margin:3% auto 0 auto;;} .news_gengduo a{display: block;} .news_gengduo .PubLink {color: rgb(255, 255, 255);width: 90%; max-width: 250px; line-height: 52px;text-align: center;font-family: Times New Roman;font-size: 15px;border-width: 1px;border-style: solid;border-color: rgb(255, 255, 255);border-image: initial;padding: 0px 30px; margin-top: 7%;transition: .5s; background-color: #0c66bb; margin: 0 auto;border-radius: 10px} .news_gengduo .PubLink:hover {border:none;background: #f63c2f;color: #fff;} @media only screen and (max-width: 770px){ .xinwen .xinwen_tit{width: 95%; margin: 0 auto; padding:4% 0 0 0;display:block;} .xinwen .xinwen_tit_l{width: 100%;} .xinwen .xinwen_tit_l h2 em{display: none;} .xinwen .xinwen_tit_r{width: 100%; margin-top: 30px;} .news_cont .newList{margin-top: 25px; } } @media only screen and (max-width: 1024px) and (min-width: 701px){ .news_cont .newList { flex-basis: 100%; width:100%; margin-right: 0; margin-top: 50px; } .news_cont .newList a{ display:flex; justify-content: space-between; flex-direction: row-reverse; } .news_cont .contentBoxB{ width: 48%; } .news_cont .image_con{ width: 48%; } .news_cont .image_con img{width:100%; transition:0.4s ease; -moz-transition:0.4s ease; -webkit-transition:0.4s ease; } .news_cont .image_con:hover img{ transform:scale(1.2,1.2); -moz-transform:scale(1.2,1.2); -webkit-transform:scale(1.2,1.2);} .news_cont .image_con .bottom_btn{ display:none; } .news_cont .contentBoxB .bottom_btn{ display:block; } .news_cont .newPicBox{ padding-bottom:72%; } } @media only screen and (max-width: 770px){ .news_cont{display:block;width: 95%;} .news_cont .lineBox{margin-bottom:8px; } .news_cont .newTitle{ font-size:20px; margin-bottom:0; min-height:12px; } .news_cont .newMs{margin:20px 0px 0px;} .xinwen .xinwen_tit_r ul{ -webkit-justify-content:center;; justify-content: center; flex-wrap: wrap;} .xinwen .xinwen_tit_r li{ border-right:1px solid transparent; border-color: rgba(151, 151, 151, 0.3);width: 29%; text-align: center; background: #b52022; margin: 0 1% 1% 0;} .xinwen .xinwen_tit_r li a{color: #fff;} } /*footer*/ .fixed_footer{display: none;} .footer{ width:100%; background:#0c66bb } .footer .s_width{display: flex; display:-webkit-flex;justify-content:space-between;align-items: flex-start;flex: 5; width:85%; margin: 0 auto; } .footer .footer_l{width:56%;display: flex; display:-webkit-flex;justify-content:space-between;align-items: flex-start;} .footer .f_pro{ width:15%; color:#fff; padding:75px 0 0 0%;} .footer .f_pro h2{text-transform: uppercase; font-weight:normal;padding-bottom:21px;} .footer .f_pro h2:after{content: "";display: block;width: 30px;height: 2px;background: #f8de07; margin-top: 15px;;} .footer .f_pro ul{ overflow:hidden; padding-bottom:20px;} .footer .f_pro li{width: 100%; } .footer .f_pro li em{ display:block; color:#e5e5e5; padding-bottom:20px;} .footer .f_pro li em:after{ content:""; width:40px; height:3px; background:#79c440; display:block; margin-top:10px;} .footer .f_pro li a{ color:#e5e5e5; line-height:35px; font-size: 15px;} .footer .f_pro li a:hover{font-weight: bold;} .footer .f_pro p{ line-height: 35px;;} .footer .f_wx{color:#e5e5e5; padding:75px 0 75px 0; width: 27%;} .footer .f_wx h2{text-transform: uppercase; font-weight:normal;} .footer .f_wx h2:after{content: "";display: block;width: 30px;height: 2px;background: #f8de07; margin-top: 15px;;} .footer .f_wx ul{ overflow:hidden; padding-top:50px;} .footer .f_wx li{ width:130px; float:left; margin-right:15px; text-align:center;color: #fff;} .footer .f_wx li img{ width:100px; height:100px;} .footer .f_wx li em{ text-align:center; display:block; line-height:28px;} .footer .f_wx li:nth-child(2){margin-right:0} .footer .f_wx p{ margin-top:9px; font-size:15px;padding-left: 15px; line-height: 35px;color: #fff;} .footer .f_wx p i{ margin: 0 10px 5px 0;} .end{ height:65px;border-top:1px solid transparent; border-color: rgba(151, 151, 151, 0.3); display: flex; display:-webkit-flex;justify-content:space-between; width: 85%; margin: 0 auto;} .end .end_l{ } .end .end_l img{ padding-top:0;} .end .end_l p{ font-size:16px; color:#fff; line-height:65px;} .end .end_r{ padding-top:8px;} .end a{ color:#fff; } @media (max-width:769px){ .footer,.end{display: none;} .fixed_footer{background-color:rgba(241,56,51,0.75);height:50px;position: fixed;bottom:0px;left:50%;margin-left:-46%;z-index:999;width:92%;border-radius:10px; display: block;} @media (min-width:640px){.fixed_footer{width:640px !important;left:50%;margin-left:-320px;}} .fixed_footer a{float: left;width:33.33%;text-align: center;} .fixed_footer img{display: inline-block;height:24px;margin:5px 0 0;} .fixed_footer strong{color:#fff;font-size:12px;display: block;height:20px;line-height:20px;} } /*缃戠珯鍐呴〉*/ /* ===================== 鍐呴〉 Banner 鍥 ===================== */ #nyba{height:500px;position: relative;overflow:hidden;background-attachment: fixed;position: relative;} .nybabg{ background:url(../images/bj_bg_new.png)repeat center top; position:absolute; z-index:2; width:100%; height:100%;opacity:1;} .gsb{background:linear-gradient(rgba(0, 0, 0, 0.45) 0%, rgba(38, 156, 212, 0) 40%);position: absolute;top: 0;width: 100%;height: 100%;left: 0;z-index: 1;} #nyba img{width: 100%;height: 100%;position: absolute;top: 0;left: 0;z-index: 0;animation:change 2s ease-in-out} @keyframes change{from { transform:scale(1.2);opacity: 0.8;}to {transform:scale(1);opacity: 1;} } @keyframes change1{ from { transform:translateY(60px);opacity: 0;} to {transform:translateY(0px);opacity: 1;} } .fade_text{text-transform:uppercase;margin-top:11%;text-align: center;font-size:0;position: relative;z-index: 22;} .fade_text span{color:#fff;display: inline-block;} .fade_text .cn{height:95px;line-height:95px;overflow: hidden;} .fade_text .cn span{font-size:55px;} .fade_text .en{height:40px;line-height:40px;font-size:30px;overflow:hidden;} .fade_text .line{width:80px;height:3px;background-color:#fff;margin:20px auto;} .arrow_down{position:absolute;left:50%;margin-left:-4px;bottom:5px;overflow: hidden;width:8px;z-index: 5;} .arrow_down .line{display: block;width:1px; height:40px;margin:0 3px;background: #fff; } .arrow_down .aw{display: block;width:100%;height:5px;margin-top:3px;background: url('../images/aw.png') no-repeat;} .arrow_down .lg{-webkit-animation: long 1.5s linear alternate infinite; animation: long 1.5s linear alternate infinite; } @-webkit-keyframes long{ from { -webkit-transform: translateY(-30px); transform: translateY(-30px); } to { -webkit-transform: translateY(0); transform: translateY(0); } } @keyframes long{ from { -webkit-transform: translateY(-30px); transform: translateY(-30px); } to { -webkit-transform: translateY(0); transform: translateY(0); } } .son_list{position: absolute;height:50px;width:100%;bottom:10px;left:0;text-align: center;} .son_list a{display: inline-block;width:140px;padding:0 5px;height:50px;color:#333;background-color: #fff;font-size:16px;text-align: center;line-height:50px;position: relative;z-index:1;white-space:nowrap; overflow:hidden; text-overflow: ellipsis;} .son_list a i{background-color:#2e3979;position: absolute;left:50%;top:50%;margin:-100px 0 0 -100px;z-index:-1;width:200px;height:200px;border-radius:50%;transform: scale(0);-webkit-transform: scale(0);-moz-transform: scale(0);-o-transform: scale(0);-ms-transform: scale(0);} .son_list a:hover i, .son_list a.active i{transform: scale(1);-webkit-transform: scale(1);-moz-transform: scale(1);-o-transform: scale(1);-ms-transform: scale(1);} .son_list a:hover, .son_list a.active{color:#fff;} /* ===================== 鍐呴〉 Banner 鍥 ===================== */ .main{ width:100%; margin:0px auto 0 auto;background: url('../images/bg_01.jpg')repeat;} .main .s_width{ padding: 5% 0;} .main h2{ width:100%; position:relative; margin:0 auto 2rem auto; color: #f63c2f; text-align:center ;} .main h2 em:after{ content:""; width:100px; height:7px; background-image: -webkit-linear-gradient(left,#f63c2f, #333); display:inline-block; margin:10px auto 20px auto; display: block;} .main h2 span{ font-weight:normal; font-size:18px; color:#666; text-align: center;} .main_list{width:90%; margin:0 auto 3% auto; padding-top: 3%;} .main_list ul{display: flex; display:-webkit-flex; -webkit-justify-content: center; justify-content: center;flex-wrap:wrap} .main_list li{ padding:0 3%; line-height: 7vh; border: 1px solid #f2f2f2; text-align: center; margin: 1% 0.5%;transition: .5s; background: #121111;color: #fff; } .main_list li:hover{ background: #f63c2f;} .main_list li:hover a{ color: #fff;} .main_cont{ background: #fff; border:1px solid transparent; border-color: rgba(151, 151, 151, 0.2); width: 90%; margin: 0 auto; padding:3%;} .main_cont p{ line-height: 35px;;} @media (max-width:769px){ #nyba{height:300px;} .main h2 span{ font-size:16px; } .main_cont{ width: 100%;} .main_cont img{width:100%} .main_list{width:100%; } .main_list li{padding:0 2%; line-height:5vh;} } /*鍐呴〉鍏徃绠€浠?/ .about_menu { position: relative;transform: translateY(-60px); z-index: 3; width: 85%; margin: 0 auto;} .about_menu ul{text-align: center; display: flex; display:-webkit-flex; -webkit-justify-content: center; justify-content: center; } .about_menu ul li{ font-size: 20px; width: 20%; position: relative;background: #fff;box-shadow: 0 0 10px rgb(138,138,138,0.3);} .about_menu ul li.active a {font-weight: bold; background: #0c66bb; color: #fff;} .about_menu ul li.active a:before {width: 100%;right: auto;left: 0;} .about_menu ul li:last-child{ border-right: none} .about_menu ul li a{padding:0; line-height: 500%; display: block; position: relative; z-index: 5; } .about_menu ul li:hover{background:#0c66bb; /* Old browsers */ background: -moz-linear-gradient(left, rgba(12,102,187,1) 0%, rgba(8,86,160,1) 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(left, rgba(12,102,187,1) 0%, rgba(8,86,160,1) 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to right, rgba(12,102,187,1) 0%, rgba(8,86,160,1) 100%;) /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff4835', endColorstr='#e60012',GradientType=1 ); /* IE6-9 */} .about_menu ul li:hover a{ color: #fff;} @media(max-width:1200px){ .about_menu ul li{ font-size: 16px} } @media(max-width:768px){ .about_menu ul { position: relative} .about_menu ul li{width:25%;font-size: 12px} .about_menu ul li a{ line-height: 400%;} .about_menu ul li#menu16{ width: 25%} .about_menu ul#col4:before{ content: ''; width: 100%; top: 50%; position: absolute; height: 1px; background: #e4e4e4; left: 0} } .se_about{width: 80%; margin:0 auto;} .se_about h2{text-align: center; padding: 2% 0;color: #222; font-size: 40px; font-weight: 400; margin-bottom: 2%;} .se_about h2 em{display: block; font-size:60px; font-weight: 700;} .se_about p{ line-height: 31px;text-align: justify; margin-top: 15px;} .box_tr {width: 100%;display: flex; display:-webkit-flex;-webkit-justify-content: space-between; justify-content: space-between; } .box_td {display: inline-block;vertical-align: middle;} .about_photo{ padding: 3% 0; font-size: 0; width: 80%; margin: 0 auto;} .about_photo .pic{ width: 68.8%;} .about_photo .info{ width: 31%; text-align: center} .about_photo .info b, .editor_num_txt b{ display: block; font-weight: bold; line-height: 70px;} .editor_num_txt b{ color: #e50112} .editor_num_txt{ background: #f8f8f8; color: #666666; font-size: 18px; display: table; width: 100%; padding-left: 25%;} .editor_num_txt .icon{ position: absolute; left:-20px; width: 16%;} .editor_num_txt .txt{ position: relative; padding-left: 20%; max-width: 240px; text-align: left; margin: auto; display: table-cell; vertical-align: middle} .editor_num_txt:nth-child(2){background: #f2f2f2} .editor_num_txt.stock b{ color: #fff;} .editor_num_txt.stock{ color: #fff; padding-left: 0} .editor_num_txt.stock .txt{ text-align: center;padding-left: 0} .about_other{ padding: 5% 0; width: 80%; margin: 0 auto;} .about_other .box_td{ } .about_other .in_side{ opacity: 0} .about_other .box_td:hover .in_side, .about_other .box_td:hover .in_side .title{ opacity: 1} .about_other .box_td:hover .out_side{ opacity: 0} .about_other .out_side{ position: absolute; width: 100%;left: 0; top: 30%} .editor_about_other .in_side .title{opacity: 0} .editor_about_other .box_td:before{ content: ''; position: absolute; display: block; width: 94%; height: 90%; border: solid 1px #fff; opacity: 0.3 ; left: 0; right: 0; top: 0; bottom: 0; margin: auto;} .editor_about_other{ text-align: center} .editor_about_other .box_td{ width: 32%;height: 248px; padding: 4% 3%; border: solid 1px #f2f2f2; position: relative} .editor_about_other .box_td.empty{ width: 2%; border: none} .editor_about_other .info{ text-align: left;font-size: 18px; line-height: 28px; position: relative; padding-top: 3%} .editor_about_other .title{ font-size: 24px; padding: 2% 0} .editor_about_other .box_td:hover{ color: #fff; box-shadow: 0 0 50px 0 rgb(255,52,52,0.74); border-color:#e70213;background-image: linear-gradient(270deg, #e60012 0%, #ff4835 100%), linear-gradient(#fbfbfb, #fbfbfb);background-blend-mode: normal, normal; } /*鍐呴〉鍙戝睍鍘嗙▼*/ .history {position: relative;z-index: 3;padding: 100px 0 150px;overflow: hidden;} .history-bg {position: absolute;left: 0;top: 0;z-index: -1;width: 100%;height: 130%;background-position: center top;-o-background-size: cover;background-size: cover; background: url('../images/80.jpg') no-repeat center top;;} .history-title {text-align: center;} .history-title strong,.history-title small {color: #fff;} .z_about_process {width: 100%;padding: 8.85416vw 0;-moz-box-sizing: border-box;box-sizing: border-box;overflow: hidden;background-position: center;-o-background-size: cover;background-size: cover;background-repeat: no-repeat;} .z_about_process .z_index_tit {margin-bottom: 6.77083vw;padding: 0 10.41666vw;-moz-box-sizing: border-box;box-sizing: border-box;} .z_process_warp {position: relative;padding: 0 10.6vw;margin-top: 100px;-moz-box-sizing: border-box;box-sizing: border-box;} .z_process_swiper {height: 360px;position: relative;width: 100%;color: #fff;} /* .z_process_swiper::before{ content: ""; display: block; width: 100%; height: 1px; background: #fff; position: absolute; left: 0; top: 50%; z-index: 1;} */ .z_process_warp::after {content: "";z-index: 1;display: block;width: 100%;background: #fff;height: 1px;position: absolute;left: 0;top: 180px;} .z_process_swiper .item {position: relative;font-size: 16px;line-height: 24px;height: 180px;-moz-box-sizing: border-box;padding-left: 24px;box-sizing: border-box;} .z_process_swiper .swiper-slide::before {content: "";display: block;width: 100%;height: 180px;background: url(../images/line.png) no-repeat left bottom;-o-background-size: 100% auto;background-size: 100% auto; position: absolute;left: 0;top: 0;} .z_process_swiper .item::after {content: "";display: block;width: 1px;height: 100%;position: absolute;left: -1px;top: 0;z-index: 1;background: #fff;} .z_process_swiper .item .dot {width: 12px;height: 12px;background: #fff;border-radius: 50%;position: absolute;left: -6px;top: 0px;z-index: 1;} .z_process_swiper .item .dot::before {content: "";display: block;width: 20px;height: 20px;border-radius: 50%;background: rgba(255, 255, 255, 0.8);position: absolute;-webkit-animation: circle-opacity 1s infinite; -moz-animation: circle-opacity 1s infinite;-o-animation: circle-opacity 1s infinite;animation: circle-opacity 1s infinite;left: 50%;top: 50%;-webkit-transform: translate(-50%, -50%) scale(0, 0);-moz-transform: translate(-50%, -50%) scale(0, 0);-ms-transform: translate(-50%, -50%) scale(0, 0);-o-transform: translate(-50%, -50%) scale(0, 0);transform: translate(-50%, -50%) scale(0, 0);} .z_process_swiper .item:nth-child(even) {margin-top: 180px;} .z_process_swiper .item:nth-child(even) .dot { bottom: 0px; top: auto;} .z_process_swiper .item:nth-child(2n)::before {left: -1px;} .z_process_swiper .item {width: 50%;float: left;text-align: left;} .z_process_swiper .item:nth-child(2n) {margin-bottom: -4px;display: -webkit-flex;display: -moz-box;display: -ms-flexbox;display: flex;-webkit-flex-wrap: wrap;-ms-flex-wrap: wrap;flex-wrap: wrap;-webkit-align-items: flex-end;-moz-box-align: end;-ms-flex-align: end;align-items: flex-end;-webkit-flex-direction: column-reverse;-moz-box-orient: vertical;-moz-box-direction: reverse;-ms-flex-direction: column-reverse;flex-direction: column-reverse;} .z_process_swiper .item:nth-child(2n) span {margin-bottom: -4px;} .z_process_swiper .item:nth-child(2n) p {margin-top: 0;margin-bottom: 8px;} .z_process_swiper .item .con {display: block;font-weight: bold;width: 100%;} .z_process_swiper .item p {width: 100%;margin-top: 8px;font-size: 16px;font-weight: normal;} .z_process_warp .btn {display: block;color: #fff;outline: none;-webkit-transition: ease 1s;-o-transition: ease 1s;-moz-transition: ease 1s;transition: ease 1s;position: absolute;z-index: 2;top: 240px;cursor: pointer;width: 64px;height: 64px;background: -webkit-linear-gradient(116deg, #43A2DB, #DC87B3);background: -moz-linear-gradient(116deg, #43A2DB, #DC87B3);background: -o-linear-gradient(116deg, #43A2DB, #DC87B3); background: linear-gradient(-26deg, #43A2DB, #DC87B3);border-radius: 50%;line-height: 64px;text-align: center;} .z_process_warp .prev {left: 40px;} .z_process_warp .next {right: 40px;} .z_process_warp .btn:hover {border-radius: 30%;-webkit-transform: rotate(40deg);-moz-transform: rotate(40deg);-ms-transform: rotate(40deg);-o-transform: rotate(40deg);transform: rotate(40deg);} .z_process_warp .btn:hover .iconfont {-webkit-transform: rotate(-40deg);-moz-transform: rotate(-40deg);-ms-transform: rotate(-40deg);-o-transform: rotate(-40deg);transform: rotate(-40deg);} .z_process_warp .iconfont {-webkit-transition: ease 0.5s;-o-transition: ease 0.5s;-moz-transition: ease 0.5s;transition: ease 0.5s;display: inline-block; line-height: 50px;} @-webkit-keyframes circle-opacity { from { opacity: 1; -webkit-transform: translate(-50%, -50%) scale(1); transform: translate(-50%, -50%) scale(1); } to { opacity: 0; -webkit-transform: translate(-50%, -50%) scale(2); transform: translate(-50%, -50%) scale(2); } } @-moz-keyframes circle-opacity { from { opacity: 1; -moz-transform: translate(-50%, -50%) scale(1); transform: translate(-50%, -50%) scale(1); } to { opacity: 0; -moz-transform: translate(-50%, -50%) scale(2); transform: translate(-50%, -50%) scale(2); } } @-o-keyframes circle-opacity { from { opacity: 1; -o-transform: translate(-50%, -50%) scale(1); transform: translate(-50%, -50%) scale(1); } to { opacity: 0; -o-transform: translate(-50%, -50%) scale(2); transform: translate(-50%, -50%) scale(2); } } @keyframes circle-opacity { from { opacity: 1; -webkit-transform: translate(-50%, -50%) scale(1); -moz-transform: translate(-50%, -50%) scale(1); -o-transform: translate(-50%, -50%) scale(1); transform: translate(-50%, -50%) scale(1); } to { opacity: 0; -webkit-transform: translate(-50%, -50%) scale(2); -moz-transform: translate(-50%, -50%) scale(2); -o-transform: translate(-50%, -50%) scale(2); transform: translate(-50%, -50%) scale(2); } } .article-block.list-left .swiper-slide .item {opacity: 0;visibility: hidden;-webkit-transform: translateX(80px);-moz-transform: translateX(80px);-ms-transform: translateX(80px);-o-transform: translateX(80px);transform: translateX(80px);-webkit-transition: 0.8s;-o-transition: 0.8s;-moz-transition: 0.8s;transition: 0.8s;} .articleShow.list-left .swiper-slide .item {opacity: 1;visibility: visible;-webkit-transform: translateX(0px);-moz-transform: translateX(0px);-ms-transform: translateX(0px);-o-transform: translateX(0px);transform: translateX(0px);} .articleShow.list-left .swiper-slide .item:nth-child(2) {-webkit-transition-delay: 0.2s;-moz-transition-delay: 0.2s;-o-transition-delay: 0.2s;transition-delay: 0.2s;} .articleShow.list-left .swiper-slide:nth-child(2) .item {-webkit-transition-delay: 0.4s;-moz-transition-delay: 0.4s;-o-transition-delay: 0.4s;transition-delay: 0.4s;} .articleShow.list-left .swiper-slide:nth-child(2) .item:nth-child(2) {-webkit-transition-delay: 0.6s;-moz-transition-delay: 0.6s;-o-transition-delay: 0.6s;transition-delay: 0.6s;} .articleShow.list-left .swiper-slide:nth-child(3) .item {-webkit-transition-delay: 0.8s;-moz-transition-delay: 0.8s;-o-transition-delay: 0.8s;transition-delay: 0.8s;} .articleShow.list-left .swiper-slide:nth-child(3) .item:nth-child(2) {-webkit-transition-delay: 1s;-moz-transition-delay: 1s;-o-transition-delay: 1s;transition-delay: 1s;} .articleShow.list-left .swiper-slide:nth-child(4) .item {-webkit-transition-delay: 1.2s;-moz-transition-delay: 1.2s;-o-transition-delay: 1.2s;transition-delay: 1.2s;} .articleShow.list-left .swiper-slide:nth-child(4) .item:nth-child(2) {-webkit-transition-delay: 1.4s;-moz-transition-delay: 1.4s;-o-transition-delay: 1.4s;transition-delay: 1.4s;} .articleShow.list-left .swiper-slide:nth-child(5) .item {-webkit-transition-delay: 1.6s;-moz-transition-delay: 1.6s;-o-transition-delay: 1.6s;transition-delay: 1.6s;} .articleShow.list-left .swiper-slide:nth-child(5) .item:nth-child(2) {-webkit-transition-delay: 1.8s;-moz-transition-delay: 1.8s;-o-transition-delay: 1.8s;transition-delay: 1.8s;} /*钁ｄ簨闀胯嚧杈?/ .chairman_info,.editor_chairman{background: url("../images/chairman_bg.jpg") repeat left top; width: 80%; margin: 2% auto 5% auto;} .editor_chairman{ position: relative;padding: 5% 0; } .editor_chairman:before, .editor_chairman:after{ content: ''; position: absolute; display: block; width: 14%; height: 20%; background: no-repeat center center; background-size: contain} .editor_chairman:before{ left: 3%; top: 0; background-image: url("../images/chairman_fuhao_t.png")} .editor_chairman:after{ right: 3%; bottom: 0; background-image: url("../images/chairman_fuhao_b.png")} .editor_chairman .name{ padding-bottom: 1%; border-bottom: solid 1px #e5e5e5} .editor_chairman .name b{ padding: 10px 0; display: block;font-size: 36px; font-weight: normal;} .editor_chairman .title{font-size: 24px; padding: 20px 0} .editor_chairman .txt { padding-top: 3%; padding-bottom: 5%} .editor_chairman .txt ul{display: flex; display:-webkit-flex;-webkit-justify-content: space-between; justify-content: space-between; flex-wrap: wrap; } .editor_chairman .txt ul li{ position: relative; padding-left: 16px; font-size: 16px; line-height: 31px;} .editor_chairman .txt ul li:before{ content: ''; position: absolute; left: 0; top: 14px; width: 4px; height: 4px; background: #222222;} .editor_chairman .txt2{ position: relative; padding-left: 16px; font-size: 16px; line-height: 31px;} /*鍐呴〉浼佷笟鏂囧寲*/ .corporate {position: relative;z-index: 3;padding: 115px 10% 96px;background: #f5faff;overflow: hidden;} .corporate-bg {position: absolute;right: -18.6%;top: 0;z-index: -1;width: 85%;height: 100%;background-position: right center;background-repeat: no-repeat;} .corporate-fix {margin-top: 20px;width: 700px;max-width: 100%;} .corporate-item {padding: 38px 0 32px;border-bottom: 2px solid #e9f0f8;} .corporate-info {margin-bottom: 22px;} .corporate-info:last-child {margin-bottom: 0;} .corporate-info dt {display: block;position: relative;padding-left: 18px;margin: 4px 0 5% 0;width: 100%;font-size: 27px; color: #e01f16;} .corporate-info dd {color: #666666;font-size: 16px; line-height: 31px;} .vision {position: relative;z-index: 3;padding: 80px 10% 76px;overflow: hidden;} .vision-bg {position: absolute;left: 0;top: 0;z-index: -1;width: 100%;height: 200%;background-position: center top;-o-background-size: 100% auto;background-size: 100% auto;} .vision-wrap {display: -webkit-flex;display: -moz-box;display: -ms-flexbox;display: flex;} .vision-title small {color: #fff;opacity: 0.5 !important;} .vision-title strong {color: #fff;} .vision-texts {margin-left: 156px;-webkit-flex: 1;-moz-box-flex: 1;-ms-flex: 1;flex: 1;margin-top: -10px;} .vision-texts p {color: #fff;font-size: 20px;line-height: 2; font-weight: 400;} .company-culture {position: relative;z-index: 3;padding: 92px 10% 67px;overflow: hidden;} .company-bg {position: absolute;right: 0;top: 0;z-index: -1;width: 80.8333%;height: 130%;background-position: center top;-o-background-size: cover;background-size: cover;} .culture-list {margin-top: 116px;width: 1170px;max-width: 100%;display: -webkit-flex;display: -moz-box;display: -ms-flexbox;display: flex;-webkit-flex-wrap: wrap;-ms-flex-wrap: wrap;flex-wrap: wrap;} .culture-list li {position: relative;z-index: 3;padding-bottom: 42px;border-bottom: 2px solid #c5c5c5;width: 30.08%;margin-right: 4.88%;margin-bottom: 68px;display: -webkit-flex;display: -moz-box;display: -ms-flexbox;display: flex;} .culture-list li:before {content: "";width: 0;height: 2px;background: #0066d9;position: absolute;right: 0;bottom: 0;-webkit-transition: 0.5s;-o-transition: 0.5s;-moz-transition: 0.5s;transition: 0.5s;z-index: -1;} .culture-list li:hover:before,.culture-list li.active:before {width: 100%;right: auto;left: 0;} .culture-list li:before {bottom: -2px;} .culture-list li:hover em {opacity: 1;visibility: visible;-webkit-transform: scale(1);-moz-transform: scale(1);-ms-transform: scale(1);-o-transform: scale(1);transform: scale(1);} .culture-list li:hover b {background: #0066d9;color: #fff;} .culture-list li:hover .culture-text strong {color: #0066d9;} .culture-list li:nth-child(3n+3) {margin-right: 0;} .culture-list li em {display: block;position: absolute;right: 0;top: -20px;font-style: normal;line-height: 1;color: #e5e3e3;font-size: 180px;font-family: "fontDIN";z-index: -1;opacity: 0;visibility: hidden;-webkit-transform: scale(0);-moz-transform: scale(0);-ms-transform: scale(0);-o-transform: scale(0);transform: scale(0);-webkit-transition: 0.45s;-o-transition: 0.45s;-moz-transition: 0.45s;transition: 0.45s;} .culture-list li b {display: block;width: 60px;height: 60px;text-align: center;line-height: 60px;border-radius: 50%;color: #000000;font-size: 30px;background: #f2f2f2;-webkit-transition: 0.4s;-o-transition: 0.4s;-moz-transition: 0.4s;transition: 0.4s;} .culture-list li b img{ margin-top: 17px;} .culture-text {-webkit-flex: 1;-moz-box-flex: 1;-ms-flex: 1;flex: 1;margin-left: 14px;min-height: 174px;} .culture-text strong {display: block;margin-bottom: 23px;line-height: 33px;color: #333333;font-size: 24px;-webkit-transition: 0.4s;-o-transition: 0.4s;-moz-transition: 0.4s;transition: 0.4s;} .culture-text p {color: #999999;font-size: 15px;line-height: 2.2;} /*鐮斿彂瀹炲姏*/ .company-yanfa {position: relative;z-index: 3;padding: 92px 10% 67px;overflow: hidden;} .company-bg {position: absolute;top: 0;z-index: -1;width: 100%;height: 100%;background-position: center top;-o-background-size: cover;background-size: cover; left: 50%; margin-left: -50%;} .yanfa-list {margin: 116px auto 0 auto;width: 80%;max-width: 100%;display: -webkit-flex;display: -moz-box;display: -ms-flexbox;display: flex;-webkit-flex-wrap: wrap;-ms-flex-wrap: wrap;flex-wrap: wrap;} .yanfa-list li {position: relative;z-index: 3;padding-bottom: 42px;border-bottom: 2px solid #c5c5c5;width: 100%;margin-bottom: 68px;display: -webkit-flex;display: -moz-box;display: -ms-flexbox;display: flex;} .yanfa-list li:before {content: "";width: 0;height: 2px;background: #0066d9;position: absolute;right: 0;bottom: 0;-webkit-transition: 0.5s;-o-transition: 0.5s;-moz-transition: 0.5s;transition: 0.5s;z-index: -1;} .yanfa-list li:hover:before,.yanfa-list li.active:before {width: 100%;right: auto;left: 0;} .yanfa-list li:before {bottom: -2px;} .yanfa-list li:hover em {opacity: 1;visibility: visible;-webkit-transform: scale(1);-moz-transform: scale(1);-ms-transform: scale(1);-o-transform: scale(1);transform: scale(1);} .yanfa-list li:hover b {background: #0066d9;color: #fff;} .yanfa-list li:hover .yanfa-text strong {color: #0066d9;} .yanfa-list li:nth-child(3n+3) {margin-right: 0;} .yanfa-list li em {display: block;position: absolute;right: 0;top: -20px;font-style: normal;line-height: 1;color: #e5e3e3;font-size: 180px;font-family: "fontDIN";z-index: -1;opacity: 0;visibility: hidden;-webkit-transform: scale(0);-moz-transform: scale(0);-ms-transform: scale(0);-o-transform: scale(0);transform: scale(0);-webkit-transition: 0.45s;-o-transition: 0.45s;-moz-transition: 0.45s;transition: 0.45s;} .yanfa-list li b {display: block;width: 60px;height: 60px;text-align: center;line-height: 60px;border-radius: 50%;color: #000000;font-size: 30px;background: #f2f2f2;-webkit-transition: 0.4s;-o-transition: 0.4s;-moz-transition: 0.4s;transition: 0.4s;} .yanfa-list li b img{ margin-top: 17px;} .yanfa-text {-webkit-flex: 1;-moz-box-flex: 1;-ms-flex: 1;flex: 1;margin-left: 14px;min-height: 174px;} .yanfa-text strong {display: block;margin-bottom: 23px;line-height: 33px;color: #333333;font-size: 24px;-webkit-transition: 0.4s;-o-transition: 0.4s;-moz-transition: 0.4s;transition: 0.4s;} .yanfa-text p {color: #999999;font-size: 15px;line-height: 2.2;} /*鍐呴〉浜у搧灞曠ず*/ .pro_menu { position: relative;z-index: 3; width: 85%; margin:3% auto 4% auto;} .pro_menu ul{text-align: center; display: flex; display:-webkit-flex; -webkit-justify-content: center; justify-content: center;flex-wrap: wrap;} .pro_menu .pro_type2{ } .pro_menu .pro_type2 a{ border: none!important;} .pro_type2{ margin-top:33px; line-height: 60px;text-align:center; position:relative; background:#f2f2f2; margin: 0 1% 2% 1%; text-align: center; width: 14%; transition: .5s; font-size: 18px;} .pro_type2 a{color: #333; text-align: center;display: block; } .pro_type2 a:hover{background:#e10a00;transition:all 0.9s ease 0s; -webkit-transition:all 0.9s ease 0s; color:#fff; border: none; } .pro_type2 .child_menu2{position:absolute;top:100%;left:50%;overflow:hidden;z-index:99999;height:0;width:100%; margin-left: -50%;} .pro_type2 .child_menu2 li{ font-size:16px!important; font-weight:normal; margin-bottom: 1px; background: #0c66bb!important;color:#fff; line-height:50px; border: none;} .pro_type2 .child_menu2 li a{color: #fff;} .pro_type2 .child_menu2 li:hover{background:#e9bc25; color:#333;} @media(max-width:1200px){ .pro_menu ul li{ font-size: 16px} } @media(max-width:768px){ .pro_menu ul { position: relative} .pro_menu ul li{width:25%;font-size: 12px} .pro_menu ul li a{ line-height: 400%;} .pro_menu ul li#menu16{ width: 25%} .pro_menu ul#col4:before{ content: ''; width: 100%; top: 50%; position: absolute; height: 1px; background: #e4e4e4; left: 0} } .se_honor{width: 85%; margin: 0 auto;} .se_honor ul{ width:100%;} .se_honor li{width:15%; float:left; padding:2% 2% 2% 2%; margin:0 2% 2% 0;overflow: hidden;position: relative;-webkit-transition: 0.5s;-o-transition: 0.5s;-ms-transition: 0.5s;-moz-transition: 0.5s;transition: 0.5s; border:1px solid transparent; border-color: rgba(151, 151, 151, 0.1); } .se_honor li .img{overflow: hidden;padding: 1% 1% 0 1%;} .se_honor li:nth-child(6n){ margin-right:0;} .se_honor li img{width:100%; transition:0.4s ease; -moz-transition:0.4s ease; -webkit-transition:0.4s ease;} .se_honor li:hover img{ transform:scale(1.2,1.2); -moz-transform:scale(1.2,1.2); -webkit-transform:scale(1.2,1.2);} .se_honor li em{text-align: center; list-style: 40px;} .se_case{width: 85%; margin: 0 auto;} .se_case ul{ width:100%;} .se_case li{width:18%; float:left; padding:1% 1% 0% 1%; margin:0 2% 2% 0;overflow: hidden;position: relative;-webkit-transition: 0.5s;-o-transition: 0.5s;-ms-transition: 0.5s;-moz-transition: 0.5s;transition: 0.5s; border:1px solid transparent; border-color: rgba(151, 151, 151, 0.1); } .se_case li .img{overflow: hidden;padding: 1% 1% 0 1%;} .se_case li:nth-child(5n){ margin-right:0;} .se_case li img{width:100%; transition:0.4s ease; -moz-transition:0.4s ease; -webkit-transition:0.4s ease;} .se_case li:hover img{ transform:scale(1.2,1.2); -moz-transform:scale(1.2,1.2); -webkit-transform:scale(1.2,1.2);} .se_case li em{text-align: center; line-height: 40px; display: block; } .main_pro{width: 85%; margin: 0 auto;} .main_pro ul{ width:100%;} .main_pro li{width:23%; float:left; margin:0 2% 2% 0;overflow: hidden;position: relative;-webkit-transition: 0.5s;-o-transition: 0.5s;-ms-transition: 0.5s;-moz-transition: 0.5s;transition: 0.5s; border:1px solid transparent; border-color: rgba(151, 151, 151, 0.3); } .main_pro li .img{overflow: hidden;padding: 1% 1% 0 1%;} .main_pro li:nth-child(4n){ margin-right:0;} .main_pro li img{width:100%; transition:0.4s ease; -moz-transition:0.4s ease; -webkit-transition:0.4s ease;} .main_pro li:hover img{ transform:scale(1.2,1.2); -moz-transform:scale(1.2,1.2); -webkit-transform:scale(1.2,1.2);} @media (max-width:769px){ .main_pro li{width:100%; float:left; margin:0 0% 2% 0;} .se_case li{width:100%; margin:0 0% 2% 0;} } .se_product{ margin-top: -18%;} .se_product .se_product_tit{width: 100%;display: flex; display:-webkit-flex;-webkit-justify-content: space-between; justify-content: space-between; padding: 2% 0 0 0} .se_tit{color: #fff;} .pro_mbx{ width:60%; height:60px; margin-bottom: 2%; text-align: right;color: #fff;} .pro_mbx .espcms_path{ width:90%; margin:0 auto; font-size:16px; line-height:60px;} .pro_mbx .espcms_path li{display: inline-block;} .pro_mbx .espcms_path li a{color: #fff;} .pro_mbx .espcms_path > li + li:before {padding: 0 5px;color: #fff;content: "/\00a0";} .se_product_nav{width: 100%; padding-bottom: 2%;} .se_product_nav ul{display: flex; display:-webkit-flex;-webkit-justify-content: center; justify-content: center;flex-wrap: wrap;} .se_product_nav li{ padding: 0 2.3%; border-right:1px solid transparent; border-color: rgba(255, 255, 255, 0.3); font-weight: 600; line-height: 20px; margin-bottom: 2%;} .se_product_nav li a{color: #fff;} .se_product_nav li:nth-child(1){ padding-left: 0;} .se_product_nav li:nth-child(6){ padding-right: 0;border-right:0;} .se_product_nav li a:hover{font-weight: 100;} .main_read{border:1px solid transparent; border-color: rgba(151, 151, 151, 0.2); width: 80%; margin: 0 auto 0 auto; padding: 3%; } .main_read h3{ text-align: center;} .main_read .main_date{text-align: center; margin: 2% 0;} .main_read_cont{} .main_read_cont p{line-height: 31px;} .main_read_cont img{margin: 0 auto; display: block; } /* 鏍峰紡涓€ */ .item .info{padding:20px 10px;background:#f2f2f2; text-align: center;} .item strong{display: block;width:95%;font-weight:100;} .item .line2{width:100%;height:2px;transform-origin: 100%;-webkit-transform-origin: 100%;-webkit-transition: -webkit-transform .7s cubic-bezier(0.165, 0.84, 0.44, 1);transition: -webkit-transform .7s cubic-bezier(0.165, 0.84, 0.44, 1);transition: transform .7s cubic-bezier(0.165, 0.84, 0.44, 1);transition: transform .7s cubic-bezier(0.165, 0.84, 0.44, 1),-webkit-transform .7s cubic-bezier(0.165, 0.84, 0.44, 1);transform: scaleX(0);-webkit-transform: scaleX(0);visibility: hidden\9;background-color:#0c66bb;text-transform: uppercase;} .item:hover .line2{transform: scaleX(1);-webkit-transform: scaleX(1);-moz-transform: scaleX(1);transform-origin: 0;-webkit-transform-origin: 0;visibility: visible\9;} .item:hover .info{background:#f2f2f2;} .item:hover strong{border-right:1px solid #f1f1f1;} /* 鏍峰紡涓€ */ @media (max-width:769px){ .main_read{width: 100%; } .item .info{padding:10px 0;} .main_read_cont img{width: 100%;} } .pro_read{ width: 80%; margin:7% auto 0 auto; height: 700px; position: relative;display: flex; display:-webkit-flex; -webkit-justify-content: space-between; justify-content: space-between; } .espcms_pro_photo{} .espcms_pro_photo li{ float:left; width:78px; margin-right:10px; text-indent:0; margin-top:0px} .espcms_pro_photo li img{width:76px;height:56px; } .espcms_pro_photo li a{ padding-left:20px;} .modal-dialog{width: 100%; margin:0px 0 0 20px; height:560px; border:1px solid transparent; border-color: rgba(151, 151, 151, 0.1);} .modal-content{height: 88% !important;} #showbigpic{width: 63 0px;margin: 0 auto;/*max-width:642px;*/} .piclist{width:89%;overflow: hidden; margin:30px auto 0 auto; padding:60px 0 9% 0;} .absolute{position:absolute} .arrow-left{top:63px;left:0;color:white;cursor: pointer;width:20px;height:100px; background:url(../images/lleft.png) no-repeat center top; transition:all 0.3s ease 0s; -webkit-transition:all 0.3s ease 0s;} .arrow-right{top:63px;right:0;color:white;cursor: pointer;width:20px;height:100px; background:url(../images/rright.png) no-repeat center top; transition:all 0.3s ease 0s; -webkit-transition:all 0.3s ease 0s;} .arrow-left:hover{ background:url(../images/left_h2.png) no-repeat center top;} .arrow-right:hover{ background:url(../images/right_h2.png) no-repeat center top;} #mycarousel{ transition: all .4s;} .pro_read .pro_read_l{ width:40%;} .pro_read .pro_read_l img{ width:100%; margin: 0 auto; display: block;} .pro_read .pro_read_r{ width:45%; margin:45px 0 0 0;} .proonefltit { padding-bottom: 15px; position: relative; z-index: 1; display: table } .proonefltit:before { content: ""; height: 1px; background-image: linear-gradient(to right, #f21f0f 60%, rgba(242, 31, 15, 0)); position: absolute; left: 0; right: 0; bottom: 0; opacity: 0.33 } .proonefltit:after { content: ""; width: 94px; height: 3px; background: #f21f0f; position: absolute; left: 0; bottom: 0 } .proonefltit h3 { color:#333; margin-bottom: 2%;} .proonefltit h3:before { content: ""; width: 78px; height: 89px; background: url(../images/info_a.png) center no-repeat; background-size: 100%; display: block; position: absolute; left: -28px; top: -56px; z-index: -1 } .prooneflcs { clear: both; display: block; overflow: hidden; margin-top: 8%; margin-bottom: 40px } .prooneflcs li { float: left; background: url(../images/prooneicon07.png) no-repeat left center; text-align: left; font-size: 18px; color: #0c66bb; font-weight: bold; line-height: 30px; padding: 8px 0 8px 25px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis } .prooneflcs li:first-child { margin-right: 66px } .pro_read_r .proonefrbox{margin:1% 11px 9px 11px; position:relative; border-radius:5px; padding:10px 15px; z-index:2; } .pro_read_r .proonefrbox:after{content:''; position:absolute; left:0px; bottom:0px; right:0px; top:0px; background:#fff; z-index:2; border-radius:5px; box-shadow:0px 4px 20px rgba(0, 0, 0, 0.2) inset; } .pro_read_r .proonefrbox:before{content:''; position:absolute; left:-11px; right:-11px; top:-9px; bottom:-9px; background:url(../images/homefivebg.jpg) repeat; z-index:1; box-shadow:0px 4px 20px rgba(0, 0, 0, 0.2); border-radius:5px; } .pro_read_r .proonefrbox p{position:relative; z-index:3; clear:both; display:block;font-size:16px; line-height:31px; padding:5px 0px; color:#1b1b1b; } .pro_read_r .proonefrbox p strong{font-weight:normal; } .pro_read .pro_read_r .proread_date{ font-size:15px; color:#666; line-height:28px; margin-top: 30px;} .pro_read .pro_read_r .proread_date a{ color:#666;} .proonefritem{clear:both; padding-top:20px; position:relative; padding-left:75px; } .proonefritem .proonefritempic{position:absolute; width:50px; margin-right:10px; left:0px; top:20px; } .proonefritem .proonefritemtit{float:left; border:1px dashed #eee; line-height:40px; border-radius:10px; padding:0px 15px; position:relative; margin-top:19px; color:#333; font-size:18px; } .proonefritem .proonefritemtit:after,.proonefritem .proonefritemtit:before{color:#de7a1b; font-size:26px; font-weight:bold; position:absolute; line-height:1; } .proonefritem .proonefritemtit:after{content:'"'; left:-18px; top:-7px; } .proonefritem .proonefritemtit:before{content:'"'; right:-15px; bottom:-19px; } .prooneflzx { padding-left: 18px; margin-top: 80px } .prooneflzx .btn1 { width: 270px; height: 70px; background: #fff6f6; border: 2px solid #f2f2f2; border-radius: 100px; display: block; box-shadow: 0 14px 24px rgba(0, 0, 0, 0.1); float: left; font-size: 16px; color: #0c0d0f; line-height: 1; padding: 7px 48px 7px 90px; position: relative } .prooneflzx .btn1:before { content: ""; width: 90px; height: 90px; background: url(../images/prooneicon06.png) center no-repeat; background-size: 100%; display: block; position: absolute; left: -18px; top: 50%; margin-top: -45px }.prooneflzx .btn1:after { content: ""; width: 100px; height: 100px; background: url(../images/prooneicon05.png) center no-repeat; background-size: 100%; display: block; position: absolute; left: -23px; top: 50%; margin-top: -50px; animation: cpxqOnexz1 3s linear infinite } .prooneflzx .btn1 span { font-size: 22px; color: #0c66bb; font-weight: bold; margin-top: 10px; display: block } .prooneflzx .btn1:hover { background: #0c66bb; border: 2px solid #b2d6f7; color: #fff } .prooneflzx .btn1:hover span { color: #fff } .prooneflzx .btn2 { width: 245px; height: 55px; background-image: linear-gradient(#0c66bb, #08559d); border-radius: 100px; padding: 10px 0 10px 77px; box-shadow: 0 8px 0 -6px #fff; float: right; font-size: 16px; color: #60acf4; line-height: 1; position: relative } .prooneflzx .btn2:before { content: ""; width: 38px; height: 45px; background: url(../images/icon_tel1.png) center no-repeat; background-size: 100%; display: block; position: absolute; left: 28px; top: 50%; margin-top: -22px } .prooneflzx .btn2 span { font-size: 28px; color: #fff6f6; font-weight: bold; margin-top: 6px; display: block } .prooneflfw { margin-top: 28px } .prooneflfw p { background: url(../images/prooneicon08.png) left center no-repeat; width: 140px; background-size: 10px; padding-left: 19px; font-size: 16px; color: #606470; line-height: 1.5; float: left; margin-left: 28px } .prooneflfw p:first-child { margin-left: 0 } @-webkit-keyframes cpxqOnexz1 { from { -webkit-transform: rotate(0); transform: rotate(0) } to { -webkit-transform: rotate(360deg); transform: rotate(360deg) } } @keyframes cpxqOnexz1 { from { -webkit-transform: rotate(0); transform: rotate(0) } to { -webkit-transform: rotate(360deg); transform: rotate(360deg) } } .pro02BoxBotNav{background:#0c66bb; margin:5rem 0; width: 100%; height: 100px;} .pro02BoxBotNav .s_width{width: 80%;} .pro02BoxBotNav h2{width:65%;color: #fff; padding: 2% 0;} .pro02BotNav{padding:0; width: 65%;display: flex; display:-webkit-flex;-webkit-justify-content:flex-start; justify-content:flex-start; } .pro02BotNav li{ margin:0 2% 0 0; padding:0; width:20%; text-align:center; font-size:18px; color:#fff; line-height:66px; position:relative; cursor:pointer; transition:all 0.3s ease 0s; -webkit-transition:all 0.3s ease 0s; float: left;background:url(../images/pronav.jpg) no-repeat center top;} .pro02BotNav li:first-child{ border-left:none;} .pro02BotNav li:after{ position:absolute; left:50%; margin-left:-10px; bottom:0; opacity:0; display:block; content:"";width:0; height:0; border-left:10px solid transparent;border-right:10px solid transparent;border-top:11px solid #fff;transition:all 0.3s ease 0s; -webkit-transition:all 0.3s ease 0s;} .pro02BotNav li.active{ background:#fff; color:#333;} .pro02BotNav li.active:after{ opacity:1; bottom:-11px;} .pro02BotNav li:hover{ background:#f2f2f2; color:#333;} .pro02BoxBotCon{ font-size:16px; color:#5a5a5a; line-height:24px;} .pro02BoxBotCon .swiper-slide{ color:#5a5a5a;} .pro02BoxBotConText{ padding:0 0 30px; width: 80%; margin: 0 auto;} .pro02BoxBotConText img{ margin:10px auto; max-width:100%;} .pro02BoxBotConText p{ line-height: 31px;} .pro02BoxTit{ font-size:30px; color:#3d3d3d; line-height:200%; padding:0px 0 10px 30px;background:url(../images/index-tag.png) no-repeat left top 24px; } .pro02BoxBrief{ font-size:16px; color:#5a5a5a; line-height:24px; padding:0 26.5% 30px;} .pro02BotImg3{ padding-bottom:20px;} .pro02BotImg3 li{ padding-bottom:15px;} .pro02BotImg3Con{ font-size:14px; color:#5a5a5a; line-height:24px; padding:0 23%;} .pro02BotImg3Con h4{ font-size:26px; color:#3d3d3d; line-height:180%;} .pro02BotImg5{ border-top:1px solid #bebebe; border-bottom:1px solid #bebebe; font-size:0; padding:30px 0;} .pro02BotImg5Con{ display:inline-block; vertical-align:middle; width:50%; padding:0 5%; font-size:16px; text-align:center;} .pro02BotImg5Con h4{ font-size:30px; color:#3d3d3d; line-height:150%; padding:10px 0;} .pro02BotImg5 img{ display:inline-block; vertical-align:middle; width:50%;} /*鍏宠仈浜у搧*/ .se_guanlian{width: 100%; padding: 4% 0; background: #f2f2f2;} .se_guanlian ul{width: 80%; margin: 0 auto; overflow: hidden; } .espcms_info_pager{ width:80%; margin:0 auto 105px auto;} .espcms_info_pager li{ width:46%; float:left; text-align:left; padding-left:10px; background:#f2f2f2; line-height:50px; margin-right:5%} .espcms_info_pager li:nth-child(2n){ margin-right:0px;} @media (max-width:769px){ .pro02BoxBot{ margin-bottom: 25%;} .n_nav{bottom:0;width:100%;} .main_tit p{font-size: 63px;top: -33px;} .se_tuandui{ padding:1rem 0 1rem 0} .se_tuandui li{width: 47%;} .se_tuandui li .p-name{height: 40px;line-height: 40px; font-size: 16px;} .pro_read{width: 94%;z-index: 5;left: 50%;margin-left: -47%;background-color: #fff;top: 10%;padding-bottom: 0rem;} .pro_read .pro_read_l{ float:left; width:100%; background-color: #fff; padding: 0 0 0 0; height: 290px;} .pro_read .pro_read_l img{ height: auto;} .modal-dialog{height:310px;} .pro_read .pro_read_r{ width:100%; padding-left: 3%; } .pro_read .pro_read_r .proread_lx{display: none;} .pro_read .pro_read_r .proread_tel li:after{ content:""; width:8px; height:15px; background:url(../images/jtr.png) no-repeat center top; display:inline-block; margin-left:0px;} .inbanner {height: 670px;} .n_nav a{ padding: 0 3%;; text-align: center;height: 40px;line-height: 40px; font-size: 15px;} .pro02BotNav{ width: 100%;} .pro02BotNav li{ margin:0 1% 1% 0; padding:10px 0; min-width:32%; text-align:center; font-size:18px; color:#212020; line-height:25px; border-left:none; background: #f2f2f2;} .pro02BoxBotNav{ margin:4rem 0 0 0; width: 100%; height:100px;background: none;} .pro02BoxBotConText{ padding:0 0 30px; width: 95%; margin: 0 auto;} .control-label{float: left;height: 50px;line-height: 50px;width:30%;font-size: 14px;} .form-group{padding:0.8rem 10px;font-size: 16px;color: #666;line-height: 35px; width:100%; float:left; margin:0 20px 0px 0rem;} .espcms_page_botton{text-align: center;border-top: 1px solid #E0E0E0;padding:10px 0px 10px 0;} .espcms_info_pager li{ width:100%;} } /*鍐呴〉鏂伴椈*/ .se_list{width: 80%; margin: 0 auto;} .se_list li{float: left; width: 30.836%; margin-left: 3.746%; margin-bottom: 3.746%;overflow: hidden; background: #f9f9f9;transition: 0.5s} .se_list li a{ display: block; position: relative;transition: 0.6s; } .se_list li .pic{overflow: hidden;} .se_list li .pic span{ padding-bottom: 66.464%; } .se_list li .pic span img{ width:100%; transition:0.4s ease; -moz-transition:0.4s ease; -webkit-transition:0.4s ease; } .se_list li .pic span:hover img{ transform:scale(1.2,1.2); -moz-transform:scale(1.2,1.2); -webkit-transform:scale(1.2,1.2);} .se_list li .txt{ padding: 8%; transition: 0.5s;} .se_list li .txt:after{ content: ''; height: 14px; width: 14px; display: block;background:url(../images/jt_icon.png) no-repeat right center; transition: 0.5s} .se_list li .txt h4{ font-size: 20px; line-height: 32px; height: 35px; margin: 15px 0; font-weight: 200;} .se_list li .txt h5{ font-size: 16px; color: #999999} .se_list li .txt p{ height: 60px; line-height: 30px; margin-bottom: 20px; color: #999999} .se_list li .time{ font-size: 14px; text-align: center; padding: 6px 8px; position: absolute; left: 8%; top: 8%; background-color: #0c66bb; color: #fff} .se_list li .time b{ display: block; font-size: 30px; font-weight: normal} .se_list li .time2{ font-size: 14px; padding-bottom: 4%} .se_list li a:hover .time2, .se_list li a:hover .txt h4, .se_list li a:hover .txt h5, .se_list li a:hover .txt p{ color: #fff} .se_list li a:hover .txt p{ opacity: 0.6} .se_list li a:hover .txt:after{background-position: left} .se_list li a:hover{ box-shadow: 0 0 30px 0px rgb(255,52,52,0.40)} .se_list li:hover{background:#0c66bb} @media(min-width:1024px){ .se_list li:nth-child(3n+1){ margin-left: 0; clear: both;} } @media(max-width:1024px){ .se_list li{ width: 48.5%; margin-left: 3%} .se_list li:nth-child(2n+1){ margin-left: 0; clear: both;} .se_list li .txt h5, .se_list li .txt p{ font-size: 14px;} .se_list li .txt p{ line-height: 22px; height: 44px;} .se_list li .txt h4{ font-size: 18px; line-height: 28px; height:56px; } } @media(max-width:768px){ .sub{font-size:18px;} .sub li{ display: block; float: left; padding: 0; width: 25%} .se_list li .txt h4{ font-size: 16px;line-height: 24px; height: 48px;} .se_list li .time{ padding: 4px; font-size: 12px; left: 2%; top: 2%} .se_list li .time b{ font-size: 18px;} } /*se_hangye*/ .newsout {padding: 0 0 120px;} .newslist {padding: 0 0 120px;width: 100%;} .newslist li {width: 100%;padding: 38px 0;background-color: #eee;border-bottom: 2px solid #fff;} .newslist li:nth-child(even) {background-color: #f5f5f5;} .newslist li .lin {max-width: 1200px;margin: 0 auto;} .newslist li a {display: block;position: relative;padding-left: 0;min-height: 220px;overflow: hidden;padding-right: 166px;} .newslist li a:after {content: '';position: absolute;right: 130px;top: 40px;z-index: 2;width: 1px;height: 143px;background-color: rgba(0, 0, 0, 0.1);} .newslist li .pic {position: absolute;left: 0;top: 0;z-index: 1;width: 0;height: 220px;overflow: hidden;} .newslist li .pic img {width: 386px;height: 100%;} .newslist li h3 {font-size: 18px;color: #333;line-height: 30px;height: 30px;overflow: hidden;padding-top: 28px;} .newslist li .txt {font-size: 16px;color: #666;line-height: 32px;overflow: hidden;height: 64px;text-align: justify;margin: 18px 0 24px;} .newslist li .date {font-size: 16px;color: #666;line-height: 30px;height: 30px;background: url('../images/clock.png') 0 center no-repeat;font-family: 'helvetica';padding-left: 28px;} .newslist li label {display: block;width: 28px;height: 28px;font-size: 0;cursor: pointer;background: #282f89 url('../images/jtr-n.png') center no-repeat;border-radius: 50%;position: absolute;right: 0;top: 50%; z-index: 1;margin-top: -14px;} .newslist li:hover {background-color: #282f89;} .newslist li:nth-child(2n):hover {background-color: #f84d47;} .newslist li:hover a {padding-left: 426px;} .newslist li:hover a:after {background-color: rgba(255, 255, 255, 0.2);} .newslist li:hover .pic {width: 386px;} .newslist li:hover h3 {color: #fff;} .newslist li:hover .txt {color: rgba(255, 255, 255, 0.7);} .newslist li:hover .date {background-image: url('../images/clock2.png');color: #fff;} .newslist li:hover label {background-image: url('../images/jtr-nh.png');background-color: #fff;} .newslist li,.newslist a:after,.newslist h3,.newslist .date,.newslist label {-webkit-transition: 0.4s;transition: 0.4s;} .newslist a,.newslist .pic {-webkit-transition: 1s;transition: 1s;} .newslist .txt {-webkit-transition: color 0.4s;transition: color 0.4s;} @media screen and (max-width: 1440px) { .newsout { padding: 0 0 80px;} .newslist { padding: 0 0 80px;} } @media screen and (max-width: 1280px) { .newslist li a { padding-left: 426px; padding-right: 20px;} .newslist li:hover a {padding-left: 426px;} .newslist li a:after {display: none;} .newslist li label {display: none;} .newslist li .pic {width: 386px;left: 20px;} .newslist li:hover .pic {width: 386px;} } @media screen and (max-width: 1000px) { .newslist li h3 {padding-top: 10px;} .newslist li .txt {height: auto;max-height: 96px;} } @media screen and (max-width: 840px) { .newslist li a {padding-left: 46%;padding-right: 3%;} .newslist li:hover a {padding-left: 46%;} .newslist li .pic {width: 40%;left: 3%;} .newslist li:hover .pic {width: 40%;} .newslist li .pic img {position: absolute;left: 50%;margin-left: -193px;} } @media screen and (max-width: 600px) { .newsout {padding: 0 0 60px;} .newslist {padding: 0 0 60px;} .newslist li a {padding-left: 3%;} .newslist li:hover a {padding-left: 3%;} .newslist li .pic {position: relative;width: 100%;left: 0;height: auto;} .newslist li:hover .pic {width: 100%;} .newslist li .pic img {position: static;left: 0;margin-left: 0;width: 100%;height: auto;} } /*se_hangye*/ .se_news_con{ padding:40px 0 0 0; width:100%; margin:0 auto;} .se_news_con ul{ } .se_news_con li{ margin-bottom:15px;position:relative; overflow:hidden; cursor: pointer;position:relative; top:0; padding:25px 0; transition:all 0.3s ease 0s; -webkit-transition:all 0.3s ease 0s; border-bottom:1px solid #eee} .se_news_con li:hover { background:#1d1d1d; top:20px;} .se_news_con .se_news_da{ width:1380px; margin:0 auto} .se_news_l{ width:300px; position:relative; overflow:hidden; height:200px; } .se_news_l img{ width:100%; transition:0.4s ease; -moz-transition:0.4s ease; -webkit-transition:0.4s ease; } .se_news_l:hover img{ transform:scale(1.1,1.1); -moz-transform:scale(1.1,1.1); -webkit-transform:scale(1.1,1.1);} .se_news_r{ width: 976px; position: relative; z-index: 2; padding:10px 20px 0 0} .se_news_r span{ display:block; background:url(../images/yuan.png) no-repeat left center; line-height:35px; font-size:14px; color:#888; padding:0 0 0 20px;} .se_news_r h3{ font-size:14px; color:#555555; padding:5px 0 10px 0; font-weight:normal;} .se_news_r h3 a{ font-size:23px; color:#333; text-transform:uppercase; display:block; line-height:50px;transition:all 0.2s ease 0s; -webkit-transition:all 0.2s ease 0s;} .se_news_r h3 a:hover{ color:#fff; } .se_news_r p{ line-height:28px; color:#777; padding:10px 0 10px 0; font-size:15px;} .se_news_r .se_news_more{ width:120px; border:1px solid #f2f2f2; background:#f2f2f2; line-height:30px; text-align:center; transition:all 0.3s ease 0s; -webkit-transition:all 0.3s ease 0s;} .se_news_r .se_news_more a{ color:#666; font-size:14px;} .se_news_r .se_news_more a:hover{ color:#fff; } .se_news_con li:hover .se_news_more{ background:#fff; border:1px solid #fff; } .se_news_con li:hover .se_news_more a{ color:#ca2c2c; } .se_news_con li:hover .se_news_r h2 a{ color:#fff; } .se_news_con li:hover .se_news_r h2{ color:#fff; } .se_news_con li:hover .se_news_r p{ color:#fff; } @media( max-width:1366px ){ .se_news_con .se_news_da{ width:90%; margin:0 auto} .se_news_r{ width: 70%; } } @media (max-width:769px){ .se_news_con{ padding:0px 0 0 0;} .se_news_con .se_news_da{width: 100%;} .se_news_l{display: none;} .se_news_r{width: 95%;} } /*鍐呴〉浜у搧妗堜緥*/ .se_tuandui { width:90%; margin:0 auto; padding:0px 0 20px 0} .se_tuandui ul{ width:100%;} .se_tuandui li{float:left; padding:0; width:29.8%; margin:0 5% 25px 0; position:relative; overflow:hidden; background:#fff; border:1px solid #eee;} .se_tuandui li .p-img{ width:100%; text-align:center; position:relative; overflow:hidden } .se_tuandui li .p-name{ height:85px; line-height:85px; word-break:break-all; word-wrap: break-word; overflow:hidden;text-align: center;font-size:22px; color:#333;} .se_tuandui li .p-name em{ display:block; font-size:19px; color:#fff;} .se_tuandui li .p-img img{ width:100%; transition:0.4s ease; -moz-transition:0.4s ease; -webkit-transition:0.4s ease; } .se_tuandui li:hover img{ transform:scale(1.1,1.1); -moz-transform:scale(1.1,1.1); -webkit-transform:scale(1.1,1.1);} .se_tuandui p{ font-size:16px; line-height:35px; color:#666;} .se_tuandui p span{ font-size:17px; color:#af1318;} .se_tuandui li:nth-child(3n){ margin:0 0 25px 0;} @media( max-width:1279px){ .se_tuandui li .p-name{ height:55px; line-height:55px; word-break:break-all; word-wrap: break-word; overflow:hidden;text-align: center;font-size:20px; color:#fff;} } @media only screen and (max-width:750px ){ .se_tuandui li{float:left; padding:0; width:48%; margin:0 0.5% 25px 0.5%; position:relative; overflow:hidden; background:#fff; border:1px solid #eee;} .se_tuandui li .p-name{ height:55px; line-height:55px;font-size:18px; } .se_tuandui p{ font-size:14px; line-height:35px; color:#666;} } /*鑱旂郴鎴戜滑*/ .contact_info { padding-bottom: 3%; width: 80%; margin: 0 auto;} .contact_info .column_name{ padding: 4% 0} .contact_info .column_name .en{ font-size: 38px} .contact_info .txt{ padding: 1% 0; line-height: 36px; text-align: center; font-size: 18px; color: #666666; margin: auto; max-width: 640px} .contact_info .ewm{ text-align:center; padding-top: 3%} .contact_info .ewm b{ display: block; font-size: 20px; padding-top: 15px; color: #222222; font-weight: normal} .contact_info .ewm span{ display: inline-block;position: relative;padding:0 20%; } .contact_info .ewm span:before, .contact_info .ewm span:after{ content: ''; position: absolute; display: block; width:20%; height: 100%; background: no-repeat center center; background-size: contain} .contact_info .ewm span:before{ left:0; top: 0; background-image: url("../images/left_yh.jpg")} .contact_info .ewm span:after{ right:0; bottom: 0; background-image: url("../images/right_yh.jpg");} .contact_message{ background: #ff4735 url(../images/contact_message_bg.jpg) no-repeat center top; background-size: cover; padding: 7% 0} .contact_message .column_name .cn{ font-weight: bold} .contact_message .box{ padding: 3% 6%; background: #fff;} .column_name{ padding: 2% 0; text-align: center; color: #222; position: relative} .column_name span{ display: block;} .column_name .cn{ font-size: 30px;} .column_name .en{ font-size: 41px; font-weight: bold} .column_name .en.f20{ font-size: 20px; text-transform: uppercase} .contact_message .txt{ text-align: center; font-size: 18px; padding-bottom: 5%; color: #666666} .contact_info .info { padding: 2% 0} .contact_info .info ul{ display: table; width: 100%;} .contact_info .info li{ width: 24%; padding: 2%; display: table-cell; background: #f9f9f9} .contact_info .info li.empty{ padding: 0; width: 2%; background: none} .contact_info .info li span{ display: block; padding-top: 55px; background: no-repeat left top; padding-bottom: 15px;} .contact_info .info li:nth-child(1) span{ background-image: url(../images/lx_icon1.png)} .contact_info .info li:nth-child(3) span{ background-image: url(../images/lx_icon2.png)} .contact_info .info li:nth-child(5) span{ background-image: url(../images/lx_icon3.png)} .contact_info .info li:nth-child(7) span{ background-image: url(../images/lx_icon4.png)} .contact_info .info li:nth-child(1):hover span{ background-image: url(../images/lx_icon1_on.png)} .contact_info .info li:nth-child(3):hover span{ background-image: url(../images/lx_icon2_on.png)} .contact_info .info li:nth-child(5):hover span{ background-image: url(../images/lx_icon3_on.png)} .contact_info .info li:nth-child(7):hover span{ background-image: url(../images/lx_icon4_on.png)} .contact_info .info li:hover{ color: #fff;box-shadow: 0 0 30px 2px rgb(255,52,52,0.5); background: #1d6bdd;} .panel-body{overflow: hidden; width:80%; margin:0 auto;} .col-sm-2{display: none;float: left;height: 65px;width: 15%;text-align: right;vertical-align: middle;font-size: 14px;min-height: 1px;color: #333;} .form-control{padding: 0 3px 0 10px;float: left; width:100%;overflow: hidden;border:none;background:#f2f2f2;font-size: 16px;color: #666;line-height: 60px;} .control-label{display: none;float: left;height: 65px;width: 15%;text-align: right;vertical-align: middle;font-size: 14px;min-height: 1px;color: #333;} .form-group{padding:0.8rem 10px;font-size: 16px;color: #666;line-height: 35px; float:left; width: 33%;} .ffcontent{width: 100%; display:block} .form-group2{padding: 10px 10px;background: rgba(255,255,255,0.9);font-size: 16px;color: #666;line-height: 35px; width:40%; float:left; margin:0 20px 0px 0;} .btn-success{ display:block; background: #0b1634; color:#fff;width: 100%; font-size: 20px; height:58px; line-height: 58px; border:none!important; margin:0 auto; padding:0 31px; float: none; } .btn-success a{} #feedback input::placeholder{ color:#333; } @media(max-width:640px){ .contact_info .info li{ display: block; width: 49%; float:left; margin-right:2%; margin-bottom:2%;} .contact_info .info li:nth-child(3), .contact_info .info li:nth-child(7){ margin-right:0;} .contact_info .info li:nth-child(5){ min-height:110px;} .contact_info .info li:nth-child(7){ margin-right:0;} .contact_info .info li.empty{display:none} .contact_info .info li span{ padding-top:35px;} .contact_info .info li:hover{box-shadow: 0 0 10px 0 rgb(255,52,52,0.5)} .contact_info .ewm b, .contact_info .column_name .en, .contact_info .txt{font-size:16px;} .contact_info .txt{ line-height: 26px} } /*鍐呴〉鎷涜仒淇℃伅*/ .linian {text-align: center;} .linian h2.btitle {font-size: 42px;color: #222;line-height: 66px;height: 66px;overflow: hidden;} .linianfig {position: relative;width: 1000px;max-width: 100%;height: 400px;overflow: hidden;margin: 0 auto;} .liniancon {margin: 30px 0 90px;font-size: 16px;color: #333;line-height: 34px;} .liniancon img {max-width: 100%;} .zpout {padding: 110px 0 120px; width: 80%; margin: 0 auto;;} .rec-head {height: 76px;background-color: #f2f2f2;overflow: hidden;padding-left: 70px;border-bottom: 2px solid #333;} .rec-head .th {float: left;padding: 18px 0;width: 20%;height: 76px;overflow: hidden;font-size: 16px;color: #222;line-height: 40px;text-align: center;} .rec-head .th.zhiwei {text-align: left;} .reclist {background-color: #fff;} .reclist li {border-bottom: 1px solid #ddd;} .rec-hand {height: 64px;line-height: 64px;background-color: #fff;padding-left: 70px;overflow: hidden;-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;} .rec-hand .td {float: left;padding: 12px 0;width: 20%;overflow: hidden;font-size: 16px;color: #222;line-height: 40px;text-align: center;height: 40px;} .rec-hand .td.zhiwei {text-align: left;} .reclist li:hover .rec-hand {background-color: #eee;} .reclist li.on .rec-hand {background-color: #333;} .reclist li.on .rec-hand .td {color: #fff;} .reclist li,.rec-hand,.reclist .td {-webkit-transition: 0.5s;transition: 0.5s;} .reclist .rec-con {display: none;} .rec-txt {color: #444;line-height: 31px;padding: 34px 70px 46px;background-color: #f7f7f7;} .rec-txt .email {color: #1d6bdd;} .rec-txt .email:hover {text-decoration: underline;} @media screen and (max-width: 1080px) { .rec-head,.rec-hand { padding-left: 40px;} .rec-txt {padding: 34px 40px 46px;} } @media screen and (max-width: 750px) { .rec-head .th {width: 33%;} .rec-head .th.bumen {display: none;} .rec-hand .td {width: 33%;} .rec-hand .td.bumen {display: none;} .rec-head,.rec-hand {padding-left: 20px;} .rec-txt {padding: 34px 20px 40px;} .linian {padding-top: 20px;} .linian h2.btitle {font-size: 34px;} .zpout {padding: 25px 0; width: 95%;} .liniancon {margin: 30px auto 50px auto; width: 95%; line-height: 28px;} } /*闂瓟*/ .service-time { width: 90%; margin: 0 auto;} .problem-item {padding: 34px 0;border-bottom: 1px solid #f3f3f3;} .problem-box {padding: 42px 10% 60px;} .problem-top {position: relative;padding-left: 70px;cursor: pointer;} .problem-top.active b {transform: rotate(180deg);} .problem-top i {display: block;position: absolute;left: 0;top: 0;width: 44px;height: 32px;line-height: 32px;text-align: center;color: #fff;font-size: #ffffff;border-radius: 3px 3px 3px 0px;background: #129de8; font-style: normal;font-size: 18px;font-family: Arial, Helvetica, sans-serif;} .problem-top i:before {position: absolute;left: 0;bottom: -6px;content: "";border-right: 6px solid transparent;border-top: 6px solid #129de8;} .problem-top strong {display: block;line-height: 32px;color: #3f505f;font-size: 20px;font-weight: bold;} .problem-top b {display: block;position: absolute;right: 0;top: 50%;margin-top: -8px;line-height: 1;color: #afafaf;font-size: 16px;font-weight: bold;transition: 0.38s;} .problem-top em {display: block;position: absolute;right: 0;top: 50%;margin-top: -8px;line-height: 1;color: #afafaf;font-size: 16px;font-weight:100;transition: 0.38s;} .problem-texts {display: none;padding-top: 20px;padding-left: 72px;} .problem-texts p {color: #6e777e;font-size: 16px;line-height: 2;} .p_float{ position:fixed; width:80px; bottom:0; right:0; z-index:9999; opacity:0} .p_float li{ height:78px; width:78px;text-align:center; background:#abce02; position:relative; transition:all 0.3s ease 0s; -webkit-transition:all 0.3s ease 0s;} .p_float p{ line-height:78px; color:#fff; font-size:16px;} @media (max-width:769px){ .contact{ width:90%; margin:50px auto;} .ny_contact .s_width{ width:90%; } .ny_contact_l{ width:100%;padding:10px;} .ny_contact_r{ width:100%;padding:10px;} .p_float{display: none;} } .mbx{ width:100%; height:60px; border-bottom:1px solid #eaefed; margin-bottom: 2%;} .mbx .espcms_path{ width:90%; margin:0 auto; font-size:16px; line-height:60px;} .mbx .espcms_path li{display: inline-block;} .mbx .espcms_path > li + li:before {padding: 0 5px;color: #ccc;content: "/\00a0";} @media (max-width:769px){ .mbx{ display: none; } } .container{width: 80%; margin: 0 auto; line-height: 31px;} .espcms_page_botton{text-align: center;border-top: 1px solid #E0E0E0;padding:50px 0px 15px 0;} .btn-default {color: #333;background-color: #fff;border-color: #ccc;outline: 0px;} .btn {display: inline-block;padding: 6px 12px;margin-bottom: 0;font-size: 14px;font-weight: normal;line-height: 1.42857143;text-align: center;white-space: nowrap;vertical-align: middle;-ms-touch-action: manipulation;touch-action: manipulation;cursor: pointer; -webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;background-image: none;border: 1px solid transparent;border-radius: 4px;} .btn-group, .btn-group-vertical {position: relative;display: inline-block;vertical-align: middle;} .btn-default {color: #333;background-color: #f2f2f2;outline:0px; margin-right:1px;} .btn-default:focus,.btn-default.focus {color: #333;background-color: #333;outline:0px} .btn-default:hover {color: #333;background-color: #e6e6e6;outline:0px} .btn-default:active,.btn-default.active {color: #fff;background-color: #f63c2f;outline:0px} .btn-default:active:hover,.btn-default.active:hover,.open > .dropdown-toggle.btn-default:hover,.btn-default:active:focus,.btn-default.active:focus,.open > .dropdown-toggle.btn-default:focus,.btn-default:active.focus, .btn-default.active.focus,.open > .dropdown-toggle.btn-default.focus {color: #fff;background-color: #333;} .btn-default:active,.btn-default.active,.open > .dropdown-toggle.btn-default {background-image: none;} .btn-default.disabled,.btn-default[disabled],fieldset[disabled] .btn-default,.btn-default.disabled:hover,.btn-default[disabled]:hover,fieldset[disabled] .btn-default:hover,.btn-default.disabled:focus, .btn-default[disabled]:focus,fieldset[disabled] .btn-default:focus,.btn-default.disabled.focus,.btn-default[disabled].focus,fieldset[disabled] .btn-default.focus,.btn-default.disabled:active,.btn-default[disabled]:active, fieldset[disabled] .btn-default:active,.btn-default.disabled.active,.btn-default[disabled].active,fieldset[disabled] .btn-default.active {background-color: #fff;border-color: #ccc;} .btn-default .badge {color: #fff;background-color: #333;} @media (max-width:769px){ .btn {display: inline-block;padding: 6px 12px;margin-bottom: 0;font-size: 12px;} .espcms_page_botton{padding:50px 0px 7% 0;} } /*鎻愰啋*/ .espcms_warn{background-color: #fff;padding:50px 0px 80px 0px;width:100%;margin: 0px auto;border-radius: 10px;} .espcms_warn .form-control-icon-feedback {line-height: 45px;font-size: 20px; color: #4D4D4D;position: absolute;top: 0;z-index: 2;display: block;width: 34px;height: 34px;text-align: center;pointer-events: none;} .espcms_warn > h2 {font-size: 30px;font-weight: 300;line-height: 40px;position: relative;} .espcms_warn > h3 {font-size: 20px;font-weight: 300;line-height: 30px;position: relative;} .member_list_div{overflow: hidden;} .member_list_div .h4{padding: 0px;margin: 0px;font-size:14px;} .member_list_div .order_bottom{padding-top:15px;} .mt20{margin-top:20px !important;}.mb1{margin-bottom:1px !important;}.mb2{margin-bottom:2px !important;}.mb5{margin-bottom:5px !important;}.mb10{margin-bottom:10px !important;}.mb20{margin-bottom:20px !important;}.mb30{margin-bottom:20px !important;} .btn-warning {color: #fff;background-color: #f0ad4e;border-color: #eea236;} .btn-warning:focus,.btn-warning.focus {color: #fff;background-color: #ec971f;border-color: #985f0d;} .btn-warning:hover {color: #fff;background-color: #ec971f;border-color: #d58512;} .btn-warning:active,.btn-warning.active,.open > .dropdown-toggle.btn-warning {color: #fff;background-color: #ec971f;border-color: #d58512;} .btn-warning:active:hover,.btn-warning.active:hover,.open > .dropdown-toggle.btn-warning:hover,.btn-warning:active:focus, .btn-warning.active:focus,.open > .dropdown-toggle.btn-warning:focus,.btn-warning:active.focus,.btn-warning.active.focus,.open > .dropdown-toggle.btn-warning.focus {color: #fff;background-color: #d58512;border-color: #985f0d;} .btn-warning:active,.btn-warning.active,.open > .dropdown-toggle.btn-warning {background-image: none;} .btn-warning.disabled,.btn-warning[disabled],fieldset[disabled] .btn-warning, .btn-warning.disabled:hover,.btn-warning[disabled]:hover,fieldset[disabled] .btn-warning:hover,.btn-warning.disabled:focus,.btn-warning[disabled]:focus,fieldset[disabled] .btn-warning:focus, .btn-warning.disabled.focus,.btn-warning[disabled].focus,fieldset[disabled] .btn-warning.focus,.btn-warning.disabled:active,.btn-warning[disabled]:active,fieldset[disabled] .btn-warning:active, .btn-warning.disabled.active,.btn-warning[disabled].active,fieldset[disabled] .btn-warning.active {background-color: #f0ad4e;border-color: #eea236;} .btn-warning .badge {color: #f0ad4e;background-color: #fff;} .bann_container{margin-top: 1px;background-image:linear-gradient(284deg, #039BE5,#B3E5FC);} .page_bann_title{padding:55px 0px;text-align: center;} .page_bann_title > h2{font-size:40px;color:#fff;font-weight: bold;text-shadow: 1px 1px 4px #424242;} .page_bann_title > p{font-size:20px;color:#fff;text-shadow: 1px 1px 4px #424242;padding-top:10px;} .espcms_title{margin-top: 40px;margin-bottom: 30px;} .espcms_title .title_name{color:#0288D1;font-size:30px;} .espcms_title .title_name_white{color:#fff;font-size:30px;} .espcms_title .title_subhead{color:#757575;font-size:20px;} .espcms_title .title_subhead_white{color:#fff;font-size:20px;} .espcms_product_img img {margin-right: auto;margin-left: auto;display: block;max-width: 100%;height: auto;margin-bottom: 5px;max-height: 185px;} .espcms_product_img .espcms_product_title {text-align: center;padding: 10px 0px 10px 0px;height: 40px;} .espcms_page_book{padding-top:25px;padding-bottom:25px;} .espcms_page_navigation_title > h4{padding:5px 0px;margin: 0px;font-weight: bold;font-size:16px;} .espcms_page_navigation_title > h5{padding:0px 0px;margin: 0px;font-weight: bold;font-size:14px;} .espcms_page_navigation{padding:0px;border:0px;margin: 0px;} .espcms_page_navigation > li{border:0px;margin: 0px;padding:8px 5px;} .espcms_page_navigation > li:before{float:left;padding-right:3px;font-family: 'Glyphicons Halflings';content:"\e250";font-size:7px !important;padding-top:2px;color:#ababab} .espcms_page_navigation > li.active{background: none;color:#1565C0;font-weight: bold} .espcms_page_navigation > li.active:hover{background: none;color:#1565C0;font-weight: bold} .espcms_page_infolist{padding:0px;border:0px;margin: 0px;} .espcms_page_infolist > li{border:0px;margin: 0px;padding:8px 5px;list-style: none} .espcms_page_infolist > li:before{float:left;padding-right:3px;font-family: 'Glyphicons Halflings';content:"\e080";font-size:7px !important;padding-top:2px;color:#ababab} .espcms_address{line-height: 200%;margin: 0px;padding:0px;} .badge {display: inline-block;min-width: 10px;padding: 3px 7px;font-size: 12px;font-weight: bold;line-height: 1;color: #fff;text-align: center;white-space: nowrap;vertical-align: middle;background-color: #777;border-radius: 10px;} .badge:empty {display: none;} .btn .badge {position: relative;top: -1px;} .btn-xs .badge, .btn-group-xs > .btn .badge {top: 0;padding: 1px 5px;} a.badge:hover, a.badge:focus {color: #fff;text-decoration: none;cursor: pointer;} /*鏂伴椈鍒楄〃*/ .espcms_info_list{padding-top: 15px;} .espcms_info_list > ul > li{border:0px;margin: 0px;padding:8px 5px;} .espcms_info_list > ul > li:before{float:left;padding-right:5px;font-family: 'Glyphicons Halflings';content:"\e080";font-size:7px !important;padding-top:0px;color:#ababab} .espcms_info_time{background: none;color:#BDBDBD} .espcms_info_list > ul > li > .list-group-item-text{padding-left:15px;line-height: 150%;padding-top:10px;color:#BDBDBD}/*se-contact*/ .se_contact{ width:70%; margin:50px auto;} .se_contact ul{ margin:0px auto;} .se_contact li{ width:32%; float:left; text-align:center; padding-bottom:15px; margin-right:1%;} .se_contact li:nth-child(3){ margin-right:0px;} .se_contact li img{ margin-top:30px;} .se_contact li i{ display:block; text-align:center; font-style:normal; padding:20px 0 10px 0; font-size:20px;} .se_contact li em{ display:block; padding:15px 0 0 0; font-size:18px; line-height:30px;} .se_contact li span{display:block; font-size:16px; line-height:31px; color:#666; text-align:center;} /*===================== 鍝嶅簲寮忎唬鐮 START =====================*/ .f_80{font-size: 80px;} .f_72{font-size: 72px;} .f_62{font-size: 62px;} .f_48{font-size: 48px;} .f_40{font-size: 40px;} .f_30{font-size: 30px;} .f_24{font-size: 23px;} .f_20{font-size: 20px;} .f_18{font-size: 18px;} .f_16{font-size: 16px;} .f_15{font-size: 15px;} .f_14{font-size: 14px;} /*===================== 鍝嶅簲寮忎唬鐮 START =====================*/ @media( max-width:1600px ){ .f_80{font-size: 60px;} .f_72{font-size: 50px;} .f_62{font-size: 40px;} .f_48{font-size: 38px;} .f_40{font-size: 30px;} .f_30{font-size: 24px;} .f_24{font-size: 20px;} .f_20{font-size: 20px;} .f_18{font-size: 18px;} .f_16{font-size: 16px;} .f_15{font-size: 15px;} .f_14{font-size: 14px;} } @media( max-width:1210px ){ .f_80{font-size: 60px;} .f_72{font-size: 50px;} .f_62{font-size: 30px;} .f_48{font-size: 28px;} .f_40{font-size: 26px;} .f_30{font-size: 24px;} .f_24{font-size: 16px;} .f_20{font-size: 18px;} .f_18{font-size: 16px;} .f_16{font-size: 14px;} .f_15{font-size: 14px;} .f_14{font-size: 14px;} } @media (max-width:750px){ .f_80{font-size: 60px;} .f_72{font-size: 50px;} .f_62{font-size: 30px;} .f_48{font-size: 22px;} .f_40{font-size: 22px;} .f_30{font-size: 24px;} .f_24{font-size: 14px;} .f_20{font-size: 14px;} .f_18{font-size: 16px;} .f_16{font-size: 14px;} .f_14{font-size: 14px;} } .keifu{ position:fixed; top:10%; right:0; width:131px; _position:absolute; _top:expression(eval(document.documentElement.scrollTop+document.documentElement.clientHeight-this.offsetHeight-(parseInt(this.currentStyle.bottom,10)||0)-(parseInt(this.currentStyle.marginTop,10)||0)-(parseInt(this.currentStyle.marginBottom,10)||0))); z-index:990;} .keifu_tab{ width:160px;} .icon_keifu{ width:26px; height:100px; float:left; background:url(../images/keifu.png?202237) 0 0; position:relative; display:none; cursor:pointer;} .keifu_box{ float:left; width:131px;} .keifu_tab img{ display:block;} .keifu_head{ width:131px; height:41px; background:url(../images/keifu.png?202237); background-position: 0 -103px; font-size:0; line-height:0; position:relative;} .keifu_close:link,.keifu_close:visited{ display:block; width:11px; height:11px; background:url(../images/keifu.png?202237) -42px 0; position:absolute; top:5px; right:5px;} .keifu_close:hover{ background-position:-60px 0;} .keifu_con{ border-left:7px solid #029bdb; border-right:7px solid #029bdb; padding-top:15px; background:#fbfbfb;} .keifu_con li{height:33px; padding-left:12px;} .keifu_con .weixin{ height:96px;} .keifu_con .bt{ font-size:16px; height:30px; line-height:30px; text-align:left; padding:0 0 0 20px; color:#012646;} .keifu_bot{ width:131px; height:119px; background:url(../images/keifu.png?202237); background-position:0 -149px; } .newsout {padding: 0 0 120px;} .newslist {padding: 0 0 120px;width: 100%;} .newslist li {width: 100%;padding: 38px 0;background-color: #eee;border-bottom: 2px solid #fff;} .newslist li:nth-child(even) {background-color: #f5f5f5;} .newslist li .lin {max-width: 1200px;margin: 0 auto;} .newslist li a {display: block;position: relative;padding-left: 0;min-height: 220px;overflow: hidden;padding-right: 166px;} .newslist li a:after {content: '';position: absolute;right: 130px;top: 40px;z-index: 2;width: 1px;height: 143px;background-color: rgba(0, 0, 0, 0.1);} .newslist li .pic {position: absolute;left: 0;top: 0;z-index: 1;width: 0;height: 220px;overflow: hidden;} .newslist li .pic img {width: 386px;height: 100%;} .newslist li h3 {font-size: 18px;color: #333;line-height: 30px;height: 30px;overflow: hidden;padding-top: 28px;} .newslist li .txt {font-size: 16px;color: #666;line-height: 32px;overflow: hidden;height: 64px;text-align: justify;margin: 18px 0 24px;} .newslist li .date {font-size: 16px;color: #666;line-height: 30px;height: 30px;background: url('../images/clock.png') 0 center no-repeat;font-family: 'helvetica';padding-left: 28px;} .newslist li label {display: block;width: 28px;height: 28px;font-size: 0;cursor: pointer;background: #f49916 url('../images/jtr-n.png') center no-repeat;border-radius: 50%;position: absolute;right: 0;top: 50%; z-index: 1;margin-top: -14px;} .newslist li:hover {background-color: #0c66bc;} .newslist li:hover a {padding-left: 426px;} .newslist li:hover a:after {background-color: rgba(255, 255, 255, 0.2);} .newslist li:hover .pic {width: 386px;} .newslist li:hover h3 {color: #fff;} .newslist li:hover .txt {color: rgba(255, 255, 255, 0.7);} .newslist li:hover .date {background-image: url('../images/clock2.png');color: #fff;} .newslist li:hover label {background-image: url('../images/jtr-nh.png');background-color: #fff;} .newslist li,.newslist a:after,.newslist h3,.newslist .date,.newslist label {-webkit-transition: 0.4s;transition: 0.4s;} .newslist a,.newslist .pic {-webkit-transition: 1s;transition: 1s;} .newslist .txt {-webkit-transition: color 0.4s;transition: color 0.4s;} @media screen and (max-width: 1440px) { .newsout { padding: 0 0 80px;} .newslist { padding: 0 0 80px;} } @media screen and (max-width: 1280px) { .newslist li a { padding-left: 426px; padding-right: 20px;} .newslist li:hover a {padding-left: 426px;} .newslist li a:after {display: none;} .newslist li label {display: none;} .newslist li .pic {width: 386px;left: 20px;} .newslist li:hover .pic {width: 386px;} } @media screen and (max-width: 1000px) { .newslist li h3 {padding-top: 10px;} .newslist li .txt {height: auto;max-height: 96px;} } @media screen and (max-width: 840px) { .newslist li a {padding-left: 46%;padding-right: 3%;} .newslist li:hover a {padding-left: 46%;} .newslist li .pic {width: 40%;left: 3%;} .newslist li:hover .pic {width: 40%;} .newslist li .pic img {position: absolute;left: 50%;margin-left: -193px;} } @media screen and (max-width: 600px) { .newsout {padding: 0 0 60px;} .newslist {padding: 0 0 60px;} .newslist li a {padding-left: 3%;} .newslist li:hover a {padding-left: 3%;} .newslist li .pic {position: relative;width: 100%;left: 0;height: auto;} .newslist li:hover .pic {width: 100%;} .newslist li .pic img {position: static;left: 0;margin-left: 0;width: 100%;height: auto;} } /*鍐呴〉鍙戝睍鍘嗙▼*/ .selicheng{width: 80%; margin: 5% auto;} .selicheng h2{text-align: center; font-weight: 500; margin-bottom: 5%;} .selicheng h2 em{display: block;font-weight: 100; color: #666; margin-top: 15px;} .lichenlist{ max-width: 1040px; padding: 40px 0 182px; position: relative; margin: 10px auto 0;} .lichenlist:before{ content: ''; position: absolute; left: 50%; top:0; z-index: 0; width: 0; height: 100%; border-left: 1px dashed #b4b4b4;} .lichenlist li{ padding-right: 50%; height: 182px; text-align: right; position: relative; z-index: 1; background: url('../images/homeoneicon01.png') center 11px no-repeat;} .lichenlist li .inner{ padding-right: 50px;} .lichenlist li .pic{ width: 100%; height: 168px; margin-bottom: 10px;} .lichenlist li .pic img{ height: 100%;} .lichenlist li .year{ height: 44px; line-height: 44px; font-size: 24px; color: #0b63b6; font-weight: bold; font-style: italic;} .lichenlist li .txt{ font-size: 16px; color: #666; line-height: 31px; overflow: hidden;} .lichenlist li:nth-child(2n){ padding-right: 0; padding-left: 50%; text-align: left;} .lichenlist li:nth-child(2n) .inner{ padding-left: 50px; padding-right: 0;} .chenbtn{ display: block; width: 42px; height: 42px; margin: 0 auto; font-size: 0; background: url('../images/fz-top.png') center no-repeat;} @media screen and (max-width:1040px){ .lichenlist{ width: auto; padding: 40px 20px 182px;} } @media screen and (max-width:750px){ .cate2 .cn{ font-size: 34px; line-height: 54px;} .cate2 p{ font-size: 24px; line-height: 34px;} .lichenlist li{ background-position: center 14px; height: 280px;} .lichenlist li .inner{ padding-right: 30px;} .lichenlist li:nth-child(2n) .inner{ padding-left: 30px; padding-right: 0;} .lichenlist li .year{ font-size: 30px; height: 50px; line-height: 50px;} .lichenlist li .txt{ font-size: 24px; line-height: 36px; max-height: 252px;} }