@charset "utf-8"; /* CSS Document */ /* 通用属性 */ * { margin:0; padding:0; list-style:none; } body { font-size:14px; color:#000; font-family:Microsoft YaHei,sans-serif; } img { border:0; vertical-align:top; image-rendering: -moz-crisp-edges; /* Firefox */ image-rendering: -o-crisp-edges; /* Opera */ image-rendering: -webkit-optimize-contrast; /*Webkit (non-standard naming) */ image-rendering: crisp-edges; -ms-interpolation-mode: nearest-neighbor; /* IE (non-standard property) */ } html, body {width:100%;height:100%;max-width: 100%;min-width: 320px;} address, caption, cite, code, dfn, em, th, dt, var {font-style: normal;font-weight: normal;} ::-webkit-scrollbar{width: 8px;height: 8px;} ::-webkit-scrollbar-thumb{background-color: hsl(220deg 1% 19%/46%);-webkit-transition: background-color .3s;transition: background-color .3s;} ::-webkit-scrollbar-track{background: rgba(255,252,252,.11);} /* a */.clear {clear:both;}.clearfix {zoom:1;}::after,::before {-moz-transition:all .5s;-webkit-transition:all .5s;-o-transition:all .5s;-ms-transition:all .5s;transition:all .5s;} a { color:#333; text-decoration:none; } a:visited { } a:active, a:hover{text-decoration:none;color:#FF6600;} a:focus{outline:none;text-decoration:none;} h1,h2,h3,h4,h5,h6{font-weight:normal;} h1,h2,h3,h4,h5,h6,p,ol,ul{padding: 0;margin: 0;} :focus{outline: none;} .ovfl{overflow: hidden;} .flex { display:-webkit-box; display:-ms-flexbox; display:-webkit-flex; display:flex; -webkit-box-pack:center; -ms-flex-pack:center; -webkit-justify-content:center; justify-content:center; -webkit-box-align:center; -ms-flex-align:center; -webkit-align-items:center; align-items:center; } .lflex { display:-webkit-box; display:-ms-flexbox; display:-webkit-flex; display:flex; -webkit-box-pack:center; -ms-flex-pack:center; -webkit-justify-content:flex-start; justify-content:flex-start; -webkit-box-align:center; -ms-flex-align:center; -webkit-align-items:center; align-items:center; } .ltflex { display:-webkit-box; display:-ms-flexbox; display:-webkit-flex; display:flex; -webkit-box-pack:center; -ms-flex-pack:center; -webkit-justify-content:flex-start; justify-content:flex-start; -webkit-box-align:flex-start; -ms-flex-align:flex-start; -webkit-align-items:flex-start; align-items:flex-start; } .lbflex { display:-webkit-box; display:-ms-flexbox; display:-webkit-flex; display:flex; -webkit-box-pack:center; -ms-flex-pack:center; -webkit-justify-content:flex-start; justify-content:flex-start; -webkit-box-align:flex-end; -ms-flex-align:flex-end; -webkit-align-items:flex-end; align-items:flex-end; } .rflex { display:-webkit-box; display:-ms-flexbox; display:-webkit-flex; display:flex; -webkit-box-pack:center; -ms-flex-pack:center; -webkit-justify-content:flex-end; justify-content:flex-end; -webkit-box-align:center; -ms-flex-align:center; -webkit-align-items:center; align-items:center; } .rtflex { display:-webkit-box; display:-ms-flexbox; display:-webkit-flex; display:flex; -webkit-box-pack:center; -ms-flex-pack:center; -webkit-justify-content:flex-end; justify-content:flex-end; -webkit-box-align:flex-start; -ms-flex-align:flex-start; -webkit-align-items:flex-start; align-items:flex-start; } .rbflex { display:-webkit-box; display:-ms-flexbox; display:-webkit-flex; display:flex; -webkit-box-pack:center; -ms-flex-pack:center; -webkit-justify-content:flex-end; justify-content:flex-end; -webkit-box-align:flex-end; -ms-flex-align:flex-end; -webkit-align-items:flex-end; align-items:flex-end; } .mflex { display:-webkit-box; display:-ms-flexbox; display:-webkit-flex; display:flex; -webkit-box-pack:center; -ms-flex-pack:center; -webkit-justify-content:center; justify-content:center; -webkit-box-align:center; -ms-flex-align:center; -webkit-align-items:center; align-items:center; flex-direction:column; -webkit-flex-direction:column; text-align:center; } .mtflex { display:-webkit-box; display:-ms-flexbox; display:-webkit-flex; display:flex; -webkit-box-pack:center; -ms-flex-pack:center; -webkit-justify-content:flex-start; justify-content:flex-start; -webkit-box-align:center; -ms-flex-align:center; -webkit-align-items:center; align-items:center; flex-direction:column; -webkit-flex-direction:column; text-align:center; } .mbflex { display:-webkit-box; display:-ms-flexbox; display:-webkit-flex; display:flex; -webkit-box-pack:center; -ms-flex-pack:center; -webkit-justify-content:flex-end; justify-content:flex-end; -webkit-box-align:center; -ms-flex-align:center; -webkit-align-items:center; align-items:center; flex-direction:column; -webkit-flex-direction:column; text-align:center; } .dh300s{transition: all .3s;-webkit-transition: all .3s;-moz-transition: all .3s;-ms-transition: all .3s;} .donghua{-moz-transition: all .5s;-webkit-transition: all .5s;-o-transition: all .5s;-ms-transition: all .5s;transition: all .5s;} ::after, ::before {-moz-transition: all .5s;-webkit-transition: all .5s;-o-transition: all .5s;-ms-transition: all .5s;transition: all .5s;} .dhwz{overflow: hidden;text-overflow:ellipsis;white-space: nowrap;} .dhwz2{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;} .mar0a{margin: 0 auto;} .con-fff{width:100%;height:100%;} .fl {float:left;} .fr {float:right;} input { border-radius:0; -webkit-appearance:none; appearance:none; background:none; border:0; box-shadow:0 0 0; font-size:14px; } textarea { border-radius:0; -webkit-appearance:none; appearance:none; background:none; border:0; box-shadow:0 0 0; font-size:14px; } /* table {border-collapse:collapse; border-spacing:0;} */ /* table td, table th{padding: 5px 10px;border: 1px solid #ddd;} */ table { border: 1px solid #ccc; width:100%; margin:0; padding:0; border-collapse: collapse; border-spacing: 0; margin: 0 auto; } table tr { border: 1px solid rgb(102, 102, 102);; padding: 5px; } table td{border: 1px solid rgb(102, 102, 102); border-left-color: rgb(102, 102, 102) !important; border-right-color: rgb(102, 102, 102) !important; border-bottom-color: rgb(102, 102, 102) !important; border-TOP-color: rgb(102, 102, 102) !important; } table th, table td { padding: 10px; text-align: center; } table th { text-transform: uppercase; font-size: 14px; letter-spacing: 1px; } /* table { */ /* border: 1px solid #ccc; */ /* width: 80%; */ /* margin:0; */ /* padding:0; */ /* border-collapse: collapse; */ /* border-spacing: 0; */ /* margin: 0 auto; */ /* } */ /* table tr { */ /* border: 1px solid #ddd; */ /* padding: 5px; */ /* } */ /* table th, table td { */ /* padding: 10px; */ /* text-align: center; */ /* } */ /* table th { */ /* text-transform: uppercase; */ /* font-size: 14px; */ /* letter-spacing: 1px; */ /* } */ /* @media screen and (max-width: 600px) { */ /* table { */ /* border: 0; */ /* } */ /* table thead { */ /* display: none; */ /* } */ /* table tr { */ /* margin-bottom: 10px; */ /* display: block; */ /* border-bottom: 2px solid #ddd; */ /* } */ /* table td { */ /* display: block; */ /* text-align: right; */ /* font-size: 13px; */ /* border-bottom: 1px dotted #ccc; */ /* } */ /* table td:last-child { */ /* border-bottom: 0; */ /* } */ /* table td:before { */ /* content: attr(data-label); */ /* float: left; */ /* text-transform: uppercase; */ /* font-weight: bold; */ /* } */ /* } */ @media (min-width: 1250px){ .container {width: 1220px;} } @media (min-width: 1300px){ .container {width: 1270px;} } @media (min-width: 1350px){ .container {width: 1320px;} } @media (min-width: 1400px){ .container {width: 1370px;} } @media (min-width: 1500px){ .container {width: 1470px;} } @media (max-width:767px) { .container{padding-left: 10px;padding-right: 10px;width: 100%;} .row{margin-left: -10px;margin-right: -10px;} /* body{padding-bottom: 50px;} */ } .w1600 {width:1400px;margin:0 auto;position:relative;} .w1432 {width:1432px;margin:0 auto;position:relative;} .w1200 {width:1200px;margin:0 auto;position:relative;} .w1618 {width:1618px;margin:0 auto;position:relative;} @media only screen and (max-width:1611px) {.w1618 {width:1500px;} } @media only screen and (max-width:1499px) {.w1600 {width:1200px;} .w1432 {width:1200px;} .w1618 {width:1400px;} } @media only screen and (max-width:1399px) {.w1600 {width:1300px;} } @media only screen and (max-width:1299px) {.w1600 {width:1200px;} } @media only screen and (max-width:1199px) { .w1432 {width:100%;} .w1200 {width:100%;} .w1600 {width:100%;} .w1618 {width:100%;} .col-lg-12 {float:left;width:100%;*width:98%;} .col-lg-6 {float:left;width:50%;*width:48%;} } /* pc导航 */ .mc_pc_hd {position: fixed;width:100%;height: 90px;background: #ffffffed;box-shadow:0px 2px 6px 0px rgba(0,0,0,0.2);z-index: 999999999;} .mc_navbar {position:fixed;left:0;top:0;width:100%;z-index:99;transition:all .5s;/* background-color: #ffffffdb; */box-shadow:0px 2px 6px 0px rgba(0,0,0,0.2);height: 90px;} .mc_logo a,.mc_nav_a,.mc_language a {width:100%;height:100%;color:#fff; z-index: 999;}.mc_navbar_r {height:100%;}.mc_navbar_l>div,.mc_navbar_r>div {float:left;}.mc_navbar_m {float:right;text-align:center;/* margin-right: 94px; */}/* logo */.mc_logo {width: 320px;}.mc_logobox {position:relative;display:block;}.mc_logo_def {position:relative;left:0;top:0;z-index:1;transition:all .36s;}.mc_logo_fixed {position:absolute;left:0;top:0;z-index:1;transition:all .36s;opacity:0;}/* nav */.mc_nav {font-size:0;width:100%;text-align:center;}.mc_nav_li {position:relative;display:inline-block;white-space:nowrap;margin: 0 16px;}.mc_nav_li>a {color:#444444;font-size:16px;font-family:Microsoft YaHei;font-weight:normal;line-height: 90px;padding:0 15.5px;}.mc_nav_a {display:block;font-size:18px;}.mc_nav .yxnav_active1 {color:#FF6600 !important;}.mc_nav> li>a::after {content:"";display:block;width:0%;height:2px;background:#FF6600;position:absolute;left:50%;bottom:0;overflow:hidden;transition:all .5s ease-out;-webkit-transition:all .5s ease-out;-moz-transition:all .5s ease-out;-ms-transition:all .5s ease-out;-o-transition:all .5s ease-out;}.mc_nav>li:hover>a::after,.mc_nav> li>a.yxnav_active1::after {width:100%;left:0;}.mc_nav> li>a::before {content:"";width:0;height:0;border-left:8px solid transparent;border-right:8px solid transparent;border-bottom:8px solid #FF6600;position:absolute;left:50%;bottom:0;transform:translateX(-50%);-webkit-transform:translateX(-50%);-moz-transform:translateX(-50%);-ms-transform:translateX(-50%);-o-transform:translateX(-50%);opacity:0;transition:all .5s ease-out;-webkit-transition:all .5s ease-out;-moz-transition:all .5s ease-out;-ms-transition:all .5s ease-out;-o-transition:all .5s ease-out;}.mc_nav>li:hover>a::before,.mc_nav> li>a.yxnav_active1::before {opacity:1;}.mc_fixed .mc_navbar {height:70px;background:#fff;}.mc_fixed.mc_navbar {height:0px;background:#fff;height: 90px;}.mc_logo_imgbox {display:inline-block;vertical-align:middle;}.mc_fixed .mc_logo_def {opacity:0;}.mc_fixed .mc_logo_fixed {opacity:1;}.mc_fixed .mc_nav_a {color:#333;}/* 手机导航 */.g_phnav1.yxnav_active1,.g_phnav2.yxnav_active2 {color:#FF6600;}.mc_ph_hd {display:none;position:fixed;top:0;left:0;z-index:999;width:100%;height:64px;background-color:#fff;}.mc_ph_navbar {padding:0 20px;box-shadow:0 0 10px rgba(0,0,0,.1);}.mc_ph_hd .mc_ph_logo a {line-height:64px;}.mc_ph_hd .mc_ph_logo {width:165px;}.mc_ph_logo img {width:100%;vertical-align:middle;}.mc_ph_menu {overflow:hidden;width:26px;height:50px;}.mc_ph_hd .mc_phmenubox {width:26px;height:50px;cursor:pointer;text-align:center;position:absolute;top:50%;transform:translateY(-50%);}.mc_ph_hd .mc_phmenubox .point {position:relative;display:inline-block;width:26px;height:22px;margin-top:15px;transform:translateX(-3px);}.mc_ph_hd .mc_phmenubox .point .nav_btn,.mc_ph_hd .mc_phmenubox .point .nav_btn::after,.mc_ph_hd .mc_phmenubox .point .nav_btn::before {display:inline-block;width:26px;height:2px;background-color:#333;}.mc_ph_hd .mc_phmenubox .nav_btn {position:absolute;top:8px;right:0;-webkit-transition:all .3s ease-out 0s;-moz-transition:all .3s ease-out 0s;-ms-transition:all .3s ease-out 0s;-o-transition:all .3s ease-out 0s;transition:all .3s ease-out 0s;}.mc_ph_hd .mc_phmenubox .nav_btn::after,.mc_ph_hd .mc_phmenubox .nav_btn::before {content:'';position:absolute;right:0;-webkit-transition:all .3s ease-out 0s;-moz-transition:all .3s ease-out 0s;-ms-transition:all .3s ease-out 0s;-o-transition:all .3s ease-out 0s;transition:all .3s ease-out 0s;}.mc_ph_hd .mc_phmenubox .nav_btn::after {top:-8px;}.mc_ph_hd .mc_phmenubox .nav_btn::before {top:8px;}.mc_ph_hd .mc_phmenubox .point.active .nav_btn {background:transparent;}.mc_ph_hd .mc_phmenubox .point.active .nav_btn::after {top:0;-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);-ms-transform:rotate(45deg);-o-transform:rotate(45deg);transform:rotate(45deg);}.mc_ph_hd .mc_phmenubox .point.active .nav_btn::before {top:0;-webkit-transform:rotate(-45deg);-moz-transform:rotate(-45deg);-ms-transform:rotate(-45deg);-o-transform:rotate(-45deg);transform:rotate(-45deg);}.mc_ph_navbar {position:relative;z-index:999;}/*ph导航&下拉*/.phxia {position:fixed;width:100%;left:0;top:64px;z-index:998;background-color:#fff;max-height:calc(100vh - 64px);overflow:auto;}.xialaph {display:none;width:100%;background-color:#fff;font-family:'微软雅黑';height:calc(100vh - 64px);padding:10px 0;}.xialaph h4 {position:relative;padding:0 20px;}.xialaph h4::after {content:'';display:block;clear:both;}.xialaph h4 a {font-size:16px;font-weight:normal;line-height:46px;color:#666;max-width:calc(100% - 36px);}.xialaph h4 img {position:absolute;top:50%;right:5px;width:13px;cursor:pointer;transform:translateY(-50%);-o-transform:translateY(-50%);-ms-transform:translateY(-50%);-moz-transform:translateY(-50%);-webkit-transform:translateY(-50%);}.xialaph .ul2 {display:none;padding-top:7px;padding-bottom:8px;background:#f7f8fa;border-top:1px solid rgba(0,0,0,.1);border-bottom:1px solid rgba(0,0,0,.1);}.xialaph .ul2 .container_s {max-width:100%;padding:0 20px;}.xialaph .ul1 {padding-bottom:15px;}.xialaph .ul1 li {border-bottom:1px solid #f5f5f5;}.img_s {float:right;display:block;font-size:13px;line-height:46px;color:#999;transition:all .36s;}.xialaph h5 {position:relative;font-weight:normal;font-size:16px;}.xialaph h5::after {content:'';display:block;clear:both;}.xialaph h5 a {font-family:'微软雅黑';font-size:14px;line-height:35px;color:#999;max-width:calc(100% - 36px);}.xialaph h5 img {position:absolute;top:50%;right:5px;width:35px;padding:11px;cursor:pointer;transform:translateY(-50%);-o-transform:translateY(-50%);-ms-transform:translateY(-50%);-moz-transform:translateY(-50%);-webkit-transform:translateY(-50%);}.xialaph h4.active img.img_s,.xialaph h5.active img.img_s {display:none;}.xialaph h4.active img.img_d,.xialaph h5.active img.img_d {display:block;}.xialaph .ul3 {display:none;}.xialaph h6 a {font-family:'微软雅黑';font-size:12px;line-height:40px;text-transform:uppercase;color:#999;}.xialaph h4.active .img_s {transform:rotate(180deg);}.xialaph h5.active .img_s {transform:rotate(180deg);}.xialaph h4.active .img_s {transform:rotate(180deg);}.mc_nav_li.yxnav_active1 {opacity:1;}.mc_fixed .mc_nav_li.yxnav_active1 .mc_nav_a {color:#FF6600;opacity:1;}.mc_nav_xl {display:none;position:fixed;z-index:1;left:0;top:65px;width:100%;border-top:1px solid #dfdede;}.mc_nav_xl::before {content:"";position:absolute;left:0;top:0;z-index:-1;width:100%;height:100%;background:#fff;opacity:1;transition:all .5s ease-in-out;}.mc_nav_xl.show::before {opacity:1;}.mc_navxl_title {font-size:36px;font-weight:bold;color:#000000;width:314px;margin-top:15px;}.mc_subnav_a {display:block;font-size:18px;line-height:24px;padding:12px 0;color:#333333;white-space:normal;}.mc_nav_nor .mc_subnav_li {display:inline-block;float:none;width:auto;margin:0 22px;}.mc_nav_nor .mc_subnav_li a {color:#444444;font-size:15px;font-family:Microsoft YaHei;font-weight:normal;}.mc_nav {transition:all 0.7s cubic-bezier(0.23,1,0.32,1) 0s;}.mc_logo {position:absolute;/* left: 75px; */top: 2px;}.mc_navbar_r {position:relative;z-index:20;}.xialaph_bot {margin:20px 0;text-align:center;padding:0 20px;font-size:0;} .xialaph_bot>div button{border:none;}.xialaph_bot>div {display:inline-block;margin:0 8px;}.mc_ph_search .iconfont {font-size:22px;}.header_main {margin:0 20px;} .h_right_info {background:url(../images/h_info.png) no-repeat center;height:65px;float:right;width:369px;color:#fff;font-size:16px;} .head-lang{float: right;position: relative;} .head-lang a{display: block;padding: 22px 24px 22px 14px;font-size: 14px;font-weight: bold;color: #333;width:93px;position: relative;} .head-lang>a::before{content: '';position: absolute;right: 6px;top: 27px;width: 0;height: 0;border-left: 5px solid transparent;border-right: 5px solid transparent;border-top: 7px solid #333;transition: all .3s;-webkit-transition: all .3s;} .head-lang a img{margin-right: 8px;vertical-align: sub;} .head-lame{display: none;position: absolute;top: 65px;width: 100%;background-color: #fff;z-index: 10;transition: all .3s;-webkit-transition: all .3s;} .head-lang:hover>a{background-color: #ddd;} .head-lang:hover .head-lame{display: block;} .head-lame:hover{background-color: #ddd;} .h_tel {background:url(../images/h-tel.png) no-repeat left center;padding-left:38px;margin-right:60px;margin-top:22px;} .h_tel span{font-size:18px;color:#ffffff;}.h_email a {display:block;width:40px;height:40px;text-align:center;margin-top:13px;margin-left:46px;} .h_search {float:right;height:34px;width:34px;border-radius:100%;transition:.5s;cursor:pointer;margin-top: 27px;-webkit-transition:.5s;-moz-transition:.5s;-ms-transition:.5s;-o-transition:.5s;}.h_search .search_icon {display:block;height:34px;width:34px;background:url(../images/h-search1.png) no-repeat;background-position:center !important;transition:0s;}.h_search:hover {background:#FF6600;color:#fff;}.h_search:hover .search_icon {background:url(../images/h-search2.png) no-repeat;}.search_box {display:none;width:100%;background:#f3f3f3;height:86px;position:fixed;top: 91px;z-index:22;left: 0;}.search_box .box {width:388px;background:#fff;float:right;height:40px;line-height:40px;margin:23px 130px 0 0;}.search_box input[type=text] {padding-left:16px;float:left;width:340px;height:40px;}.search_box button {height:40px;width:40px;background:url(../images/h-search1.png) no-repeat;background-position:center;cursor:pointer;border:none;}.h_search.active .search_icon {background:url(../images/xx2.png)no-repeat #FF6600 !important;background-size:18px !important;background-position:center !important;border-radius:100%;}.search_box2 button.submit-btn{float: right;height: 40px;width: 40px;text-align: center;border:none;}.search_box2 .icon-search {font-size:20px;}.search_box2 {background-color:#f3f3f3;width:320px;height:40px;}.search_box2 input[type="text"] {width:85%;height:40px;box-sizing: border-box;padding-left: 10px;}@media screen and (max-width:1499px) {.mc_nav_li {margin: 0px 5px;}}@media screen and (max-width:1399px) {.mc_navbar_m {margin-right:0;}.mc_nav_li {margin:0 8px;}}@media screen and (max-width:1299px) {.mc_logo {width:310px;}}@media screen and (max-width:1239px) {.mc_nav_li {margin:0 10px;}}@media screen and (max-width:1219px) {.mc_pc_hd {display:none;}.mc_ph_hd {display:block;}.xialaph h4 a {font-size:15px;}.xialaph h5 a {font-size:13px;}}@media screen and (max-width:767px) {.mc_ph_hd .mc_ph_logo {width:130px;}} /* 轮播图 */ #banner{position:relative;width:100%;overflow:hidden;} .video-bg {width: 100%;height: 100%;} .video-bg .video-tvc {width: 100%;height: 100%;-o-object-fit: cover;object-fit: cover;} #banner video{width:100%;display:block;} #banner .swiper-slide a{display:block;} #banner .swiper-slide img{display:block;max-width:100%;} #banner .swiper-pagination{bottom:60px;font-size:0;} #banner .swiper-pagination-bullet{width:30px;height:30px;opacity:1;border-radius: 50%;border:3px solid transparent;background:transparent;position:relative;} #banner .swiper-pagination-bullet:after{content:'';width:8px;height:8px;background:#fff;border-radius: 50%;position: absolute;left: 50%;top: 50%;transform: translate(-50%, -50%);} #banner .swiper-pagination-bullet-active{border-color:rgb(255 255 255 / 80%);} #banner .swiper-pagination-bullet-active:after{background:#FF6600;} #banner .swiper-button-prev {width:23px;height:45px;background:url(../images/arr_1.png) no-repeat center;background-size:contain;left:100px;} #banner .swiper-button-next {width:23px;height:45px;background:url(../images/arr_2.png) no-repeat center;background-size:contain;right:100px;} /* #banner .swiper-button-prev, #banner .swiper-button-next{width:46px;height:46px;background:url(../images/ban-jt.png) no-repeat center left;border:1px solid #fff;border-radius:50%;transition:all .3s;-webkit-transition:all .3s;} */ /* #banner .swiper-button-prev{left:-115px;} */ /* #banner .swiper-button-next{right:-115px;transform: rotate(180deg);} */ /* #banner:hover .swiper-button-prev{left:115px;} */ /* #banner:hover .swiper-button-next{right:115px;} */ /* #banner .swiper-button-prev:hover, #banner .swiper-button-next:hover{border-color:#FF6600;background:url(../images/ban-jt.png) no-repeat center left -46px;box-shadow: 0 0 3px 0px rgb(200 200 200 / 80%);} */ #banner .scrbtn{position:absolute;left:0;right:0;bottom:0;z-index:1;} #banner .scrbtn a{display:block;width:192px;height:42px;margin:0 auto;background:url(../images/scroll.png) no-repeat;} @media (max-width: 1400px){ #banner .swiper-button-prev{left:60px;} #banner .swiper-button-next{right:60px;} } @media (max-width: 1220px){ #banner{margin-top:64px;} } @media (max-width: 767px){ #banner .swiper-pagination{bottom:20px;} #banner .swiper-pagination-bullet{border:none;} #banner .swiper-button-prev, #banner .swiper-button-next{display:none;} #banner .scrbtn{display:none;} } @media (max-width: 450px){ #banner .swiper-pagination{bottom: 0px;} } /* 首页标题 */ .inner_tit {font-size:42px;font-family:Microsoft YaHei;font-weight:bold;color:#444444;text-align:center;} .inner_tit2 {font-size:14px;font-family:Arial;font-weight:bold;color:#FF6600;float:right;margin-top:10px;margin-left:10px;position:absolute;text-transform:uppercase;} .inner_tit2::after {content:"";position:absolute;left:0;bottom:-16px;width:7px;height:7px;background:#FF6600;} .inner_txt {font-size:18px;font-family:Microsoft YaHei;font-weight:normal;text-align:center;color:#666;margin-top:6px;} .innnr_top {text-align:center;} .read_more {width:193px;height:52px;line-height:52px;text-align:center;margin:68px auto 0;font-size:16px;font-family:Microsoft YaHei;font-weight:bold;color:#444444;background:url(../images/read_more.png) no-repeat center;transition:.8s;-webkit-transition:.8s;-moz-transition:.8s;-ms-transition:.8s;-o-transition:.8s;} .read_more a {display:block;transition:.8s;-webkit-transition:.8s;-moz-transition:.8s;-ms-transition:.8s;-o-transition:.8s;} .read_more:hover {background:url(../images/read_more2.png) no-repeat center;} .read_more:hover a {color:#FF6600;} @media only screen and (max-width:1499px) {.inner_tit {font-size:34px;margin-bottom:4px;} } @media only screen and (max-width:1199px) {.read_more {margin:52px auto 0;} } @media only screen and (max-width:991px) {.inner_txt {font-size:16px;} .read_more {margin:40px auto 0;} } @media only screen and (max-width:991px) {.inner_tit {font-size:24px;} .inner_tit2 {font-size:12px;margin-top:3px;} .inner_tit2::after {width:5px;height:5px;bottom:-12px;} .inner_txt {font-size:15px;padding:0 10px;} } @media only screen and (max-width:767px) {.read_more {background-size:contain !important;width:160px;font-size:15px;margin:32px auto 0;height:43px;line-height:43px;} } .home_service {background-color: #f5f5f5;position:relative;z-index:2;padding-top:48px;padding-bottom:87px;overflow:hidden;} .home_service .service_list {margin-top:55px;padding:0 28px;font-size: 0;text-align: center;} .home_service .service_list li {display: inline-block;*zoom:1;*display: inline;/*width:25%;*/position:relative;} .home_service .service_list a {display:block;background-color:#fff;height:295px;border-radius:10px;-webkit-border-radius:10px;-moz-border-radius:10px;-ms-border-radius:10px;-o-border-radius:10px;transition:.8s;-webkit-transition:.8s;-moz-transition:.8s;-ms-transition:.8s;-o-transition:.8s;transform:skew(-17deg);-webkit-transform:skew(-17deg);-moz-transform:skew(-17deg);-ms-transform:skew(-17deg);-o-transform:skew(-17deg);margin:0 18px;position:relative;} .home_service .service_list li:hover a {background-color:#FF6600;} .home_service .service_list i.bg {content:"";position:absolute;right:12px;top:8px;background-color:#ddd;width:87%;height:295px;border-radius:10px;-webkit-border-radius:10px;-moz-border-radius:10px;-ms-border-radius:10px;-o-border-radius:10px;transition:.8s;-webkit-transition:.8s;-moz-transition:.8s;-ms-transition:.8s;-o-transition:.8s;transform:skew(-17deg);-webkit-transform:skew(-17deg);-moz-transform:skew(-17deg);-ms-transform:skew(-17deg);-o-transform:skew(-17deg);opacity:0;} .home_service .service_list li:hover i.bg {opacity:1;} .home_service .add_icon {width:20px;height:20px;text-align:center;line-height:14px;border:1px solid #999;color:#999;font-size:24px;box-sizing:border-box;border-radius:50%;-webkit-border-radius:50%;-moz-border-radius:50%;-ms-border-radius:50%;-o-border-radius:50%;float:right;transition:.5s;-webkit-transition:.5s;-moz-transition:.5s;-ms-transition:.5s;-o-transition:.5s;margin-right:58px;} .home_service .service_list li:hover .add_icon {color:#fff;border-color:#fff;} .home_service .tit {text-align: left;color:#666666;font-size:14px;transition:.5s;-webkit-transition:.5s;-moz-transition:.5s;-ms-transition:.5s;-o-transition:.5s;margin-top:78px;width: 80%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;} .home_service .etit {text-align: left;color:#666666;font-size:14px;transition:.5s;-webkit-transition:.5s;-moz-transition:.5s;-ms-transition:.5s;-o-transition:.5s;margin-top:78px;width:80%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;} .home_service .service_list li:hover .tit,.home_service .service_list li:hover .tit span {color:#FFFFFF;} .home_service .service_list li:hover .etit,.home_service .service_list li:hover .etit span {color:#FFFFFF;} .home_service .tit span {display:block;font-weight:bold;font-size:30px;color:#444444;transition:.5s;-webkit-transition:.5s;-moz-transition:.5s;-ms-transition:.5s;-o-transition:.5s;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-top:-3px;} .home_service .etit span{display:block;font-weight:bold;font-size:16px;color:#444444;transition:.5s;-webkit-transition:.5s;-moz-transition:.5s;-ms-transition:.5s;-o-transition:.5s;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-top:-3px;} .home_service .service_list .icon {text-align:right;position:relative;height: 130px;} .home_service .service_list .icon img {transition:.5s;-webkit-transition:.5s;-moz-transition:.5s;-ms-transition:.5s;-o-transition:.5s;margin-top:50px;margin-right: 65px;} .home_service .service_list .icon .img2 {display:none;opacity:0;} .home_service .service_list li:hover .icon .img1 {display:none;opacity:0;} .home_service .service_list li:hover .icon .img2 {display:inline-block;opacity:1;} .home_service .inner {transform:skew(17deg);-webkit-transform:skew(17deg);-moz-transform:skew(17deg);-ms-transform:skew(17deg);-o-transform:skew(17deg);}@media only screen and (max-width:1611px) { .home_service .tit span {font-size:25px;margin-top:0;} .home_service .etit span{margin-top:0;} .home_service .tit {font-size:13px;} } @media only screen and (max-width:1499px) { .home_service .tit span {font-size:24px;} .home_service .tit {font-size:12px;} .home_service .service_list a {margin:0 15px;} } @media only screen and (max-width:1199px) { .home_service .service_list {margin-top:40px;display:flex;justify-content:center;flex-wrap:wrap;} .home_service {padding-bottom:64px;} .home_service .service_list {padding:0 74px;} .home_service .service_list a {margin:0 10px 20px;height:260px;} .home_service .service_list i.bg {height:260px;right:6px;} .home_service .service_list .icon {height:90px;} .home_service .service_list .icon img {transform:scale(.7);-webkit-transform:scale(.7);-moz-transform:scale(.7);-ms-transform:scale(.7);-o-transform:scale(.7);}.home_service .service_list .icon img {margin-top:16px;margin-right:10px;} .home_service .tit span {font-size:18px;} .home_service .tit {width:70%;margin-top:120px;box-sizing:border-box;padding:0 20px;} .home_service .etit {width:70%;margin-top:120px;box-sizing:border-box;padding:0 20px;} .home_service .add_icon {margin-right:0px;position:absolute;right:50px;bottom:0;} /* .home_service .service_list li {width:25%;} */ } @media only screen and (max-width:991px) { .home_service .service_list a,.home_service .inner,.home_service .service_list i.bg {transform:skew(0);-webkit-transform:skew(0);-moz-transform:skew(0);-ms-transform:skew(0);-o-transform:skew(0);} .home_service .etit span{font-size:14px;} .home_service .service_list {padding:0 36px;}.home_service .tit span {font-size:18px;}.home_service .add_icon {right:20px;}.home_service {padding-bottom:55px;}.home_service .service_list .icon img {transform:scale(.6);-webkit-transform:scale(.6);-moz-transform:scale(.6);-ms-transform:scale(.6);-o-transform:scale(.6);}.home_service .service_list a {height:230px;margin:0 10px 20px;}.home_service .service_list i.bg {height:230px;right:5px;}.home_service .service_list .icon img {margin-top:10px;margin-right:10px;}.home_service .tit {margin-top:94px;width:68%;}.home_service .service_list .icon {height:84px;}.home_service .add_icon {width:16px;height:16px;line-height:12px;font-size:20px;} /* .home_service .service_list li {width:50%;} */ } @media only screen and (max-width:767px) { .home_service .service_list a {height:210px;margin:0 4px 10px;}.home_service .service_list {padding:0 5px;}.home_service .tit span {font-size:14px;} .home_service .tit {width:78%;box-sizing:border-box;padding:0 10px;} .home_service .tit {font-size:9px;} .home_service .etit {width:78%;box-sizing:border-box;padding:0 10px;} .home_service .etit {font-size:9px;} .home_service .add_icon {width:14px;height:14px;line-height:10px;font-size:16px;margin-right:0;position:absolute;right:10px;bottom:0px;} .home_service .service_list .icon img {width:42px;} .home_service .service_list a {height:140px;} .home_service .service_list i.bg {right:1px;top:3px;height:140px;} .home_service .service_list .icon {height:56px;} .home_service .service_list li:nth-child(4) .icon img {width:35px;} .home_service .tit {margin-top:40px;} .home_service .etit {margin-top:40px;} .home_service .service_list {margin-top:30px;} .home_service {padding-bottom:50px;} } /* 首页-案例展示 */.home_case {background-color:#EEEEEE;overflow:hidden;}.home_case .innnr_top {position:relative;z-index:2;background-color:#EEEEEE;padding-bottom:62px;padding-top:52px;}.home_case .case_bot {background-color:#EEEEEE;position:relative;z-index:2;padding-bottom:92px;padding-top:45px;} /** 首页-案例展示 */.home_case {background-color:#EEEEEE;overflow:hidden;} .home_case .innnr_top {position:relative;z-index:2;background-color:#EEEEEE;padding-bottom:62px;padding-top:52px;} .home_case .case_bot {background-color:#EEEEEE;position:relative;z-index:2;padding-bottom:92px;padding-top:45px;} .home_case .read_more {background:url(../images/read_more5.png) no-repeat center;margin:0px auto 0;} .home_case .read_more:hover {background:url(../images/read_more6.png) no-repeat center;} .home_case .scShow {width: 100%;margin-bottom:-7px;margin: auto;} .home_case .scShow div:first-child{ } .home_case .home_case_list .pic {width:33.369%;height:100vh;position:fixed;left:0;top:0;background-size:cover;} .home_case .scShow a {display:block;position:relative;overflow:hidden;background-color:#FFFFFF;} .home_case .case_desc {text-align:center;color:#FFFFFF;font-size:30px;position:absolute;left:50%;top:50%;opacity:0;filter:alpha(opacity=0);-webkit-filter:alpha(opacity=0);transform:translate(-50%,-50%);-webkit-transform:translate(-50%,-50%);-moz-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);-o-transform:translate(-50%,-50%);transition:opacity .8s;-webkit-transition:opacity .8s;-moz-transition:opacity .8s;-ms-transition:opacity .8s;-o-transition:opacity .8s;} .home_case .case_desc em {white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:block;font-style:normal;} .home_case .case_desc span {display:block;font-size:16px;margin-top:10px;text-transform:uppercase;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;} .home_case .encase_desc {text-align:center;color:#FFFFFF;font-size:22px;width:100%;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;position:absolute;left:50%;top:50%;opacity:0;filter:alpha(opacity=0);-webkit-filter:alpha(opacity=0);transform:translate(-50%,-50%);-webkit-transform:translate(-50%,-50%);-moz-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);-o-transform:translate(-50%,-50%);transition:opacity .8s;-webkit-transition:opacity .8s;-moz-transition:opacity .8s;-ms-transition:opacity .8s;-o-transition:opacity .8s;} .home_case .encase_desc em {white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:block;font-style:normal;} .home_case .encase_desc span {display:block;font-size:16px;margin-top:10px;text-transform:uppercase;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;} .home_case .scShow .bg {width:100%;height:100%;position:absolute;left:0;top:0;/* background:url(../images/case_bg.jpg) no-repeat center/cover;*/ background-color:#000;opacity:0;filter:alpha(opacity=0);-webkit-filter:alpha(opacity=0);transition:.8s;-webkit-transition:.8s;-moz-transition:.8s;-ms-transition:.8s;-o-transition:.8s;} .home_case .scShow .bg::before {content:"";background:url(../images/line.png) no-repeat center;position:absolute;left:0;top:0;height:100%;width:158px;} .home_case .scShow .bg::after {content:"";background:url(../images/line2.png) no-repeat center;position:absolute;right:0;top:0;height:100%;width:158px;} .home_case .case_item>img {width:100%;transition:.8s;-webkit-transition:.8s;-moz-transition:.8s;-ms-transition:.8s;-o-transition:.8s;} .home_case .case_item:hover img {transform:scale(1.02);-webkit-transform:scale(1.02);-moz-transform:scale(1.02);-ms-transform:scale(1.02);-o-transform:scale(1.02);} .home_case .case_item:hover .bg {opacity:.5;filter:alpha(opacity=50);-webkit-filter:alpha(opacity=50);} .home_case .case_item:hover .case_desc {opacity:1;filter:alpha(opacity=100);-webkit-filter:alpha(opacity=100);} .home_case .case_item:hover .encase_desc {opacity:1;filter:alpha(opacity=100);-webkit-filter:alpha(opacity=100);} .home_case .scShow div[class^="col-md-"] {padding:0 0 7px 7px;} @media only screen and (max-width:1399px) {.home_case .case_desc {font-size:25px;} .home_case .case_desc span {font-size:14px;margin-top:6px;} } @media only screen and (max-width:1199px) {.home_case .innnr_top {padding-bottom:45px;} .home_case .case_desc {font-size:20px;} .home_case .encase_desc {font-size:22px;} .home_case .case_desc span {font-size:12px;margin-top:4px;} .home_case .scShow {width:100%;min-height:auto;box-sizing:border-box;padding-right:7px;} .home_case .home_case_list .pic {display:none;} .home_case .scShow div[class^="col-md-"]:last-child{display:none;} } @media only screen and (max-width:991px) { .home_case .encase_desc {font-size:18px;} .home_case .case_bot {padding-bottom:62px;padding-top:42px;} .home_case .case_desc {font-size:20px;} .home_case .case_desc span {font-size:11px;} } @media only screen and (max-width:767px) { .home_case .encase_desc {font-size:14px;} .home_case .innnr_top {padding-top:39px;padding-bottom:30px;} .home_case .scShow .bg::after, .home_case .scShow .bg::before{display: none;} .home_case .case_desc {font-size: 16px;} .home_case .case_desc span {font-size: 9px;} } @media only screen and (max-width:500px) { .home_case .encase_desc {font-size:12px;} } .home_about {background-color:#f6f6f6;padding-bottom: 80px;padding-top:55px;position:relative;overflow:hidden;} .home_about .container{padding-left:0px;padding-right:0px;} .home_about_text {text-align:center;font-size:16px;color:#333333;line-height: 33px;position:relative;margin-top: 40px;text-overflow: ellipsis;overflow: hidden;display: -webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:7;padding-top: 15px;} .home_about_text span {display:block;} .about_icon {position:absolute;left:50%;top:-14px;transform:translateX(-50%);-webkit-transform:translateX(-50%);-moz-transform:translateX(-50%);-ms-transform:translateX(-50%);-o-transform:translateX(-50%);} .home_about .dot {position:absolute;left:-82px;top:-48px;} .home_about .dot2 {position:absolute;right:-82px;bottom:-82px;} .home_about .read_more {margin: 70px auto 0;} .home_about .lxidetail {margin-bottom:20px;margin-top:38px;} .home_about .lxidetail ul {display:flex;flex-wrap:wrap;} .home_about .lxidetail ul li{position:relative;background:#ffffff;line-height:48px;flex:1;text-align:center;margin:0 7px;} .home_about .lxidetail ul li a{color:#666666;text-align:center;} .home_about .lxidetail ul li.cur{background:#434750;} .home_about .lxidetail ul li.cur a{color:#ffffff;} .home_about .lxidetail{margin-top:30px;} .home_about .lxidetail ul li:after{content:'';width:146px;height:18px;position:absolute;left:0;right:0;bottom:-18px;background:url(../images/probgy.png)no-repeat;} .home_about .lxidetail .pro-one{padding:0 15px;} /* .home_about .lxidetail .pro-one .owl-item{margin:0 11px !important;} */ .home_about .lxidetail .owl-nav{ width: 100%; height: 40px; text-align: center; padding-top: 20px; } .home_about .lxidetail .owl-nav div{ position: relative; top: auto; display: inline-block; margin: 0 5px; left: auto; background-position: 0 0; width: 40px; height: 40px; z-index: 12; cursor: pointer; background: #838383; border-radius: 50px; line-height: 40px; color: #fff; font-size: 22px; text-align: center; } .home_about .lxidetail .owl-nav .owl-prev:hover{background:#f36f21; } .home_about .lxidetail .owl-nav .owl-next:hover{background:#f36f21;} @media only screen and (max-width:1399px) { .home_about_text {padding:0 60px;margin-top:80px;} .home_about .dot {left:-40px;} .home_about .dot2 {right:-40px;} .home_about .read_more {margin:110px auto 0;} .home_about {padding-bottom:90px;} } @media only screen and (max-width:1299px) { .home_about .dot {left:8px;} .home_about .dot2 {right:8px;} .home_about_text {padding:0 100px;} } @media only screen and (max-width:1199px) { .about_icon {width:100%;} .about_icon img {width:72%;} .home_about .dot2 {bottom:-50px;} .home_about .read_more {margin:50px auto 0;} .home_about_text {margin-top:70px;} } @media only screen and (max-width:991px) { .about_icon {top:46px;} .home_about .dot img,.home_about .dot2 img {width:50px;} .home_about .dot {top:-32px;} .home_about .dot2 {bottom:-32px;} .home_about_text {padding:0 70px;} .home_about_text {margin-top:50px;} .about_icon img {width:80%;} .home_about .read_more {margin:45px auto 0;} .home_about {padding-bottom:80px;} } @media only screen and (max-width:767px) { .home_about_text {font-size:15px;padding:0 12px;margin-top:26px;} .about_icon img {width:90%;} .home_about .read_more {margin:28px auto 0;} .home_about {padding-bottom:64px;padding-top:39px;} .about_icon {top:50%;transform:translate(-50%,-50%);-webkit-transform:translate(-50%,-50%);-moz-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);-o-transform:translate(-50%,-50%);} } /*Application*/ #proapp{padding: 60px 0 80px;} .proapp-box{margin-top: 60px;overflow:hidden;} .proapp-box>div[class^="col-"]{padding:1px;} .proapp-one{position:relative;} .proapp-one a{position:absolute;left:0;top:0;width:100%;height:100%;background: url(../images/appenbg.png) bottom repeat-x;} .proapp-one a p{font-size:20px;font-weight:bold;text-transform:uppercase;color:#fff;padding:0 5px;text-align:center;font-style: italic;position:absolute;bottom:15px;width:100%;word-break: break-word;} .proapp-one:hover a{background: url(../images/appenbgx.png) bottom repeat-x;} @media only screen and (max-width: 767px){ #proapp{padding: 30px 0;} .proapp-box{margin-top: 30px;} } @media only screen and (max-width: 450px){ .proapp-one a p{font-size:16px;} } /*whois*/ #whois{background:url(../images/aboutbg1.jpg) no-repeat center;background-size:cover;position:relative;padding:260px 0 220px;} #whois::after{content:'';position:absolute;left:0;top:0;width:100%;height:100%;background:rgba(0,0,0,0.4);} .whois-txt{color:#fff;position:relative;z-index:1;width:720px;max-width:100%;} .whois-txt h2{font-size:30px;margin-bottom:25px;} .whois-txt h3{font-size:36px;font-weight:900;text-transform:uppercase;line-height:40px;} .whois-txt p{font-size:20px;margin-top:10px;} .whois-txt a{display:block;width:156px;height:42px;background:#FF6600;color:#fff;text-align:center;line-height:42px;font-size:14px;font-weight:bold;border-radius:21px;margin-top:18px;transition:all .3s;-webkit-transition:all .3s;} .whois-txt a span{padding-left: 20px;background: url(../images/cate-jt.png) no-repeat left center;position: relative;z-index: 1;} .whois-txt a:hover{background:#457633;} @media only screen and (max-width: 991px){ #whois{padding:140px 0;} } @media only screen and (max-width: 767px){ #whois{padding:100px 0;} .whois-txt h2{font-size:24px;margin-bottom:15px;} .whois-txt h3{font-size:30px;line-height:40px;} .whois-txt p{font-size:16px;margin-top:5px;} .whois-txt a{width:136px;height:32px;line-height:32px;} } @media only screen and (max-width: 414px){ .whois-txt h2{font-size:22px;margin-bottom:10px;} .whois-txt h3{font-size:26px;line-height:32px;} } /* 首页-合作客户 */.home_partner {background:url(../images/partner_bg.jpg) no-repeat ;background-size:100% 100%;position:relative;z-index:2;padding-bottom:106px;padding-top:72px;overflow:hidden;} .home_partner2 {padding-top:80px;padding-bottom:80px;} .home_partner.home_partner2 .home_partner_list {margin-top:120px;} .home_partner .inner_txt,.home_partner .inner_tit,.home_partner .inner_tit2 {color:#FFFFFF;} .home_partner .inner_tit2::after {background-color:#fff;} .home_partner2 .inner_tit {font-size:40px;} .home_partner .home_partner_list {margin-top:96px;} .home_partner .home_partner_list li {float:left;width:16.66%;text-align:center;margin-bottom:90px;} .home_partner .home_partner_list li img {-webkit-filter: grayscale(100%); -moz-filter: grayscale(100%); -ms-filter: grayscale(100%); -o-filter: grayscale(100%); filter: grayscale(100%); filter: gray; } @media only screen and (max-width:1499px) {.home_partner .home_partner_list li {margin-bottom:70px;} .home_partner .home_partner_list {margin-top:100px;} .home_partner {padding-bottom:60px;} .home_partner.home_partner2 .home_partner_list {margin-top:100px;} } @media only screen and (max-width:1199px) {.home_partner .home_partner_list li {margin-bottom:50px;} .home_partner .home_partner_list {margin-top:82px;} .home_partner .home_partner_list li img {width:90%;} .home_partner.home_partner2 .home_partner_list {margin-top:82px;} } @media only screen and (max-width:991px) {.home_partner {padding-bottom:44px;} .home_partner.home_partner2 .home_partner_list {margin-top:50px;} .home_partner2 {padding-top:60px;padding-bottom:30px;} } @media only screen and (max-width:767px) {.home_partner .home_partner_list li {width:24%;margin-bottom:32px;} .home_partner .home_partner_list {margin-top:56px;} .home_partner.home_partner2 .home_partner_list {margin-top:46px;} .home_partner2 .inner_tit {font-size:22px;} .home_partner {padding-top:40px;} } .home_partner .case_bot{ position: relative; z-index: 2; } .home_partner .case_bot .read_more { background: url(../images/read_more8.png) no-repeat center; margin: 0px auto 0; } .home_partner .case_bot .read_more a{color:#222222; display: block; transition: .8s; -webkit-transition: .8s; -moz-transition: .8s; -ms-transition: .8s; -o-transition: .8s;} .home_partner .case_bot .read_more:hover a{color:#ff6600;} /* 产品中心 */ .product{padding:40px 0 55px 0;zoom:1;background:#ff6600;position:relative;} .product::before {content:"";width:135px;height:0;border-width:0px 21px 21px 0px;border-style:none solid solid;border-color:transparent transparent #ff6600;position:absolute;left:0;top:-21px;z-index:2;} .product::after {content:"";width:135px;height:0;border-width:0px 0px 21px 21px;border-style:none solid solid;border-color:transparent transparent #ff6600;position:absolute;right:0;top:-21px;z-index:2;} .product .inner_tit2::after{background:#ffffff;} .product .promenul {margin-bottom:20px;margin-top:38px;} .product .promenul ul {display:flex;flex-wrap:wrap;} .product .promenul ul li{position:relative;background:#ffffff;line-height:48px;flex:1;text-align:center;margin:0 7px;} .product .promenul ul li a{color:#666666;text-align:center;} .product .promenul ul li.cur{background:#434750;} .product .promenul ul li.cur a{color:#ffffff;} .product .prodlist{margin-top:30px;} .product .promenul ul li:after{content:'';width:146px;height:18px;position:absolute;left:0;right:0;bottom:-18px;background:url(../images/probgy.png)no-repeat;} .product .prodlist .pro-one{padding:0 15px;} /* .product .prodlist .pro-one .owl-item{margin:0 11px !important;} */ @media only screen and (max-width:991px) { .product .promenul ul li{width:140px;flex:none;margin:10px 10px;} .product .promenul ul li:after{content:none;} } .product .prodlist .pro-one ul li{background:#ffffff;} .product .icopro{display:flex;justify-content:flex-end;} .product .imgpro{background:url(../images/prock.png)no-repeat;width:15px;height:16px;} .prona{padding: 15px 35px 15px 35px;} .product .prodlist .pro-one ul li:hover .prona h2{color:#ff6600;} .prona h2{color:#333333;font-size:20px;/* margin-bottom:39px; */white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-align: center;} .prona p{color:#666666;font-size:14px;height:40px; text-overflow: -o-ellipsis-lastline; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; line-clamp: 2; -webkit-box-orient: vertical;margin-bottom:18px;} @media only screen and (max-width:991px) { .prona h2{font-size:18px;} .product .promenul ul{justify-content:space-between;} .product .promenul ul li{flex:auto;} .product .promenul ul li:after{content:none;} } .product .case_bot{ position: relative; z-index: 2; padding-top: 35px; } .product .case_bot .read_more{background: url(../images/read_more7.png) no-repeat center; margin: 0px auto 0;} .product .case_bot .read_more:hover{background: url(../images/read_more.png) no-repeat center;} .product .case_bot .read_more:hover a{color:#333;} .product .case_bot .read_more a{ color:#ffffff; display: block; transition: .8s; -webkit-transition: .8s; -moz-transition: .8s; -ms-transition: .8s; -o-transition: .8s; } .product .case_bot .read_more a:hover{} .product .owl-nav{ width: 100%; height: 60px; text-align: center; padding-top: 20px; } .product .owl-nav div{ position: relative; top: auto; display: inline-block; margin: 0 8px; left: auto; background-position: 0 0; width: 40px; height: 40px; z-index: 12; cursor: pointer; background: #fd6600; border-radius: 50px; line-height: 31px; color: #fff; font-size: 22px; text-align: center; border: 3px solid #fff; } .product .owl-nav .owl-prev:hover{background: #ff9800;} .product .owl-nav .owl-next:hover{background: #ff9800;} .liandq ul { display: flex; flex-direction: row; justify-content: space-between; font-size: 20px; border-bottom: 1px solid #e5e5e5;} .liandq ul li { flex:auto; color: #333; padding-bottom: 30px;} .liandq ul li.cur{ font-weight: bold; color: #ff6600; position: relative;cursor: pointer;} .liandq ul li.cur:after{ position: absolute; width: 44%; content: " "; height: 2px; background: #ff6600; left: 0px; bottom: 0px;} .lxidetail .detaildq p{font-size:18px;line-height:24px;color:#444;margin:30px 0px;} .liands{margin:30px 0 0 0;background:#f5f5f5;padding-top:30px;padding-left:30px;padding-right:30px;height:460px;} /* 首页-新闻中心 */.home_news {padding-bottom:89px;padding-top:39px;position:relative;background-color:#FFFFFF;overflow:hidden;} .home_news .news_tab_tit {font-size:15px;font-family:Microsoft YaHei;font-weight:bold;margin-bottom:32px;margin-top:28px;color:#999999;text-align:center;} .home_news .news_tab_tit span {margin:0 27.5px;position:relative;cursor:default;transition:.8s;-webkit-transition:.8s;-moz-transition:.8s;-ms-transition:.8s;-o-transition:.8s;padding-bottom:10px;display:inline-block;} /* .home_news .news_tab_tit span+span::after {content:"/";position:absolute;left:-27.5px;} */ .home_news .news_tab_tit span+span::after{content:"";position:absolute;left:-27.5px;width:12px;height:18px;background:#d5d5d5;} .home_news .news_tab_tit span.act:after{background:#FF6600;} .home_news .news_tab_tit span.act,.home_news .news_tab_tit span:hover {color:#FF6600;} .home_news .news_tab_tit span::before {content:"";position:absolute;left:50%;bottom:0;background-color:#FF6600;width:0;height:2px;transition:.8s;-webkit-transition:.8s;-moz-transition:.8s;-ms-transition:.8s;-o-transition:.8s;} .home_news .news_tab_tit span.act::before,.home_news .news_tab_tit span:hover::before {width:100%;left:0;} .home_news .news_tab_ibox li.news_li {border-bottom:1px dashed #ddd;padding-bottom:15px;padding-top:20px;cursor:pointer;} .home_news .news_tab_ibox .data {font-size:14px;font-family:Microsoft YaHei;font-weight:400;color:#666666;width:118px;height:35px;background:#FFFFFF;border:1px solid #C9C9C9;text-align:center;line-height:35px;box-sizing:border-box;transition:.5s;-webkit-transition:.5s;-moz-transition:.5s;-ms-transition:.5s;-o-transition:.5s;} .home_news .news_tab_ibox a.news_text {font-size:16px;font-family:Microsoft YaHei;font-weight:400;color:#444444;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;padding-left:56px;width:82%;line-height:34px;transition:.5s;-webkit-transition:.5s;-moz-transition:.5s;-ms-transition:.5s;-o-transition:.5s;} .home_news .arrow {width:7px;height:11px;background:url(../images/arrow.jpg) no-repeat center;margin-right:12px;margin-top:12px;} .home_news .news_tab_ibox li:hover .data {color:#fff;border-color:#FF6600;background-color:#FF6600;} .home_news .news_tab_ibox li:hover a.news_text {color:#FF6600;} .home_news .home_news_tabCont ul {display:none;} .home_news .home_news_tabCont ul.act {display:block;} .home_news .read_more {background:url(../images/read_more.png) no-repeat;} .home_news .read_more:hover {background:url(../images/read_more2.png) no-repeat center;} @media only screen and (max-width:1199px) {.home_news {padding-left:10px;padding-right:10px;} } @media only screen and (max-width:991px) {.home_news .news_tab_ibox a.news_text {padding-left:34px;width:76%;} .home_news {padding-bottom:76px;} } @media only screen and (max-width:767px) {.home_news {padding-bottom:56px;} .home_news .news_tab_ibox li.news_li {padding-bottom:10px;padding-top:12px;} .home_news .news_tab_ibox a.news_text {font-size:14px;padding-left:10px;width:74%;} .home_news .news_tab_tit {margin-bottom:14px;} .home_news .arrow {display:none;} .home_news .news_tab_ibox .data {position:absolute;right:20px;border:0;font-size:12px;width:auto;} .home_news .news_tab_ibox li:hover .data{color:#FF6600;border-color:#ffffff;background-color: #ffffff;} .news_tab_ibox {margin:0 12px;} .home_news .news_tab_tit span {margin:0 10px;} .home_news .news_tab_tit span+span::after{content:none;} } /*whatdo*/ #whatdo{background:url(../images/aboutbg2.jpg) no-repeat center;background-attachment:fixed;background-size:cover;padding:170px 0;} .whatdo-txt{color:#fff;width:720px;max-width:100%;float:right;padding:60px 45px;background:rgba(0,0,0,0.6);} .whatdo-txt h2{font-size:30px;margin-bottom:25px;} .whatdo-txt h3{font-size:36px;font-weight:900;text-transform:uppercase;line-height:40px;} .whatdo-txt p{font-size:20px;margin-top:10px;} .whatdo-txt a{display:block;width:156px;height:42px;background:#FF6600;color:#fff;text-align:center;line-height:42px;font-size:14px;font-weight:bold;border-radius:21px;margin-top:18px;transition:all .3s;-webkit-transition:all .3s;} .whatdo-txt a span{padding-left: 20px;background: url(../images/cate-jt.png) no-repeat left center;position: relative;z-index: 1;} .whatdo-txt a:hover{background:#457633;} @media only screen and (max-width: 991px){ #whatdo{padding:140px 0;} } @media only screen and (max-width: 767px){ #whatdo{padding:100px 0;background-attachment: unset;} .whatdo-txt{padding:45px 30px;} .whatdo-txt h2{font-size:24px;margin-bottom:15px;} .whatdo-txt h3{font-size:30px;line-height:40px;} .whatdo-txt p{font-size:16px;margin-top:5px;} .whatdo-txt a{width:136px;height:32px;line-height:32px;} } @media only screen and (max-width: 414px){ .whatdo-txt h2{font-size:22px;margin-bottom:10px;} .whatdo-txt h3{font-size:26px;line-height:32px;} } /*adage*/ #adage{padding: 60px 0 80px;} .adage-box{margin-top: 30px;overflow:hidden;} .adage-txt{} .adage-img{width:70px;height:70px;margin:45px auto 15px;} .adage-ico1{background:url(../images/adage-ico1.png) no-repeat;background-size:contain;} .adage-ico2{background:url(../images/adage-ico2.png) no-repeat;background-size:contain;} .adage-ico3{background:url(../images/adage-ico3.png) no-repeat;background-size:contain;} .adage-ico4{background:url(../images/adage-ico4.png) no-repeat;background-size:contain;} .adage-ico5{background:url(../images/adage-ico5.png) no-repeat;background-size:contain;} .adage-ico6{background:url(../images/adage-ico6.png) no-repeat;background-size:contain;} .adage-txt p{font-size:18px;color:#666;text-align:center;line-height:25px;} .adage-txt:hover .adage-ico1{background:url(../images/adage-ico1x.png) no-repeat;} .adage-txt:hover .adage-ico2{background:url(../images/adage-ico2x.png) no-repeat;} .adage-txt:hover .adage-ico3{background:url(../images/adage-ico3x.png) no-repeat;} .adage-txt:hover .adage-ico4{background:url(../images/adage-ico4x.png) no-repeat;} .adage-txt:hover .adage-ico5{background:url(../images/adage-ico5x.png) no-repeat;} .adage-txt:hover .adage-ico6{background:url(../images/adage-ico6x.png) no-repeat;} .adage-txt:hover p{color:#FF6600;} @media only screen and (max-width: 991px){ .adage-txt p{height:50px;} } @media only screen and (max-width: 767px){ #adage{padding: 30px 0;} .adage-txt p{height:auto;font-size:16px;} .adage-img{margin:15px auto;width:55px;height:55px;} } /*abvideo*/ #abvideo{height:600px;margin-bottom:160px;} #abvideo>a{display:block;position:relative;width:100%;height:100%;background:url(../images/about-bj.jpg) no-repeat center;} .abvideo-txt{position:absolute;left:0;top:50%;width:100%;padding:0 10px;transform:translateY(-50%);color:#fff;text-align:center;} .abvideo-txt .abvideo-an{width:104px;height:104px;background:url(../images/abvideoan.png) no-repeat;background-size:contain;margin:0 auto;} .abvideo-txt h2{font-size:40px;font-weight:900;text-transform:uppercase;margin-top:15px;} .abvideo-txt p{font-size:20px;margin-top:10px;} #abvideo .box-rela{position:relative;} .abtag{display:flex;background-image: linear-gradient(-60deg, #2c9145, #FF6600);border-radius:20px;position:absolute;top:-88px;width:100%;} .abtag-one{flex:1;border-right:1px solid #436e33;} .abtag-one:last-child{border-right:0;} .abtag-one a{display:block;width:100%;padding:50px 0;} .abtag-ico{width:44px;height:44px;margin:0 auto;} .abtag-one:nth-child(1) .abtag-ico{background: url(../images/company.png) no-repeat;background-size: contain;} .abtag-one:nth-child(2) .abtag-ico{background: url(../images/certificate.png) no-repeat;background-size: contain;} .abtag-one:nth-child(3) .abtag-ico{background: url(../images/organization.png) no-repeat;background-size: contain;} .abtag-one:nth-child(4) .abtag-ico{background: url(../images/team.png) no-repeat;background-size: contain;} .abtag-one p{font-size:20px;color:#fff;margin-top:5px;text-align:center;} @media only screen and (max-width: 1199px){ #abvideo{margin-bottom:130px;height:500px;} .abtag{top:-68px;} .abtag-one a{padding:30px 0;} } @media only screen and (max-width: 991px){ .abvideo-txt .abvideo-an{width:70px;height:70px;} .abvideo-txt h2{font-size:26px;} .abtag{top:-64px;} .abtag-one p{font-size:18px;} .abtag-ico{width:38px;height:38px;} } @media only screen and (max-width: 767px){ #abvideo{margin-bottom:170px;height:360px;} .abtag{position:static;margin-top:10px;} } @media only screen and (max-width: 450px){ #abvideo{margin-bottom:140px;} .abtag-ico{width:30px;height:30px;} .abtag-one a{padding:20px 0;} .abtag-one p{font-size:14px;} } /* 解决方案 */ #solution{padding-top: 40px;} .solution-box{overflow:hidden;margin-top:30px;} .solution-one{width:22%;float:left;height:400px;position:relative;} .solution-one:nth-child(1){background-color:#FF6600;} .solution-one:nth-child(2){background-color:#a82e2b;} .solution-one:nth-child(3){background-color:#735d4d;} .solution-one.on{width:56%;} .solution-txt{position:absolute;left:0;top:0;width:100%;height:100%;padding:0 40px;color:#fff;} .solution-img{background-repeat:no-repeat;background-size:cover;background-position:right -200px center;} .solution-txt h5{font-size:16px;font-family:arial;font-weight:bold;text-transform:uppercase;margin-bottom:10px;} .solution-txt h4{font-size:30px;font-weight:bold;margin-bottom:15px;} .solution-txt p{font-size:16px;line-height:25px;height:50px;margin-bottom:30px;visibility: hidden;} .solution-txt a{display:block;width:150px;height:42px;line-height:42px;border-radius:21px;text-align:center;background:#fff;color:#666;font-size:16px;visibility: hidden;} .solution-txt a:hover{color:#fff;box-shadow:0 0 10px 0 rgb(0 0 0 / 50%);background-color:#444;} .solution-img{position: absolute;left: 0;top: 0;width: 100%;height: 100%;display:none;} .solution-one:nth-child(1) .solution-img::before{content:'';position:absolute;left:0;top:0;width:38%;height:100%;background:#FF6600;} .solution-one:nth-child(1) .solution-img::after{content:'';position:absolute;left:38%;top:0;width:40%;height:100%;background-image: linear-gradient(to left, rgba(3,90,172,0), rgba(3,90,172,1));} .solution-one:nth-child(2) .solution-img::before{content:'';position:absolute;left:0;top:0;width:38%;height:100%;background:#a82e2b;} .solution-one:nth-child(2) .solution-img::after{content:'';position:absolute;left:38%;top:0;width:40%;height:100%;background-image: linear-gradient(to left, rgba(168,46,43,0), rgba(168,46,43,1));} .solution-one:nth-child(3) .solution-img::before{content:'';position:absolute;left:0;top:0;width:38%;height:100%;background:#735d4d;} .solution-one:nth-child(3) .solution-img::after{content:'';position:absolute;left:38%;top:0;width:40%;height:100%;background-image: linear-gradient(to left, rgba(115,93,77,0), rgba(115,93,77,1));} .solution-txtbg{width:100%;max-width:440px;height:100%;position:relative;z-index:100;} .solution-txtbg::after{content:'';position:absolute;right:0;bottom:30px;width:88px;height:88px;} .solution-one:nth-child(1) .solution-txtbg::after{background:url(../images/soluico1.png) no-repeat center / cover;} .solution-one:nth-child(2) .solution-txtbg::after{background:url(../images/soluico2.png) no-repeat center / cover;} .solution-one:nth-child(3) .solution-txtbg::after{background:url(../images/soluico3.png) no-repeat center / cover;} .solution-one.on .solution-txt{padding:0 75px;} .solution-one.on .solution-txt p, .solution-one.on .solution-txt a{visibility:visible;} .solution-one.on .solution-img{display:block;} .solution-one.on .solution-txtbg::after{display:none;} @media only screen and (max-width:1199px){ .solution-txt{padding:0 30px;} .solution-txt h5{font-size:14px;} .solution-txt h4{font-size:26px;} } @media only screen and (max-width:991px){ .solution-txtbg::after{width:60px;height:60px;} .solution-txt h4{font-size:24px;} .solution-one{width:25%;} .solution-one.on{width:50%;} .solution-one.on .solution-txt{padding:0 40px;} } @media only screen and (max-width:767px){ #solution{padding-top:30px;} .solution-box{margin-top:20px;} .solution-one{width:100%;height:150px;} .solution-one.on{width:100%;height:300px;} .solution-txt h4{margin-bottom:0;} .solution-txt p{display:none;margin-bottom: 15px;} .solution-txt a{display:none;} .solution-txtbg{max-width:100%;} .solution-txtbg::after{bottom: 50%;margin-bottom: -30px;} .solution-one.on .solution-txt h4{margin-bottom:15px;} .solution-one.on p{display:-webkit-box;} .solution-one.on a{display:block;} .solution-img{background-position: center;} } @media only screen and (max-width:500px){ .solution-one.on{height:200px;} .solution-txt{padding:0 20px;} .solution-txt h5{font-size:12px;} .solution-txt h4{font-size:20px;} .solution-txt p{font-size: 14px;line-height: 20px;height: 40px;} .solution-txt a{font-size:14px;width: 120px;height: 35px;line-height: 35px;} .solution-one.on .solution-txt{padding:0 20px;} } /* 精品案例 */ #case{padding:45px 0 40px;} .case-sort{border-bottom:1px solid #d5d5d5;text-align:center;font-size:0;margin-top:30px;} .case-sone{display:inline-block;margin-bottom:15px;} .case-sone a{display:block;font-size:18px;} .case-sone a i{width:60px;height:60px;display: block;margin: 0 auto;background-repeat: no-repeat;transition: 0.3s all ease;} .case-sone a p{line-height:35px;padding:0 20px;color:#666;border-radius:20px;margin-top:10px;} .case-sone.on a i{background-position-y: -60px;} .case-sone.on a p{background:#FF6600;color:#fff;} .case-list{margin-top:40px;} .case-box{overflow:hidden;display:none;} .case-box.on{display:block;} .case-one{width:25%;float:left;padding:1px;} .case-one a{display:block;position:relative;} .case-txt{position:absolute;left:0;top:0;width:100%;height:100%;background: url(../images/case-tbg.png) repeat-x bottom;transition: all .3s;-webkit-transition: all .3s;} .case-txt p{position:absolute;bottom:0;left:0;width:100%;padding:0 10px;font-size:18px;color:#fff;text-align:center;line-height:50px;} .case-one a:hover .case-txt{background: url(../images/case-tbgx.png) repeat-x bottom;} .case-more{text-align:center;margin-top:40px;} .case-more a{display:inline-block;width:130px;height:42px;color:#666;font-size:16px;text-align:center;line-height:42px;background:#eee;} .case-more a:hover{background:#FF6600;color:#fff;} @media only screen and (max-width:1609px){ .case-sone a p{padding:0 15px;} } @media only screen and (max-width:1509px){ .case-sone a{font-size:16px;} } @media only screen and (max-width:1409px){ .case-sone a{font-size:15px;} } @media only screen and (max-width:1309px){ .case-sone a p{padding:0 10px;} } @media only screen and (max-width:1199px){ .case-sone{display:block;width:16.66%;float:left;} .case-sone a p{padding:0 5px;} .case-list{margin-top:30px;} .case-txt p{font-size:16px;line-height:40px;} } @media only screen and (max-width:767px){ #case{padding:30px 0;} .case-sort{margin-top:20px;} .case-one{width:50%;} .case-txt p{font-size:14px;line-height:36px;} .case-more{margin-top:30px;} } @media only screen and (max-width:500px){ .case-sone{display:block;width:25%;float:left;margin-bottom:10px;} .case-sone a{font-size:14px;} .case-sone a i{width:40px;height:40px;background-size:100%;} .case-sone a p{line-height: 30px;} .case-sone.on a i{background-position-y: -40px;} .case-more a{font-size:14px;width:120px;height:36px;line-height:36px;} } /* 视频中心 */ #video{padding:55px 0 40px;background:url(../images/video-bg.jpg) no-repeat top center;} #video>.title>h2, #video>.title>p{color:#fff;} .video-swiper-container{position: relative;overflow: hidden;padding-bottom: 20px;margin-top:40px;} .video-swiper-container .swiper-slide{transition: 300ms;transform: scale(0.9);} .video-swiper-container .swiper-slide-active, .video-swiper-container .swiper-slide-duplicate-active{transform: scale(1);} .video-swiper-container .swiper-con{position: relative;} .video-swiper-container .swiper-slide .video-img img{border: 4px solid #000;} .video-swiper-container .swiper-slide .video-txt{position: absolute;width: 100%;left: 0;bottom: 0;opacity: 0;-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";transition: all 0.3s ease-out;background-color: rgba(0,0,0,0.6);} .video-swiper-container .swiper-slide .video-txt p{font-size: 16px;line-height: 48px;text-align: center;color: #fff;padding:0 10px;} .video-swiper-container .swiper-slide.swiper-slide-active .video-txt {opacity: 1;-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";transition-delay: 0.4s;} .video-swiper-container .swiper-main{width: 940px;height: 100%;position: absolute;top: 0;left: 50%;margin-left: -470px;} .video-swiper-container .swiper-button-next, .video-swiper-container .swiper-button-prev{width: 100%;height: 100%;top: 0;color: #dcdcdc;background-size: 16px 30px;} .video-swiper-container .swiper-button-prev{left: -103%;background-position: right;background-image: url(../images/owl-left.png);} .video-swiper-container .swiper-button-next{right: -103%;background-position: left;background-image: url(../images/owl-right.png);} @media(max-width:1850px){ .video-swiper-container .swiper-button-prev{left: -101%;} .video-swiper-container .swiper-button-next{right: -101%;} } @media(max-width:1800px){ .video-swiper-container .swiper-button-prev{left: -100%;} .video-swiper-container .swiper-button-next{right: -100%;} } @media(max-width:1750px){ .video-swiper-container .swiper-main{width: 900px;margin-left: -450px;} } @media(max-width:1700px){ .video-swiper-container .swiper-main{width: 860px;margin-left: -430px;} } @media(max-width:1600px){ .video-swiper-container .swiper-main{width: 800px;margin-left: -400px;} } @media(max-width:1500px){ .video-swiper-container .swiper-main{width: 750px;margin-left: -375px;} } @media(max-width:1400px){ .video-swiper-container .swiper-main{width: 700px;margin-left: -350px;} } @media(max-width:1300px){ .video-swiper-container .swiper-main{width: 650px;margin-left: -325px;} } @media(max-width:1200px){ .video-swiper-container .swiper-main{width: 600px;margin-left: -300px;} } @media(max-width:1100px){ .video-swiper-container .swiper-main{width: 550px;margin-left: -275px;} } @media(max-width:1000px){ .video-swiper-container .swiper-main{width: 500px;margin-left: -250px;} } #videolist h3{line-height: 40px;font-size: 16px;color: #fff;background-image: linear-gradient(to bottom, #1caee5 , #FF6600);text-align: center;} @media(max-width:767px){ #video{padding: 30px 0;} } /* 合作客户 */ #partner{padding:35px 0 100px;background:url(../images/partner-bg.jpg) no-repeat top center;} .partner-list{position:relative;padding:0 44px;margin-top:20px;} .partner-swiper-container{padding:15px 6px;} .partner-list .swiper-slide{border:1px solid #eee;margin: 0 0 -1px -1px;} .partner-list .swiper-slide a{display:block;} .partner-list .swiper-slide:hover{border:1px solid #fff;z-index:111;box-shadow:0 0 10px 0 rgb(3 90 172 / 30%);} .partner-list .partner-prev, .partner-list .partner-next{width:20px;height:35px;margin-top:-17.5px;} .partner-list .partner-prev{background:url(../images/owl-left.png) no-repeat;left:0} .partner-list .partner-next{background:url(../images/owl-right.png) no-repeat;right:0;} @media(max-width:767px){ #partner{padding: 20px 0;} .partner-list{margin-top:10px;} } /* 关于我们 */ #about{padding:70px 0 90px;background:url(../images/about-bg.jpg) no-repeat center top #f7f7f7;} .about-img{height:593px;} .about-img img{display:none;} .about-box{padding-top:15px;padding-left:10px;padding-right:40px;} .about-box>p{font-family:Arial;font-weight:bold;font-size:36px;color:#FF6600;margin-bottom:10px;} .about-box>h2{font-weight:bold;font-size:36px;color:#333;} .about-xian{width:40px;height:2px;background:#c9c9c9;margin:20px 0 30px;} .about-con{margin-bottom:15px;} .about-con .about-txt{color:#666;line-height:2;text-align:justify;font-size:16px;margin-bottom:30px;} .about-con>a{display:block;width:150px;height:42px;background:#FF6600;color:#fff;line-height:42px;text-align:center;font-size:16px;border-radius:21px;} .about-con>a:hover{background:#333;} .about-tag li{float: left;width: 25%;} .about-tag li a{display:block;width:100%;height:100%;} .about-tag li a .about-atxt{padding:40px 30px 24px;} .about-tag li a .about-ico{width:40px;height:40px;position:relative;} .about-tag li a .about-ico img{-moz-transition: all .5s;-webkit-transition: all .5s;-o-transition: all .5s;-ms-transition: all .5s;transition: all .5s;max-width:100%;} .about-tag li a .about-ico img+img{opacity: 0;position: absolute;left: 0;top: 0;} .about-tag li a .about-atxt h3{font-weight: bold;font-size: 16px;color: #888;line-height: 16px;padding: 15px 0 12px;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;} .about-tag li a .about-atxt p{font-size:12px;color: #d5d5d5;text-transform: uppercase;line-height:16px;height:32px;overflow:hidden;} .about-tag li:hover{background:#FF6600;} .about-tag li:hover a .about-ico{-webkit-transform: translate3d(0, -5px, 0);transform: translate3d(0, -5px, 0);} .about-tag li:hover a .about-ico img{opacity: 0;} .about-tag li:hover a .about-ico img+img{opacity: 1;} .about-tag li:hover a .about-atxt h3, .about-tag li:hover a .about-atxt p{color:#fff;} @media(max-width:1709px){ .about-img{height:573px;} .about-tag li a .about-atxt{padding: 30px 30px 14px;} } @media(max-width:1409px){ .about-img{height:581px;} .about-box{padding-right:20px;} .about-tag li a .about-atxt{padding: 20px 12px 0;} } @media(max-width:1199px){ .about-img{height:645px;} .about-box{padding-right:10px;} } @media(max-width:991px){ .about-img{height:auto;padding:0 10px;} .about-img img{display:block;} } @media(max-width:767px){ #about{padding:30px 0;} .about-box>p{font-size:30px;} .about-box>h2{font-size:30px;} .about-xian{margin: 20px 0 10px;} .about-con .about-txt{margin-bottom:20px;} } @media(max-width:500px){ .about-box>p{font-size:26px;margin-bottom: 5px;} .about-box>h2{font-size:26px;} .about-con .about-txt{font-size:14px;} .about-con>a{font-size:14px;width:120px;line-height:36px;height:36px;} .about-tag li{width:50%;} } /* News */ #news{padding-bottom:70px;} .news-left h2{color:#252525;font-size:36px;font-weight:bold;text-transform:uppercase;margin-bottom:70px;} .news-left ul li{padding:0 10px;} .news-left ul li .news-img{margin-bottom:12px;overflow:hidden;} .news-left ul li .news-img img{-webkit-transition: 0.5s;-moz-transition: 0.5s;transition: 0.5s;} .news-left ul li p{color:#252525;font-size:16px;margin-bottom:25px;line-height:25px;height:50px;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;word-break: break-word;} .news-left ul li span{color:#666;font-size:14px;font-weight:bold;padding-left: 20px;background: url(../images/cate-jtx.png) no-repeat left center;} .news-left ul li a:hover .news-img img{-webkit-transform:scale(1.2);-moz-transform:scale(1.2);-ms-transform:scale(1.2);transform:scale(1.2);} .news-left ul li a:hover p{color:#FF6600} .news-tag{line-height:40px;} .news-tag a{margin-right:20px;color:#333;font-size:16px;font-weight:bold;} .news-tag a:last-child{margin-right:0;} .news-tag a.on{color:#FF6600;} .news-ul{display:none;} .news-ul:first-child{display:block;} .news-ul li{margin-top:50px;} .news-ul li a{overflow:hidden;display:block;} .news-time{width:32px;float:left;color:#333;} .news-time p{text-transform:uppercase;font-size:14px;text-align:center;width:27px;overflow:hidden;} .news-time span{font-size:30px;display:block;line-height:30px;} .news-txt{float:left;width:calc(100% - 32px);padding-left:18px;} .news-txt p{font-size:16px;color:#252525;line-height:25px;height:50px;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;word-break: break-all;margin-bottom:18px;} .news-txt span{color:#666;font-size:14px;font-weight:bold;padding-left: 20px;background: url(../images/cate-jtx.png) no-repeat left center;} .news-ul li a:hover .news-time{color:#FF6600;} .news-ul li a:hover .news-txt p{color:#FF6600;} @media only screen and (max-width: 1199px){ #news>.container>div[class^="col-"]{padding:0 10px;} .news-tag a{margin-right:12px;} .news-ul li{margin-top:25px;} } @media only screen and (max-width: 767px){ #news{padding-bottom:30px;} .news-left h2{margin-bottom:30px;} .news-left ul li{padding:0;margin-bottom:10px;} .news-left ul li p{margin-bottom:15px;} } @media only screen and (max-width: 450px){ .news-left h2{font-size:28px;} } /* 图片封面动画 */ .white, .whites{position: relative;overflow: hidden;} .white::after, .whites::after{content: '';cursor: pointer;position: absolute;left: -120%;top: 0;width: 100%;height: 100%; background-image: -moz-linear-gradient(0deg,rgba(255,255,255,0),rgba(255,255,255,.5),rgba(255,255,255,0)); background-image: -webkit-linear-gradient(0deg,rgba(255,255,255,0),rgba(255,255,255,.5),rgba(255,255,255,0)); transform: skewx(-25deg);transition: unset;} .white:hover::after{left: 120%;-moz-transition: 1s;-o-transition: 1s;-webkit-transition: 1s;transition: 1s;} /* 尾部 */.footer {background-color:#F2F2F2;color:#666666;position:relative;padding-top:80px;padding-bottom:32px;position:relative;} /* .footer::before {content:"";width:145px;height:0;border-width:0px 21px 21px 0px;border-style:none solid solid;border-color:transparent transparent #F2F2F2;position:absolute;left:0;top:-21px;z-index:2;} */ /* .footer::after {content:"";width:145px;height:0;border-width:0px 0px 21px 21px;border-style:none solid solid;border-color:transparent transparent #F2F2F2;position:absolute;right:0;top:-21px;z-index:2;} */ .footer .footer_con {overflow:hidden;} .footer a {transition:color .4s;color:#BBBBBB;} .footer a:hover {color:#FF6600 !important;} .foot-nav {position:relative;} .foot-nav dl {float:left;margin-right:108px;} .foot-nav dt,.foot-tel .dt {font-size:16px;font-family:Microsoft YaHei;font-weight:400;color:#666666;} .foot-nav dt a {color:#333333;font-size:16px;} .foot-nav dd {margin-top:16px;} .foot-nav dd a {display:block;font-size:14px;font-family:Microsoft YaHei;font-weight:normal;color:#666666;line-height:28px;} .foot-model {text-align:right;color:#666666;margin-right:24px;} .foot-model .webcode {margin-left:64px;text-align:center;} .foot-model .p1 {margin-bottom:32px;font-size:16px;text-align:right;color:#333333;} .foot-model .p1 span {font-weight:bold;font-size:30px;margin-top:5px;color:#FF6600;margin-bottom:8px;} .foot-model .p2 span {font-size:14px;font-family:Microsoft YaHei;font-weight:400;color:#666666;line-height:24px;display:block;} .foot-model .p2 span a{font-size:14px;font-family:Microsoft YaHei;font-weight:400;color:#666666;line-height:24px;display:block;} .foot-model span.address {width:262px;text-align:right;} .foot-model span {display:block;font-size:14px;font-family:Microsoft YaHei;color:#666;margin-top:3px;font-weight:400;} .mc-foot-copy {float:left;width:40%;box-sizing:border-box;padding:0 50px;margin-top:0 !important;display:none;} .foot-copy {margin-top:60px;} .foot-copy a {color:#666666;} .foot-copy .ft_logo img { width: 230px; display: block; } .copyright{display:flex;justify-content:space-between;margin-top:15px;margin-bottom:0px;} .link{margin-bottom:10px;} .footben {font-size:14px;font-family:Microsoft YaHei;font-weight:400;color:#999999;} .footer-otha a { display: block; width: 30px; height: 30px; float: left; text-align: center; margin-right: 10px; } .footer-otha a span{font-size: 16px;line-height: 30px;color: #707070;} .footben a {color:#999999;transition:.8s;-webkit-transition:.8s;-moz-transition:.8s;-ms-transition:.8s;-o-transition:.8s;margin-left:10px;} .footben a.map {margin-left:10px;} .footer .up {position:absolute;left:50%;bottom:0;transform:translateX(-50%);-webkit-transform:translateX(-50%);-moz-transform:translateX(-50%);z-index:11;-ms-transform:translateX(-50%);-o-transform:translateX(-50%);cursor:pointer;} @media only screen and (max-width:1611px) {.foot-nav dl {margin-right:94px;} } @media only screen and (max-width:1499px) {.foot-nav dl {margin-right:80px;} .foot-model {margin-right:0;} } @media only screen and (max-width:1399px) {.foot-nav dl {margin-right:68px;} } @media only screen and (max-width:1299px) {.foot-model .webcode {margin-left:36px;} .foot-nav dl {margin-right:56px;} } @media only screen and (max-width:1199px) {.foot-nav {width:100%;margin-left:0;box-sizing:border-box;padding:0 10px;} .foot-nav {margin-bottom:50px;} .foot-nav dl {margin-right:0;width:20%;text-align:center;} .copyright {text-align:left;} .foot-model {padding:0 50px;} .foot-model>div.fl {width:100%;} .foot-model .p1 {margin-bottom:10px;} .foot-model span.address {width:100%;} .foot-model .webcode {display:none;} .sc-foot-copy {display:none;} .mc-foot-copy {display:block;} } @media only screen and (max-width:767px) { .foot-model{float:none;} .footer .up{top:0;bottom:none;} .foot-nav dl {margin-bottom:12px;width:20%;} .footer {padding-top:34px;padding-bottom:50px;} .foot-nav {margin-bottom:24px;padding:20px 10px 0;} .foot-nav dd {display:none;} .foot-nav dt a {font-size:14px;} .footer::before,.footer::after {width:90px;} .mc-foot-copy {display:none;} .foot-model,.foot-model .p1 {font-size:15px;text-align:center;} .foot-model .p1 span {font-size:24px;} } /* 在线客服 */ .diyos {position: fixed;width: 54px;right: 0;top: 50%;z-index: 100;} .diyos ul{position:relative;list-style: none;margin: 0;padding: 0;} .diyos ul li {width: 54px;height: 54px;background: #FF6600;float: left;position: relative;border-top:1px solid #333;z-index:1;} .diyos ul li:first-child{ border-top:0;} .diyos ul li .sidebox, .diyos ul li .semail {position: absolute;width: 54px;height: 54px;top: 0;right: 0;color: #fff;font-size:14px;line-height:54px;overflow: hidden;background:#FF6600;} .diyos ul li .sidetop {width: 54px;height: 54px;line-height: 54px;display: inline-block;} .diyos ul li.sideewm {width: 54px;height: 54px;line-height: 54px;display: inline-block;} .diyos ul li .sideewmshow{width: 130px;position:absolute; top:0; left:-131px; z-index:120; display:none;max-width:none;border: 1px solid #e5e5e5;} .diyos ul li.sideewm:hover .sideewmshow{ display:block;} .diyos ul li img {float: left;} /* 面包屑 */ #location{box-shadow:0px 3px 20px 0px rgba(0,0,0,0.1);overflow:hidden;margin-bottom:50px;} .crumbs{padding-left:20px;background:url(../images/location.png) no-repeat left center;line-height:25px;padding-top:10px;padding-bottom:10px;float:left;color:#666;} .crumbs a{color:#666;} .crumbs a:hover{color:#FF6600;} /* 内页导航 */ #nynav{padding: 10px 0;border-bottom: 1px solid #ddd;} .nyjc-crcrumbs{border-bottom: 1px solid #ddd;background: url(../images/nav_tb.png) left 6px no-repeat;padding-left: 20px;color: #808080;margin-bottom: 15px;line-height: 25px;padding-bottom: 10px;} .nyjc-crcrumbs a{color: #808080;} .nyjc-crcrumbs a:hover{color: #FF6600;} .crumbs{padding-left:20px;background: url(../images/nav_tb.png) left no-repeat;line-height: 25px;padding-top:10px;padding-bottom:10px;float: left;color: #444;} .crumbs a{color: #444;} .crumbs a:hover{color: #FF6600;} #sidebar{float: right;} #sidebar li{display: inline-block; padding: 0 10px;} #sidebar li a{display:block;height: 45px;line-height: 44px;text-align: center;color: #444;font-size: 14px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;} #sidebar li:hover a, #sidebar li.cur a{color: #FF6600;border-bottom: 3px solid #FF6600;} @media (max-width: 767px) { .w100{width: 100%;float: left;} .w50{width: 50%;float: left;} .w33{width: 33.33%;float: left;} .w25{width: 25%;float: left;} #nynav{padding: 0;background: #f3f3f3;} #sidebar{float: none;} #sidebar li{padding: 0;} } /* 留言模块 */ /* 手机底部按钮 */ .footer-bottom{overflow: hidden;position: fixed;bottom: 0;left: 0;z-index: 999;width: 100%;background: #FF6600;text-align: center;} .footer-bottom a{display: inline-block;padding: 7px 0;color: #fff;} .footer-bottom a i{font-size: 16px;display: block;} #nymessage h4{margin:20px 0;font-size:16px;} #nymessage .form-horizontal .control-label{text-align:left!important;} /*推荐新闻*/ .xgred{overflow: hidden;} .xgred .xgred-con{line-height: 40px;border-bottom:1px #ccc dashed;overflow: hidden;} .xgred .xgred-con a{font-size: 14px;color: #4b4b4b;display: block;float: left;width: calc(100% - 90px);overflow: hidden;text-overflow:ellipsis;white-space: nowrap;} .xgred .xgred-con em{float: right;font-size: 13px;color: #ccc;line-height: 40px;margin-right: 10px;} .xgred .xgred-con a:hover{color: #FF6600} .nyjc{} .nyjc-til{padding:15px;border-radius: 10px 10px 0 0;color:#fff;background: #FF6600} .nyjc-til p{font-size: 24px;} .nyjc-til i{display: block;height: 1px;width: 90px;background: #fff;margin:10px 0;} .nyrepro ul{border: 1px solid #FF6600;background: #fff;padding: 0 10px;} .nyrepro ul li{padding: 10px 0;border-bottom: 1px dashed #ccc;} .nyrepro ul li:last-child{border-bottom: 0;} .nyrepro ul li p{margin-top: 8px;color:#333;font-weight:bold;} .nyrepro ul li p+p{color:#666;font-weight:normal;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;} .nyrepro ul li span{display: block;margin-top: 10px;} .nyrepro ul li span i{display: inline-block;margin-left: 5px;} .nyrepro ul li a:hover p{color:#FF6600;} #sidebar1{padding:10px;background: #fff;border: 1px solid #FF6600;} #sidebar1 li{margin-top: 10px;} #sidebar1 li:first-child{margin-top: 0px;} #sidebar1 li a{line-height: 40px;height: 40px;display: block;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;text-align: center;color: #666;background: #eee;} #sidebar1 li.cur a, #sidebar1 li:hover a{background: #FF6600;color: #fff;} #sidebar1 dt{margin-top: 10px;font-weight: normal;font-size: 16px;line-height: 40px;height: 40px;padding-left: 20px;display: block;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;text-align: left;color: #666;background: #eee;cursor: pointer;} #sidebar1 dt:first-child{margin-top: 0px;} #sidebar1 dt>a{color: #666;display: block;font-size: 16px;} #sidebar1 dt.cur, #sidebar1 dt:hover{background: #FF6600;color: #fff;} #sidebar1 dt.cur a,#sidebar1 dt:hover a{color:#fff;} #sidebar1 dd{display: none;} #sidebar1 dd a{display: block;line-height: 35px;border-bottom: 1px dashed #ddd;background: url(../images/iyuan.png) 5px center no-repeat;padding-left: 25px;margin-bottom: 5px;position: relative;color: #333;} #sidebar1 dd a.cur, #sidebar1 dd a:hover{background: url(../images/iyuan_on.png) 5px center no-repeat;color:#FF6600;} #sidebar{float:right;} #sidebar li{display:inline-block;margin:0 10px;position: relative;} #sidebar li a{display:block;height:45px;line-height:44px;text-align:center;color:#666;font-size:14px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;} /* #sidebar li a::after{content: "";display: block;width: 0%;height: 2px;background: #FF6600;position: absolute;left: 50%;bottom: 0;overflow: hidden;transition: all .5s ease-out;-webkit-transition: all .5s ease-out;-moz-transition: all .5s ease-out;-ms-transition: all .5s ease-out;-o-transition: all .5s ease-out;} */ #sidebar li:hover a, #sidebar li.cur a{color:#FF6600;} #sidebar li:hover a::after, #sidebar li.cur a::after{left: 0;width: 100%;} @media (max-width:767px) { #location{margin-bottom: 20px;background:#f3f3f3;border-bottom: 1px solid #ddd;box-shadow:none;} .w100{width:100%;float:left;} .w50{width:50%;float:left;} .w33{width:33.33%;float:left;} .w25{width:25%;float:left;} #sidebar{float:none;} #sidebar li{padding:0 5px;margin:0;} } .nyprolist{padding: 30px 0;} .nypro{padding:15px;} .nypro-img{border:1px solid #e6e6e6;overflow: hidden;} .nypro-img img{-webkit-transition: 1s;-moz-transition: 1s;transition: 1s;} .nypro-ul li{margin-bottom: 15px} .nypro-ul li p{background: #e6e6e6;text-align: center;height: 35px;line-height: 35px;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;margin:0;padding:0 10px;} .nypro-ul li:hover .nypro-img{border-color:#FF6600;} .nypro-ul li:hover .nypro-img img{-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-ms-transform:scale(1.1);transform:scale(1.1);} .nypro-ul li:hover p{background: #FF6600;color:#fff;} @media (max-width: 991px) { .nyprolist{padding: 2px 0 15px;} } @media (max-width: 500px) { .sdsd { padding: 0; } .bsbg { padding: 10px 0 !important; } .nypro{padding:10px;} } .pro-ico{display: flex;margin: 15px 0;} .pro-ico a{flex: 1;padding: 0 10px;} .pro-icoimg{width: 60%;margin: 0 auto;background: #ccc;border-radius: 50%;padding: 20px;} .pro-ico p{text-align: center;margin-top: 5px;} .pro-mlist{background: #fff;overflow: hidden;} .pro-mp{padding-left: 15px;border-bottom: 1px dashed #eee;} .pro-mp p{line-height: 50px;font-size:16px;padding-left: 15px;position: relative;} .pro-mp p::before{content:'';position: absolute;left: 0;top: 50%;margin-top: -7px;width: 2px;height: 16px;background: #FF6600;} .pro-mlist li{padding: 10px;border-bottom: 1px dashed #eee;} .pro-m-img{padding: 0;border: 1px solid #ddd;} .pro-m-txt{padding-left: 10px;padding-right: 0;} .pro-m-txt>a{font-size: 16px;display: block;color: #333;margin-bottom: 10px;} .pro-m-txt>p{font-size: 14px;color: #999;line-height: 20px;height: 40px;overflow: hidden;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;word-break: break-all;} .pro-m-al{overflow: hidden;margin-top: 10px;margin-right: 20px;} .pro-m-al a{width: 40px;height: 30px;display: block;float: right;border: 1px solid #f3f3f3;} .pro-m-al a.pro-mico1{background: url(../images/pro-mico1.png) no-repeat center;background-size: 20px;} .pro-m-al a.pro-mico2{background: url(../images/pro-mico2.png) no-repeat center;background-size: 20px;border-left: none;} @media (max-width: 800px) { .pro-icoimg{padding: 15px;} } @media (max-width: 700px) { .pro-icoimg{width: 80%;} } @media (max-width: 600px) { .pro-icoimg{width: 80%;} .pro-ico p{font-size: 12px;} } @media (max-width: 500px) { .pro-ico{margin: 10px 0;} .pro-ico a{padding: 0 5px;} .pro-icoimg{width: 100%;} } /* 内页样式 */ #inside{padding-bottom:50px;padding-left:10px;padding-right:10px;} .bgf5{background:#f5f5f5;} .nocontect{background-image: url(../images/error.png);background-repeat: no-repeat;background-position: 10px 10px;height: 100px;padding-top: 40px;padding-left: 120px;font-size: 14px;margin-bottom:20px;} @media (max-width:767px) { #inside{padding-bottom:30px;} } #nyapplication{padding: 50px 0;} #nyapplication ul li{margin-bottom: 30px;} #nyapplication ul li .nyapplication-img{overflow: hidden;} #nyapplication ul li .nyapplication-img img{width:100%;-webkit-transition: 1s;-moz-transition: 1s;transition: 1s;} #nyapplication ul li .nyapplication-txt{padding: 15px 20px;background: #f5f5f5;font-size: 22px;line-height: 30px;color: #333333;font-weight: normal;-webkit-transition: .3s;-moz-transition: .3s;transition: .3s;} #nyapplication ul li .nyapplication-txt p{height: 60px;overflow: hidden;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;} #nyapplication ul li a:hover .nyapplication-img img{-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-ms-transform:scale(1.1);transform:scale(1.1);} #nyapplication ul li a:hover .nyapplication-txt{background: #FF6600;color: #fff;} @media (max-width: 767px) { #nyapplication{padding: 30px 0;} #nyapplication ul li{padding: 0 10px;margin-bottom: 20px;} } @media (max-width: 500px) { #nyapplication ul li .nyapplication-txt{font-size: 16px;padding: 10px;line-height: 25px;} #nyapplication ul li .nyapplication-txt p{height: 50px;} } .showapplication{margin-top:50px;} .showapplication table{width:1000px !important;margin:0 auto;max-width:100%;} @media (max-width: 1199px) { .showapplication table{width:100% !important;} } @media (max-width: 767px) { .showapplication{margin-top:20px;} } #nyappdesc{} .nyapp-pad{padding: 50px 0;} .nyapp-box>div:nth-child(2n-1){background: #f6f6f6;} .nyapp-flex{display: flex;} .nyapp-box>div:nth-child(2n-1) .nyapp-flex{flex-direction: row-reverse;} .nyapp-flex>div{flex: 1;} .nyapp-txt h3{font-size: 36px;color: #000000;text-align: center;} .nyapp-txt p{font-size: 18px;color: #000000;text-align: center;margin-top: 10px;} .nyapp-txt a{overflow: hidden;display: block;margin: 25px auto;border: 1px solid #cecece;color: #333333;width: 150px;height: 50px;line-height: 50px;font-size:16px;text-align: center;-webkit-border-radius: 25px;-moz-border-radius: 25px;border-radius: 25px;text-align: center;background: #ffffff;transition: all .3s;-webkit-transition: all .3s;} .nyapp-txt a:hover{background:#FF6600;color: #fff;} @media (max-width: 991px) { .nyapp-txt h3{font-size: 26px;} .nyapp-txt a{width: 140px;height: 40px;line-height: 38px;} } @media (max-width: 767px) { .nyapp-flex{display: block;} .nyapp-pad{padding: 30px 10px;} } @media (max-width: 500px) { .nyapp-txt h3{font-size: 22px;} .nyapp-txt p{font-size: 16px;} .nyapp-txt a{width: 120px;height: 30px;line-height: 28px;font-size: 14px;} } /* 内页产品导航 */ #pronav{width: 100%;background: #e8e8e8;text-align: center;margin-bottom:20px;} .pronav-a{line-height: 78px;display:flex;overflow:hidden;} .pronav-a a{flex:1;font-size:16px;color:#333;background: url(../images/shuline.png) right center no-repeat;} .pronav-a a:last-child{background: none;} .pronav-a a.cur, .pronav-a a:hover{background:#FF6600;color:#fff;} @media (max-width:1509px) { .pronav-a{display:block;} .pronav-a a{display:inline-block;padding:0 14px;} } @media (max-width:1409px) { .pronav-a a{padding:0 13px;font-size:15px;} } @media (max-width:1309px) { .pronav-a{line-height:60px;} .pronav-a a{padding:0 11px;font-size:14px;} } @media (min-width:768px) and (max-width:1199px) { .pronav-a a{display:block;float:left;width:16.66%;} .pronav-a a:nth-child(6){background: none;} } @media (max-width:767px) { .pronav-a a{display:block;float:left;width:25%;padding:0 8px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;} .pronav-a a:nth-child(4), .pronav-a a:nth-child(8){background: none;} } @media (max-width:500px) { .pronav-a{line-height:40px;} } /* 内页单页面标题 */ #nytitle{text-align: center;padding:0 10px;margin-bottom:40px;} #nytitle h1{font-size: 36px;color: #353535;font-weight:bold;} #nytitle p{color: #999;font-size: 16px;margin-top: 10px;text-transform:uppercase;} @media only screen and (max-width: 500px){ #nytitle{margin-bottom:20px;} #nytitle h1{font-size: 30px;} #nytitle p{font-size: 14px;} } /* 内页单页面内容 */ .nyshow{width:100%;} .nyshow-til{line-height: 40px;height: 41px;border-bottom: 1px #ccc solid;margin-bottom:20px;} .nyshow-til>h1, .nyshow-til>h2{float: left;padding-right:15px;text-indent: 25px;height: 40px;line-height: 40px;border-bottom: 2px #FF6600 solid;color: #FF6600;font-size: 18px;font-weight: bold;position:relative;} .nyshow-til>h1::before, .nyshow-til>h2::before{content:'';position:absolute;left:0;top:50%;margin-top: -15px;width:6px;height:30px;background:#FF6600;} .nyshowdesc{font-size: 16px;line-height: 1.8;text-align:justify;margin-bottom:40px;min-height:400px;} .nyshowdesc p{margin:5px 0;} .nyshowdesc img{max-width:100%;height:auto !important;} .block-shadow{height: 200px;-webkit-box-shadow: 0 10px 20px 0 rgba(50,50,50,.20);box-shadow: 0 10px 20px 0 rgba(50,50,50,.20);-webkit-transition: all .5s linear;-moz-transition: all .5s linear;-ms-transition: all .5s linear;-o-transition: all .5s linear;transition: all .5s linear;} .block-shadow:hover{box-shadow: 0 10px 20px 0 rgba(0,125,255,.5);} .radius-md{border-radius: 6px;-webkit-border-radius: 6px;-moz-border-radius: 6px;} .icon-sm{width: 60px;display: inline-block;text-align: center;} .icon-sm em{font-size: 30px;line-height: 30px;} .icon-content{overflow: hidden;} .icon-content h5{font-weight: bold;font-size: 18px;line-height: 25px;color: #1a1a1a;margin-top: 10px;margin-bottom: 10px;} @media (max-width:767px) { .nyshowdesc{font-size:14px;line-height:1.6;margin-bottom:20px;} .nyshow-til>h1, .nyshow-til>h2{font-size:14px;} .nyshowdesc h1{font-size:30px;} .nyshowdesc h2{font-size:24px;} .nyshowdesc h3{font-size:18px;} .nyshowdesc h4{font-size:14px;} .block-shadow{height:auto;} } /* 业务领域大 */ .busin-box{position:relative;width:100%;height:100%;overflow:hidden;} .busin-img{width: 100%;height: 100%;position: absolute;top: 0;left: 0;z-index:1;background-repeat: no-repeat;background-size: cover;background-position: 50%;animation: slowScale 16s both infinite;-webkit-animation: slowScale 16s both infinite;} .busin-bg{width:100%;height:100%;padding:0 10px;position:absolute;left:0;top:0;background-image: linear-gradient(to left, rgba(0,0,0,0), rgba(0,0,0,.5));z-index:2;} .busin-bgr{background-image: linear-gradient(to right, rgba(0,0,0,0), rgba(0,0,0,.5));} .busin-bg>div, .busin-bg>div>div{height:100%;} .busin-con{width:100%;height:100%;} .busin-txt{width:45%;color:#fff;} .busin-txt>h3{font-size: 36px;color: #fff;font-weight: bold;} .busin-txt>h4{color: #fff;font-size: 16px;margin-top: 10px;text-transform: uppercase;} .busin-txt>h4>span{display:inline-block;padding-bottom:10px;padding-right:10px;border-bottom:1px solid #fff;} .busin-txt>.busin-info{font-size:16px;line-height:1.8;margin-top: 10px;text-align:justify;} .busin-txt>a{display: inline-block;border: 1px solid #fff;color: #fff;font-size: 14px;width:150px;line-height: 40px;text-align: center;border-radius: 5px;} .busin-txt>a:hover{border-color:#FF6600;background:#FF6600;} @media (max-width:1199px) { .busin-txt{width:50%;} } @media (max-width:991px) { .busin-txt{width:60%;} } @media (max-width:767px) { .busin-txt{width:100%;text-align:center;} .busin-bg{background:rgb(0 0 0 / 50%);} .busin-txt>h4>span{padding-left:10px;} } @media (max-width:450px) { .busin-txt>h3{font-size: 30px;} .busin-txt>h4{font-size: 14px;color:#fff;} .busin-txt>.busin-info{font-size:14px;line-height:1.5;} .busin-txt>a{font-size:12px;width: 120px;line-height: 34px;} } @keyframes slowScale{ 0%{-webkit-transform:scale(1);transform:scale(1)} 50%{-webkit-transform:scale(1.1);transform:scale(1.1)} 100%{-webkit-transform:scale(1);transform:scale(1)} } @-webkit-keyframes slowScale{ 0%{-webkit-transform:scale(1)} 50%{-webkit-transform:scale(1.1)} 100%{-webkit-transform:scale(1)} } /*企业文化*/ .sec2 {background:#f5f5f5;padding:70px 0 55px 0;} .sec2 h2 {font-size:36px;color:#0c64b3;font-weight:bold;text-transform:uppercase;letter-spacing:1px;margin-bottom:35px;text-align:center;} .sec2 .cont {padding:0 20px; } .sec2 ul{margin: 0 -1%;} .sec2 ul li {float:left;width:31.33%;margin:0 1% 2%;background:#fff;box-sizing:border-box;height:258px !important;display:block;} .sec2 ul li.li2 {padding:33px 25px;height:220px !important;} .sec2 ul li em {display:block;height:60px;width:55px;margin:0 auto 12px;} .sec2 ul li .icon1 {background:url(../images/about_icon1.jpg) no-repeat center;} .sec2 ul li .icon2 {background:url(../images/about_icon2.jpg) no-repeat center;} .sec2 ul li .icon3 {background:url(../images/about_icon3.jpg) no-repeat center;} .sec2 ul li .icon4 {background:url(../images/about_icon4.jpg) no-repeat center;} .sec2 ul li .icon5 {background:url(../images/about_icon5.jpg) no-repeat center;} .sec2 ul li .icon6 {background:url(../images/about_icon6.jpg) no-repeat center;} .sec2 ul li h3 {font-size:24px;color:#333;font-weight:bold;text-align:center;} .sec2 ul li span {line-height:24px;height:75px;margin-top:10px;padding-top:10px;display:block;font-size:14px;border-top:1px solid #ebebeb;text-align:center;} @media only screen and (max-width:500px) {.sec2 h2 {font-size:20px;} } @media only screen and (max-width:991px) {.sec2 ul li {width:48%;} } @media only screen and (max-width:767px) {.sec2 ul li h3 {font-size:16px;} .sec2 ul li.li2 {padding:22px 8px;} .sec2 {padding:40px 0 40px 0;} .sec2 h2 {margin-bottom:24px} .sec2 .cont {padding:0 10px; } } @media only screen and (max-width:360px) { .sec2 ul li.li2{height: 244px !important;} } /* 业务领域 */ .nybusiness{line-height: 40px;border-bottom: 1px #ccc solid;overflow:hidden;} .nybusiness>h3{float: left;width: 150px;text-indent: 30px;height: 40px;line-height: 40px;border-bottom: 2px #FF6600 solid;color: #FF6600;font-size: 18px;font-weight: bold;background:url(../images/ny-objs.png) no-repeat left;} #nybusinesslist{margin-bottom:20px;} #nybusinesslist li a{display:block;position:relative;} .nybusiness-img{overflow:hidden;} #nybusinesslist li a p{position:absolute;left:0;bottom:0;background: rgba(0,0,0,.5);width:100%;line-height:36px;padding:0 10px;text-align:center;color:#fff;font-size:15px;} #nybusinesslist li a:hover p{background: rgba(3,90,172,.5);} @media only screen and (max-width:767px) { #nybusinesslist li a p{line-height:30px;font-size:14px;} } /*推荐新闻*/ .nyhotnews{line-height: 40px;height: 41px;border-bottom: 1px #ccc solid;} .nyhotnews>h3{float: left;text-indent: 30px;height: 40px;line-height: 40px;border-bottom: 2px #FF6600 solid;color: #FF6600;font-size: 18px;font-weight: bold;background:url(../images/nyhotnewico.png) no-repeat left;} .nyhotnews-list{margin-top:10px;overflow:hidden;} .nyhotnews-list li{font-size: 14px;line-height: 30px;background: url(../images/iyuan.png) no-repeat left;background-size: 8px;box-sizing:border-box;} .nyhotnews-list li a{float:left;width:calc(100% - 90px);color:#333;} .nyhotnews-list li span{float:right;color:#666;} .nyhotnews-list li:hover{background: url(../images/iyuan_on.png) no-repeat left;background-size: 8px;} .nyhotnews-list li:hover a{color:#FF6600;} /*视频列表*/ .nyvideo-ul{overflow:hidden;} .nyvideo-ul li{width:33.33%;float:left;padding:0 10px;margin-bottom:20px;box-sizing:border-box;} .nyvideo-div a{display:block;border:1px solid #ddd;padding:2px;overflow:hidden;} .nyvideo-div a img{display:block;max-width: 100%;width: 311px;} .nyvideo-div a.nyvideo-a{padding:0 10px;border:none;line-height:25px;text-align:center;} .nyvideo-div:hover a{border-color:#FF6600;color:#FF6600;} /*视频详情*/ .showvideo-top{padding-bottom: 10px;border-bottom: 1px solid #f0f2f5;margin-bottom:15px;} .showvideo-top>h1{line-height: 1.5;color: #333;text-align: center;font-size: 26px;margin-bottom: 5px;} .showvideo-time{text-align:center;} .showvideo-time span{font-size: 14px;color: #a3afb7;margin-right: 10px;} .showvideo-time span:last-child{margin-right:0;} .showvideo-mp{margin:20px 0;text-align:center;} .showvideo-mp video, .showvideo-mp iframe{width:800px;max-width:100%;} .showvideo-con {font-size: 16px;line-height: 1.8;text-align:justify;margin-bottom:20px;} .showvideo-con img{max-width:100%;height:auto !important;} /*下载列表*/ .nydown-list{margin-bottom:20px;} .nydown-list table{width:100%;text-align:center;} .nydown-list table thead{background:#FF6600;color:#fff;font-size:16px;line-height:2;} .nydown-list table tbody{line-height:1.6} .nydown-list table tbody tr td{color:#666;} .nydown-list table tbody tr td:first-child{color:#333;} /*下载详情*/ .showdown-top{margin-bottom:20px;} .showdown-top>h1{font-size: 18px;margin-bottom:10px;color:#333;font-weight:bold;padding-left:20px;} .showdown-top>ul{padding:10px;background:#f6f6f6;} .showdown-top>ul>li{border-bottom: 1px solid #eee;font-size:12px;color:#666;margin-bottom:5px;line-height:20px;} .showdown-top>ul>li:last-child{margin-bottom:0;} .showdown-top>ul>li>span{padding: 0px 10px;margin-right: 5px;} .showdown-con {font-size: 16px;line-height: 1.8;text-align:justify;margin-bottom:20px;} .showdown-con img{max-width:100%;height:auto !important;} /*图片列表*/ .nyimg-ul{overflow:hidden;} .nyimg-ul li {margin-bottom:20px;padding:0 10px;} .nyimg-ul li .nyimg-div {background:#fff;padding:7px;border:1px solid #D9D9D9;} .nyimg-ul li .nyimg-div a {display:block;overflow:hidden;} .nyimg-ul li .nyimg-div img {margin:0 auto;-webkit-transition:1s;-moz-transition:1s;transition:1s;width:100%;} .nyimg-ul li .nyimg-a{padding:0 5px;margin-top:9px;line-height:40px;display:block;background:#EFEFEF;font-size:14px;color:#333;text-align:center;} .nyimg-ul li:hover .nyimg-a {color:#ffffff !important;} .nyimg-ul li:hover .nyimg-div img {-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-ms-transform:scale(1.1);transform:scale(1.1);} .nyimg-ul li:hover .nyimg-a {background:#FF6600;color:#fff;} @media (max-width:767px){ .nyimg-ul li .nyimg-a{line-height:32px;} } /*图片详情*/ .showimg-top{padding-bottom: 10px;border-bottom: 1px solid #f0f2f5;} .showimg-top h1{line-height: 1.5;color: #333;text-align: center;font-size:30px;} .showimg-top span{margin-right: 10px;font-size: 14px;color: #a3afb7;} .showimg-img{margin-top: 25px;margin-bottom: 15px;text-align:center;} .showimg-img img{max-width: 100%;height:auto !important;} .ctitle{margin-bottom:15px;} .ctitle h3{padding-left:20px;background: url(../images/dt-7.gif) no-repeat left center;line-height:30px;border-bottom: 1px dotted #ccc;color:#666;font-size:16px;font-weight:bold;} .showimg-con{line-height: 1.8;color: #222;word-wrap: break-word;font-size: 16px;font-weight: 300;padding: 0 10px;border-bottom: 1px solid #F0F2F5;padding-bottom: 20px;} .showimg-con img{max-width: 100%;height:auto !important;} .showimg-page{overflow: hidden;margin-left:-10px;margin-right:-10px;margin-bottom:20px;margin-top:20px;} .showimg-page>div[class^="col-"]{padding: 0 10px;} .showimg-page a{white-space: nowrap;text-overflow: ellipsis;overflow: hidden;padding: 10px 15px;border: 1px solid #e4eaec;transition: all .3s;-webkit-transition: all .3s;-moz-transition: all .3s;max-width: 100%;} .showimg-page a:hover{border-color: #e4eaec;background-color: #f3f7f9;} .showimg-right{border-left:1px solid #f0f2f5;} @media (max-width:767px){ .showimg-left{padding:0;} .showimg-top h1{font-size: 20px;} .showimg-con{font-size:14px !important;} .showimg-page a{padding:8px;} } .showimg-con table{ width: 1000px !important; margin: 0 auto; max-width: 100%; } /* 右侧栏目信息 */ .nybusiness{margin-bottom: 20px;} .nybusiness>p{font-size: 16px;color: #FF6600;line-height: 40px;border-bottom: 1px dashed #ccc; margin-bottom: 10px;padding-left: 32px;background: url(../images/ny-objs.png) no-repeat left;} .nybusiness a{margin-bottom:10px;display:block;position:relative;} .nybusiness a:last-child{margin-bottom:0;} .nybusiness-img{overflow:hidden;} .nybusiness a p{position:absolute;left:0;bottom:0;background: rgba(0,0,0,.5);width:100%;line-height:30px;padding:0 10px;text-align:center;color:#fff;} .nybusiness a:hover p{background: rgba(0,153,255,.5);} .hotnews{} .hotnews p{font-size: 16px;color: #FF6600;line-height: 40px;border-bottom: 1px dashed #ccc; margin-bottom: 10px;padding-left: 32px;background: url(../images/ny-news.png) no-repeat left;} .hotnews a{display: block;font-size: 14px;line-height: 30px;padding-left: 15px;background:url(../images/iyuan.png) no-repeat left;background-size:8px;} .hotnews a:hover{background: url(../images/iyuan_on.png) no-repeat left;color: #FF6600;} /*新闻列表*/ .nynews-ul {overflow:hidden;} .nynews-ul li.nynews-li {padding:0 10px 10px;margin-bottom:20px;cursor:pointer;} .nynews-img {padding:0;overflow:hidden;border:1px solid #f3f3f3;} .nynews-img a {display:block;} .nynews-img img {width:100%;transition:.8s} .nynews-ul li.nynews-li:hover img {transform:scale(1.02);} .nynews-date {color:#333;line-height:20px;font-size:12px;} .nynews-date span {color:#4d4c51;} .nynews-date img {margin:4px 6px 0 0;float:left;} .nynews-date p {float:left;margin:0;} .nynews-date i {margin-right:5px;} .nynews-con h3 {font-size:18px;font-weight:bold;color:#3b3c3c;text-transform:uppercase;line-height:32px;letter-spacing:1px;margin-top:0px;margin-bottom:0;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;} .nynews-con h3 a {overflow:hidden;white-space:nowrap;text-overflow:ellipsis;display:block;} .nynews-ul li.nynews-li:hover h3 a {color:#FF6600;} .nynews-con {background-color:#f9f9f9;padding-top:16px;padding-bottom:18px;} .nynews-con p.nynews-desp {color:#8d8d8d;font-size:14px;line-height: 30px;margin:10px 0;height: 90px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;} .nynews-con a.nynews-more {position:relative;left:0;color:#ffffff;font-size:15px;padding:7px;background:#FF6600;margin-top:10px;width:120px;display:block;border-radius:20px;float:left;text-align:center;transition:0.5s all;-webkit-transition:0.5s all;-moz-transition:0.5s all;-o-transition:0.5s all;-ms-transition:0.5s all;} .nynews-con a.nynews-more:hover {background:#FF7A0E;left:10px;color:#ffffff !important;} @media (max-width:991px) { #nynewslist>.container {padding-left:5px;padding-right:5px;} .nynews-ul li.nynews-li {padding:0 5px 4px;margin-bottom:14px;} } @media (max-width:767px) { .nynews-con h3 {font-size:16px;font-weight:bold} .nynews-con {padding-left: 10px;padding-right: 10px;padding-top: 10px;padding-bottom: 12px;} .nynews-con p.nynews-desp{margin: 2px 0 8px;} } /*新闻详情*/ .shownews-top{padding-bottom: 10px;border-bottom: 1px solid #f0f2f5;margin-bottom:15px;} .shownews-top h1{line-height: 1.5;color: #333;text-align: center;font-size: 26px;margin-bottom: 5px;} .shownews-time{text-align:center;} .shownews-time span{font-size: 14px;color: #333;margin-right: 10px;} .shownews-time span:last-child{margin-right:0;} .shownews-con{font-size: 16px;line-height: 1.8;text-align:justify;margin-bottom:20px;} .shownews-con img{max-width:100%;height:auto !important;} .shownews-page{overflow: hidden;margin-left:-10px;margin-right:-10px;margin-bottom:20px;} .shownews-page>div[class^="col-"]{padding: 0 10px;} .shownews-page a{white-space: nowrap;text-overflow: ellipsis;overflow: hidden;padding: 10px 15px;border: 1px solid #e4eaec;transition: all .3s;-webkit-transition: all .3s;-moz-transition: all .3s;max-width: 100%;} .shownews-page a:hover{border-color: #e4eaec;background-color: #f3f7f9;} @media (max-width:767px){ .shownews-top h1{font-size: 20px;} .shownews-con{font-size:14px !important;line-height: 1.6;} .shownews-page a{padding:8px;} } /* 招聘模块Nyjoblist*/ .nyjoblist-ul{overflow: hidden;} .nyjoblist-ul li{margin-bottom: 20px;border-bottom: 1px solid #dedede;} .nyjoblist-ul li .nyjoblist-top{padding: 20px;position: relative;overflow:hidden;} .nyjoblist-ul li .nyjoblist-top h3{color: #333;font-size: 20px;font-weight: bold;padding-bottom: 10px;} .nyjoblist-ul li .nyjoblist-top span{padding-right: 20px;color: #999;} .nyjoblist-ul li .nyjoblist-top p{color:#666;margin:10px 0;} .nyjoblist-ul li .nyjoblist-top>a{float:left;padding:10px 25px;background:#FF6600;border-radius:20px;color:#fff;margin-right:10px;} .nyjoblist-ul li .nyjoblist-top>a+a{margin-right:0;} .nyjoblist-ul li .nyjoblist-top>a:hover{background:#ffc531;color:#333;} @media (max-width:767px) { .nyjoblist-ul li .nyjoblist-top{padding:10px;} } .showjob-left{padding-bottom:30px;} .showjob-top{padding-bottom: 10px;border-bottom: 1px solid #f0f2f5;margin-bottom:10px;} .showjob-top h1{line-height: 1.5;color: #333;text-align: center;font-size: 30px;} .showjob-list{overflow:hidden;margin-bottom:30px;} .showjob-list li{width:50%;float:left;padding:5px 10px;background: url(../images/dt-0.png) no-repeat left top 13px;} .showjob-list li span{float: left;margin-right: 10px;color: #999;} .showjob-con{line-height: 1.8;color: #222;word-wrap: break-word;font-size: 16px;font-weight: 400;padding: 10px 0;} .showjob-con img{max-width: 100%;height:auto !important;} .showjob-more{} .showjob-page{padding-top: 20px;padding-bottom:20px;overflow: hidden;} .showjob-page a{white-space: nowrap;text-overflow: ellipsis;overflow: hidden;padding: 10px 15px;border: 1px solid #e4eaec;transition: all .3s;-webkit-transition: all .3s;-moz-transition: all .3s;max-width: 100%;} .showjob-page a:hover{border-color: #e4eaec;background-color: #f3f7f9;} @media (max-width:767px){ .showjob-top h1{ font-size:20px;} .showjob-top h2{ font-size:16px;} .showjob-con{padding:0;font-size:14px !important} .showjob-left{padding: 0;} .showjob-page>div[class^="col-"]{padding: 0 10px;} } /* 产品列表 */ .nypro-ul{overflow:hidden;} .nypro-ul li{padding:0 10px;margin-bottom:20px;} .nypro-ul li a{display:block;position:relative;overflow:hidden;} /* .nypro-ul li a p{position:absolute;left:0;bottom:-50px;width:100%;background: linear-gradient(to bottom, rgba(0, 90, 172, 0) 0%, rgba(0, 90, 172, 0.8) 100%);color:#fff;text-align:center;font-size:16px;} */ /* .nypro-ul li a:hover p{bottom:0;} */ @media (max-width:767px){ .nypro-ul li a p{line-height:30px;font-size:14px;} } /*产品详情*/ .showpro-top{padding-bottom: 10px;border-bottom: 1px solid #f0f2f5;margin-bottom:20px;} .showpro-top h1{line-height: 1.5;color: #333;text-align: center;font-size:30px;} .showpro-top span{margin-right: 10px;font-size: 14px;color: #a3afb7;} .showpro-img{margin-bottom:20px;} .showpro-p p{color:rgb(102, 102, 102);} .sp-thumbs a:link, .sp-thumbs a:visited{width:120px;height:90px;} @media (max-width:767px){ .showpro-top h1{font-size: 20px;} .showpro-imgbox{padding:0;} } .showpro-rem>p{color:#FF6600;font-weight: bold;line-height: 25px;margin-bottom: 10px;font-size: 18px;} .showpro-rem ul{padding:10px;border:2px solid #ccc;} .showpro-rem ul li a{border:1px solid #eee;display: block;} .showpro-rem ul li:hover a{border-color: #FF6600} /*产品参数*/ .nyproshow-info{line-height:1.8;color:#666;margin-bottom:20px;} .showpro-tel{overflow:hidden;border-top:1px solid #ddd;border-bottom:1px solid #ddd;padding:10px 0;} .showpro-telx{float:left;line-height:40px;} .showpro-telx img{float:left;margin-right:12px;} .showpro-telcon{float:left;} .showpro-telcon p{float:left;color:#666;margin-bottom:0;} .showpro-telcon span{float:left;color:#333;font-size:24px;font-family: arial;} .showpro-tel a{float:right;display:block;line-height:40px;padding:0 20px;background:#FF6600;color:#fff;} .showpro-tel a i{margin-right:5px;} .showpro-tel a:hover{background:#034ad8;} .showpro-con{margin-top: 20px;} .showpro-con ul{border-bottom: 1px solid #ccc;line-height: 40px;margin-bottom: 10px;overflow:hidden;} .showpro-con ul li{text-align: center;padding:0 24px;font-size: 16px;background: #e6e6e6;color:#333;float: left;margin-right: 10px;cursor: pointer;} .showpro-con ul li.on{background: #FF6600;color:#fff;} .showpro-con ul li:last-child{margin-right: 0;} .showpro-details{font-size: 16px;line-height: 1.8;overflow: hidden;font-family:Microsoft YaHei !important;} .showpro-details span, .showpro-details p, .showpro-details div, .showpro-details em, .showpro-details strong{font-family:Microsoft YaHei !important;} b,strong{font-weight:100 !important;} .showpro-details .showpro-det{display:none;min-height:200px;} .showpro-details div{margin-bottom: 10px;} .showpro-details p{margin: 5px 0;color:rgb(102, 102, 102);} .showpro-details img{max-width: 100%;height:auto !important;} .showpro-details video{max-width: 100%;height:auto !important;} @media (max-width:767px){ .showpro-con ul li{padding:0 17px;margin-right:6px;} .showpro-details{font-size: 14px;line-height: 1.6;} } /*相关产品*/ .nyaboutpro{line-height: 40px;height: 41px;border-bottom: 1px #ccc solid;} .nyaboutpro>h3{float: left;width: 150px;text-indent: 30px;height: 40px;line-height: 40px;border-bottom: 2px #FF6600 solid;color: #FF6600;font-size: 18px;font-weight: bold;background:url(../images/nyaboutproico.png) no-repeat left;} #abprolist{margin:20px 0;} #abprolist li{padding:0 10px;} #abprolist li a{display:block;} #abprolist li a .abpro-img{padding:2px;border:1px solid #ccc;} #abprolist li a .abpro-img img{display:block;max-width:100%;} #abprolist li a p{margin-top:5px;line-height:30px;height:30px;text-align:center;background:#ccc;padding:0 10px;color:#333;} #abprolist li a:hover .abpro-img{border-color:#FF6600;} #abprolist li a:hover p{background:#FF6600;color:#fff;} /* 标签 */ .pro_key {line-height: 35px;font-size: 15px;color: #333;font-weight: bold;} .pro_key a{font-size: 14px;background: #9e9c9c;padding: 2px 6px;color:#fff;font-weight: normal;text-decoration: none;} .pro_key a:hover{background:#FF6600;} /* 分享按钮 */ .jiathis{padding-top:10px;height:35px;line-height:30px;border-top:1px dotted #ccc; text-align:right; position:relative; color:#666;margin-bottom:20px;} .jiathis .jiathis_txt{float: left;} /* 上下页按钮 */ .ny-page{overflow: hidden;margin-bottom:30px;} .ny-pagea{width:50%;float:left;padding:0 10px;box-sizing:border-box;} .ny-page a{white-space: nowrap;text-overflow: ellipsis;overflow: hidden;padding: 10px 15px;border: 1px solid #e4eaec;transition: all .3s;-webkit-transition: all .3s;-moz-transition: all .3s;max-width: 100%;} .ny-page a:hover{border-color: #e4eaec;background-color: #f3f7f9;} /* 搜索模块 */ .nysearch-ul{overflow: hidden;} .nysearch-ul li.nysearch-li{padding: 0 0 15px 0;margin-bottom: 25px;border-bottom: 1px dashed #333;overflow:hidden;} .nysearch-til>a{line-height: 14px;color: #fff;vertical-align: baseline;white-space: nowrap;display: inline-block;background: #FF6600;margin-right: 5px;position: relative;top:0;padding: 4px 6px;} .nysearch-til>a .nysearch-arrow{position: absolute;width: 0;height: 0;vertical-align: top;top: 7px;right: -4px;border-left: 4px solid #000;border-top: 4px solid transparent;border-bottom: 4px solid transparent;border-left-color: #FF6600;} .nysearch-til>a:hover{background:#333;} .nysearch-til>a:hover .nysearch-arrow{border-left-color:#333;} .nysearch-til>h2{display: inline;font-size: 19px;margin: 0;font-weight: bold;position: relative;top: 1px;line-height: 25px;} .nysearch-con p.nysearch-desp{color: #666;font-size: 14px;line-height: 23px;margin: 5px 0;display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;overflow: hidden;} .nysearch-date {color: #333;line-height: 20px;font-size: 12px;} .nysearch-date span{color: #999;} .nysearch-date p{float: left;margin: 0;} .nysearch-date i{margin-right: 5px;} .nysearch-con a.nysearch-more{position:relative;left:0;color: #ffffff;font-size: 13px;width:100px;height:30px;line-height:30px;background: #999;margin-top: 10px;display: block;border-radius: 20px;float:left;text-align: center;transition: 0.5s all;-webkit-transition: 0.5s all;-moz-transition: 0.5s all;-o-transition: 0.5s all;-ms-transition: 0.5s all;} .nysearch-con a.nysearch-more:hover{background: #FF6600;left:10px;} /*联系我们*/ .product-inlist{background-color:#f6f6f6;} .contact_meg {float:right;width:50%;height:510px;z-index:3;background:#f6f6f6;} .meg_con .title2 {font-size:28px;color:#333333;max-width:510px;margin-bottom:24px;margin-top:35px;font-weight:bold;} .meg_con .tel {padding:18px 0;border-top:solid 1px #333;border-bottom:solid 1px #333;color:#333;max-width:510px;font-size:30px;} .meg_con .tel img {display:inline-block;} .meg_con .megs {margin-top:28px;font-size:15px;line-height:36px;} .meg_con {width:100%;z-index:3;padding-left:8%;padding-right:4%;box-sizing:border-box;} .my-map {margin:0 auto;width:50%;height:510px;float:left;} .amap-container {height:100%;} @media only screen and (max-width:1199px) { .meg_con {width:100%;position:unset;padding-left:5%;box-sizing:border-box;} .meg_con .title2, .meg_con .tel{max-width: initial;width: 100%;} .contact_meg {width:100%;float:none;height:auto;padding-bottom:40px} .my-map {margin:0 auto;width:100%;height:400px;float:none;} } @media only screen and (max-width:991px) { .product-inlist>div{margin-bottom: 0 !important;} .product-inlist{margin-bottom: 0;} } @media only screen and (max-width:768px) { .meg_con .title2 {margin-bottom:16px;margin-top:20px;font-size:24px;} .meg_con .megs {font-size:14px;line-height:30px;} .meg_con .tel {padding:10px 0;font-size:20px;} .meg_con .tel img {width:26px;} .meg_con .megs {margin-top:10px;} .meg_con .tel img {width:20px;margin-bottom:0;} .meg_con .title2 {font-size:22px;} .product-inlist {margin-top:10px;} } /*翻页样式*/ .metpager_1{ text-align:center;} .metpager_2{ text-align:center;} .metpager_3{ text-align:center;} #flip{line-height: 25px;} .digg4{ padding:3px; margin:3px; text-align:center; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; } .digg4 a,.digg4 span.miy{ margin:2px; text-decoration:none;} .digg4 .disabledfy{ font-family: Tahoma, Verdana;} .metpager_4 a,.metpager_4 span.miy{ border:1px solid #aaaadd; padding:2px 5px 2px 5px; color:#009;} .metpager_4 a:hover { border:1px solid #009; color:#000;} .metpager_4 a:active {border:1px solid #009; color:#000;} .metpager_4 span.current { border:1px solid #009; background-color:#009; padding:2px 5px 2px 5px; margin:2px; color:#FFFFFF; text-decoration:none;} .metpager_4 span.disabled { border:1px solid #eee; padding:2px 5px 2px 5px; margin:2px; color:#ddd;} .metpager_5 a,.metpager_5 span.miy{ border:1px solid #ccdbe4; padding:2px 8px 2px 8px; color:#FF6600; display: inline-block; } .metpager_5 a:hover { border:1px solid #FF6600; color:#fff; background-color:#FF6600;} .metpager_5 a:active {border:1px solid #009; color:#000;} .metpager_5 span.current { padding:2px 8px 2px 8px; margin:2px; color:#fff; background:#FF6600; border:1px solid #FF6600; text-decoration:none;display: inline-block;} .metpager_5 span.disabled { border:1px solid #ccdbe4; padding:2px 8px 2px 8px; margin:2px; color:#999;display: inline-block;} .metpager_6{ color:#ff6500; } .metpager_6 a,.metpager_6 span.miy{ border:1px solid #ff9600; padding:2px 7px 2px 7px; background-position:50% bottom; color:#ff6500; background-image:url(../images/page6.jpg);} .metpager_6 a:hover { border:1px solid #ff9600; color:#ff6500; background-color:#ffc794;} .metpager_6 a:active {border:1px solid #ff9600; color:#ff6500; background-color:#ffc794;} .metpager_6 span.current {border:1px solid #ff6500; padding:2px 7px 2px 7px; margin:2px; color:#ff6500; background-color:#ffbe94; text-decoration:none;} .metpager_6 span.disabled { border:1px solid #ffe3c6; padding:2px 7px 2px 7px; margin:2px; color:#ffe3c6;} .metpager_7 a,.metpager_7 span.miy{ border:1px solid #2c2c2c; padding:2px 5px 2px 5px; background:url(../images/page7.gif) #2c2c2c; color:#fff;} .metpager_7 a:hover { border:1px solid #aad83e; color:#fff;background:url(../images/page7_2.gif) #aad83e;} .metpager_7 a:active { border:1px solid #aad83e; color:#fff;background:urlurl(../images/page7_2.gif) #aad83e;} .metpager_7 span.current {border:1px solid #aad83e; padding:2px 5px 2px 5px; margin:2px; color:#fff;background:url(../images/page7_2.gif) #aad83e; text-decoration:none;} .metpager_7 span.disabled { border:1px solid #f3f3f3; padding:2px 5px 2px 5px; margin:2px; color:#ccc;} .metpager_8 a,.metpager_8 span.miy{ border:1px solid #ddd; padding:2px 5px 2px 5px; color:#aaa;} .metpager_8 a:hover { border:1px solid #a0a0a0; } .metpager_8 a:hover { border:1px solid #a0a0a0; } .metpager_8 span.current {border:1px solid #e0e0e0; padding:2px 5px 2px 5px; margin:2px; color:#aaa; background-color:#f0f0f0; text-decoration:none;} .metpager_8 span.disabled { border:1px solid #f3f3f3; padding:2px 5px 2px 5px; margin:2px; color:#ccc;} .metpager_9 a,.metpager_9 span.miy{ border:1px solid #ddd; padding:2px 5px 2px 5px; color:#88af3f; } .metpager_9 a:hover { border:1px solid #85bd1e; color:#638425; background-color:#f1ffd6; } .metpager_9 a:hover { border:1px solid #85bd1e; color:#638425; background-color:#f1ffd6; } .metpager_9 span.current {border:1px solid #b2e05d; padding:2px 5px 2px 5px; margin:2px; color:#fff; background-color:#b2e05d; text-decoration:none;} .metpager_9 span.disabled { border:1px solid #f3f3f3; padding:2px 5px 2px 5px; margin:2px; color:#ccc;} @media (max-width:767px){ .digg4>span:nth-child(-n+2){display:none;} }