/*===================== 重置样式 START =====================*/ @charset "utf-8"; html,body,h1,h2,h3,h4,h5,h6,p,dl,dd,dt,th,td,select,ul,ol,li,form,input,textarea,fieldset,legend,img{margin:0;padding:0;} h1,h2,h3,h4,h5,h6{font-weight:300;} li{list-style:none;} a{text-decoration:none;background:transparent;outline:none;color:#000;display:block;-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,.header .nav ul li,.header .call,.header .logo img{-webkit-transition:0.5s;-o-transition:0.5s;-ms-transition:0.5s;-moz-transition:0.5s;transition:0.5s;} .wot{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;} .upp{text-transform:uppercase;} .middle_box{display:table;width:100%;height:100%;} .juzhong{ width:100%;} .middle_box .middle{display:table-cell;vertical-align:middle;width:100%;text-align:center;} img{border:0;vertical-align:middle;max-width:100%;display:block;} table{border-collapse:collapse;border-spacing:0; width:100%;} input,textarea{-webkit-user-modify:read-write-plaintext-only;outline-style:none;border:none;font-size:14px;} input::-moz-placeholder,textarea::-moz-placeholder{color:#000;} input:-ms-input-placeholder,textarea:-ms-input-placeholder{color:#000;} input::-webkit-input-placeholder,textarea::-webkit-input-placeholder{color:#000;} html::-webkit-scrollbar{width:5px;height:5px;background-color:#fff;} html::-webkit-scrollbar-track{border-radius:0;background-color:#fff;} html::-webkit-scrollbar-thumb{border-radius:50px;width:5px;height:5px;background-color:#e05a12;} textarea{resize:none;overflow:auto;} input{padding-top:0;padding-bottom:0;} select,input{vertical-align:middle;} .w1400{ width:1400px; margin:auto;} select,input,textarea{font-size:14px;margin:0;} .clear{zoom:1; clear:both;} .clear:after{content:"";display:block;height:0;visibility:hidden;clear:both;} .clear::before,.clear::after{content:"";display:table;} .clear::after{clear:both;} .fl{float:left;} .fr{float:right;} html{-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%;-webkit-tap-highlight-color:transparent;} body{font-family:\5FAE\8F6F\96C5\9ED1,"Microsoft YaHei";font-size:16px;color:#333;background-color:#fff;word-break:break-all;word-wrap:break-word;text-align:justify;} .error3{display:none!important;} html,body{max-width:1920px;margin:0 auto;} .clearfix{ clear:both;} .baizi a:link { color:#ffffff; text-decoration: none; } .baizi a:visited { color:#ffffff; text-decoration: none; } .baizi a:hover { color:#ffe400; text-decoration: none; } /*===================== 重置样式 END =====================*/ .y-kefu-box { position: fixed; right: 0; top: 20%; z-index: 9999; font-size: 13px;} .y-kefu-box img { display: block; width: 100%; height: auto; } .y-kefu-box01 .icon { display: block; background: url(../images/right-icon.png) no-repeat; margin: 0 auto 6px;} .y-kefu-box01 { width: 54px; color: #666; text-align: center; } .y-kefu-box01 .kf-close-btn { width: 27px; height: 27px; background-position: -5px -115px; position: relative; cursor: pointer;} .y-kefu-box01 .kf-close-btn:before { content: ''; display: block; width: 1px; height: 12px; background-color: #f74f2e; position: absolute; bottom: -12px; left: 13px; z-index: 1; } .y-kefu-box01 .show-status>a, .y-kefu-box01 .show-status>div { display: block; width: 52px; padding: 8px 0 12px; background-color: #fff; border-left: solid 1px #efefef; border-top: solid 1px #efefef; border-right: solid 1px #efefef; position: relative; text-align: center;} .y-kefu-box01 .show-status { position: relative; } .y-kefu-box01 .show-status .kf-zixun { background-color: #f74f2e; border-color: #f74f2e; color: #fff; margin: 10px 0 7px;} .y-kefu-box01 .kf-zixun { border-radius: 2px; } .y-kefu-box01 .kf-zixun i { width: 21px; height: 22px; background-position: -5px -5px; } .y-kefu-box01 .kf-mobile { border-top-left-radius: 2px; border-top-right-radius: 2px; } .y-kefu-box01 .kf-mobile>i { width: 18px; height: 18px; background-position: -5px -32px; } .y-kefu-box01 .kf-mobile:hover>i { background-position: -30px -32px; } .y-kefu-box01 .kf-weChat>i { width: 22px; height: 19px; background-position: -5px -55px; } .y-kefu-box01 .kf-weChat:hover>i {background-position: -30px -55px; } .y-kefu-box01 .kf-email { border-bottom-left-radius: 2px; border-bottom-right-radius: 2px; } .y-kefu-box01 .kf-email>i { width: 18px; height: 14px; background-position: -5px -80px; } .y-kefu-box01 .kf-email:hover>i { background-position: -30px -80px; } .y-kefu-box01 .back-top i { width: 13px; height: 11px; background-position: -5px -98px; } .y-kefu-box01 .back-top:hover i { background-position: -30px -98px; } .y-kefu-box01 .back-top p{color: #666; text-align: center;} .y-kefu-box01 .kf-email, .y-kefu-box01 .back-top { border-bottom: solid 1px #efefef;} .y-kefu-box01 .back-top { margin-top: 20px; border-radius: 2px; left: 55px;} .y-kefu-box01 .hver:hover { background-color: #f74f2e; border-color: #f74f2e;} .y-kefu-box01 .hver:hover>p { color: #fff; text-align: center;} .y-kefu-box01 .kf-zixun1 { border-radius: 2px;border-bottom: 1px #efefef solid;} .y-kefu-box01 .kf-zixun1 i { width: 21px; height: 22px; background-position: -5px -180px; } .y-kefu-box01 .kf-zixun1:hover>i { background-position: -30px -180px; } .y-kefu-box01 .mobile-infos, .y-kefu-box01 .y-ewm-box, .y-kefu-box01 .y-email-infos { background-color: #fff; border: solid 1px #efefef; position: absolute; right: 90px; z-index: 2; border-radius: 2px; display: none;} .y-kefu-box01 .mobile-infos { width: 260px; text-align: left; top: 0;} .y-kefu-box01 .mobile-infos>div { padding: 20px 0 20px 45px; position: relative; } .y-kefu-box01 .mobile-infos>div i { width: 15px; height: 15px; background-position: -52px -32px; position: absolute; top: 22px; left: 20px; z-index: 2; } .y-kefu-box01 .mobile-infos .online1 { border-bottom: solid 1px #efefef; } .y-kefu-box01 .mobile-infos span { color:#666; } .y-kefu-box01 .mobile-infos p { color: #f74f2e; font-size: 18px; } .y-kefu-box .right {width: 12px;height: 12px;position: absolute;right: -12px;top: 24px;} .y-kefu-box .right-arrow1, .y-kefu-box .right-arrow2 {width: 0;height: 0;display: block;position: absolute;left: 0;top: 0;border-top: 6px transparent dashed;border-right: 6px transparent dashed;border-bottom: 6px transparent dashed;border-left: 6px white solid;overflow: hidden;} .y-kefu-box .right-arrow1 {left: 1px;border-left: 6px #efefef solid;} .y-kefu-box .right-arrow2 {border-left: 6px white solid;} .y-kefu-box01 .y-ewm-box { width: 151px; height: 178px; top: -60px;} .y-kefu-box01 .y-ewm-box>div { width: 151px; height: 178px; } .y-kefu-box01 .y-ewm-box img { width:115px; height:114px; margin: 20px auto 10px; } .y-kefu-box01 .y-ewm-box .y-ewm-img1 { width: 150px; border-right: solid 1px #efefef; } .y-kefu-box01 .y-ewm-box .right { top: 84px; } /*email*/ .y-kefu-box01 .y-email-infos { padding: 28px 20px 28px 45px; color:#b9b9b9; text-align: left; bottom: 0; width:170px;} .y-kefu-box01 .y-email-infos p { color: #f74f2e; font-size: 16px; } .y-kefu-box01 .y-email-infos>i { width: 18px; height: 13px; background-position: -52px -80px; position: absolute; left: 15px; top: 30px; } .y-kefu-box01 .y-email-infos .right { top: 55px; } .y-kefu-box01 .hide-status { width: 54px; height: 65px; background-color:#f55b1b;position: absolute; top: 37px; left: 55px; z-index: 9;} .y-kefu-box01 .hide-status .kf-zixun { padding: 10px 0 7px; color: #fff; cursor: pointer; } /*===================== 公用样式 START =====================*/ /*头部*/ .header{height:85px;position:fixed;top:0;left:0; width:100%;z-index:10;transition: .5s; background-color:rgba(255,255,255,1);} .header .inner{height:85px;position:relative;width:96%;margin:0 auto;} .header .logo{float:left;} .top1{ float:left; width:15%;} .top1{ height:92px; margin-top:15px;} .top3{ width:55px; height:49px;} .top2 h1{ font-size:30px; color:#313131; line-height:1; margin-top:1px;} .top2 p{ font-size:15px; color:#494949; font-family: Arial, Helvetica, sans-serif;line-height:1.8;} .header .logo img{} .header .nav{width:65%; float:left; position:relative; right:-2%;} .header .nav ul{text-align:center;font-size:0;} .header .nav ul li{display:inline-block;width:12.5%;text-align:center;} .header .nav ul li a{color:#353535;font-size:18px;height:85px;line-height:85px; display: block;} .header .nav ul li a:hover{background-color:#2da3a7; color:#FFFFFF;} .header .call{ float:right;height:70px;background:url(../images/call.png) 0 center no-repeat;padding-left:65px;line-height:70px; margin-top:30px;} .header .call p{font-size:18px;color:#3c3c3c; line-height:1.2; font-weight:normal; margin-top:5px;} .header .call h3{font-size:37px;color:#129f41;font-family:impact; line-height:1.2; } .header .callz{ float:right;height:70px;line-height:70px; margin-top:23px; } /*搜索*/ .forma{ width: 240px; height:39px; border:1px #c7d2de solid } /*搜索表单*/ .form .key{ float: left; width: 200px; font-size: 14px; color: #c0c0c0; text-indent: 15px; height: 39px; border:none; border-radius:30px; border:1px #c7d2de solid } .form .submit{ width: 50px; height: 39px;float:right; background:url(../../images/wt_02.png); margin-left:-16px} #overlay{position:absolute;top:0;right:0;left:0;bottom:0;background:url(vdian.png);opacity:0.7;filter:alpha(opacity=70); /* 针对 IE8 以及更早的版本 */} .head{z-index:10000;margin:0 auto;width:100%;position:relative;top:0px;left:0px;} .section_one .bannerbg {width:100%;height:100%;display:block;position:absolute;z-index:2;background:url(../images/banner_bg.png) repeat center;} .section_one{overflow: hidden;} .section_one .vidbacking-active-body-back{position:relative;z-index:1;width:120%;height:120%;top:0%;left:-10%;overflow:hidden;opacity:1;transition:2s opacity;} .section_one .vidbacking-active-block-back{position:absolute;min-width:100%;min-height:100%;height:auto;width:auto;z-index:4;top:50%;left:50%;transform:translateX(-50%) translateY(-50%);} .section_one .vidbacking{display:none;} #container{overflow:hidden;position:relative;top:0;left:0;right:0;bottom:0;} .topbg{position:absolute;width:100%;height:100%;display:block;z-index:8;} #background_video{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);object-fit:cover;height:100%!important;width:100%!important;} #video_cover{width:100%;height:100%; background:url(../../images/video_cover.jpg);background-size:cover;background-position:center;} /* 导航和底部 */ /* .header.bg .logo img{height:86px;} */ .header .product_son{display:none;position:absolute;left:0;top:50px;text-align:center;width:100%;padding:20px;height:auto;background-color:rgba(0,0,0,0.5);z-index:999;} .header .product_son .auto{width:100%;margin:0 auto;} .header .product_son .item{display:inline-block;width:9.5%;margin:1%;} .header .product_son .item p{font-size:16px;color:#fff;height:40px;line-height:40px;} .header .product_son .item:hover .pb_bg{transform:scaleY(1);-webkit-transform:scaleY(1);transform-origin:left 0;-webkit-transform-origin:left 0;visibility:visible\9;} .banner .swiper-button-next,.banner .swiper-button-prev{width:59px;height:59px;} .swiper-pagination-bullet-active{background-color:#e05a12!important;border-color:#e05a12!important;} .pub_button{position:relative;z-index:1;} .pub_button .pb_bg{position:absolute;left:0;top:0;width:100%;height:100%;background-color:#2fa3a8;-webkit-transition:transform 0.5s 0s cubic-bezier(0.36,0.01,0.29,0.99);transition:transform 0.5s 0s cubic-bezier(0.36,0.01,0.29,0.99);transform-origin:left 100%;-webkit-transform-origin:left 100%;transform:scaleY(0);-webkit-transform:scaleY(0);visibility:hidden\9;z-index:-1;} .pub_button:hover .pb_bg,.pub_button.active .pb_bg{transform:scaleY(1);-webkit-transform:scaleY(1);transform-origin:left 0;-webkit-transform-origin:left 0;visibility:visible\9;} .footer{padding:40px 0;overflow:hidden;background-color:#1baf45;} .footer .auto{width:90%;margin:0 auto;} .footer .a_list{width:560px;padding-top:50px;margin-left:100px;margin-right:100px;} .footer .a_list a{float:left;font-size:18px;color:#fff;width:33.33%;margin-bottom:16px;} .footer .a_list a:hover{color:#e05a12;} .footer .contac h2{color:#fff;font-weight:bold;font-size:20px;margin:10px 0;} .footer .text{font-size:16px;line-height:26px;color:#fff;} .footer .ewm{width:146px;text-align:center;} .footer .ewm img{margin:0 auto;} .footer .ewm p{font-size:14px;color:#fff;margin-top:10px;} .copyright{height:106px;line-height:106px;color:#fff;background-color:#767676;font-size:17px;text-align:center;border-top:1px solid rgba(255,255,255,0.5);} .copyright img{display:inline-block;margin:0 10px 4px;} .copyright a{display:inline-block;margin:0 10px;color:#fff;} #bg{display:none;position:fixed;width:100%;height:100%;left:0;top:0;background-color:rgba(0,0,0,0.65);z-index:99999999;} #bg .alert_video{width:900px;height:517px;position:absolute;left:50%;top:50%;margin:-250px 0 0 -450px;} #bg .alert_video video{width:100%;height:100%;display:block;} #bg .close{cursor:pointer;width:38px;height:38px;background:url(../images/close.png) center/100% no-repeat;position:absolute;right:-48px;top:10px;} #bg .close:hover{transform:rotate(90deg);-ms-transform:rotate(90deg);-webkit-transform:rotate(90deg);} /*===================== 公用样式 END =====================*/ /*===================== 首页 START =====================*/ .oh{overflow:hidden;} .firstRow img {display: inline-block; margin: auto;} @media (max-width:1601px){ .f_48{font-size: 38px !important;} .f_48{font-size: 18px !important;} } @media (max-width:1210px){ .f_48{font-size: 24px !important;} .f_48{font-size: 18px !important;} } .section_one{overflow: hidden;} .f_48{ font-size:48px; } .f_18{ font-size:18px; } /*产品展示*/ .chcp{ width:100%; padding:60px 0; background-color:#f0f0f0} .chcpp{ width:1400px; margin:auto} .chcp1{ width:577px; float:left} .chcp1_1{ width:100%;} .chcp1_1 h3{ font-size:42px; color:#313131; font-weight:700; margin-top:-10px} .chcp1_1 p{ font-size:22px; color:#5b5b5b; margin-top:15px; line-height:30px; font-weight:lighter} .chcp1_2{ width:150px; height:46px; background-color:#FFFFFF; float:left; margin-top:30px; font-size:20px; color:#323232; text-align:center; line-height:46px} .chcp1_2 a{ color:#323232; } .chcp1_2:hover{ background-color:#2da3a7;} .chcp1_2:hover a{ color:#fff; } .chcp1_3{ width:409px; height:46px; background-color:#2da3a7; float: right; margin-top:30px;font-size:18px; color:#fff; text-align:center; line-height:46px} .chcp1_3 a{ color:#fff;} .chcp1_3:hover{ background-color:#fff;} .chcp1_3:hover a{ color:#323232; } .chcp1_4{ width:100%; margin-top:50px; font-size:18px; color:#5c5c5c; line-height:40px} .chcp2{ width:792px; float: right; margin-top:10px} .chcpp1{ width:1400px; margin:35px auto 0} .chcp3{ width:413px; float:left; margin-right:39px;} .chcp3 img{ width:100%; height:auto } .chcp3 p{ width:100%; height:50px; background-color:#FFFFFF; font-size:20px; text-align:center; line-height:50px} .chcp3:hover p{ background-color:#2fa3a8; color:#FFFFFF; } .chcp3 p em{ padding:0 10px; border-radius:30px; background-color:#dd0606; font-size:15px; text-align:center; color:#FFFFFF; text-transform:uppercase; font-weight:lighter } .chcp3:hover em{ background-color:#ffff; font-size:15px; text-align:center; color:#000; } .chcp4{ width:413px; float:left; margin-right:39px; margin-left:39px;} .chcp4 img{ width:100%; height:auto } .chcp4 p{ width:100%; height:50px; background-color:#FFFFFF; font-size:20px; text-align:center; line-height:50px} .chcp4:hover p{ background-color:#2fa3a8; color:#FFFFFF; transition:all .7s ease;} .chcp4 p em{ padding:0 10px; border-radius:30px; background-color:#dd0606; font-size:15px; text-align:center; color:#FFFFFF; text-transform:uppercase; font-weight:lighter } .chcp4:hover em{ background-color:#ffff; font-size:15px; text-align:center; color:#000; } .chcp5{ width:413px; float:left; margin-left:39px;} .chcp5 img{ width:100%; height:auto } .chcp5 p{ width:100%; height:50px; background-color:#FFFFFF; font-size:20px; text-align:center; line-height:50px} .chcp5:hover p{ background-color:#2fa3a8; color:#FFFFFF; transition:all .7s ease;} .chcp5 p em{ padding:0 10px; border-radius:30px; background-color:#dd0606; font-size:15px; text-align:center; color:#FFFFFF; text-transform:uppercase; font-weight:lighter } .chcp5:hover em{ background-color:#ffff; font-size:15px; text-align:center; color:#000; } /* 产品分类 */ .sycp { margin-top:60px; overflow: hidden;} .rtCont { position: relative; } .rtCont ul { margin: 10px auto; overflow: hidden; } .rtCont li { float: left; text-align: center; margin-right: 10px; margin-left: 10px; } .rtCont li a { display: block; position: relative; transition: all .2s ease; } .rtCont li a img { display: block; font-size: 0px; width: 249px; height: 249px; transition: all .2s ease; border-radius: 50%; border:5px #FFFFFF solid; -webkit-box-shadow: 0 0px 20px rgba(0, 0, 0, 0.1); box-shadow: 0 0px 20px rgba(0, 0, 0, 0.1); margin-bottom: 10px; } .rtCont li a p { font-size: 22px; text-align: center; height: 44px; line-height: 44px; display: block; margin-top:20px; color: #fff; border-radius:2em; transition: all .3s;} .lbb{ display:none } /*优势*/ .chys{width:100%; background:url(../images/ch_06.jpg) center no-repeat; height:848px;} .chys1{ width:100%; margin:auto; padding-top:90px;} .chys1 h3{ font-size:50px; text-align:center; font-weight:700; color:#1b3b86} .chys1 p{ font-size:22px; text-align:center; color:#383838; line-height:2.5; font-weight:lighter} .chys2{ width:1300px; margin:auto} .chys2 ul li{ width:278px; height:351px; padding:35px 25px; float:left; margin:60px 50px; background-color:#FFFFFF} .chys2 ul li h4{ font-size:35px; text-align:center; color:#3f3f3f; font-weight:700; line-height:42px} .chys2 ul li p{ font-size:17px; text-align:center; color:#5b5c5d; line-height:30px; margin-top:35px} .chys2 ul li img{ width:230px; height:230px; border:5px #FFFFFF solid; border-radius:50%; margin:40px auto 0; transition:all 1s; } .chys2 ul li:hover { background-color:#2fa3a8; transition:all .5s ease; } .chys2 ul li:hover h4 { color:#FFFFFF } .chys2 ul li:hover p { color:#FFFFFF } .chys2 ul li:hover img {transform:rotate(360deg);} /*发货*/ .chal{ width:1400px; margin:100px auto} .chal1 { width:496px; height:352px; background-color:#FFFFFF; float:left} .chal1 img{ margin:auto; margin-top:10px} .chal2{ width:780px; float:right; margin-right:10px} .chal2 p{ width:100%; font-size:55px; color:#2da3a7; font-family:Impact; text-align:right} .chal2_1{ width:515px; float:right} .chal2_1 img{ width:300px; height:18px; float:left; margin-top:20px } .chal2_1 h3{ font-size:45px; color:#393d3d; text-align:right; font-weight:700} .chal2_2{ width:100%; font-size:48px; color:#fff; font-weight:700; margin-top:160px} .chal3{ width:90%; height:250px; background-color:#2da3a7; border-radius:0 125px 125px 0; margin-top:-150px} #demoy{ overflow:hidden;height:380px;width:85%; margin:auto; color:#336699; padding-top:50px;} #demoy1 ul,#demo2 ul{ display:block;width:6285px; overflow:hidden} #demoy1 ul li{width:465px; height:360px;margin:8px 10px; float:left} #demoy1 ul li a h3,#demo2 ul li a h3{width:465px;height:360px ; overflow:hidden;} #demoy1 ul li a h3 img,#demo2 ul li a h3 img{width:465px;transition:all .5s ease; height:360px;} #demoy1 ul li a h3:hover img,#demo2 ul li a h3:hover img{transform: scaleX(1.1) scaleY(1.1);} #demoy1 ul li a ol,#demo2 ul li a ol{ text-align:center; height:65px; line-height:65px;transition:all .5s ease; background: rgba(45,45,45,0.7); position:relative; top:-65px; color: #ffffff; font-size:19px;} #demoy1 ul li a:hover ol,#demo2 ul li a:hover ol{ } #demoy2 ul li{width:465px;height:360px;margin:8px 10px;} /*简介*/ .chjj{ width:1400px; margin:60px auto} .chjj1{ width:812px; float:left} .chjj1 h3{ font-size:79px; color:#1b3b86; font-family:Impact; padding-top:20px} .chjj1 p{ font-size:24px; color:#22283b; font-weight:lighter; line-height:2; padding-bottom:30px} .chjj2{ width:498px; background-color:#f7f7f7; float: right; padding:45px; border-top:10px #1b3b86 solid} .chjj2_1 span{ font-size:55px; font-weight:700; background-image: linear-gradient(to left top, #1c4388 , #298b9f, #1c4388); -webkit-background-clip: text;/*按字体裁剪*/ -webkit-text-fill-color: transparent;} .chjj2_1 span p{ font-size:36px; font-weight:700; background-image: linear-gradient(to left bottom, #1c4388 , #298b9f, #1c4388); -webkit-background-clip: text;/*按字体裁剪*/ -webkit-text-fill-color: transparent;} .chjj2_1 h3{ font-size:22px; color:#4c4c4c; line-height:3.5 } .chjj2_2{ width:99px; height:2px; background-color:#1b3b86; margin-bottom:40px} .chjj2_3{ font-size:19px; color:#434344; line-height:2.5; padding-bottom:60px} .chjj3{ background:url(../images/ch_11.jpg) no-repeat; left:0; height:186px; margin-top:-186px} /*简介内页*/ .nyjj{ width:100%; margin:5px auto; height:450px;} .nyjj_1{ width:850px; float:left} .nyjj_2{ width:600px; float:right; height:440px} .nyjj1{ width:100%; margin:30px auto; height:400px;} .nyjj1_1{ width:850px; float: right} .nyjj1_2{ width:600px; float:left;} .nyjj2{ width:100%; margin:5px auto; height:350px;} .nyjj2_1{ width:850px; float:left} .nyjj2_2{ width:600px; float:right; height:350px} /* 产品展示 */ #top_scroll{height:858px;overflow:hidden;max-width:94%;margin:30px auto; } #top_scroll ul li{float:left;width:24%;margin:0.5%;} #top_scroll ul li .img,#scroll_one ul li .img{overflow:hidden;} #top_scroll ul li img,#scroll_one ul li img{-webkit-transition:0.5s;-o-transition:0.5s;-ms-transition:0.5s;-moz-transition:0.5s;transition:0.5s;} #top_scroll ul li:hover img,#scroll_one ul li:hover img{-webkit-transform:scale(1.2,1.2);-moz-transform:scale(1.2,1.2);-o-transform:scale(1.2,1.2);-ms-transform:scale(1.2,1.2);transform:scale(1.2,1.2);} #top_scroll ul li h3{color:#000!important;font-size:18px;padding:10px;} #top_scroll ul li .call{height:20px;line-height:20px;color:#6a6a6a;padding:0 10px 10px;border-bottom:1px solid #ddd;} #top_scroll ul li .call i{display:inline-block;vertical-align:top;width:20px;height:20px;margin-right:10px;background:url(../images/t1.png) center/100% no-repeat;} /* 内页简介 */ .cpzd{ margin:0 auto; text-align:center; margin-bottom:30px; } .cpzd a{display:block; font-size:16px; color:#ffffff; background-color:#e05a12; line-height:2.7; width: auto; padding:0px 40px; overflow:hidden; display:inline; text-align:center; font-weight:normal; display:inline-block; margin:2px 5px; } .cpzd a:hover{ color:#FFFFFF; background-color:#e68508; } .cpzd a:nth-child(1){background-color:#e68508; } /*新闻*/ .hcxw{ width:100%; height:211px ;background: olive linear-gradient(to right, rgba(42,61,134,10), rgba(45,146,161,10)); transition: background-color .5s; margin-top:50px; padding:60px 0; } .hcxw1{ width:1250px; margin:auto; padding-top:40px} .hcxw1_1{ float:left} .hcxw1_2{ float:left; margin-left:20px} .hcxw1_2 h3{ font-size:37px; color:#FFFFFF; font-weight:700} .hcxw1_2 p{ font-size:22px; color:#FFFFFF; line-height:2; font-weight:lighter} .hcxw1_3{ float: right; width:80px; height:80px; border-radius:80px; border:1px #FFFFFF solid; animation: sss 2s infinite alternate linear;} .hcxw1_3 img{ margin:auto; padding-top:31px} @keyframes sss { 0%{ transform: translateY(0); } 100%{ transform: translateY(-20px); } } @keyframes sss1 { 0%{ transform: translateY(0); } 100%{ transform: translateY(-5px); } } @keyframes sss2 { 0%{ transform: translateY(-5px); } 100%{ transform: translateY(0); } } .hcxw2{ width:1360px; margin:40px auto} .hcxw2_1{ width:80%; float:left} .hcxw2_1 h3{ font-size:40px; color:#323232} .hcxw2_1 p{ font-size:24px; color:#646363; font-weight:lighter} .hcxw2_2{ width:20%; float: right} .hcxw2_2 img{ width:30px; height:31px; float: right; margin-top:20px} .hcxw3{ width:1400px; margin:30px auto} .xwyy{ width:100%;} .xinwen_news_you{width:100%; margin:auto; } .xinwen_news_you li{ width:44%; display:inline-block; overflow:hidden; float:left; margin-right:2%; background-color:#ececec; padding:1.8%; border-radius:10px;} .xinwen_news_you li{ line-height:28px;} .xinwen_news_you li:hover{ } .xinwen_news_you img{ width:100%; margin:auto; margin-bottom:30px; border-radius:10px;} .xinwen_news_you h4 a{ color:#121212; font-size:19px; line-height:2; font-weight:normal; } .xinwen_news_you em{ font-size:16px; line-height:2.1; display:block; overflow:hidden; color:#6b6b6b; font-style:normal; height: 70px; margin-top:10px; } .xinwen_news_you span{ font-size:18px; line-height:2.2; display:block; overflow:hidden; color:#535353; font-family:Arial, Helvetica, sans-serif; margin-bottom:20px; } .xinwen_news_you span h5{ font-size:53px; line-height:1.2; color:#116295; font-weight:600; float:left;font-family:Arial, Helvetica, sans-serif; } .xwyy1{width:100%; margin:auto; } .xwyy1 li{ width:26%; display:inline-block; overflow:hidden; padding:2%; border:1px #f1f1f1 solid } .xwyy1 li{ line-height:28px; margin:10px 20px;} .xwyy1 li:hover{ background-color:#2da3a7 } .xwyy1 img{ margin:auto; margin-top:24px; margin-bottom:30px;} .xwyy1 h4 a{ color:#464646; font-size:19px; line-height:2; font-weight:normal; } .xwyy1 h4 { } .xwyy1 em{ font-size:16px; line-height:1.9; display:block; height:90px; overflow:hidden; color:#6b6b6b; font-style:normal; margin-top:7px; } .xwyy1 span{ font-size:18px; line-height:2.2; display:block; overflow:hidden; color:#535353; font-family:Arial, Helvetica, sans-serif; margin-bottom:9px; } .xwyy1 span h5{ font-size:53px; line-height:1.2; color:#116295; font-weight:600; float:left;font-family:Arial, Helvetica, sans-serif; } .xwyy1 li:hover h4 a{ color:#fff; } .xwyy1 li:hover span { color:#fff; } .xwyy1 li:hover em{ color:#fff; } /*底部*/ .footr{ width:100%; background-color: #2b3434; padding-top:30px; padding-bottom:30px;} .foot-bg1{ max-width:1500px; height:350px; margin:auto; padding-top:10px; } .foot3{ width:130px; float:left;margin-left:90px } .foot3 h5{font-size:18px; color:#FFFFFF; line-height:55px;} .foot3_1 p{color: #c1c1c1; line-height: 40px;font-size: 16px; } .foot3_1 p a{display: block; width: 120px; height: 40px;color: #c1c1c1; line-height: 40px;font-size: 16px; float: left; } .foot1{ width:130px; height:270px; float:left; margin-left:90px} .foot1 h5{font-size:18px; color:#FFFFFF; line-height:55px;} .foot1_1 p{color: #c1c1c1; line-height: 40px;font-size: 16px; } .foot1_1 p a{display: block; width: 170px; height: 40px;color: #c1c1c1; line-height: 40px;font-size: 16px; float: left; } .foot1_1 a h3{ font-size:16px; color:#c1c1c1;line-height: 40px;} .foot2{ width:130px; float:left; } .foot2 h5{font-size:18px; color:#FFFFFF; line-height:55px;} .foot2_1 p{ font-size:16px; color:#c1c1c1; line-height:40px;} .foot2_1 p a{display: block; width: 110px; height: 40px;color: #c1c1c1; line-height: 40px;font-size: 16px; float: left; } .foot4{ width:130px; float:left; margin-left:90px } .foot4 h5{font-size:18px; color:#FFFFFF; line-height:55px;} .foot4_1 p{ font-size:16px; color:#c1c1c1; line-height:40px;} .foot4_1 p a{display: block; width: 110px; height: 40px;color: #c1c1c1; line-height: 40px;font-size: 16px; float: left; } .foot5{ width:160px; padding-left:70px; height:305px; float:left; margin-left:120px;} .foot6{ width:320px; float:right} .foot6_1 img{ width:20px; height:20px; float:left} .foot6_1 p{ font-size:17px; color:#999999; line-height:20px; padding-left:15px} .foot6_1 h3{ font-size:36px; color:#fff; line-height:50px; font-family:Arial; margin-top:8px; font-weight:bold } .foot6_2{ width:167px; height:41px; background-color:#20bbc0; border-radius:30px; margin:20px 0; font-size:17px; text-align:center; color:#FFFFFF; line-height:41px} .foot6_2 a{ font-size:17px; text-align:center; color:#FFFFFF; line-height:41px} .foot6_3{font-size:16px; color:#c1c1c1; line-height:30px;} .foot6_3 p{font-size:16px; color:#c1c1c1; line-height:30px;} .foootr7{ width:100%; height:auto; background-color:#2b3434; padding:30px 0px; border-top:1px #676e6e solid } .foootr77{max-width:1500px; margin:auto; height:60px} .foootr7_1 { width:80%; float:left } .foootr7_1 p { width:100%; line-height:30px; color:#c9c9c9; font-size:16px; } .foootr7_1 img { margin:auto; display:inline; } .foootr7_1 a{ display:inline-block;} .foootr7_2 { width:20%; float: right } .foootr7_2 img { margin:auto; display:inline; } @-webkit-keyframes loadRotate{ from{-webkit-transform:rotateZ(0deg);} to{-webkit-transform:rotateZ(360deg);} } @keyframes loadRotate{ from{transform:rotateZ(0deg);} to{transform:rotateZ(360deg);} } .cppic{-webkit-animation:loadRotate 10s linear infinite;-webkit-animation-fill-mode:both;animation:loadRotate 10s linear infinite; /*动画从头到尾的速度是相同的 liner*/ /*指定动画应该播放无限次（永远）*/ animation-fill-mode:both; /*动画结束前和结束后都应用该属性 animation-fill-mode:both; */} /*===================== 首页 END =====================*/ /* ========================= 内页 START ========================= */ /* ===================== 产品列表页 ===================== */ #list{margin:30px 0;} #list .auto,#news_article,#article,.position_now .auto,#nyba .black .auto{width:1500px;margin:0 auto;} @media(max-width:1505px){ #list .auto,#news_article,#article,.position_now .auto,#nyba .black .auto{width:1200px;} } .showlist{width:100%;/* float:left; */} /*.showlist div *{width:100%;}*/ .showlist li{width:98%;margin:0 auto 20px;overflow:hidden;position:relative;-webkit-transition:0.5s;-o-transition:0.5s;-ms-transition:0.5s;-moz-transition:0.5s;transition:0.5s;} .showlist .wrap_box{float:left;} .showlist .button{width:60%;color:#fff;margin:0px auto;padding:0px;} #showdata{display:none;} #loaddata{text-align:center;} .showlist li .img{overflow:hidden;} /*.product_list_one .showlist, .product_list_two .showlist, .product_list_three .showlist{display: none;} .product_list_one #showdata, .product_list_two #showdata, .product_list_three #showdata{display: block !important;}*/ /*.product_list_one .item, .product_list_two .item, .product_list_three .item{float: left;width:32.33%;margin:0 0.5% 30px;}*/ .product_list_one .item .img,.product_list_two .item .img{position:relative;overflow:hidden; border:1px #dfdfdf solid} .product_list_one .item img,.product_list_two .item img,.product_list_two .item strong,.product_list_three .item em{-webkit-transition:0.5s;-o-transition:0.5s;-ms-transition:0.5s;-moz-transition:0.5s;transition:0.5s;} .product_list_one .item:hover img,.product_list_two .item:hover img{-webkit-transform:scale(1.2,1.2);-moz-transform:scale(1.2,1.2);-o-transform:scale(1.2,1.2);-ms-transform:scale(1.2,1.2);transform:scale(1.2,1.2);} /* 样式一 */ .product_list_one .item .info{padding:20px;background:url(../../images/arrow.png) right 57px no-repeat;} .product_list_one .item strong{display:block;width:95%;font-weight: normal;font-size:18px;} .product_list_one .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:#2da3a7;} .product_list_one .item p{display:none;} .product_list_one .item:hover .line2{transform:scaleX(1);-webkit-transform:scaleX(1);-moz-transform:scaleX(1);transform-origin:0;-webkit-transform-origin:0;visibility:visible\9;} .product_list_one .item:hover .info{background:url(../../images/arrow.png) right center no-repeat;} .product_list_one .item:hover strong{border-right:1px solid #f1f1f1;} /* 样式一 */ /* 样式二 */ .product_list_two .item .info{padding:0 30px 20px;background-color:#f6f7f7;} .product_list_two .item .info strong,.product_list_three .item .info strong{display:block;color:#555;font-size:18px;font-weight:100;padding-top:30px;} .product_list_two .item .line1{width:0%;height:1px;margin-top:8px;} .product_list_two .item .info p,.product_list_three .item .info p{color:#868585;font-size:14px;line-height:26px;height:52px;overflow:hidden;margin-top:8px;} .product_list_two .item .line2{display:none;} .product_list_two .item:hover{box-shadow:0px 18px 25px rgba(0,0,0,0.08);background-color:#fff;} .product_list_two .item:hover strong{color:#2da3a7;transform:translateY(-10px);-moz-transform:translateY(-10px);-o-transform:translateY(-10px);-ms-transform:translateY(-10px);-webkit-transform:translateY(-10px);} .product_list_two .item:hover .line1{width:100%;height:1px;background-color:#2da3a7;} .product_list_two .item:hover p{transform:translateY(10px);-moz-transform:translateY(10px);-o-transform:translateY(10px);-ms-transform:translateY(10px);-webkit-transform:translateY(10px);} /* 样式二 */ /* 样式三 */ .product_list_three .item .info strong{padding:0;} .product_list_three .item{padding-bottom:20px;border-radius:6px;overflow:hidden;background-color:#f9f9f9;} .product_list_three .item .info{padding:15px;} .product_list_three .item em{font-style:normal;float:right;width:10px;height:3px;background-color:#e05a12;margin:0px 15px 0 0;} .product_list_three .item:hover em{width:30px;} .product_list_three .item:hover{box-shadow:0px 18px 25px rgba(0,0,0,0.08);background-color:#fff;} /* 样式三 */ /* 产品内页图 */ .product_article .img1{display:none;} .product_article .title{overflow:hidden;padding:10px 0 0;} .product_article .title h1{text-align:center;font-size:22px;color:#333;} .product_article .title .time{display:block;height:30px;line-height:30px;text-align:center;margin:14px 0 0;font-size:14px;color:#999;} .product_article .title .time img{display:inline-block;height:18px;margin-top:-2px;margin-right:10px;} .product_article .title .share{text-align:center;height:24px;line-height:24px;margin-top:10px;} .product_article .title .share span{display:inline-block;vertical-align:top;} .product_article .title .bdsharebuttonbox{display:inline-block!important;vertical-align:top;} /* 产品内页图 */ /* ===================== 产品列表页 ===================== */ /* ===================== 产品 详情页 ===================== */ .img_big_box{width:55%;float:left;} .img_big_box .img_box{height:400px;border:1px solid #f1f1f1;border-radius:5px;position:relative;border-bottom:none;} .img_big_box .img_box img{max-width:99%;max-height:99%;border-radius:5px;position:absolute;left:0;top:0;right:0;bottom:0;margin:auto;} .img_big_box .small_box{border:1px solid #f1f1f1;border-radius:5px;text-align:center;} .img_big_box .small_box img{max-height:80px;display:inline-block;margin:10px 5px;border:1px solid #fff;} .img_big_box .small_box img.active{border-color:#e05a12;} .info_big_box{width:42%;float:right;height:502px;} .info_big_box h1{color:#444;line-height:36px;font-weight:bold;font-size:26px;margin-top:60px;} .info_big_box .info_1{margin:30px 0 0;} .info_big_box .info_1 .dh{color:#555;min-height:40px;line-height:40px;cursor:help;margin-bottom:10px;} .info_big_box .info_1 .dh img{float:left;width:30px;margin-top:5px;} .info_big_box .info_1 .dh span{float:right;width:89%;font-size:18px;color:#555;letter-spacing:0px;line-height:40px;} .info_big_box .info_1 .dh span.num{font-family:impact;font-size:26px;letter-spacing:2px;} .info_big_box .info_1 .dh span.num a{color:#555;} .info_big_box .info_2{padding:10px;} .info_big_box .share{height:24px;line-height:24px;margin:20px 0;} .info_big_box .share span{font-size:16px;color:#555;} .bdshare-button-style0-24 a,.bdshare-button-style0-24 .bds_more{margin:0 6px 0 0!important;} /*.info_big_box .info_2 .ewm{margin-right:20px;} .info_big_box .info_2 img{width:130px;border:1px solid #f2f2f2;padding:2px;} .info_big_box .info_2 strong{display: block;font-size:14px;height:30px;line-height:30px;color:#333;text-align: center;} .info_big_box .info_2 .but a{margin-top:26px;width:160px;height:36px;line-height:36px;text-align: center;position: relative;z-index:1;border:1px solid #f2f2f2;color:#666;} .info_big_box .info_2 .but a.a1:hover, .info_big_box .info_2 .but a.a2:hover{color:#fff;}*/ .info_big_box .info_3 span{display:inline-block;padding:8px 0;line-height:24px;color:#555;cursor:help;font-size:12px;} .info_big_box .info_3 span img{display:inline-block;height:20px;margin-bottom:3px;margin-right:6px;} .xgcp_title{padding:10px;background-color:#fafafa;margin:30px 0 0;} .xgcp_title h3{color:#2da3a7;border-left:2px solid #2da3a7;padding-left:20px;height:30px;line-height:30px;font-weight:bold;font-size:20px;} .article_content{font-size:16px;line-height:220%;color:#333;padding-top:30px;} .article_box{padding-top:30px;} .article_box img,.article_content img,.article_content a{display:inline-block;} .article_box p,.article_content p{margin-bottom:14px;} #xgcp ul li{float:left;text-align:center;width:23%;margin:1%;} #xgcp ul li strong{display:block;height:36px;color:#333;font-size:16px;font-weight:100;line-height:36px;text-align:center;} #xgcp ul li:hover strong{color:#fff;} #xgcp ul li:hover .pb_bg{transform:scaleY(1);-webkit-transform:scaleY(1);transform-origin:left 0;-webkit-transform-origin:left 0;visibility:visible\9;} .pagenum{border-top:1px solid #DCDCDC;margin-top:30px;text-align:center;} .pagenum a{display:inline-block;color:#666;margin:20px 20px 0;width:120px;height:30px;line-height:30px;border:1px solid #e05a12;border-radius:60px;font-size:0px;} .pagenum span{font-size:16px;color:#e05a12;} .pagenum a:hover{background-color:#e05a12;} .pagenum a:hover span{color:#fff;} /* ===================== 产品 详情页 ===================== */ /* ===================== 内页 Banner 图 ===================== */ #nyba{height:500px;position:relative;overflow:hidden;background-color:rgba(0,0,0,0.3);background-image:url(images/neibanner.jpg);background-position:top center;background-repeat:no-repeat;background-attachment:fixed;} .fade_text{text-transform:uppercase;margin-top:12%;text-align:center;font-size:0;} .fade_text span{color:#fff;display:inline-block;} .fade_text .cn{height:95px;line-height:95px;overflow:hidden;} .fade_text .cn span{font-size:62px;} .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:20px;overflow:hidden;width:8px;} .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:#e05a12;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 图 ===================== */ /* ===================== 面包屑导航 ===================== */ .position_now{height:60px;line-height:60px;font-size:14px;background-color:#f1f1f1;} .position_now a{display:inline-block;color:#707070;} .position_now .fl{color:#707070;} .position_now .fl img{height:20px;margin-top:-4px;display:inline-block;margin-right:8px;} .position_now .fr{font-family:impact;color:#e05a12;font-size:22px; display: none;} .position_now .fr img{height:26px;display:inline-block;margin-right:8px;vertical-align:middle;} .position_now .fr strong{font-weight:100;} /* ===================== 面包屑导航 ===================== */ /* ===================== 新闻页面 ===================== */ /* 新闻样式 1 */ .news_one .news_box li{margin-bottom:20px;} .news_one .news_box li .img{width:30%;overflow:hidden;float:left;border-radius:8px;position:relative;} .news_one .news_box li .img img{-webkit-transition:0.5s;-o-transition:0.5s;-ms-transition:0.5s;-moz-transition:0.5s;transition:0.5s;} .news_one .news_box li .img .bg{position:absolute;left:0;top:0;width:100%;height:100%;background:rgba(0,0,0,0);} .news_one .news_box li .img .bg i{opacity:0;position:absolute;left:50%;top:50%;margin:-15px 0 0 -50px;width:30px;height:30px;background:url(../../images/news_arrow.png) center/100% no-repeat;} .news_one .news_box li .info{width:68%;float:right;padding-top:50px;} .news_one .news_box li .info h3{font-weight:bold;font-size:18px;color:#333;} .news_one .news_box li .info .time{color:#777;font-size:14px;padding:20px 0;} .news_one .news_box li .info .line{width:100%;height:1px;background-color:#e5e9ef;margin-bottom:20px;} .news_one .news_box li .info .line i{display:block;width:0%;height:1px;background-color:#2da3a7;} .news_one .news_box li .info p{color:#999;font-size:16px;line-height:26px;height:52px;overflow:hidden;} .news_one .news_box li:hover .line i{width:100%;} .news_one .news_box li:hover h3{color:#2da3a7;} .news_one .news_box li:hover .bg{background:rgba(0,0,0,0.55);} .news_one .news_box li:hover .bg i{opacity:1;margin:-15px 0 0 -15px;} .news_article_box .left_fixed{position:fixed;left:0;top:0;width:30%;height:100%;z-index:-1;} .news_article_box .left_fixed .text{padding:35% 0 0 25%;} .news_article_box .left_fixed h6{font-size:70px;color:#2da3a7;opacity:0.5;font-style:italic;font-family:impact;} .news_article_box .left_fixed h5{font-size:16px;color:#333;margin-top:30px;} .news_article_box .left_fixed .return{margin-top:40px;font-size:14px;color:#666;} .news_article_box .left_fixed .return:after{content:'';} .news_article_box .right_article{float:right;width:70%;background-color:#f5f5f5;overflow:hidden;} .news_article_box .inner_content{padding:30px 50px;} .news_article_box .h1_title{padding:70px 40px;background-color:#E5E5E5;line-height:1.5; margin-top:110px;} .news_article_box .h1_title h1{font-size:28px;color:#333;margin-bottom:20px;} .news_article_box .h1_title .time img{height:20px;display:inline-block;margin:-4px 10px 0 0;} .news_article_box .h1_title .time span{color:#777;font-size:16px;} .page_list{text-align:center;} .page_list b{font-size:0;} .page_list b a,.page_list b font{display:inline-block;font-weight:100;color:#999;font-size:16px;margin:0 5px;border:1px solid #e5e9ef;width:40px;height:40px;line-height:40px;border-radius:6px;text-align:center;} .page_list b font{background-color:#e05a12;color:#fff;border-color:#e05a12;} .page_list_span1{display:none;} /* 新闻样式 1 */ /* 新闻样式 2 */ .news_two .news_box li{float:left;width:31.33%;margin:1%;overflow:hidden;-webkit-transition:0.5s;-o-transition:0.5s;-ms-transition:0.5s;-moz-transition:0.5s;transition:0.5s;} .news_two .news_box li a{padding:20px;background-color:#f3f3f3;position:relative;} .news_two .news_box li .time strong{font-size:50px;color:#e05a12;display:inline-block;font-family:"SimHei";position:relative;} .news_two .news_box li .time strong::after{content:'';position:absolute;left:0;top:30px;width:0px;background-color:#e05a12;height:2px;-webkit-transition:0.5s;-o-transition:0.5s;-ms-transition:0.5s;-moz-transition:0.5s;transition:0.5s;} .news_two .news_box li .time span{font-size:12px;color:#333;display:block;font-family:"SimHei";} .news_two .news_box li h3{color:#333;font-size:18px;line-height:26px;height:52px;overflow:hidden;margin:15px 0 10px;} .pc .news_two .news_box li:hover h3{color:#e05a12;} .news_two .news_box li p{font-size:14px;color:#666;line-height:22px;height:44px;overflow:hidden;margin-bottom:10px;} .news_two .news_box li i{position:absolute;background-color:#e05a12;} .news_two .news_box li i.i1{width:0px;height:2px;top:20px;right:20px;} .news_two .news_box li i.i2{width:2px;height:0px;top:20px;right:20px;} .pc .news_two .news_box li:hover i.i1{width:30px;} .pc .news_two .news_box li:hover i.i2{height:30px;} .pc .news_two .news_box li:hover{box-shadow:0px 18px 25px rgba(0,0,0,0.08);} .pc .news_two .news_box li:hover strong::after{width:100%;} .fixed_body{display:none;position:fixed;width:100%;height:100%;background:rgba(255,255,255,0.8);left:-30%;top:0;z-index:9999;} .fixed_body .fixed_article{display:none;position:fixed;width:1200px;height:800px;top:50%;right:20%;margin:-400px -600px 0 0;background-color:#fff;z-index:99999;box-shadow:0px 0 25px rgba(0,0,0,0.08);} .fixed_body .fixed_article .fb_close{position:absolute;right:0;top:0;width:60px;height:60px;cursor:pointer;background-color:#e05a12;} .fixed_body .fixed_article .fb_close i{display:block;margin:10px auto 0;width:40px;height:40px;background:url(../../images/jia.png) center center/80% no-repeat;} .fixed_body .fixed_article .fb_close:hover i{transform:rotate(45deg);-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);-ms-transform:rotate(45deg);} .fixed_body .fixed_article iframe{border:none;width:100%;height:100%;display:block;} @media(max-width:1505px){ .fixed_body .fixed_article{width:1000px;margin-right:-500px;} } /* 新闻样式 2 */ /* ===================== 新闻页面 ===================== */ /* ===================== 产品页 左侧 导航 ===================== */ #list .left_side{width:280px;} #list .left_side .box_one,#list .left_side .box_two{width:260px;background-color:#2da3a7;padding:10px 10px;} #list .left_side .box_one .title{text-align:center;margin-bottom:20px;} #list .left_side .box_one .title h3{color:#fff;font-weight:bold;font-size:30px;margin:20px 0 10px 0;} #list .left_side .box_one .title p{color:#fff;font-size:16px;} #list .left_side .box_one ul li{line-height:50px;background-color:#fff;margin-bottom:5px;text-align:left;} #list .left_side .box_one ul li a{position:relative;z-index:1;overflow:hidden;height:50px;} #list .left_side .box_one ul li span,#list .left_side .box_one ul li em{position:absolute;display:block;width:96%;height:100%;padding-left:4%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;} #list .left_side .box_one ul li span{left:0;top:0;background-color:#fff;} #list .left_side .box_one ul li em{right:-100%;top:0;background-color:#e05a12;color:#fff; font-style:normal;} #list .left_side .box_one ul li a:hover span,#list .left_side .box_one ul li a.active span{top:100%;} #list .left_side .box_one ul li a:hover em,#list .left_side .box_one ul li a.active em{right:0;} #list .left_side .box_one ul li .son_nav{border-top:1px solid #e05a12;} #list .left_side .box_one ul li .son_nav a{background:none;height:40px;line-height:40px;position:relative;} #list .left_side .box_one ul li .son_nav a::after{content:'';position:absolute;left:20px;top:20px;width:8px;height:1px;background-color:#e05a12;} #list .left_side .box_one ul li .son_nav a:hover::after,#list .left_side .box_one ul li .son_nav a.active::after{background-color:#fff;} #list .left_side .box_one ul li .son_nav span{padding-left:40px;} #list .left_side .box_two{margin-top:10px;padding:20px 10px;} #list .left_side .box_two p{font-size:16px;color:#fff;line-height:30px;} #list .left_side .box_two strong{color:#fff;font-size:30px;display:block;margin-bottom:10px;font-family:impact;font-weight:100;} #list .left_side .box_two .more{height:36px;line-height:36px;background-color:#fff;margin-top:10px;width:200px;color:#333;text-align:center;} #list .left_side .box_two .more i{background-color:#ff1730;} #list .left_side .box_two .more:hover{color:#fff;} #list .right_side.fr{width:1200px;} .chlb{ width:100%; } .chlb1{ width:100%; line-height:40px; background: olive linear-gradient(to right, rgba(10,82,188,10), rgba(29,184,107,10)); font-size:20px; font-weight:700; color:#FFFFFF!important; text-indent:20px; margin:2px auto; display:inline-block } .chlb1 a{font-size:20px; font-weight:700; color:#FFFFFF!important; text-indent:20px;} .chlb1 a:hover{ background-color:#1db86b; color:#fff!important; text-indent:35px} .lbb11{ margin:5px auto; } .lbb11 a{ display: inline-block; font-size:16px; color:#000; line-height:30px!important; height:30px !important; width:100%; font-weight:normal; box-sizing: border-box; text-indent:25px; margin:3px 0; background-color:#FFFFFF } .lbb11 a:hover{ background-color:#1db86b; color:#ffffff; transition:all .5s ease; } .lbb11 a h3{ font-size:16px; color:#000; line-height:30px!important;} .lbb11 a:hover h3{ color: #fff; text-indent:30px } @media(max-width:1520px){ /*简介内页*/ .nyjj{ width:100%; margin:5px auto; height:450px;} .nyjj_1{ width:58%; float:left} .nyjj_2{ width:40%; float:right; height:440px} .nyjj1{ width:100%; margin:30px auto; height:400px;} .nyjj1_1{ width:58%; float: right} .nyjj1_2{ width:40%; float:left;} .nyjj2{ width:100%; margin:5px auto; height:350px;} .nyjj2_1{ width:58%; float:left} .nyjj2_2{ width:40%; float:right; height:350px} } @media(max-width:1505px){ #list .right_side.fr{width:900px;} .jjfa-b a>p{font-size:23px;} /*底部*/ .xfoot{ width:96%; margin:auto; height:auto; padding:60px 0px; } .xfoot1{ width:34%;} .xfoot1 img{} .xfoot2{ display:none;} .xxfoot2{ display:none;} .xfoot4{ width:33%;} .xfoot4 p{font-size:16px; color:#575757; line-height:2.2;} .xfoot5{ width:33%;} } /* ===================== 产品页 左侧 导航 ===================== */ /* ===================== 全局搜索框 ===================== */ .form_box{display:none;border:1px solid #f1f1f1;border-radius:5px;margin-bottom:20px;} .form_box .sf{margin:0 auto;text-align:center;font-size:0;} .form_box .an{display:inline-block;border:1px solid #f1f1f1;background-color:#fff;color:#333;height:40px;border-radius:8px;margin:10px 5px;font-size:16px;line-height:40px;padding:0px 15px;outline:none;} .form_box .an{vertical-align:bottom;} .form_box .an:hover{border-color:#e05a12;} .form_box .inp{height:38px;vertical-align:bottom;} .form_box .submit{width:80px;cursor:pointer;} /* ===================== 全局搜索框 ===================== */ /* ===================== 在线留言 ===================== */ .form_box_box{width:1200px;margin:40px auto;padding:60px 0;box-shadow:0px 20px 80px rgba(76,76,76,0.1);} ul.fs{width:1000px;margin:0 auto;} ul.fs input,ul.fs textarea{box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;-webkit-transition:0.8s;-o-transition:0.8s;-ms-transition:0.8s;-moz-transition:0.8s;transition:0.8s;} ul.fs .box1 li{float:left;width:320px;margin-right:20px;} ul.fs .box1 li:nth-of-type(3){margin:0;} ul.fs .box1 li input{border:1px solid #e1e7ee;width:100%;height:50px;padding:10px;color:#999;} ul.fs li input:hover{border-color:#e05a12;} ul.fs .box1 li input::-webkit-input-placeholder,ul.fs li.textarea textarea::-webkit-input-placeholder,ul.fs li.yzm input::-webkit-input-placeholder{color:#999;} ul.fs .box1 li input:-moz-placeholder,ul.fs li.textarea textarea:-moz-placeholder,ul.fs li.yzm input:-moz-placeholder{color:#999;} ul.fs .box1 li input:-ms-input-placeholder,ul.fs li.textarea textarea:-ms-input-placeholder,ul.fs li.yzm input:-ms-input-placeholder{color:#999;} ul.fs li.textarea textarea{width:100%;height:150px;border:1px solid #e1e7ee;padding:10px;margin:20px 0;color:#999;} ul.fs li.textarea textarea:hover{border-color:#e05a12;} ul.fs li.radio{text-align:center;} ul.fs li.radio label{margin:0 10px;} ul.fs li.yzm{text-align:center;margin:20px 0;} ul.fs li.yzm img{display:inline-block;height:20px;} ul.fs li.yzm input{border-bottom:1px solid #e1e7ee;width:200px;height:50px;padding:10px;color:#999;} ul.fs li.yzm input:hover{border-color:#e05a12;} ul.fs li.submit input{height:50px;margin:0 auto;display:block;cursor:pointer;width:200px;border-radius:50px;background-color:#e05a12;font-size:16px;color:#fff;} /* ===================== 在线留言 ===================== */ /* ===================== 联系我们 地图 ===================== */ #allmap{height:500px;padding-top:100px;} #allmap img{max-width:none!important;} /* ===================== 联系我们 地图 ===================== */ /* ===================== 回到顶部 ===================== */ .go_top{display:none;background:url(../../m/images/top.png) center center/50% no-repeat;width:40px;height:40px;cursor:pointer;text-align:center;background-color:#2fa3a8;border-radius:50%;position:fixed;right:6px;bottom:100px;z-index:99999999999;} /* ===================== 回到顶部 ===================== */ .firstRow img{display:inline-block;} /* ================================ 内页 END ================================ */ /*===================== 响应式代码 START =====================*/ @media(max-width:1800px){ .footer .auto{width:1300px;} .footer .a_list{margin:0 50px;width:440px;} .footer .a_list a{width:50%;} } @media(max-width:1588px){ } @media(max-width: 1550px){ } @media(max-width: 1440px){ .top1{width:18%;} .top2 h1{ font-size:28px; } .top2 p{ font-size:15px; } .header .nav ul li a{font-size:16px;} .header .nav{width:60%; float:left; position:relative; right:} .header .call{padding-left:55px;} .header .call p{font-size:16px;} .header .call h3{font-size:32px;} /*数字变化*/ .about_type li{ border: none;} /*产品展示*/ .chcp{ width:100%; padding:60px 0; background-color:#f0f0f0} .chcpp{ width:90%; margin:auto} .chcp1{ width:50%; float:left} .chcp1_1{ width:100%;} .chcp1_1 h3{ font-size:42px; color:#313131; font-weight:700; margin-top:-10px} .chcp1_1 p{ font-size:22px; color:#5b5b5b; margin-top:15px; line-height:30px; font-weight:lighter} .chcp1_2{ width:30%; height:46px; background-color:#FFFFFF; float:left; margin-top:30px; font-size:20px; color:#323232; text-align:center; line-height:46px} .chcp1_2 a{ color:#323232; } .chcp1_2:hover{ background-color:#2da3a7;} .chcp1_2:hover a{ color:#fff; } .chcp1_3{ width:50%; padding:0 10%; height:46px; background-color:#2da3a7; float: right; margin-top:30px;font-size:18px; color:#fff; text-align:center; line-height:46px} .chcp1_3 a{ color:#fff; overflow:hidden;text-overflow: ellipsis; white-space: nowrap; } .chcp1_3:hover{ background-color:#fff;} .chcp1_3:hover a{ color:#323232; } .chcp1_4{ width:100%; margin-top:50px; font-size:18px; color:#5c5c5c; line-height:40px} .chcp2{ width:45%; float: right; margin-top:10px} .chcpp1{ width:96%; margin:35px auto 0} .chcp3{ width:30%; float:left; margin-right:1.5%;} .chcp3 img{ width:100%; height:auto } .chcp3 p{ width:100%; height:50px; background-color:#FFFFFF; font-size:20px; text-align:center; line-height:50px} .chcp3:hover p{ background-color:#2fa3a8; color:#FFFFFF; } .chcp4{ width:30%; float:left; margin-right:1.5%; margin-left:1.5%;} .chcp4 img{ width:100%; height:auto } .chcp4 p{ width:100%; height:50px; background-color:#FFFFFF; font-size:20px; text-align:center; line-height:50px} .chcp4:hover p{ background-color:#2fa3a8; color:#FFFFFF; transition:all .7s ease;} .chcp5{ width:30%; float:left; margin-left:1.5%;} .chcp5 img{ width:100%; height:auto } .chcp5 p{ width:100%; height:50px; background-color:#FFFFFF; font-size:20px; text-align:center; line-height:50px} .chcp5:hover p{ background-color:#2fa3a8; color:#FFFFFF; transition:all .7s ease;} } @media(max-width:1400px){ /*简介*/ .chjj{ width:98%; margin:60px auto} .chjj1{ width:61%; float:left} .chjj1 h3{ font-size:79px; color:#1b3b86; font-family:Impact; padding-top:20px} .chjj1 p{ font-size:24px; color:#22283b; font-weight:lighter; line-height:2; padding-bottom:30px} .chjj2{ width:35%; background-color:#f7f7f7; float: right; padding:45px 2%; border-top:10px #1b3b86 solid} .chjj2_1 span{ font-size:55px; font-weight:700; background-image: linear-gradient(to left top, #1c4388 , #298b9f, #1c4388); -webkit-background-clip: text;/*按字体裁剪*/ -webkit-text-fill-color: transparent;} .chjj2_1 span p{ font-size:36px; font-weight:700; background-image: linear-gradient(to left bottom, #1c4388 , #298b9f, #1c4388); -webkit-background-clip: text;/*按字体裁剪*/ -webkit-text-fill-color: transparent;} .chjj2_1 h3{ font-size:22px; color:#4c4c4c; line-height:3.5 } .chjj2_2{ width:99px; height:2px; background-color:#1b3b86; margin-bottom:40px} .chjj2_3{ font-size:19px; color:#434344; line-height:2.5; padding-bottom:40px} .chjj3{ display:none} /*发货*/ .chal{ width:98%; margin:50px auto} .chal1 { display:none} .chal1 img{ margin:auto; margin-top:10px} .chal2{ width:100%; float: none; margin-right:0px} .chal2 p{ width:100%; font-size:55px; color:#2da3a7; font-family:Impact; text-align: center} .chal2_1{ width:100%; float: none} .chal2_1 img{ display:none } .chal2_1 h3{ font-size:45px; color:#393d3d; text-align: center; font-weight:700} .chal2_2{ display:none} .chal3{ display:none} #demoy{ overflow:hidden;height:380px;width:95%; margin:auto; color:#336699; padding-top:50px;} #demoy1 ul,#demo2 ul{ display:block;width:6285px; overflow:hidden} #demoy1 ul li{width:465px; height:360px;margin:8px 10px; float:left} #demoy1 ul li a h3,#demo2 ul li a h3{width:465px;height:360px ; overflow:hidden;} #demoy1 ul li a h3 img,#demo2 ul li a h3 img{width:465px;transition:all .5s ease; height:360px;} #demoy1 ul li a h3:hover img,#demo2 ul li a h3:hover img{transform: scaleX(1.1) scaleY(1.1);} #demoy1 ul li a ol,#demo2 ul li a ol{ text-align:center; height:65px; line-height:65px;transition:all .5s ease; background: rgba(45,45,45,0.7); position:relative; top:-65px; color: #ffffff; font-size:19px;} #demoy1 ul li a:hover ol,#demo2 ul li a:hover ol{ } #demoy2 ul li{width:465px;height:360px;margin:8px 10px;} .hcxw2{ width:98%; margin:30px auto} .hcxw2_1{ width:100%; float: none} .hcxw2_1 h3{ font-size:32px; color:#323232; text-align:center} .hcxw2_1 p{ font-size:20px; color:#646363; font-weight:lighter; text-align:center} .hcxw2_2{ display:none} .hcxw3{ width:98%; margin:10px auto} .xwyy1{width:100%; margin:auto; } .xwyy1 li{ width:26%; display:inline-block; overflow:hidden; padding:2% 1.5%; border:1px #f1f1f1 solid } .xwyy1 li{ line-height:28px; margin:10px 15px;} .xwyy1 li:hover{ background-color:#2da3a7 } .xwyy1 img{ margin:auto; margin-top:24px; margin-bottom:30px;} .xwyy1 h4 a{ color:#464646; font-size:19px; line-height:2; font-weight:normal; } .xwyy1 h4 { height:40px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .xwyy1 em{ font-size:16px; line-height:1.9; display:block; height:90px; overflow:hidden; color:#6b6b6b; font-style:normal; margin-top:7px; } .xwyy1 span{ font-size:18px; line-height:2.2; display:block; overflow:hidden; color:#535353; font-family:Arial, Helvetica, sans-serif; margin-bottom:9px; } .xwyy1 span h5{ font-size:53px; line-height:1.2; color:#116295; font-weight:600; float:left;font-family:Arial, Helvetica, sans-serif; } .xwyy1 li:hover h4 a{ color:#fff; } .xwyy1 li:hover span { color:#fff; } .xwyy1 li:hover em{ color:#fff; } .oh {margin-top:5px;} .footer .auto{width:1200px;} #top_scroll{max-width:100%;} .so_banner .swiper-slide{width:1000px;} .so_banner .swiper-button-next{right:-500px;} .so_banner .swiper-button-prev{left:-500px;} .footer .a_list{width:370px;} .footer .ewm{width:110px;margin-top:20px;} .foot-bg1{ max-width:97%; height: auto; margin:auto; padding-top:10px; } .foot3{ display:none} } @media(max-width:1300px){ /*优势*/ .chys{width:100%; background:url(../images/ch_06.jpg) center no-repeat; height:728px;} .chys1{ width:100%; margin:auto; padding-top:50px;} .chys1 h3{ font-size:35px; text-align:center; font-weight:700; color:#1b3b86} .chys1 p{ font-size:18px; text-align:center; color:#383838; line-height:2.5; font-weight:lighter} .chys2{ width:96%; margin:auto} .chys2 ul li{ width:28%; height:351px; padding:35px 1%; float:left; margin:60px 1%; background-color:#FFFFFF} .chys2 ul li h4{ font-size:30px; text-align:center; color:#3f3f3f; font-weight:700; line-height:1.5} .chys2 ul li p{ font-size:16px; text-align:center; color:#5b5c5d; line-height:30px; margin-top:35px; height:60px;display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; } .chys2 ul li img{ width:158px; height:158px; border:5px #FFFFFF solid; border-radius:50%; margin:60px auto 0; transition:all 1s; } .chys2 ul li:hover { background-color:#2fa3a8; transition:all .5s ease; } .chys2 ul li:hover h4 { color:#FFFFFF } .chys2 ul li:hover p { color:#FFFFFF } .chys2 ul li:hover img {transform:rotate(360deg);} /*简介*/ .hbjj2{ width:98%; height:431px; margin:35px auto; background-color:#f99005} .hbjj2_1{ width:48%; float:left; margin-top:30px ; margin-left:1%;} .hbjj2_11{ font-size:32px; font-weight:700; color:#FFFFFF } .hbjj2_12{ font-size:18px; color:#FFFFFF; line-height:40px; margin-top:20px} .hbjj2_13{ width:150px; height:50px; background-color:#FFFFFF; border-radius:30px; margin-top:20px; font-size:18px; color:#FFFFFF; line-height:50px; text-align:center} .hbjj2_2{ width:50%; float:right} /*新闻*/ .hcxw{ width:100%; height:131px ;background: olive linear-gradient(to right, rgba(42,61,134,10), rgba(45,146,161,10)); transition: background-color .5s; margin-top:50px; padding:20px 0; } .hcxw1{ width:98%; margin:auto; padding-top:15px} .hcxw1_1{ float:left} .hcxw1_2{ float:left; margin-left:20px} .hcxw1_2 h3{ font-size:37px; color:#FFFFFF; font-weight:700} .hcxw1_2 p{ font-size:22px; color:#FFFFFF; line-height:2; font-weight:lighter} .hcxw1_3{ float: right; width:80px; height:80px; border-radius:80px; border:1px #FFFFFF solid; animation: sss 2s infinite alternate linear;} .hcxw1_3 img{ margin:auto; padding-top:31px} } @media(max-width:1280px){ .foot4{ display:none} } .header .menu_box{display:none;} .header .menu_box{float:right;width:24px;height:54px;position:relative;} .header .nav_button{position:absolute;right:0px;top:26px;vertical-align:middle;width:24px;height:2px;cursor:pointer;background-color:#2fa3a8;-webkit-transition:0.5s;-o-transition:0.5s;-ms-transition:0.5s;-moz-transition:0.5s;transition:0.5s;} .header .nav_button::after,.header .nav_button::before{content:'';width:24px;height:2px;position:absolute;z-index:99999999;right:0;background-color:#2fa3a8;-webkit-transition:0.5s;-o-transition:0.5s;-ms-transition:0.5s;-moz-transition:0.5s;transition:0.5s;} .header .nav_button::after{top:9px;} .header .nav_button::before{top:-9px;} .header .menu_box.on .nav_button{width:0;} .header .menu_box.on .nav_button::before{-webkit-transform:translateY(9px) rotate(45deg);-ms-transform:translateY(9px) rotate(45deg);transform:translateY(9px) rotate(45deg);} .header .menu_box.on .nav_button::after{-webkit-transform:translateY(-9px) rotate(-45deg);-ms-transform:translateY(-9px) rotate(-45deg);transform:translateY(-9px) rotate(-45deg);} #close{display:none;position:fixed;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,0.5);z-index:999;} .wap_son{display:none;padding:0 13px;margin-bottom:20px;} .wap_son a{width:48%;height:40px;line-height:40px;font-size:16px;color:#fff;text-align:center;margin:1%;float:left;background-color:#2fa3a8;} .fixed_footer{display:none;} .fixed_footer{display:none;background-color:#2da3a7;height:50px;position:fixed;bottom:30px;left:50%;margin-left:-46%;z-index:999;width:92%;border-radius:10px;} @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;} .wap_show{display:none;} @media(max-width:1210px){ html,body{margin:0 auto!important;} .product_list_two .item .info p,.product_list_three .item .info p,.header .call,.banner .swiper-button-next,.banner .swiper-button-prev,.news_two .news_box li p,.position_now .fr,.arrow_down,#list .news_one .news_box li .img .bg,.news_article_box .left_fixed,.img_big_box,#none,.pc_show,.section_one .son, .ysbt h3 span{display:none;} .header .menu_box,.fixed_footer,.wap_show{display:block;} #list .auto,#news_article,#article,.position_now .auto,#nyba .black .auto, .section_five .item_box{width:auto;padding:0 15px;} .pub_title{padding:24px 0;} .pub_title h4{font-size: 30px;} .pub_title p{font-size: 16px;} .header,.header.bg{height:60px; top:0px; background-color: rgba(255,255,255,0.95);box-shadow: 0 0 10px rgba(0,0,0,0.3)} .top1{margin-top: 0px; background:none;} .top2 h1{ font-size:24px; margin-left:5px; margin-top:2px } .top2 p{ font-size:9px; margin-left:5px;} .top3{ width:20%; height:auto; margin-top:2px } .header{ position:fixed;} .header_height{height:60px;} .header .inner{padding:5px 10px;width:auto;height:54px; } .header .logo{width:auto;height:auto;} .header .logo img,.header.bg .logo img{height:50px;margin:0;width:auto;} .header .nav{position:fixed;width:280px;height:327px;overflow:auto;padding:20px 0;top:50%;left:50%;margin:-163px 0 0 -140px;z-index:9999999999;background-color:#fff;box-shadow:0 0 10px #f1f1f1;-webkit-transform:scale(0);-moz-transform:scale(0);-ms-transform:scale(0);-o-transform:scale(0);transform:scale(0);} .header .nav ul li{display:block;width:90%;margin:0 auto;height:40px;line-height:40px;border-bottom:1px solid #f9f9f9;} .header .nav ul li:last-child{border:none;} .header .nav ul li a,.header.bg .nav ul li a{height:40px;line-height:40px;color:#333;} .product_son{display:none!important;} .copyright{height:auto;line-height:40px;} .xl2{ display:none!important;} .header .callz{ display:none } #list .right_side.fr{width:850px;} /*产品展示*/ .chcp{ width:100%; padding:30px 0; background-color:#f0f0f0} .chcpp{ width:90%; margin:auto} .chcp1{ width:100%; float:none} .chcp1_1{ width:100%;} .chcp1_1 h3{ font-size:24px; color:#313131; font-weight:700; margin-top:-10px; text-align:center} .chcp1_1 p{ font-size:16px; color:#5b5b5b; margin-top:15px; line-height:1.5; font-weight:lighter; text-align:center} .chcp1_2{ width:30%; height:46px; background-color:#FFFFFF; float:left; margin-top:20px; font-size:16px; color:#323232; text-align:center; line-height:46px} .chcp1_2 a{ color:#323232; } .chcp1_2:hover{ background-color:#2da3a7;} .chcp1_2:hover a{ color:#fff; } .chcp1_3{ width:50%; padding:0 10%; height:46px; background-color:#2da3a7; float: right; margin-top:20px;font-size:16px; color:#fff; text-align:center; line-height:46px} .chcp1_3 a{ color:#fff; overflow:hidden;text-overflow: ellipsis; white-space: nowrap; } .chcp1_3:hover{ background-color:#fff;} .chcp1_3:hover a{ color:#323232; } .chcp1_4{ width:100%; margin-top:30px; font-size:15px; color:#5c5c5c; line-height:2} .chcp2{ width:100%; float: none; margin-top:10px;} .chcp2 img{ margin:auto} .chcpp1{ width:96%; margin:35px auto 0} .chcp3{ width:30.9%; float:left; margin-right:1.5%;} .chcp3 img{ width:100%; height:auto } .chcp3 p{ width:100%; height:50px; background-color:#FFFFFF; font-size:16px; text-align:center; line-height:50px} .chcp3:hover p{ background-color:#2fa3a8; color:#FFFFFF; } .chcp3 p em{ padding:0 7px; border-radius:30px; background-color:#dd0606; font-size:12px; text-align:center; color:#FFFFFF; text-transform:uppercase } .chcp3:hover em{ background-color:#ffff; font-size:15px; text-align:center; color:#000; } .chcp4{ width:30.9%; float:left; margin-right:1.5%; margin-left:1.5%;} .chcp4 img{ width:100%; height:auto } .chcp4 p{ width:100%; height:50px; background-color:#FFFFFF; font-size:16px; text-align:center; line-height:50px} .chcp4:hover p{ background-color:#2fa3a8; color:#FFFFFF; transition:all .7s ease;} .chcp4 p em{ padding:0 7px; border-radius:30px; background-color:#dd0606; font-size:12px; text-align:center; color:#FFFFFF; text-transform:uppercase } .chcp4:hover em{ background-color:#ffff; font-size:15px; text-align:center; color:#000; } .chcp5{ width:30.9%; float:left; margin-left:1.5%;} .chcp5 img{ width:100%; height:auto } .chcp5 p{ width:100%; height:50px; background-color:#FFFFFF; font-size:16px; text-align:center; line-height:50px} .chcp5:hover p{ background-color:#2fa3a8; color:#FFFFFF; transition:all .7s ease;} .chcp5 p em{ padding:0 7px; border-radius:30px; background-color:#dd0606; font-size:12px; text-align:center; color:#FFFFFF; text-transform:uppercase } .chcp5:hover em{ background-color:#ffff; font-size:15px; text-align:center; color:#000; } /*简介*/ .chjj{ width:98%; margin:60px auto} .chjj1{ width:61%; float:left} .chjj1 h3{ font-size:50px; color:#1b3b86; font-family:Impact; padding-top:20px} .chjj1 p{ font-size:18px; color:#22283b; font-weight:lighter; line-height:2; padding-bottom:30px} .chjj2{ width:35%; background-color:#f7f7f7; float: right; padding:45px 2%; border-top:10px #1b3b86 solid} .chjj2_1 span{ font-size:45px; font-weight:700; background-image: linear-gradient(to left top, #1c4388 , #298b9f, #1c4388); -webkit-background-clip: text;/*按字体裁剪*/ -webkit-text-fill-color: transparent;} .chjj2_1 span p{ font-size:26px; font-weight:700; background-image: linear-gradient(to left bottom, #1c4388 , #298b9f, #1c4388); -webkit-background-clip: text;/*按字体裁剪*/ -webkit-text-fill-color: transparent;} .chjj2_1 h3{ font-size:22px; color:#4c4c4c; line-height:3.5 } .chjj2_2{ width:99px; height:2px; background-color:#1b3b86; margin-bottom:20px} .chjj2_3{ font-size:17px; color:#434344; line-height:2.5; padding-bottom:20px} /*简介内页*/ .nyjj{ width:100%; margin:5px auto; height: auto;} .nyjj_1{ width:100%; float: none} .nyjj_2{ width:100%; float: none; height:300px} .nyjj1{ width:100%; margin:30px auto; height: auto;} .nyjj1_1{ width:100%; float: none} .nyjj1_2{ width:100%; float: none;} .nyjj1_2 img{ width:100%;} .nyjj2{ width:100%; margin:5px auto; height: auto;} .nyjj2_1{ width:100%; float: none} .nyjj2_2{ width:100%; float: none; height: auto} .nyjj2_2 img{ width:100%;} /*新闻*/ .hcxw{ width:100%; height:131px ;background: olive linear-gradient(to right, rgba(42,61,134,10), rgba(45,146,161,10)); transition: background-color .5s; margin-top:10px; padding:20px 0; } .hcxw1{ width:98%; margin:auto; padding-top:15px} .hcxw1_1{ float:left; } .hcxw1_1 img{ width:60%; margin-top:15px; } .hcxw1_2{ float:left; margin-left:10px} .hcxw1_2 h3{ font-size:26px; color:#FFFFFF; font-weight:700} .hcxw1_2 p{ font-size:17px; color:#FFFFFF; line-height:1.5; font-weight:lighter} .hcxw1_3{ float: right; width: auto; height: auto; border-radius:0px; border:0px #FFFFFF solid; animation: sss 2s infinite alternate linear;} .hcxw1_3 img{ margin:auto; padding-top:31px} @media(max-width:1160px){ #list .right_side.fr{width:810px;} } @media(max-width:1120px){ #list .right_side.fr{width:790px;} } @media(max-width:1100px){ #list .right_side.fr{width:770px;} } @media(max-width:1080px){ #list .right_side.fr{width:750px;} } @media(max-width:1090px){ /*发货*/ .chal{ width:98%; margin:25px auto} .chal1 { display:none} .chal1 img{ margin:auto; margin-top:10px} .chal2{ width:100%; float: none; margin-right:0px} .chal2 p{ width:100%; font-size:35px; color:#2da3a7; font-family:Impact; text-align: center} .chal2_1{ width:100%; float: none} .chal2_1 img{ display:none } .chal2_1 h3{ font-size:30px; color:#393d3d; text-align: center; font-weight:700} .chal2_2{ display:none} .chal3{ display:none} .hcxw1_3 img{ display:none} /* 基地 */ .muma{position:relative;width:100%;margin:auto;} .sc666{padding:20px 0;} .ss666.swiper-slide{background-position:center;background-size:cover;width:500px;height:375px;border-radius:8px;border:5px solid #fff;} .ss666.swiper-slide a{ display:block;} /*案例*/ #demoy{ overflow:hidden;height:225px;width:98%; margin:auto; color:#336699; padding-top:10px;} #demoy1 ul,#demo2 ul{ display:block;width:6285px; overflow:hidden} #demoy1 ul li{width:250px; height:204px;margin:8px 10px; float:left} #demoy1 ul li a h3,#demo2 ul li a h3{width:250px;height:188px ; overflow:hidden;} #demoy1 ul li a h3 img,#demo2 ul li a h3 img{width:250px;transition:all .5s ease; height:188px;} #demoy1 ul li a h3:hover img,#demo2 ul li a h3:hover img{transform: scaleX(1.1) scaleY(1.1);} #demoy1 ul li a ol,#demo2 ul li a ol{ text-align:center; height:35px; line-height:35px;transition:all .5s ease; background: rgba(45,45,45,0.7); position:relative; top:-35px; color: #ffffff; font-size:15px;} #demoy1 ul li a:hover ol,#demo2 ul li a:hover ol{ } #demoy2 ul li{width:250px;height:204px;margin:8px 10px;} .hcxw2{ width:98%; margin:30px auto} .hcxw2_1{ width:100%; float: none} .hcxw2_1 h3{ font-size:25px; color:#323232; text-align:center} .hcxw2_1 p{ font-size:18px; color:#646363; font-weight:lighter; text-align:center} .hcxw2_2{ display:none} .hcxw3{ width:98%; margin:20px auto} .xwyy1{width:100%; margin:auto; } .xwyy1 li{ width:41%; display:inline-block; overflow:hidden; padding:2%; border:1px #f1f1f1 solid } .xwyy1 li{ line-height:28px; margin:10px 20px;} .xwyy1 li:hover{ background-color:#2da3a7 } .xwyy1 img{ margin:auto; margin-top:24px; margin-bottom:30px;} .xwyy1 h4 a{ color:#464646; font-size:19px; line-height:2; font-weight:normal; } .xwyy1 h4 { } .xwyy1 em{ font-size:16px; line-height:1.9; display:block; height:90px; overflow:hidden; color:#6b6b6b; font-style:normal; margin-top:7px; } .xwyy1 span{ font-size:18px; line-height:2.2; display:block; overflow:hidden; color:#535353; font-family:Arial, Helvetica, sans-serif; margin-bottom:9px; } .xwyy1 span h5{ font-size:53px; line-height:1.2; color:#116295; font-weight:600; float:left;font-family:Arial, Helvetica, sans-serif; } .xwyy1 li:hover h4 a{ color:#fff; } .xwyy1 li:hover span { color:#fff; } .xwyy1 li:hover em{ color:#fff; } /* 产品展示 */ #top_scroll{margin:20px auto;} #top_scroll ul li{width:49%;} #top_scroll ul li h3{font-size:15px;} #top_scroll ul li .call{font-size:11px;} #top_scroll ul li .call i{margin-right:2px;} /*底部*/ .position_now .fl{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;width:100%;} #allmap{height:260px;} #nyba{height:200px;} .fade_text{margin-top:50px;} .fade_text .cn{line-height:40px;height:40px;} .fade_text .cn span{font-size:30px;} .fade_text .en{font-size:16px;} .fade_text .line{margin:10px auto;} .form_box_box,ul.fs{width:100%;} .form_box_box{margin:0;padding:20px 0;box-shadow:none;} ul.fs .box1 li{float:none;width:100%;margin-bottom:20px;} .showlist li{margin-bottom:10px;} .product_list_one .item:hover strong{border:none;} .product_list_one .item .info{padding:10px 5px;background:none!important;} .product_list_one .item strong{font-size:14px;width:100%;} .product_list_two .item .info strong,.product_list_three .item .info strong{padding-top:10px;font-size:14px;} .product_list_two .item .info,.product_list_three .item .info{padding:10px 5px;} .product_list_three .item{padding-bottom:5px;} .news_one .news_box li .img,.news_one .news_box li .info{float:none!important;width:100%;} .news_one .news_box li .img{height:200px;} .news_one .news_box li .info{padding-top:20px;height:auto;} .news_one .news_box li .info .time{padding:10px 0;} .news_one .news_box li .info .line{margin-bottom:6px;} .news_one .news_box li:hover .info{padding-top:20px;} .news_one .news_box li .info p{font-size:14px;} .son_list{height:40px;} .son_list a{height:40px;line-height:40px;width:100px;font-size:14px;padding:0;} .news_article_box .right_article{width:100%;float:none;background-color:#fff;} .news_article_box .inner_content,.news_article_box .h1_title{padding:20px;} .news_article_box .h1_title{ margin:0px !important;} .news_two .news_box li{width:49%;margin:0.5%;} .news_two .news_box li a{padding:8px;} .news_two .news_box li .time strong{font-size:30px;} .fixed_body .fixed_article{width:90%;height:500px;margin:-250px -45% 0 0;} .fixed_body .fixed_article .fb_close{top:auto;bottom:0;width:50px;height:50px;} .fixed_body .fixed_article .fb_close i{margin-top:5px;transform:rotate(45deg);-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);-ms-transform:rotate(45deg);} .info_big_box{width:100%;height:auto;} .info_big_box h1{margin-top:0;font-size:20px;} .info_big_box .info_1{margin-top:10px;} .info_big_box .share{margin:0 0 10px 0;} .tabbox .content,.section_four .img2,.section_four .img1,.section_two .txt:after, .info_big_box .info_1 .dh:nth-of-type(2),.info_big_box .info_1 .dh:nth-of-type(3),.info_big_box .info_3{display:none;} .xgcp_title{margin-top:10px;} .footer .auto,.section_two .auto{width:auto;padding:0 12px;} .so_banner .swiper-slide{width:80%;} .so_banner .swiper-button-prev{left:-40%;} .so_banner .swiper-button-next{right:-40%;} .so_banner .swiper-button-next:after{width:28px;height:28px;background-size:100%;margin-top:-14px;} .so_banner .swiper-button-prev:before{width:28px;height:28px;background-size:100%;margin-top:-14px;} #bg .alert_video{width: 95%;height: 30%;left: 0;right: 0;margin: auto;top: 0;bottom: 0;} #bg .close{left: 0;right: 0;margin: auto;top: 120%;bottom: 0;z-index: 9999;} .footer .ewm,.al_one .img_box{display:none;} .foot5{ float:left; margin-left:20px; border-left: none} } @media (max-width:1164px){ /*数字变化*/ .about_type h2{ margin-left:10%; } .about_type li p{margin-left:10%; } } @media all and (max-width:1125px){ /*简介*/ .chjj{ width:98%; margin:30px auto} .chjj1{ width:100%; float: none} .chjj1 h3{ font-size:50px; color:#1b3b86; font-family:Impact; padding-top:0px; text-align:center} .chjj1 p{ font-size:18px; color:#22283b; font-weight:lighter; line-height:2; padding-bottom:20px; text-align:center} .chjj2{ width:96%; background-color:#f7f7f7; float: right; padding:45px 2%; border-top:10px #1b3b86 solid} .chjj2_1 span{ font-size:45px; font-weight:700; background-image: linear-gradient(to left top, #1c4388 , #298b9f, #1c4388); -webkit-background-clip: text;/*按字体裁剪*/ -webkit-text-fill-color: transparent;} .chjj2_1 span p{ font-size:26px; font-weight:700; background-image: linear-gradient(to left bottom, #1c4388 , #298b9f, #1c4388); -webkit-background-clip: text;/*按字体裁剪*/ -webkit-text-fill-color: transparent;} .chjj2_1 h3{ font-size:22px; color:#4c4c4c; line-height:3.5 } .chjj2_2{ width:99px; height:2px; background-color:#1b3b86; margin-bottom:20px} .chjj2_3{ font-size:17px; color:#434344; line-height:2.5; padding-bottom:20px} .top1{ width:25%} .top3{ margin-top:1px; width:19% } .foootr7_2{ display:none} } @media(max-width:1060px){ #list .right_side.fr{width:730px;} } @media(max-width:1040px){ #list .right_side.fr{width:700px;} } @media(max-width:1010px){ #list .right_side.fr{width:680px;} } @media(max-width:990px){ #list .right_side.fr{width:660px;} } @media(max-width:970px){ #list .right_side.fr{width:640px;} } @media (max-width:960px){ /*数字变化*/ .szbh{ height:auto; padding:25px 0px; margin-top:-40px;} .about_type {height:auto;} .about_type li{width:50%; float:left; margin:10px 0px; } .about_type h2{font-size:16px;margin-left:10%; color:#333333;} .about_type em{font-size:34px;color:#333333; } .about_type li p{ font-size:15px; margin-left:10%; line-height:1.7; color:#333333; } .foot1{ display:none} #list .right_side.fr{width:620px;} } @media(max-width:930px){ #list .right_side.fr{width:600px;} } @media(max-width:910px){ #list .right_side.fr{width:570px;} } @media(max-width:900px){ .left_side{display:none;} .wap_son{display:block;} #list .right_side{float:none!important;width:100%!important;} } @media (max-width:860px){ .section_one .middle_box .bannertxt{ position:relative; right:0;} .hbcp1{ width:100%; margin:30px auto 20px} /*新闻*/ .hcxw3{ margin:5px 0} .xwyy1{width:100%; margin:auto; } .xwyy1 li{ width:40%; display:inline-block; overflow:hidden; padding:2% 2%; border:1px #f1f1f1 solid } .xwyy1 li{ line-height:28px; margin:10px 10px;} .xwyy1 li:hover{ background-color:#2da3a7 } .xwyy1 img{ margin:auto; margin-top:24px; margin-bottom:30px;} .xwyy1 h4 a{ color:#464646; font-size:19px; line-height:2; font-weight:normal; } .xwyy1 h4 { } .xwyy1 em{ font-size:16px; line-height:1.9; display:block; height:90px; overflow:hidden; color:#6b6b6b; font-style:normal; margin-top:7px; } .xwyy1 span{ font-size:18px; line-height:2.2; display:block; overflow:hidden; color:#535353; font-family:Arial, Helvetica, sans-serif; margin-bottom:9px; } .xwyy1 span h5{ font-size:53px; line-height:1.2; color:#116295; font-weight:600; float:left;font-family:Arial, Helvetica, sans-serif; } .xwyy1 li:hover h4 a{ color:#fff; } .xwyy1 li:hover span { color:#fff; } .xwyy1 li:hover em{ color:#fff; } } @media( max-width:760px ){ .top1{ width:33%} .top2 h1{ font-size:24px; margin-left:1px; margin-top:2px } .top2 p{ font-size:9px; margin-left:1px;} .top3{ width:17%; height:auto; margin-top:2px } .hcxw1_1{ display:none } .xwyy1{width:100%; margin:auto; } .xwyy1 li{ width:96%; display:inline-block; overflow:hidden; padding:2%; border:1px #f1f1f1 solid } .xwyy1 li{ line-height:28px; margin:10px 0px;} .xwyy1 li:hover{ background-color:#2da3a7 } .xwyy1 img{ margin:auto; margin-top:24px; margin-bottom:30px;} .xwyy1 h4 a{ color:#464646; font-size:19px; line-height:2; font-weight:normal; } .xwyy1 h4 { } .xwyy1 em{ font-size:16px; line-height:1.9; display:block; height:90px; overflow:hidden; color:#6b6b6b; font-style:normal; margin-top:7px; } .xwyy1 span{ font-size:18px; line-height:2.2; display:block; overflow:hidden; color:#535353; font-family:Arial, Helvetica, sans-serif; margin-bottom:9px; } .xwyy1 span h5{ font-size:53px; line-height:1.2; color:#116295; font-weight:600; float:left;font-family:Arial, Helvetica, sans-serif; } .xwyy1 li:hover h4 a{ color:#fff; } .xwyy1 li:hover span { color:#fff; } .xwyy1 li:hover em{ color:#fff; } /*底部*/ .footr{ width:100%; padding:20px 0px; margin-top:10px;} .footrr{ width:90%; margin:auto; padding:0px 0px; padding-top:10px; padding-bottom:10px; } .footr1{ display:none;} .footr2{ display:none;} .footr3{ display:none; } .footr4{ width:100%; padding-bottom:10px;} .footr41 p{ font-size:15px; line-height:1.8; } .footr5{ margin-top:30px;} .foootr7{ } .foootr7_1{ display:none;} .foot2{ display:none} .foootr7_1{display:none} } @media( max-width:725px ){ .foot5{ width:60%; float: none; margin:auto; height:350px;} .foot6{ width:60%; float: none; margin:auto} .foot6_1 h3{ font-size:30px; color:#fff; line-height:50px; margin-top:8px } } @media( max-width:640px ){ .top1{ width:70%} .top2 h1{ font-size:24px; margin-left:5px; margin-top:2px } .top2 p{ font-size:9px; margin-left:5px;} .top3{width:10%; height:auto; margin-top:2px } .swiper-slide{width: 400px !important; height: 303px !important;} .swiper-button-prev{left: 0 !important;} .swiper-button-next{right: 0 !important;} .article_content p iframe{width:100%!important;height: 300px !important;} /*优势*/ .chys{width:100%; background:url(../images/ch_06.jpg) center no-repeat; height:588px;} .chys1{ width:100%; margin:auto; padding-top:50px;} .chys1 h3{ font-size:25px; text-align:center; font-weight:700; color:#1b3b86} .chys1 p{ font-size:15px; text-align:center; color:#383838; line-height:2.5; font-weight:lighter} .chys2{ width:96%; margin:auto} .chys2 ul li{ width:28%; height:291px; padding:30px 1%; float:left; margin:20px 1.5%; background-color:#FFFFFF} .chys2 ul li h4{ font-size:22px; text-align:center; color:#3f3f3f; font-weight:700; line-height:1.5} .chys2 ul li p{ font-size:15px; text-align:center; color:#5b5c5d; line-height:30px; margin-top:35px; height:60px;display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; } .chys2 ul li img{ width:60%; height: auto; border:5px #FFFFFF solid; border-radius:50%; margin:60px auto 0; transition:all 1s; } .chys2 ul li:hover { background-color:#2fa3a8; transition:all .5s ease; } .chys2 ul li:hover h4 { color:#FFFFFF } .chys2 ul li:hover p { color:#FFFFFF } .chys2 ul li:hover img {transform:rotate(360deg);} /*简介*/ .chjj{ width:98%; margin:30px auto} .chjj1{ width:100%; float: none} .chjj1 h3{ font-size:30px; color:#1b3b86; font-family:Impact; padding-top:0px; text-align:center} .chjj1 p{ font-size:16px; color:#22283b; font-weight:lighter; line-height:2; padding-bottom:20px; text-align:center} .chjj2{ width:96%; background-color:#f7f7f7; float: right; padding:25px 2%; border-top:10px #1b3b86 solid} .chjj2_1 span{ font-size:30px; font-weight:700; background-image: linear-gradient(to left top, #1c4388 , #298b9f, #1c4388); -webkit-background-clip: text;/*按字体裁剪*/ -webkit-text-fill-color: transparent;} .chjj2_1 span p{ font-size:22px; font-weight:700; background-image: linear-gradient(to left bottom, #1c4388 , #298b9f, #1c4388); -webkit-background-clip: text;/*按字体裁剪*/ -webkit-text-fill-color: transparent;} .chjj2_1 h3{ font-size:19px; color:#4c4c4c; line-height:3.5 } .chjj2_2{ width:99px; height:2px; background-color:#1b3b86; margin-bottom:20px} .chjj2_3{ font-size:15px; color:#434344; line-height:2.5; padding-bottom:20px} .chal{ width:98%; margin:25px auto} .chal1 { display:none} .chal1 img{ margin:auto; margin-top:10px} .chal2{ width:100%; float: none; margin-right:0px} .chal2 p{ width:100%; font-size:30px; color:#2da3a7; font-family:Impact; text-align: center} .chal2_1{ width:100%; float: none} .chal2_1 img{ display:none } .chal2_1 h3{ font-size:24px; color:#393d3d; text-align: center; font-weight:700} /* 基地 */ .muma{position:relative;width:100%;margin:auto;} .sc666{padding:20px 0;} .ss666.swiper-slide{background-position:center;background-size:cover;width:500px;height:375px;border-radius:8px;border:5px solid #fff;} .ss666.swiper-slide a{ display:block;} .mm{ width:90%; margin:0px auto} .more2{ width:35%; height:49px; background-color:#ef7d00; display:block; margin-top:25px; border-radius:2em; margin-bottom:20px; margin-left:7.5% } .more2 a{ width:100%; height:49px; color:#ffffff; font-size:17px; text-align:center;display:block;line-height:49px; transition:all .2s ease; text-decoration:none; } .more2 a:hover{ background-color:#129f41; border-radius:2em; color:#ffffff;} .more3{ width:35%; height:49px; background-color:#6b6b6b; display:block; margin-top:25px; border-radius:2em; margin-left:40px; margin-bottom:20px; margin-left:15% } .more3 a{ width:100%; height:49px; color:#ffffff; font-size:17px; text-align:center;display:block;line-height:49px; transition:all .2s ease;text-decoration:none; } .more3 a:hover{ background-color:#129f41; border-radius:2em; color:#ffffff;} .chcp3 p em{ padding:0 5px; border-radius:30px; background-color:#dd0606; font-size:10px; text-align:center; color:#FFFFFF; text-transform:uppercase } .chcp3:hover em{ background-color:#ffff; font-size:15px; text-align:center; color:#000; } .chcp4 p em{ padding:0 5px; border-radius:30px; background-color:#dd0606; font-size:10px; text-align:center; color:#FFFFFF; text-transform:uppercase } .chcp4:hover em{ background-color:#ffff; font-size:15px; text-align:center; color:#000; } .chcp5 p em{ padding:0 5px; border-radius:30px; background-color:#dd0606; font-size:10px; text-align:center; color:#FFFFFF; text-transform:uppercase } .chcp5:hover em{ background-color:#ffff; font-size:15px; text-align:center; color:#000; } /*新闻*/ .xw{ background-color:#e05a12; padding:100px 0px; } .xwz{ width:96%; margin:auto; margin-top:15px;} .xwzz{ width:100%; float: none; } .xwyy{ width:100%;float: none; margin-top:10px; } .xinwen_news_you{width:100%; margin:auto; } .xinwen_news_you li{ width:92%; display:inline-block; overflow:hidden; float: none; margin:auto; background-color:#ececec; padding:4%; border-radius:10px; margin-bottom:8px;} .xwyy1{width:100%; margin:auto; } .xwyy1 li{ width:90%; display:inline-block; overflow:hidden; background-color:#f1f1f1; padding:5%; border-radius:10px; } .xwyy1 li{ line-height:28px; margin-bottom:20px;} .xwyy1 li:hover{ } .xwyy1 img{ margin:auto; margin-top:24px; margin-bottom:30px;} .xwyy1 h4 a{ color:#464646; font-size:16px; line-height:2; font-weight:normal; } .xwyy1 h4 { } .xwyy1 em{ font-size:15px; line-height:1.9; display:block; overflow:hidden; color:#6b6b6b; font-style:normal; margin-top:7px; height:36px; } .xwyy1 span{ font-size:16px; line-height:2.2; display:block; overflow:hidden; color:#535353; font-family:Arial, Helvetica, sans-serif; margin-bottom:9px; } .xwyy1 span h5{ font-size:53px; line-height:1.2; color:#116295; font-weight:600; float:left;font-family:Arial, Helvetica, sans-serif; } .xinwen_news_you h4 a { color: #121212; font-size: 16px; line-height: 2; font-weight: normal; } .xinwen_news_you em{ font-size:15px; line-height:1.7; display:block; overflow:hidden; color:#6b6b6b; font-style:normal; height: 80px; margin-top:10px; } .xinwen_news_you span { font-size: 15px; margin-bottom:0px; } .xinwen_news_you img { margin-bottom: 15px; } .fotd p{ display:none;} .section_one .banner1{height:300px;min-height:300px;max-height:1600px;width:100%;position:relative;} .section_one .bannerbg {width:100%;height:300px;display:block;position:absolute;z-index:2;background:url(../images/banner_bg.png) repeat center;} #video_cover{width:100%;height:300px; background:url(../../images/video_cover.jpg);background-size:cover;background-position:center;} } @media( max-width:500px ){ .swiper-slide{width: 350px !important; height: 265px !important;} .top3{width:12%; height:auto; margin-top:3px } } @media( max-width:445px ){ .chcp3 p em{ display:none } .chcp4 p em{ display:none } .chcp5 p em{display:none } } @media( max-width:405px ){ .top3{width:14%; height:auto; margin-top:2px } } @media( max-width:320px ){ .swiper-slide{width: 320px !important; height: 242px !important;} } /*===================== 响应式代码 END =====================*/