*{ margin:0; padding:0; box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;} html{} body{color: #333; background:#f9f9f9;} body, div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,blockquote,p { margin:0; padding:0; font:15px/1.5 Microsoft Yahei,微软雅黑,Arial,\5FAE\8F6F\96C5\9ED1,Helvetica,sans-serif;} table,td,tr,th { border-collapse: collapse; border-spacing: 0; font-size:15px;} ol,ul {list-style:none;} li { list-style-type:none;} img { vertical-align:middle;border:0;} address,cite,code,em,th{ font-weight:normal; font-style:normal;} .clear { clear:both; *zoom:1;} .clear:after { display:block; overflow:hidden; clear:both; height:0; visibility:hidden; content:".";} a {text-decoration:none; color:#333;cursor:pointer;} a:visited { text-decoration:none;} a:hover { text-decoration:none;} a:active { text-decoration:none;} .fl { float:left;} .fr { float:right;} @font-face {font-family: "Youshebiaotihei";src: url(../fonts/Youshebiaotihei.ttf);} @font-face {font-family: "impact";src: url(../fonts/impact.ttf);} ::-webkit-scrollbar { width:0px;} ::-webkit-scrollbar-track { background-color:#ddd; width:1px; border-radius:0px;} ::-webkit-scrollbar-thumb { background-color:#099be8;} ::-webkit-scrollbar-thumb:window-inactive { background-color:#099be8;} /* 按钮样式去除*/ input[type="button"], input[type="submit"], input[type="reset"] {-webkit-appearance: none;} textarea { -webkit-appearance: none;} input{ border-radius: 0; } .w1400{width:1400px;margin:0 auto;} @media screen and (max-width:1440px){ .w1400{ width:90%;} } @media screen and (max-width:1079px){ .w1400{ width:94%;} } /**top start**/ .ind_top{ background:#fff;} .top2 .logo{ padding: 0 0 0 100px;width: 24%;-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;} .top2 .logo a{ display:block; width:100%;height:100px; position:relative;} .top2 .logo a img{ max-height:100%; max-width:100%; position:absolute; top:50%; transform:translateY(-50%);} .top_ts{ background:#099be8; height:100px;padding: 0 100px 0 0;-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; float:right;} .top_ts .top_search { width:50px; height:50px; margin:25px 0; padding:5px; background-color:rgba(255,255,255,0.1); border-radius:50%; float:right; position:relative; z-index:2; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;} .top_search form { width:40px; height:40px; margin:0 auto; padding:0; border-radius:20px; position:relative; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;} .top_search form .scIpt { width:0; height:40px; overflow:hidden; margin:0; padding:0; background-color:#099be8; border-radius:20px 0 0 20px; position:absolute; top:0; right:20px; transition: all 0.4s; -webkit-transition: all 0.4s; -moz-transition: all 0.4s; -o-transition: all 0.4s; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;} .top_search form:hover .scIpt { width:240px; padding:0 20px;} .top_search form .scIpt input { display:block; width:100%; height:40px; overflow:hidden; line-height:40px; color:#fff; font-size:14px; white-space:nowrap; text-overflow:ellipsis; margin:0; padding:0; background:none; border:0; outline:none; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;} .top_search form .scIpt input::-moz-placeholder { color:rgba(255,255,255,0.6);} .top_search form .scIpt input:-ms-input-placeholder { color:rgba(255,255,255,0.6);} .top_search form .scIpt input::-webkit-input-placeholder { color:rgba(255,255,255,0.6);} .top_search form .scBtn { width:40px; height:40px; overflow:hidden; margin:0; padding:0; background:none; border-radius:50%; position:relative; z-index:1; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;} .top_search form .scBtn input { display:block; width:40px; height:40px; overflow:hidden; margin:0; padding:0; background:#fff url(../images/top_search.png) center center no-repeat; background-size:18px 18px; border:0; outline:none; cursor:pointer;} .top_ts .top_tel { width:50px; height:50px; margin:25px; padding:5px; background-color:rgba(255,255,255,0.1); border-radius:50%; float:right; position:relative; z-index:1; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;} .top_tel p { width:40px; height:40px; margin:0 auto; padding:0; border-radius:20px; position:relative; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;} .top_tel p i { display:block; width:40px; height:40px; overflow:hidden; margin:0; padding:0; background:#fff url(../images/top_tel.png) center center no-repeat; background-size:18px 18px; border-radius:50%; position:relative; z-index:1; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;} .top_tel p span { display:block; width:0; height:40px; overflow:hidden; line-height:40px; color:#fff; font-size:22px; margin:0; padding:0; background-color:#099be8; border-radius:20px 0 0 20px; position:absolute; top:0; right:20px; transition: all 0.4s; -webkit-transition: all 0.4s; -moz-transition: all 0.4s; -o-transition: all 0.4s; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;} .top_tel p:hover span { width:220px; padding:0 20px;} .top2 .nav{width: 50%;padding: 0 2% 0 0;-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;} .top2 .nav ul li{ width:14.28%; float:left; text-align:center; position:relative;transition: all 0.4s; -webkit-transition: all 0.4s; -moz-transition: all 0.4s; -o-transition: all 0.4s;} .top2 .nav ul li a{ display:block; font-size:18px; color:#333; height:100px; line-height:140px;transition: all 0.4s; -webkit-transition: all 0.4s; -moz-transition: all 0.4s; -o-transition: all 0.4s;} .top2 .nav ul li a:hover{ color:#099be8;} .top2 .nav ul li.on a{color:#099be8;} .top2 .nav ul li a:before{ content:""; display:block; width:18px; height:18px; position:absolute; left:50%; transform:translateX(-50%); top:25px;transition: all 0.4s; -webkit-transition: all 0.4s; -moz-transition: all 0.4s; -o-transition: all 0.4s;} .top2 .nav ul li a:after{content:""; display:block; width:60%; height:1px; position:absolute; left:50%; transform:translateX(-50%); top:50px;transition: all 0.4s; -webkit-transition: all 0.4s; -moz-transition: all 0.4s; -o-transition: all 0.4s; background:#ddd;} .top2 .nav ul li:hover a:after,.top2 .nav ul li.on a:after{ background:#099be8;} .top2 .nav ul li:nth-of-type(1) a:before{background: url(../images/navico1.png)no-repeat;} .top2 .nav ul li:nth-of-type(1):hover a:before,.top2 .nav ul li.on:nth-of-type(1) a:before{background: url(../images/navico1_on.png)no-repeat;} .top2 .nav ul li:nth-of-type(2) a:before{background: url(../images/navico2.png)no-repeat;} .top2 .nav ul li:nth-of-type(2):hover a:before,.top2 .nav ul li.on:nth-of-type(2) a:before{background: url(../images/navico2_on.png)no-repeat;} .top2 .nav ul li:nth-of-type(3) a:before{background: url(../images/navico3.png)no-repeat;} .top2 .nav ul li:nth-of-type(3):hover a:before,.top2 .nav ul li.on:nth-of-type(3) a:before{background: url(../images/navico3_on.png)no-repeat;} .top2 .nav ul li:nth-of-type(4) a:before{background: url(../images/navico4.png)no-repeat;} .top2 .nav ul li:nth-of-type(4):hover a:before,.top2 .nav ul li.on:nth-of-type(4) a:before{background: url(../images/navico4_on.png)no-repeat;} .top2 .nav ul li:nth-of-type(5) a:before{background: url(../images/navico5.png)no-repeat;} .top2 .nav ul li:nth-of-type(5):hover a:before,.top2 .nav ul li.on:nth-of-type(5) a:before{background: url(../images/navico5_on.png)no-repeat;} .top2 .nav ul li:nth-of-type(6) a:before{background: url(../images/navico6.png)no-repeat;} .top2 .nav ul li:nth-of-type(6):hover a:before,.top2 .nav ul li.on:nth-of-type(6) a:before{background: url(../images/navico6_on.png)no-repeat;} .top2 .nav ul li:nth-of-type(7) a:before{background: url(../images/navico7.png)no-repeat;} .top2 .nav ul li:nth-of-type(7):hover a:before,.top2 .nav ul li.on:nth-of-type(7) a:before{background: url(../images/navico7_on.png)no-repeat;} .nav_menu{ display:none;} @media screen and (max-width:1399px) { .top2 .nav ul li a{ font-size:16px;} } @media screen and (max-width:1200px) { .top2 .logo{padding: 0 0 0 2%;} .top2 .nav{ width:60%;} .top_ts{padding: 0 2% 0 0;} } @media screen and (max-width:1079px) { .top2 .logo{ width:37%; margin-right:0; padding: 0 0 0 5%;} .top2 .logo a{ height:90px;} .top_ts{ background:none; float:left; padding:0; width:50%; height:90px;} .top_tel p span { width:184px; padding:0 20px;} .top_ts .top_tel { width:40px; height:40px; padding:0; background:none; margin:28px 0; background-color:#099be8;} .top_tel p i{background: #099be8 url(../images/top_tel_min.png) center center no-repeat;} .top_ts .top_search { width:auto; height:40px; margin:28px 0 28px 20px; padding:0; background:none;} .top_search form { width:100%; height:40px; margin:0; padding:0; background-color:#099be8;} .top_search form .scIpt { width:200px; height:40px; padding:0; background:none; position:inherit; right:inherit; top:inherit; float:left;} .top_search:hover form .scIpt { width:200px;} .top_search form:hover .scIpt { padding:0;} .top_search form .scIpt input { height:40px; line-height:40px; color:#fff; font-size:14px; padding:0 15px;} .top_search form .scBtn { width:40px; height:40px; padding:0; float:right;} .top_search form .scBtn input { width:100%; height:40px; padding:20px;background: #099be8 url(../images/top_search_min.png) center center no-repeat;} .top_search form .scIpt input::-moz-placeholder { color:#aaa;} .top_search form .scIpt input:-ms-input-placeholder { color:#aaa;} .top_search form .scIpt input::-webkit-input-placeholder { color:#aaa;} .top2 .nav{ width:10%;} .nav { height:0; margin:0;width:65%;} .nav .nav0 { width: 60%; height: 100%; margin:0; padding: 0; position:fixed; top: 0; left: -100%; z-index: 999999; transition: all 0.4s; -webkit-transition: all 0.4s; -moz-transition: all 0.4s; -o-transition: all 0.4s;} .nav .nav0 ul { width:60%; min-height:100%; background-color: #fff; position:relative; z-index: 999999;} .nav .nav0 .nav_mask { width:100%; height:100%; background-color:rgba(0, 0, 0, 0.6);position:absolute; left:0; top:0; z-index:9998;} .nav .nav0 ul li { width: 100%; overflow: hidden; margin:0 auto; padding:0; background:none; box-sizing:border-box; position:relative;height: auto;} .nav .nav0 ul li a.active{ background:#0aa770;} .top2 .nav ul li a:before{ top:20px;} .nav .nav0 ul > li a { display:block; width: 100%; line-height:60px; height:60px;font-size:16px; text-align:left; padding:0 60px 0 20px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;} .nav_item div{ position:static; border-top:0;} .nav_item div a{background: #f5f5f5;margin-bottom: 1px;} .nav .nav0 ul > li a.on{ height:auto;} .nav .nav0 > ul > li i { display:block; width:60px; height:60px; background-size:14px 14px; position:absolute; top:0; right:0; background:url(../images/down2.png) center center no-repeat; background-size:14px 14px;} .nav .nav0 > ul > li:hover i{background:url(../images/down1.png) center center no-repeat;background-size: 14px 14px;} .nav .nav0 > ul > li i.cur { background-size:14px 14px;} .nav .nav_menu { display: block;padding: 12px 10px; background-color:#fff; border: 1px solid #ccc; border-radius:2px; float:right;margin:28px auto; z-index:999;} .nav .nav_menu i { display: block; width: 24px; height: 2px; background-color: #ccc; border-radius: 1px;} .nav .nav_menu i + i { margin-top: 6px;} .nav .open { width:100%; overflow: auto; left: 0%;} .nav_item a.active:after{ height:0;} .top2 .nav ul li a:after{ display:none;} } @media screen and (max-width:767px) { .top2 .logo a{ height:70px;} .top_ts{ height:70px;} .top_ts .top_tel{ display:none;} .top_ts .top_search{margin:16px 0;} .top_search form .scIpt{ width:80%;} .nav .nav_menu { display: block;padding: 10px 8px; margin:16px auto;} .nav .nav_menu i{ width:20px;} .nav .nav_menu i + i{ margin-top:5px;} } @media screen and (max-width:425px) { .ind_top{width: 100%;height: auto;margin: 0;padding: 0 12px 12px;} .top2{ position:relative;} .top2 .logo{ width:60%; padding:0;} .top_ts{ width:100%; height:auto;} .top_ts .top_search{ width:100%; margin:0 auto;} .nav .nav_menu{position: absolute;top: 0px;right: 0;} } /**top end**/ /* banner 开始 */ .apple-banner { width: 100%; height: 600px; overflow: hidden;} .apple-banner .swiper-container { width:100%; height:100%; overflow:hidden; margin:0 auto; padding:0; position:relative;} .apple-banner .swiper-container .swiper-slide { height:100%; overflow:hidden; position:relative;} .apple-banner .swiper-container .swiper-slide img { display:block; width:1920px; height:600px; margin:-300px 0 0 -960px; padding:0; position:absolute; left:50%; top:50%;} .apple-banner .swiper-container .swiper-button-prev, .apple-banner .swiper-container .swiper-button-next { width: 15%; height: 100%; top:0; background:none; margin:0;} .apple-banner .swiper-container .swiper-button-prev { left:0;} .apple-banner .swiper-container .swiper-button-next { right:0;} .apple-banner .swiper-button-prev span, .apple-banner .swiper-button-next span { display:block; width: 64px; height: 64px; position: absolute; top: 50%; margin-top:-32px; border-radius: 100%; opacity: 0; -webkit-transition: opacity 0.4s ease; transition: opacity 0.4s ease;} .apple-banner .swiper-button-prev span { background: rgba(0,0,0,0.3) url(../images/arrows1.png) center center no-repeat; left: 20px;} .apple-banner .swiper-button-next span { background: rgba(0,0,0,0.3) url(../images/arrows2.png) center center no-repeat; right:20px;} .apple-banner .swiper-button-prev:hover span, .apple-banner .swiper-button-next:hover span{ opacity: .7;} /*分页器*/ .apple-banner .swiper-pagination{ top:auto; bottom:40px !important;left:50%!important; transform:translateX(-50%); display: flex;display: -webkit-flex;align-items: center;justify-content: center;} .apple-banner .swiper-pagination-bullet {display: inline-block; width:8px; height:8px; margin: 0 10px !important; cursor: pointer; background:#fff; opacity: 1; transition: all 0.4s; -webkit-transition: all 0.4s; -moz-transition: all 0.4s; -o-transition: all 0.4s;} .apple-banner .autoplay .swiper-pagination-bullet-active{background:#099be8; position:relative;margin: 0 20px;} .apple-banner .autoplay .swiper-pagination-bullet-active:after{ content:""; display:block; width:27px; height:27px; border:1px dashed #099be8; border-radius:50%; position:absolute; top:-11px; left:-11px;} @media screen and (max-width:1499px){ .apple-banner { height: 560px;} .apple-banner .swiper-container .swiper-slide img { width:1792px;height: 560px;margin:-280px 0 0 -896px;} } @media screen and (max-width:1299px){ .apple-banner { height: 500px;} .apple-banner .swiper-container .swiper-slide img { width:1600px;height: 500px;margin:-250px 0 0 -800px;} } @media screen and (max-width:1080px){ .apple-banner { height: 374px;} .apple-banner .swiper-container .swiper-slide img { width:1196px;height: 374px;margin:-187px 0 0 -598px;} .apple-banner .swiper-pagination{background:none;} } @media screen and (max-width:1023px) and (min-width:769px) { .apple-banner { height: 320px;} .apple-banner .swiper-container .swiper-slide img { width:1024px;height: 320px;margin:-160px 0 0 -512px;} } @media screen and (max-width:768px){ .apple-banner { height: 300px;} .apple-banner .swiper-container .swiper-slide img { width:960px;height: 300px;margin:-150px 0 0 -480px;} .apple-banner .swiper-button-prev span, .apple-banner .swiper-button-next span { width:44px; height:44px; background-size:44px 44px;} .apple-banner .swiper-button-prev span { left:10px;} .apple-banner .swiper-button-next span { right:10px;} .apple-banner .autoplay .swiper-pagination-bullet-active:after{ width:21px; height:21px; top:-8px; left:-8px;} } @media screen and (max-width:600px){ .apple-banner { height: 218px;} .apple-banner .swiper-container .swiper-slide img { width:698px;height: 218px;margin:-109px 0 0 -349px;} } @media screen and (max-width:425px){ .apple-banner { height: 156px;} .apple-banner .swiper-container .swiper-slide img { width:500px;height: 156px;margin:-78px 0 0 -250px;} .apple-banner .swiper-pagination{ bottom:15px !important;} } @media screen and (max-width:375px){ .apple-banner { height: 140px;} .apple-banner .swiper-container .swiper-slide img { width:448px;height: 140px;margin:-70px 0 0 -224px;} } @media screen and (max-width:320px){ .apple-banner { height: 124px;} .apple-banner .swiper-container .swiper-slide img { width:396px;height: 124px;margin:-62px 0 0 -188px;} } /* banner 结束 */ /*首页产品展示*/ .ind_tit{float:left;} .ind_tit span{ font-size:44px; font-weight:bold; color:#099be8; text-transform:uppercase;} .ind_tit p{ font-size:20px; line-height:22px;} .ind_tit p i{ width:50px; height:1px; background:#099be8; display:inline-block; margin:5px 4% 5px 0;} .ind_more{ display:block;font-size:16px; color:#666; margin-top:35px; line-height:31px; display:flex; display: -webkit-flex; transition: all 0.4s; -webkit-transition: all 0.4s; -moz-transition: all 0.4s; -o-transition: all 0.4s; float:right;} .ind_more i{ display:block; width:24px; height:24px; border-radius:50%; background:#099be8 url(../images/morejt1.png) center no-repeat; margin-left:10px; transition: all 0.4s; -webkit-transition: all 0.4s; -moz-transition: all 0.4s; -o-transition: all 0.4s;margin: 3px 0 0 10px;} .ind_pro{ padding:85px 0 65px; overflow:hidden; min-height:400px;} .ind_pro .fenlei{ width:100%; float:right; height:70px; margin-top:50px; background:#fff; overflow:hidden;} .ind_pro .fenlei li{ width:14.28%; height:70px; line-height:70px;float:left;text-align:center; position:relative;} .ind_pro .fenlei li a{color:#333; font-size:16px;overflow:hidden; white-space:nowrap;text-overflow:ellipsis; transition: all 0.4s; -webkit-transition: all 0.4s; -moz-transition: all 0.4s; -o-transition: all 0.4s; display:block; padding:0 10%;} .ind_pro .fenlei li a i{margin: -3px 6px 0 0;background:url(../images/protype_ico.png) center no-repeat; width:14px; height:14px; display:inline-block;transition: all 0.4s; -webkit-transition: all 0.4s; -moz-transition: all 0.4s; -o-transition: all 0.4s;vertical-align: middle;} .ind_pro .fenlei li:before{width: 0;height: 0;border-top: 10px solid #099be8;border-left: 10px solid transparent;border-right: 10px solid transparent;position: absolute;bottom: -5px; left:45%;} .ind_pro .fenlei li:hover:before{content: "";} .ind_pro .fenlei li:after{content: "";display:block; width:1px; height:20px; background:#e6e6e6; position:absolute; right:0; top:35%;} .ind_pro .fenlei li:last-child:after,.ind_pro .fenlei li:hover:after,.ind_pro .fenlei li:nth-child(7):after{ display:none;} .ind_pro .fenlei li:hover{ background:#099be8;} .ind_pro .fenlei li:hover a{color:#fff;} .ind_pro .fenlei li:hover i{background:url(../images/protype_on_ico.png) center no-repeat;} .ind_pro .cpzs{ width:100%; margin-top:65px; min-height:440px;} .ind_pro .cpzs ul li{ width:23.8%; margin-right:1.6%; float:left; background:#fff;margin-bottom:20px;} .ind_pro .cpzs ul li:nth-child(4n){ margin-right:0;} .ind_pro .cpzs ul li .pic{ display:block; width:100%; height:300px; position:relative; overflow:hidden; border-bottom:1px solid #e6e6e6;padding:5%;-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;} .ind_pro .cpzs ul li .pic img{ position:absolute; margin:auto; top:0; bottom:0; left:0; right:0; max-width:80%; max-height:80%;transition: all 0.4s; -webkit-transition: all 0.4s; -moz-transition: all 0.4s; -o-transition: all 0.4s;} .ind_pro .cpzs ul li:hover .pic img{transform: scale(1.06);} .ind_pro .cpzs ul li .name{ font-size:18px; font-weight:bold; text-align:center; padding:5% 5% 5px;max-width:100%; overflow:hidden; white-space:nowrap;text-overflow:ellipsis;display: block;transition: all 0.4s; -webkit-transition: all 0.4s; -moz-transition: all 0.4s; -o-transition: all 0.4s;} .ind_pro .cpzs ul li:hover .name{ color:#099be8;} .ind_pro .cpzs ul li span{display: block;width: 100%; height: 30px;overflow: hidden; line-height: 30px; color: #999;font-size: 16px;text-align: center;white-space: nowrap;text-overflow: ellipsis;margin: 0 auto;padding: 0;} .ind_pro .cpzs ul li span img{display: inline-block;width: 18px; height: 18px;vertical-align: middle;margin: -2px 4px 0 0;padding: 0;} .ind_pro .cpzs ul li p{ margin:2% auto 0; text-align:center; height:55px;transition: all 0.4s; -webkit-transition: all 0.4s; -moz-transition: all 0.4s; -o-transition: all 0.4s;} .ind_pro .cpzs ul li .ind_more{ float:none;justify-content: center; margin:0 auto; padding:4% 0; color:#999;} .ind_pro .cpzs ul li:hover p{ background:#099be8;} .ind_pro .cpzs ul li:hover .ind_more{ color:#fff;} .ind_pro .cpzs ul li:hover .ind_more i{background:#fff url(../images/morejt1_on.png) center no-repeat;} @media screen and (max-width:1399px){ .ind_pro{ padding:60px 0 40px;} .ind_pro .cpzs ul li .pic{ height:240px;} } @media screen and (max-width:1080px){ .ind_tit span{ font-size:30px;} .ind_more{ margin-top:20px;} .ind_pro{ padding:40px 0 20px;} .ind_pro .fenlei{ width:100%;margin-top: 30px;} .ind_pro .cpzs{ margin-top:30px;} .ind_pro .cpzs ul li .pic{ height:200px;} } @media screen and (max-width:768px){ .ind_pro .fenlei{ height:auto;} .ind_pro .fenlei li{ width:20%; height:40px; line-height:40px;} .ind_pro .fenlei li:last-child:after,.ind_pro .fenlei li:nth-child(5n+5):after,.ind_pro .fenlei li:hover:after{ display:none;} .ind_pro .cpzs ul li{ width:49%; margin-right:2%; margin-bottom:10px;} .ind_pro .cpzs ul li:nth-child(3n){ margin-right:2%;} .ind_pro .cpzs ul li:nth-child(2n){ margin-right:0;} } @media screen and (max-width:600px){ .ind_pro{ padding:20px 0 0;} .ind_pro .fenlei li{ width:25%;} .ind_pro .fenlei li:nth-child(5n+5):after{ display:block;} .ind_pro .fenlei li:nth-child(4n+4):after{ display:none;} .ind_pro .cpzs{ margin-top:20px;} .ind_pro .cpzs ul li .pic{ height:180px;} } @media screen and (max-width:425px){ .ind_tit span{ font-size:20px;} .ind_tit p i{ width:20px;} .ind_more{ margin-top:15px;} .ind_pro .fenlei li{ width:33.33%;} .ind_pro .fenlei li:nth-child(4n+4):after{ display:block;} .ind_pro .fenlei li:nth-child(3n+3):after{ display:none;} .ind_pro .cpzs ul li .pic{ height:150px;} .ind_pro .cpzs ul li span img{ display:none;} .ind_pro .cpzs ul li p{ height:auto; margin:0 auto;} } @media screen and (max-width:320px){ .ind_tit span{ font-size:16px;} .ind_tit p i{ display:none;} .ind_more{ margin-top:10px;} .ind_pro .fenlei{ display:none;} .ind_pro .cpzs ul li{ width:100%; margin-right:0;} } /*首页关于我们*/ .ind_about{ padding:85px 0; background:url(../images/about_bg.jpg) left bottom no-repeat; position:relative;margin: 85px auto 0;} .ind_about:after{content:""; display:block;background:url(../images/abimg.jpg) right top no-repeat; width:50%; height:100%; position:absolute; top:-60px; right:0; z-index:0;} .ind_about .ind_tit{ color:#fff;} .ind_about .ind_tit span{ color:#fff;} .ind_about .ind_tit p i{ background:#fff;} .ind_about .text{ width:45%; float:left;} .ind_about .text .gsms{ overflow:hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 6;-webkit-box-orient: vertical; margin:50px 0; min-height:150px;} .ind_about .text .gsms,.ind_about .text .gsms p{ font-size:16px; color:#fff; line-height:30px;} .ind_about .text .ind_more{ float:left; color:#fff; cursor:pointer;} .ind_about .text .ind_more i{background:#fff url(../images/morejt1_on.png) center no-repeat;} .ind_about .abimg{ width:150px; float:right; position:absolute; z-index:1; background:#099be8; padding:20px 0 60px;-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;bottom: 0;right: 30%;} .ind_about .abimg span{ font-size:18px; text-transform: uppercase; color:#fff; margin-left:-6%;} .ind_about .abimg span:before{content: "";width:70px; height:1px; background:#fff; vertical-align:middle; display:inline-block; margin-right:10%;} .ind_about .abimg p{ font-size:42px; color:#fff; font-weight:bold; text-align:center;} @media screen and (max-width:1440px){ .ind_about:after{ width:50%; height:100%;} } @media screen and (max-width:1399px){ .ind_about{ padding:60px 0;} .ind_about .text{ width: calc(100% - 52%);} .ind_about .text .gsname{margin: 55px 0 15px;} .ind_about .text .more{ margin-top:25px;} } @media screen and (max-width:1079px){ .ind_about{ padding:40px 0;} .ind_about .text .gsname{ text-align:center; margin: 20px 0 10px;} .ind_about .text .gsname:after{ display:none;} .ind_about .text .more{ width:108px; margin:20px auto 30px;} } @media screen and (max-width:1024px){ .ind_about{ margin:20px auto 0;} .ind_about .text{ width:100%;} .ind_about:after{ display:none;} .ind_about .abimg{ right:2%; background:none; padding:20px 0;} } @media screen and (max-width:767px){ .ind_about .text .gsname{ font-size:24px;margin: 10px 0 5px;} .ind_about .text .more{ margin: 20px auto; } .ind_about .abimg ul{ display:none;} } /*首页推荐产品展示*/ .ind_tjpro{padding:85px 0; overflow:hidden;-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;} .ind_tjpro .tjpro{width: 100%;margin-top: 65px; min-height:280px;} .ind_tjpro .tjpro ul li{width: 48%;margin-right: 2%;float: left;background: #fff;margin-bottom: 20px;} .ind_tjpro .tjpro ul li:nth-child(2n){margin-right: 0;} .ind_tjpro .tjpro ul li .pic{display:block; width:40%; height:280px; position:relative; overflow:hidden; float:left;} .ind_tjpro .tjpro ul li .pic img{position:absolute; margin:auto; top:0; bottom:0; left:0; right:0; max-width:80%; max-height:80%;transition: all 0.4s; -webkit-transition: all 0.4s; -moz-transition: all 0.4s; -o-transition: all 0.4s;} .ind_tjpro .tjpro ul li:hover .pic img{transform: scale(1.06);} .ind_tjpro .tjpro ul li .text{width: calc(100% - 40%);float:right;padding: 6% 6% 6% 0;} .ind_tjpro .tjpro ul li .text a.name{font-size:18px; font-weight:bold; line-height:24px; margin-bottom:10px;display:block;max-width:100%; overflow:hidden; white-space:nowrap;text-overflow:ellipsis;transition: all 0.4s; -webkit-transition: all 0.4s; -moz-transition: all 0.4s; -o-transition: all 0.4s;} .ind_tjpro .tjpro ul li:hover .text a.name{ color:#099be8;} .ind_tjpro .tjpro ul li span{display: block;width: 100%; height: 30px;overflow: hidden; line-height: 30px; color: #999;font-size: 16px;white-space: nowrap;text-overflow: ellipsis;margin: 0 auto;padding: 0;} .ind_tjpro .tjpro ul li span img{display: inline-block;width: 18px; height: 18px;vertical-align: middle;margin: -2px 4px 0 0;padding: 0;} .ind_tjpro .tjpro ul li p{ margin:7% auto; font-size:16px; line-height:28px;color: #999;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;} .ind_tjpro .tjpro ul li .ind_more{ float:none;margin:0 auto; color:#999;} @media screen and (max-width:1399px){ .ind_tjpro{ padding:60px 0;} } @media screen and (max-width:1080px){ .ind_tjpro{ padding:40px 0;} .ind_tjpro .tjpro{ margin-top:30px;} .ind_tjpro .tjpro ul li .pic{ height:240px;} } @media screen and (max-width:1024px){ .ind_tjpro{ padding:30px 0;} } @media screen and (max-width:768px){ .ind_tjpro .tjpro ul li{ width:100%; margin-right:0;} .ind_tjpro .tjpro ul li .pic{ height:290px;} } @media screen and (max-width:425px){ .ind_tjpro .tjpro{ margin-top:20px;} .ind_tjpro .tjpro ul li span img{ display:none;} .ind_tjpro .tjpro ul li .pic{ height:230px;} } @media screen and (max-width:375px){ .ind_tjpro .tjpro ul li .pic{ height:220px;} } @media screen and (max-width:320px){ .ind_tjpro .tjpro ul li .pic{ height:210px;} } /*首页资讯中心*/ .ind_new_art{padding:0 0 85px; overflow:hidden; min-height:500px;-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;} .ind_new_art .ind_new_tit{ padding:60px 0; background: url(../images/news_bg.jpg) center no-repeat;background-size: cover;-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;} .ind_new_art .ind_tit span,.ind_new_art .ind_tit p{ color:#fff;} .ind_new_art .ind_tit p i{ background:#fff;} .ind_new_art .ind_new_tit .btn{width:21%; float:right;} .ind_new_art .ind_new_tit .btn p{ width:23%; margin-right:10%; height:36px; line-height:36px;text-align:center; font-size:16px; float:left; color:#fff; cursor:pointer;margin-top: 22px;} .ind_new_art .ind_new_tit .btn p.on,.ind_new_art .ind_new_tit .btn p:hover{ border-bottom:2px solid #fff; font-weight:bold;} .ind_new_art .ind_more{ color:#fff;margin-top: 24px;} .ind_new_art .ind_more i{background: #fff url(../images/morejt1_on.png) center no-repeat;} .ind_new_art .right{ margin:40px auto; overflow:hidden;} .ind_new_art .right .tong{ display:none; min-height:210px;} .ind_new_art .right .tong.on{ display:block;} .ind_new_art .right ul li{ width:33.33%; float:left; padding:30px; background:#fff;transition: all 0.4s; -webkit-transition: all 0.4s; -moz-transition: all 0.4s; -o-transition: all 0.4s;} .ind_new_art .right ul li:hover{ background:#099be8;} .ind_new_art .right ul li .dixx{ height:50px;border-bottom:1px solid #e6e6e6;} .ind_new_art .right ul li .dixx a{ display:block; float:left; font-size:14px; color:#099be8; width:95px; height:30px; line-height:30px; text-align:center; border:1px solid #099be8; border-radius:5px;} .ind_new_art .right ul li .dixx p{ font-size:24px; font-weight:bold; color:#333; float:right;} .ind_new_art .right ul li:hover .dixx{ border-bottom:1px solid rgba(255, 255, 255, 0.2);} .ind_new_art .right ul li:hover .dixx p{ color:#fff;} .ind_new_art .right ul li .dixx p span{ font-size:16px; font-weight:normal; color:#999;} .ind_new_art .right ul li .dixx p span:before{ content:""; display: inline-block; width:12px; height:12px; background:url(../images/news_time.png) center no-repeat; margin-right:10px; vertical-align:middle;} .ind_new_art .right ul li:hover .dixx a{ border:1px solid #fff; color:#fff;} .ind_new_art .right ul li:hover .dixx p span{ color:#fff; opacity:.65;} .ind_new_art .right ul li:hover .dixx p span:before{background:url(../images/news_time_on.png) center no-repeat;} .ind_new_art .right ul li .name{ clear:both;max-width:100%; overflow:hidden; white-space:nowrap;text-overflow:ellipsis;display: block; font-size:18px; font-weight:bold; margin:14px 0 4px;} .ind_new_art .right ul li:hover .name{ color:#fff;} .ind_new_art .right ul li .ms{ font-size:15px; color:#999; line-height:24px; height:48px;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;} .ind_new_art .right ul li:hover .ms{ color:#fff; opacity:.65;} @media screen and (max-width:1440px){ .ind_new_art .ind_new_tit .btn{ width:23%;} } @media screen and (max-width:1399px){ .ind_new_art .ind_new_tit .btn{ width:25%;} .ind_new_art .left img{ margin-top:90px;} .ind_new_art .left .btn{ margin-top:35px;} .ind_new_art .right ul li{ padding:30px;} } @media screen and (max-width:1280px){ .ind_new_art .ind_new_tit .btn{ width:27%;} } @media screen and (max-width:1200px){ .ind_new_art .ind_new_tit .btn{ width:30%;} } @media screen and (max-width:1080px){ .ind_new_art{padding:0 0 80px;} .ind_new_art .ind_new_tit .btn{ width:30%;} .ind_new_art .ind_new_tit .btn p{ margin-top:10px;} .ind_new_art .ind_more{ margin-top:12px;} .ind_new_art .right{ margin: 30px auto;} .ind_new_art .left{ width:100%;} .ind_new_art .left img{ display:none;} .ind_new_art .left .btn{display:flex; display: -webkit-flex;justify-content: center; margin-top:30px; margin-bottom:20px;} .ind_new_art .left .btn p{ width:250px; height:50px;} .ind_new_art .left .btn p:nth-of-type(2){ margin-top:0; margin-left:15px;} .ind_new_art .left .btn p.on:after, .ind_new_art .left .btn p:hover:after{ display:none;} } @media screen and (max-width:1024px){ .ind_new_art{padding:0 0 60px;} .ind_new_art .ind_new_tit .btn{ width:40%;} } @media screen and (max-width:768px){ .ind_new_art{ min-height:100px;} .ind_new_art .ind_new_tit{padding: 40px 0;} .ind_new_art .ind_new_tit .btn{ width:50%;} .ind_new_art .right ul li{ padding:20px;} .ind_new_art .right ul li .dixx{ margin-top:15px;} .ind_new_art .right ul li .dixx p{ font-size:14px; font-weight:300;} .ind_new_art .right ul li .dixx a{width: 86px; height:30px; line-height:30px;} .ind_new_art .right ul li .dixx a:after{ display:none;} } @media screen and (max-width:650px){ .ind_new_art{padding:0 0 70px;} .ind_new_art .ind_tit{ display:none;} .ind_new_art .ind_new_tit{padding: 20px 0;} .ind_new_art .ind_new_tit .btn{ float:left; width:100%;} .ind_new_art .ind_new_tit .btn p{ margin-top: 0px;} .ind_new_art .ind_more{ margin-top:2px;} .ind_new_art .right{ margin: 20px auto;} .ind_new_art .left .btn p{ width:150px; height:46px;} .ind_new_art .left .btn p i{ display:none;} } /*footer*/ footer{ background:#1f1f1f; padding:36px 0 20px;} #ny footer{padding:1px 0 20px;} footer .foot_nav{width:70%; float:left;margin-top:60px;} footer .foot_nav ul li{ float:left; width:22%; margin-right:3%;} footer .foot_nav dt{width: 100%; height: 30px; overflow: hidden; line-height: 30px; color: #fff; font-size: 16px; margin: 0 auto 20px;} footer .foot_nav dt .ind_more{ margin-top:0; float:left; color:#fff;} footer .foot_nav dl{ height:120px; overflow:hidden;} footer .foot_nav dd a{width: 100%; height: 40px; overflow: hidden; line-height: 40px; font-size: 16px; margin: 0; padding: 0; white-space: nowrap; text-overflow: ellipsis; color: rgba(255,255,255,.2);transition: all 0.4s; -webkit-transition: all 0.4s; -moz-transition: all 0.4s; -o-transition: all 0.4s; display:block;} footer .foot_nav dd a:hover{ color:#fff;} footer .foot_ewm{ width:9%; float:right;margin-top:60px;padding: 10px; background:#252525;} footer .foot_ewm img{ max-width:100%;} footer .foot_ewm span{ display: block;font-size: 16px;color:rgba(255,255,255,.2);margin-top: 6px; text-align:center;} footer .banquan{ border-top:1px solid rgba(255,255,255,.1); margin:65px auto 40px;} footer .banquan .zuo{ margin:30px 0 0; width:70%; float:left; color:rgba(255,255,255,.2); font-size:14px; line-height:30px;} footer .banquan .zuo a{color:rgba(255,255,255,.2);transition: all 0.4s; -webkit-transition: all 0.4s; -moz-transition: all 0.4s; -o-transition: all 0.4s;} footer .banquan .zuo a:hover{ color:#fff;} footer .banquan .you{ float:right; margin-top:30px; text-align:right;} footer .banquan .you .foot_tel{width:100%; height:30px; overflow:hidden; line-height:30px; color:rgba(255,255,255,.2); font-size:16px; padding:0;} footer .banquan .you .foot_tel img{margin: -2px 6px 0 0;vertical-align: middle;} footer .banquan .you p{ font-size:28px; font-weight:bold; color:#099be8;} @media screen and (max-width:1399px){ footer .foot_nav,footer .foot_ewm{margin-top:40px;} footer .foot_ewm{ width:11%;} footer .banquan{margin-top:25px;} } @media screen and (max-width:1200px){ footer .foot_ewm{ width:12%;} } @media screen and (max-width:1080px){ footer .foot_ewm{ width:14%;} } @media screen and (max-width:840px){ footer{ padding:30px 0 34px;} footer .foot_ewm{ width:19%;} footer .banquan .zuo{ width:100%; text-align:center;} footer .banquan .you{ display:none;} } @media screen and (max-width:690px){ footer .foot_nav{ display:none;} footer .foot_ewm{ float: none;width: 21%; margin:20px auto 0;} } @media screen and (max-width:510px){ footer .foot_ewm{ width: 28%;} } @media screen and (max-width:380px){ footer .foot_ewm{ width: 36%;} } @media screen and (max-width:320px){ footer .foot_ewm{width: 44%;} } /*首页友情链接 联系方式*/ .ind_five{ margin-top:-80px; position:relative;} .ind_five .w1400{ position:relative;} .ind_five:after{content:""; display: inline-block; height:90px; width:16%;background:#099be8; right:0; top:0; position:absolute;} .ind_five .link{ min-height:90px;background:#099be8;} .ind_five .link .tit{ float:left;width:200px; height:90px; overflow:hidden; line-height:90px; color:#fff; font-size:42px; margin:0;font-weight:bold; text-transform:uppercase; text-align:center; background:#0080c3;} .ind_five .link .lja{ float:right;width: calc(100% - 200px); min-height:90px; line-height:36px; padding:9px 15px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; color:#fff;} .ind_five .link .lja a{ display:inline-block; height:36px; line-height:36px; color:rgba(255,255,255,0.65); font-size:14px; margin:0; padding:0 15px;transition: all 0.4s; -webkit-transition: all 0.4s; -moz-transition: all 0.4s; -o-transition: all 0.4s;} .ind_five .link .lja a:hover{color:rgba(255,255,255,1);} @media screen and (max-width:1440px){ .ind_five:after{width:5%;} } @media screen and (max-width:1399px){ } @media screen and (max-width:1079px){ } @media screen and (max-width:767px){ } @media screen and (max-width:690px){ .ind_five .link .tit{ width:100px; font-size:18px;} .ind_five .link .lja{width: calc(100% - 100px);} } @media screen and (max-width:320px){ .ind_five .link .tit{ width:90px; font-size:18px;} .ind_five .link .lja{width: calc(100% - 90px);} } /*内页banner*/ .NyBanner { width:100%; height:500px; overflow:hidden; margin:0 auto; padding:0; position:relative;} .NyBanner:before{position:absolute;content:"";bottom:0;right:-260px;width:42%;height:60px;background:rgba(9,155,232,0.95);transform:skewX(-32deg);z-index:9;} .NyBanner2:before{right: -50px;} .NyBanner3:before{right: -20px; width:52%;} .NyBanner4:before{right: -20px; width:60%;} .NyBanner img.nyBa_Img { display:block; width:1920px; height:500px; margin:-250px 0 0 -960px; padding:0; position:absolute; left:50%; top:50%;} .NyBanner .NyBa_Con { width:1400px; height:auto; margin:-50px 0 0 0; padding:0; position:absolute; top:50%; left:14%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;} .NyBa_Con span { display:block; width:100%; height:auto; line-height:30px; color:rgba(255,255,255,0.25); font-size:24px; margin:0 auto; padding:0; text-transform:uppercase;} .NyBa_Con i { display:block; width:40px; height:3px; margin:10px 0 17px; padding:0; background-color:#fff;} .NyBa_Con p { width:100%; height:auto; line-height:40px; color:#fff; font-size:36px; font-weight:bold; margin:0 auto; padding:0;} /*NyCrumb 开始*/ .NyCrumb { width:100%; height:auto; margin:0; padding:0; border-bottom: 8px solid rgb(9 155 232);position:absolute; bottom:0; right:0; z-index:99;} .NyCrumb .NyCrumb_Main { width:100%; height:52px; margin:0 auto; padding:0 calc(50% - 700px); position:relative; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;} .NyCrumb_Main p { width:22%;height:52px; overflow:hidden; line-height:44px; color:#fff; font-size:16px;white-space:nowrap; text-overflow: ellipsis; margin:0; padding:8px 40px 0 40px; float:right; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;} .NyCrumb_Main p.pro2{width:37%;} .NyCrumb_Main p.pro3{width:50%;} .NyCrumb_Main p.pro4{width:60%;} .NyCrumb_Main p img.Crumb { display:inline-block; width:18px; height:18px; vertical-align:middle; margin:-2px 6px 0 0;} .NyCrumb_Main p img.CrumbJt { display:inline-block; width:12px; height:12px; vertical-align:middle; margin:-2px 8px 0;} .NyCrumb_Main p a { color:#fff;} .NyCrumb_Main p span { opacity:0.5;} @media (max-width:1200px) { .NyBanner { height:350px;} .NyBanner:before{ display:none;} .NyBanner img.nyBa_Img { width:1344px; height:350px; margin:-197px 0 0 -672px;} .NyBanner .NyBa_Con { left:2%; top:45%;} .NyBa_Con span { line-height:26px; font-size:18px;} .NyBa_Con p { line-height:36px; font-size:28px;} .NyCrumb{background: #099be8; border-bottom:0;} .NyCrumb .NyCrumb_Main{ height:35px;} .NyCrumb_Main p{ font-size:15px;width: 100%!important;padding: 0 20px 0 20px; height:35px; line-height:35px;} } @media (max-width:1080px) { .NyBanner { height:320px;} .NyBanner:before{ display:none;} .NyBanner img.nyBa_Img { width:1230px; height:320px; margin:-180px 0 0 -615px;} .NyBanner .NyBa_Con { left:2%;} .NyBa_Con span { line-height:26px; font-size:18px;} .NyBa_Con p { line-height:36px; font-size:28px;} .NyCrumb_Main p{ font-size:15px;width: 100%!important;padding: 0 40px 0 20px;} } @media (max-width:880px) { .NyBanner img.nyBa_Img { width:1094px; height:285px; margin:-160px 0 0 -520px;} } @media (max-width:768px) { .NyBanner { height:240px;} .NyBanner img.nyBa_Img { width:768px; height:200px; margin:-123px 0 0 -384px;} .NyBanner .NyBa_Con { left:3%;} .NyBa_Con span { height: 16px; line-height: 16px;font-size: 14px;} .NyBa_Con i{width:32px;height:1px;margin:5px 0 8px;} .NyBa_Con p{height:30px;line-height:30px;font-size:22px;} .NyCrumb .NyCrumb_Main{ height:auto;} .NyCrumb_Main p{ font-size:15px;width: 100%!important; max-height:60px; height:auto;line-height: 25px;margin-bottom: 10px;padding: 8px 10px 0 10px;display: -webkit-box; -webkit-line-clamp: 2;-webkit-box-orient: vertical;white-space: normal;word-break: break-all;} } @media (max-width:500px) { .NyBanner { height:200px;} .NyBanner img.nyBa_Img { width:600px; height:160px; margin:-100px 0 0 -280px;} .NyBanner2{ height:210px;} .NyBanner2 img.nyBa_Img { width:576px; height:150px; margin:-110px 0 0 -270px;} } @media (max-width:425px) { .NyBanner { height:170px;} .NyBanner img.nyBa_Img { width:500px; height:130px; margin:-86px 0 0 -230px;} .NyBanner2{ height:195px;} .NyBanner2 img.nyBa_Img { width:500px; height:130px; margin:-100px 0 0 -230px;} } @media (max-width:390px) { .NyBanner { height:156px;} .NyBanner img.nyBa_Img { width:440px; height:115px; margin:-80px 0 0 -195px;} .NyBanner2{ height:180px;} .NyBanner2 img.nyBa_Img { width:450px; height:117px; margin:-94px 0 0 -200px;} } @media (max-width:375px) { .NyBanner2{ height:175px;} .NyBanner2 img.nyBa_Img { width:416px; height:108px; margin:-88px 0 0 -188px;} } @media (max-width:320px) { .NyBanner img.nyBa_Img { width:365px; height:115px; margin:-80px 0 0 -160px;} .NyBanner2{ height:160px;} .NyBanner2 img.nyBa_Img { width:364px; height:95px; margin:-80px 0 0 -160px;} .NyBa_Con i{margin: 5px 0 0px} .NyBa_Con p{font-size: 18px;} } /*内页banner*/ /*内页公司简介*/ .NyAboutus { width:100%; height:auto; min-height:320px; margin:0 auto; padding:0;} .NyAboutus .NyAboutus_Profile { width:100%; height:auto; padding:80px 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; background:#fff;} .NyAboutus .NyAboutus_Profile .left{width: calc(100% - 694px); float:left;} .NyAboutus .NyAboutus_Profile .left .cont{ color:#666; line-height:28px; margin-top:40px; max-height:336px; overflow-y:scroll;padding-right:20px;min-height: 200px;} .NyAboutus .NyAboutus_Profile .left .cont p{line-height:28px;} .NyAboutus .NyAboutus_Profile .left .cont::-webkit-scrollbar { width:3px;} .NyAboutus .NyAboutus_Profile .left .fotwenzi{ font-size:20px; font-weight:bold; color:#099be8; margin-top:20px;} .NyAboutus .NyAboutus_Profile .right{ width:654px; float:right; position:relative;} .NyAboutus .NyAboutus_Profile .right img{ max-width:100%;} .NyAboutus .NyAboutus_Profile .right .text{ position:absolute; bottom:-40px; right:-40px; background:#099be8; padding:20px 28px;} .NyAboutus .NyAboutus_Profile .right .text p{ font-size:42px; color:#fff; margin:0 0 10px;} .NyAboutus .NyAboutus_Profile .right .text i{ font-style:normal; padding-left:50px;} .NyAboutus .NyAboutus_Profile .right .text span{ display:block; width:60%; float:left; font-size:17px; font-weight:bold; color:rgba(255,255,255,.64);} .NyAboutus .NyAboutus_Profile .right .text em{display:block;width:106px;height:4px;background:url(../images/nygsjjico.png) no-repeat;float: right;position: absolute;margin-top:40px;right: -50px;} .NyAboutus .NyAboutus_Culture {width:100%; height:auto; padding:80px 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;} .NyAboutus_Culture .NyAboutusCulture_Ms { width:100%; height:auto; line-height:30px; color:#999; font-size:16px; word-break:break-all; text-align:justify; margin:20px auto; padding:0;} .NyAboutus_Culture .NyAboutusCulture_Main { width:100%; height:auto; margin:0 auto; padding:0;} .NyAboutusCulture_Main ul li { width:23.5%; height:auto; margin:0 2% 0 0; padding:50px 40px; background-color:#f9f9f9; float:left; transition: all 0.4s; -webkit-transition: all 0.4s; -moz-transition: all 0.4s; -o-transition: all 0.4s; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; background:#fff;} .NyAboutusCulture_Main ul li:nth-child(4n+4) { margin:0;} .NyAboutusCulture_Main ul li:hover { background-color:#099be8;} .NyAboutusCulture_Main ul li em { display:block; width:90px; height:90px; overflow:hidden; margin:0 auto 40px; padding:0; transition: all 0.4s; -webkit-transition: all 0.4s; -moz-transition: all 0.4s; -o-transition: all 0.4s;} .NyAboutusCulture_Main ul li em.AbIco1 { background:url(../images/AbIco01.png) center center no-repeat; background-size:100% 100%;} .NyAboutusCulture_Main ul li em.AbIco2 { background:url(../images/AbIco02.png) center center no-repeat; background-size:100% 100%;} .NyAboutusCulture_Main ul li em.AbIco3 { background:url(../images/AbIco03.png) center center no-repeat; background-size:100% 100%;} .NyAboutusCulture_Main ul li em.AbIco4 { background:url(../images/AbIco04.png) center center no-repeat; background-size:100% 100%;} .NyAboutusCulture_Main ul li:hover em{transform: rotateY(180deg);} .NyAboutusCulture_Main ul li:hover em.AbIco1 { background:url(../images/AbIco1.png) center center no-repeat; background-size:100% 100%;} .NyAboutusCulture_Main ul li:hover em.AbIco2 { background:url(../images/AbIco2.png) center center no-repeat; background-size:100% 100%;} .NyAboutusCulture_Main ul li:hover em.AbIco3 { background:url(../images/AbIco3.png) center center no-repeat; background-size:100% 100%;} .NyAboutusCulture_Main ul li:hover em.AbIco4 { background:url(../images/AbIco4.png) center center no-repeat; background-size:100% 100%;} .NyAboutusCulture_Main ul li p { width:100%; height:auto; line-height:30px; color:#333; font-size:24px; text-align:center; margin:0 auto; padding:0; transition: all 0.4s; -webkit-transition: all 0.4s; -moz-transition: all 0.4s; -o-transition: all 0.4s;} .NyAboutusCulture_Main ul li:hover p { color:#fff;} .NyAboutusCulture_Main ul li i.AbLine { display:block; width:100%; height:5px; overflow:hidden; margin:13px auto 20px; padding:0; background:url(../images/line02.png) center center no-repeat;} .NyAboutusCulture_Main ul li:hover i.AbLine { background:url(../images/line03.png) center center no-repeat;} .NyAboutusCulture_Main ul li span { display:block; width:100%; height:52px; overflow:hidden; line-height:26px; color:#999; font-size:16px; text-align:center; margin:0 auto; padding:0; display:-webkit-box; text-overflow:ellipsis; -webkit-line-clamp:2; -webkit-box-orient:vertical; transition: all 0.4s; -webkit-transition: all 0.4s; -moz-transition: all 0.4s; -o-transition: all 0.4s;} .NyAboutusCulture_Main ul li:hover span { color:rgba(255,255,255,0.5);} .NyAboutus .NyAboutus_Honor { width:100%; height:auto; margin:0 auto; padding:80px 0 0; background-color:#fff;} .NyAboutus_Honor .NyAboutusHonor_Main { width:100%; height:auto; margin:0 auto; padding:0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;} .NyAboutusHonor_Main .NyAboutusHonor_List { width:100%; height:auto; min-height:150px; margin:40px auto; padding:0 80px; position:relative; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;} .NyAboutusHonor_List .swiper-container03 { width:100%; height:auto; overflow:hidden; margin:0 auto; padding:0; position:relative;} .NyAboutusHonor_List .swiper-container03 .swiper-slide { height:auto; background:#fff; box-shadow: inset 0 0 0 5px #f0f0f4;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;transition-duration: .5s;-ms-transition-duration: .5s;-moz-transition-duration: .5s;-webkit-transition-duration: .5s; position:relative; padding:1%;} .NyAboutusHonor_List .swiper-container03 .swiper-slide .NyAboutusHonor_Img { width:100%; height:235px; overflow:hidden; margin:0 auto 10px; padding:20px; background-color:#fff; position:relative; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;} .NyAboutusHonor_List .swiper-container03 .swiper-slide .NyAboutusHonor_Img img { display:block; max-width:88%; max-height:88%; margin:auto; padding:0; position:absolute; left:0; top:0; right:0; bottom:0;transition: all 0.4s; -webkit-transition: all 0.4s; -moz-transition: all 0.4s; -o-transition: all 0.4s;} .NyAboutusHonor_List .swiper-container03 .swiper-slide .NyAboutusHonor_Name { display:block; width:100%; height:30px; overflow:hidden; line-height:30px; color:#333; font-size:18px; text-align:center; white-space:nowrap; text-overflow:ellipsis; margin:0 auto; padding:0; position:relative;transition: all 0.4s; -webkit-transition: all 0.4s; -moz-transition: all 0.4s; -o-transition: all 0.4s;} .NyAboutusHonor_List .swiper-container03 .swiper-slide:hover .NyAboutusHonor_Img img{-webkit-transform: scale(1.1);-moz-transform: scale(1.1);transform: scale(1.1);} .NyAboutusHonor_List .swiper-container03 .swiper-slide:hover .NyAboutusHonor_Name { color:#099be8;} .NyAboutusHonor_List .swiper-button-prev03, .NyAboutusHonor_List .swiper-button-next03 { width:54px!important; height:54px!important; margin:-27px 0 0!important; border-radius:50%; position:absolute; top:50%!important; bottom:0!important; opacity:1; cursor:pointer;box-shadow: 0px 0px 10px 0 rgb(0 0 0 / 5%);} .NyAboutusHonor_List .swiper-button-prev03 { background:#fff url(../images/jt8.png) center center no-repeat; left:0;transition: all 0.4s; -webkit-transition: all 0.4s; -moz-transition: all 0.4s; -o-transition: all 0.4s;} .NyAboutusHonor_List .swiper-button-next03 { background:#fff url(../images/jt9.png) center center no-repeat; right:0;transition: all 0.4s; -webkit-transition: all 0.4s; -moz-transition: all 0.4s; -o-transition: all 0.4s;} .NyAboutusHonor_List .swiper-button-prev03:hover { background:#099be8 url(../images/jt10.png) center center no-repeat;} .NyAboutusHonor_List .swiper-button-next03:hover { background:#099be8 url(../images/jt11.png) center center no-repeat;} .NyAboutusHonor_Main .NyAboutusHonor_Bottom { width:100%; height:auto; margin:40px auto 0; padding:0;} .NyAboutusHonor_Bottom i { display:block; width:100%; height:30px; overflow:hidden; margin:0 auto; padding:0; background-color:#f9f9f9;} .NyAboutusHonor_Bottom p { width:100%; height:100px; margin:0 auto; padding:0; background: linear-gradient(to bottom, #dedede, #f9f9f9, #f9f9f9); -webkit-background: linear-gradient(to bottom, #dedede, #f9f9f9, #f9f9f9); -moz-background: linear-gradient(to bottom, #dedede, #f9f9f9, #f9f9f9); -ms-background: linear-gradient(to bottom, #dedede, #f9f9f9, #f9f9f9); -o-background: linear-gradient(to bottom, #dedede, #f9f9f9, #f9f9f9); transform:skewX(20deg); -webkit-transform:skewX(20deg); -moz-transform:skewX(20deg); -ms-transform:skewX(20deg); -o-transform:skewX(20deg); transform-origin:0 0; -webkit-transform-origin:0 0; -moz-transform-origin:0 0; -ms-transform-origin:0 0; -o-transform-origin:0 0;} @media (max-width:1680px) { } @media (max-width:1600px) { } @media (max-width:1560px) { .NyAboutus .NyAboutus_Profile { width:100%; padding:60px;} .NyAboutus .NyAboutus_Culture { width:100%; padding:60px;} .NyAboutusCulture_Main ul li { padding:40px 30px;} .NyAboutusCulture_Main ul li p { font-size:22px;} .NyAboutus .NyAboutus_Honor { padding:60px 0 0;} .NyAboutus_Honor .NyAboutusHonor_Main { width:100%; padding:0 60px;} .NyAboutusHonor_List .swiper-container03 .swiper-slide .NyAboutusHonor_Name { font-size:16px;} .NyAboutusHonor_Bottom i { height:20px;} .NyAboutusHonor_Bottom p { height:60px;} } @media (max-width:1440px) { .NyAboutus .NyAboutus_Profile { width:100%; padding:60px 40px;} .NyAboutus .NyAboutus_Culture{padding:60px 40px;} .NyAboutus_Culture .NyAboutusCulture_Ms { font-size:15px;} .NyAboutusCulture_Main ul li span { height:50px; line-height:25px; font-size:15px;} .NyAboutus_Honor .NyAboutusHonor_Main { padding:0 40px;} } @media (max-width:1366px) { .NyAboutus .NyAboutus_Profile .left{width: calc(100% - 584px);} .NyAboutus .NyAboutus_Profile .left .cont{ max-height:260px;} .NyAboutus .NyAboutus_Profile .right{ width:554px;} .NyAboutus .NyAboutus_Profile .right .text em{ right:0;} .NyAboutusHonor_Main .NyAboutusHonor_Bottom { margin:30px auto 0;} } @media (max-width:1280px) { } @media (max-width:1200px) { .NyAboutusCulture_Main ul li { padding:30px 25px;} .NyAboutusCulture_Main ul li em { margin:0 auto 30px;} .NyAboutusHonor_List .swiper-container03 .swiper-slide .NyAboutusHonor_Img { height:140px;} .NyAboutusHonor_Main .NyAboutusHonor_Bottom { margin:20px auto 0;} } @media (max-width:1080px) { .NyAboutus .NyAboutus_Profile {padding:40px;} .NyAboutus .NyAboutus_Profile .left{width: calc(100% - 430px);} .NyAboutus .NyAboutus_Profile .left .cont{ max-height:230px;} .NyAboutus .NyAboutus_Profile .left .fotwenzi{ display:none;} .NyAboutus .NyAboutus_Profile .right{ width:410px;} .NyAboutus .NyAboutus_Profile .right .text p{font-size: 34px; margin: 0 0 5px;} .NyAboutus .NyAboutus_Profile .right .text i{padding-left: 20px;} .NyAboutus .NyAboutus_Profile .right .text span{ display:none;} .NyAboutus .NyAboutus_Profile .right .text em{margin: 0;} .NyAboutus .NyAboutus_Culture { padding:40px;} .NyAboutus_Culture .NyAboutusCulture_Ms { line-height:24px; font-size:14px;} .NyAboutusCulture_Main ul li { padding:30px 20px;} .NyAboutusCulture_Main ul li em { width:80px; height:80px;} .NyAboutusCulture_Main ul li p { font-size:18px;} .NyAboutusCulture_Main ul li span { height:48px; line-height:24px; font-size:14px;} .NyAboutus .NyAboutus_Honor { padding:40px 0 0;} .NyAboutusHonor_Bottom i { height:10px;} .NyAboutusHonor_Bottom p { height:40px;} } @media (max-width:1024px) { } @media (max-width:800px) { .NyAboutus .NyAboutus_Profile { padding:40px 30px;} .NyAboutus .NyAboutus_Profile .left{ width:100%;} .NyAboutus .NyAboutus_Profile .left .cont{max-height: none;overflow: hidden;padding: 0;} .NyAboutus .NyAboutus_Profile .right{ display:none;} .NyAboutus .NyAboutus_Culture{ padding:40px 30px;} .NyAboutusCulture_Main ul li { padding:30px 15px;} .NyAboutusCulture_Main ul li i.AbLine { margin:10px auto 15px;} .NyAboutusCulture_Main ul li span { height:66px; line-height:22px; -webkit-line-clamp:3;} .NyAboutus_Honor .NyAboutusHonor_Main { padding:0 30px;} .NyAboutusHonor_Main .NyAboutusHonor_List { padding:0 0; margin:20px auto;} .NyAboutusHonor_List .swiper-container03 .swiper-slide .NyAboutusHonor_Img { height:140px;} .NyAboutusHonor_List .swiper-button-prev3, .NyAboutusHonor_List .swiper-button-next3 { display:none;} } @media (max-width:767px) { .NyAboutus .NyAboutus_Profile { padding:20px 12px;} .NyAboutus .NyAboutus_Profile .left .cont{ margin-top:10px;} .NyAboutus .NyAboutus_Culture { padding:20px 12px;} .NyAboutusCulture_Main ul li { width:48.5%; height:auto; margin:0 3% 12px 0; padding:20px 12px; background-color:#f9f9f9;} .NyAboutusCulture_Main ul li:nth-child(4n+4) { margin:0 3% 12px 0;} .NyAboutusCulture_Main ul li:nth-child(2n+2) { margin:0 0 12px;} .NyAboutusCulture_Main ul li em { margin:0 auto 20px;} .NyAboutusCulture_Main ul li span { height:44px; line-height:22px; -webkit-line-clamp:2;} .NyAboutus .NyAboutus_Honor { padding:20px 0 0;} .NyAboutus_Honor .NyAboutusHonor_Main { padding:0 12px;} .NyAboutusHonor_Main .NyAboutusHonor_List { padding:0;} .NyAboutusHonor_List .swiper-container03 .swiper-slide .NyAboutusHonor_Img { padding:12px;} .NyAboutusHonor_List .swiper-button-prev3, .NyAboutusHonor_List .swiper-button-next3 { display:none;} .NyAboutusHonor_Main .NyAboutusHonor_Bottom { margin:10px auto 0;} .NyAboutusHonor_Bottom p { height:30px;} } @media (max-width:375px) { .NyAboutusCulture_Main ul li span { height:66px; line-height:22px; -webkit-line-clamp:3;} .NyAboutusHonor_List .swiper-container03 .swiper-slide .NyAboutusHonor_Img { height:120px;} } @media (max-width:320px) { .NyAboutusCulture_Main ul li { width:100%; height:auto; margin:0 auto 12px; padding:20px 12px; background-color:#f9f9f9;} .NyAboutusCulture_Main ul li:nth-child(2n+2), .NyAboutusCulture_Main ul li:nth-child(4n+4) { margin:0 auto 12px;} .NyAboutusCulture_Main ul li span { height:44px; line-height:22px; -webkit-line-clamp:2;} .NyAboutusHonor_List .swiper-container03 .swiper-slide .NyAboutusHonor_Img { height:100px;} } /*内页公司简介*/ /*关于我们 横幅*/ .ny_content .ab_hengf{ width:100%; height:340px; background: url(../images/ab_hengf.jpg) center no-repeat; margin:60px 0 0; background-size:cover; overflow:hidden;} .ny_content .ab_hengf .cont{height:100%; position:relative;} .ny_content .ab_hengf .cont:before{ content:""; display:block; width:390px; height:340px;background: url(../images/kf.png) left center no-repeat; float:left;background-size:cover;} .ny_content .ab_hengf .text{height:100%; position:absolute; left:460px; top:70px;} .ny_content .ab_hengf .text p{ font-size:28px; font-weight:bold; color:#fff;} .ny_content .ab_hengf .text span{ font-size:17px; color:#fff; opacity:.7; line-height:34px; display:block;margin:15px 0 20px;} .ny_content .ab_hengf .text .btn a{ display:block; width:184px; height:42px; background:#fff; color:#099be8; font-size:18px; border-radius:21px; float:left;padding-left:42px; line-height:42px;transition: all .4s ease;} .ny_content .ab_hengf .text .btn a:hover{ position:relative; margin-top:-2px; box-shadow:0 5px 5px rgba(0,0,0,.2);} .ny_content .ab_hengf .text .btn a:after{ content:""; display:block; width:36px; height:36px; border-radius:50%; background:#099be8 url(../images/top_tel.png) center no-repeat; float:right; margin-right:3px; margin-top:3px;} .ny_content .ab_hengf .text .btn a:last-child{ margin-left:33px;} .ny_content .ab_hengf .text .btn a:last-child:after{ background:#099be8 url(../images/zxzx_ico.png) center no-repeat;} @media screen and (max-width:1399px){ .ny_content .ab_hengf .text p{ font-size:24px;} .ny_content .ab_hengf .text span{ font-size:15px; line-height:28px;} } @media screen and (max-width:1079px){ .ny_content .ab_hengf{ width:100%; height:240px;margin:40px 0 0;} .ny_content .ab_hengf .cont:before{width:275px; height:240px;} .ny_content .ab_hengf .text{left:290px; top:60px;} .ny_content .ab_hengf .text p{ margin-bottom:25px;} .ny_content .ab_hengf .text span{ display:none;} .ny_content .ab_hengf .text .btn a:last-child{ margin-left:15px;} } @media screen and (max-width:767px){ .ny_content .ab_hengf{ display:none;} } /*关于我们 企业文化*/ .ab_qywh{ padding:35px 0 60px; overflow:hidden; background:#fff;} .ab_qywh ul{ width:100%; margin-top:20px;} .ab_qywh ul li{ width:23.3%; height:412px; float:left; margin-right:2.26666667%; padding:44px 35px 0;background:#f0f0f0 url(../images/qywhli1.png) center bottom no-repeat; position:relative;} .ab_qywh ul li i{ font-size:54px; font-family:impact; color:#099be8;} .ab_qywh ul li p{ font-size:24px; font-weight:bold; margin:8px 0 28px 0;} .ab_qywh ul li span{ font-size:15px; line-height:28px; color:#999;} .ab_qywh ul li:nth-of-type(2){background:#e4e4e4 url(../images/qywhli2.png) center bottom no-repeat;} .ab_qywh ul li:nth-of-type(3){background:#f0f0f0 url(../images/qywhli3.png) center bottom no-repeat;} .ab_qywh ul li:nth-of-type(4){ margin-right:0;background:#e4e4e4 url(../images/qywhli4.png) center bottom no-repeat;} .ab_qywh ul li:after{ content:""; display:block; width:100%; height:0; position:absolute; bottom:50%; left:0; background:rgba(14,72,179,.7); transition: all .4s ease;} .ab_qywh ul li:hover:after{ height:100%; bottom:0;} .ab_qywh ul li:hover i,.ab_qywh ul li:hover p,.ab_qywh ul li:hover span{ color:#fff; position:relative; z-index:2;transition: all .4s ease;} @media screen and (max-width:1399px){ .ab_qywh {padding: 25px 0 40px;} .ab_qywh ul li{ padding:34px 25px 0; height:360px;} .ab_qywh ul li p{margin: 0px 0 15px 0; font-size:22px;} .ab_qywh ul li span{ line-height:24px;} } @media screen and (max-width:1079px){ .ab_qywh {padding: 25px 0 40px;} .ab_qywh ul{ margin-top:10px;} } @media screen and (max-width:980px){ .ab_qywh ul li{ width:48.5%; margin-right:3%; background-size:100% !important; margin-bottom:20px;height:320px;} .ab_qywh ul li:nth-of-type(2){ margin-right:0;} .ab_qywh ul li i{ font-size:42px;} } @media screen and (max-width:767px){ .ab_qywh { margin-top:30px;padding: 25px 0 30px;} .ab_qywh ul { margin-top: 10px;} .ab_qywh ul li{ margin-bottom:10px;padding: 24px 15px 0;} } /*关于我们 荣誉资质*/ .ab_honor{padding:35px 0 70px; overflow:hidden;background:#f0f0f0 url(../images/honor_bg.jpg) center bottom no-repeat; min-height:400px;} .ny_content .ab_honor .abtit p{ opacity:.02;} .ny_content .ab_honor .abtit font { color:#fff;} .ab_honor .honor_box{padding:0 74px; position:relative; margin-top:20px;} .ab_honor .wiper-container5{overflow:hidden;width:100%;} .ab_honor .wiper-container5 ul li{ float:left; width:23.5%;} .ab_honor .wiper-container5 ul li .pic{ display:block; width:100%; height:360px; background:rgba(255,255,255,.2); border:5px solid #fff; position:relative; overflow:hidden;} .ab_honor .wiper-container5 ul li .pic img{ position:absolute; margin:auto; top:0; left:0; right:0; bottom:0; max-width:96%; max-height:96%;transition: all .4s ease;} .ab_honor .wiper-container5 ul li:hover .pic img{transform: scale(1.06);} .ab_honor .wiper-container5 ul li .name{ display:block; margin:20px 0 50px; color:#fff; font-size:18px; text-align:center;max-width:100%; overflow:hidden; white-space:nowrap;text-overflow:ellipsis;transition: all .4s ease;} .ab_honor .wiper-container5 ul li:hover .name{color:#099be8;} .ab_honor .honor_box .swiper-button-prev{background:url(../images/about_ico.png) center no-repeat; left:0; width:44px; height:44px; background-position:-44px 0; top:42%; transition: all .2s ease;} .ab_honor .honor_box .swiper-button-prev:hover{background-position:-44px -44px;} .ab_honor .honor_box .swiper-button-next{background:url(../images/about_ico.png) center no-repeat; right:0; width:44px; height:44px; background-position:-44px -88px; top:42%; transition: all .2s ease;} .ab_honor .honor_box .swiper-button-next:hover{background-position:-44px -132px;} .ab_honor .honor_box .swiper-pagination{ top:auto;left:50%!important; transform:translateX(-50%); display: flex;display: -webkit-flex;align-items: center;justify-content: center;} .ab_honor .honor_box .swiper-pagination-bullet { display: inline-block; width:38px; height:11px; border-radius:6px; margin: 0 5px; cursor: pointer; background:rgba(255,255,255,.3); border-radius:6px; transition: all .4s ease;} .ab_honor .honor_box .swiper-pagination-bullet-active{background:#099be8;} @media screen and (max-width:1079px){ .ab_honor{padding:25px 0 60px;} .ab_honor .honor_box{ margin-top:10px;padding: 0 60px;} .ab_honor .wiper-container5 ul li .pic{ height:260px;} .ab_honor .wiper-container5 ul li .name{ margin:20px 0 30px; font-size:16px;} .ab_honor .honor_box .swiper-pagination-bullet {width:30px; height:8px;margin: 0 4px;} } @media screen and (max-width:767px){ .ab_honor{padding:15px 0 50px;} .ab_honor .wiper-container5 ul li .name{margin: 15px 0 20px;} } /*关于我们 三点服务*/ .ab_service{padding:90px 0; overflow:hidden;} .ab_service ul li{ width:33.33333%; float:left; padding:0 60px; text-align:center;} .ab_service ul li p{ margin-top:35px; font-size:26px; font-weight:bold;} .ab_service ul li em{ display:block; width:40px; height:2px; background:#099be8;margin: 14px auto 26px;transition: all .4s ease;} .ab_service ul li:hover em{ width:70px;} .ab_service ul li span{line-height: 28px; color:#666; font-size:16px;} @media screen and (max-width:1399px){ .ab_service{padding:70px 0;} } @media screen and (max-width:1079px){ .ab_service{padding:50px 0;} .ab_service ul li{padding:0 40px;} .ab_service ul li p{ margin-top:20px;} .ab_service ul li em{margin: 10px auto 16px;} } @media screen and (max-width:767px){ .ab_service{padding:40px 0;} .ab_service ul li{padding:0 20px;} .ab_service ul li p{ font-size:20px;} .ab_service ul li span{ font-size:15px;} } @media screen and (max-width:580px){ .ab_service{padding:20px 0 15px;} .ab_service ul li{ width:100%; margin-bottom:20px;} } /*产品列表页*/ /*产品分类 开始*/ .proleft { width:23.5%; overflow:hidden; float:left;} .cp_type{background-color:#fff; padding:36px 0 0;} .cp_type .hd { width:100%; height:auto; margin:0 auto 22px; padding:0 30px;} .cp_type .hd p { width:100%; height:32px; line-height:32px; color:#099be8; font-size:24px; font-weight:bold; margin:0 auto 4px; padding:0;} .cp_type .hd p img { display:block; width:28px; height:28px; margin:2px 10px 2px 0; padding:0; float:left;} .cp_type .hd span { display:block; height:24px; line-height:24px; color:#ccc; font-size:14px;} .cp_type .hd i { display:none;} .cp_type .hd em{ display:block; width:50px; height:2px;background:url(../images/ProIcoline.png) center no-repeat; margin:13px 0 0;} .cp_type .bd ul li { background-color:#fff;border-bottom:0px solid #eee; transition: all 0.4s; -webkit-transition: all 0.4s; -moz-transition: all 0.4s; -o-transition: all 0.4s;} .cp_type .bd ul li p { height:58px; padding:0 30px;position:relative; border-bottom:1px solid #eee;} .cp_type .bd ul li:last-child p {border-bottom: 0;} .cp_type .bd ul li p a { display:block; width:100%;line-height:58px; padding:0; overflow: hidden;color:#333; font-size:16px; font-weight:bold; white-space:nowrap; text-overflow: ellipsis; float:left;} .cp_type .bd ul li p span { display:block; width:40px; height:100%; background:url(../images/mulu0.png) center center no-repeat; cursor:pointer; position:absolute; top:0; right:15px;} .cp_type .bd ul li div { display:none;} .cp_type .bd ul li div a { display:block; height:35px; line-height:35px; color:#999; font-size:15px; padding:0 45px; overflow: hidden; text-overflow: ellipsis; white-space:nowrap;transition: all .4s ease;} .cp_type .bd ul li div a:before{ content:""; display:block; height:6px; width:6px; background:url(../images/proflico.png) no-repeat; background-position:0 0; float:left;margin-right: 8px; margin-top: 14px;} .cp_type .bd ul li div a:first-child { margin-top:15px;} .cp_type .bd ul li div a:last-child{ margin-bottom:15px;} .cp_type .bd ul li div a i { display:block; width:4px; height:4px; margin:13px 6px 13px 0; padding:0; border:1px solid #999; border-radius:50%; float:left;} .cp_type .bd ul li div a:hover i { border:1px solid #cb0010;} .cp_type .bd ul li.on p,.cp_type .bd ul li:hover p {background:#099be8; border:0;} .cp_type .bd ul li p:hover a, .cp_type .bd ul li.on p a { color:#fff;} .cp_type .bd ul li p:hover span { background:url(../images/mulu1.png) center center no-repeat;} .cp_type .bd ul li.on p span { background:url(../images/mulu2.png) center center no-repeat;} .cp_type .bd ul li div a:hover { color:#099be8;} .cp_type .bd ul li div a:hover:before{ background-position:0 -10px;} .cp_type .bd ul a.ckqb { display:block; height:34px; line-height:34px; font-size:16px; color:#333; background:#f1f1f1; width:92%; margin:10px auto; text-align:center; overflow: hidden; text-overflow: ellipsis; white-space:nowrap;cursor:pointer;} .cp_type .bd ul a.ckqb:hover { background:#099be8; color:#fff;} .ProAll { width:100%; height:auto;border-top: 1px solid #eee;margin-top: 12px;} .ProAll a { display:block; width:100%; height:58px; line-height:58px; overflow:hidden; color:#333; font-size:16px; font-weight:bold; white-space:nowrap; text-overflow: ellipsis; margin:0 auto; padding:0 30px; position:relative;transition: all .4s ease;} .ProAll a i { display:block; width:40px; height:100%; margin:0; padding:0; background:url(../images/mulu0.png) center center no-repeat; position:absolute; top:0; right:15px;} .ProAll a:hover { background:#099be8; color:#fff;} .ProAll a:hover i { background:url(../images/mulu1.png) center center no-repeat;} /*相关文章 开始*/ .NyXgwz { overflow:hidden; background-color:#fff; padding:33px 0 10px; margin-top:32px;} .NyXgwz .NyXgwz_Title { width:100%; height:auto; margin:0 auto 20px; padding:0 30px; box-sizing: border-box; -webkit-box-sizing: border-box; -o-box-sizing: border-box; -moz-box-sizing: border-box;} .NyXgwz_Title p { width:100%; height:32px; line-height:32px; color:#099be8; font-size:24px; font-weight:bold; margin:0 auto 4px; padding:0;} .NyXgwz_Title p img { display:block; width:28px; height:28px; margin:2px 10px 2px 0; padding:0; float:left;} .NyXgwz_Title span { display:block; height:24px; line-height:24px; color:#ccc; font-size:14px;} .NyXgwz_Title em{ display:block; width:50px; height:2px;background:url(../images/ProIcoline.png) center no-repeat; margin:13px 0 0;} .NyXgwz .NyXgwz_List { width:100%; height:auto; min-height:200px; margin:0 auto; padding:0 30px; box-sizing: border-box; -webkit-box-sizing: border-box; -o-box-sizing: border-box; -moz-box-sizing: border-box;} .NyXgwz_List dl dd { width:100%; height:auto; margin:0 auto; padding:10px 0; border-top:1px solid #eee;} .NyXgwz_List dl dd a { display:block; width:100%; height:40px; overflow:hidden; line-height:40px; color:#333; font-size:16px; white-space:nowrap; text-overflow: ellipsis; margin:0 auto; position:relative; box-sizing: border-box; -webkit-box-sizing: border-box; -o-box-sizing: border-box; -moz-box-sizing: border-box;} .NyXgwz_List dl dd a:hover { color:#099be8;} /*相关文章 结束*/ @media screen and (max-width:1399px){ .cp_type{padding: 26px 0 0;} .cp_type .hd{margin: 0 auto 20px; padding:0 20px;} .cp_type .hd span{font-size:12px;height: 20px;line-height: 20px;} .cp_type .hd em{margin-top:8px;} .cp_type .bd ul li p{ height:48px;padding:0 20px;} .cp_type .bd ul li p a{ line-height:48px;font-size: 15px;} .cp_type .bd ul li p span{ right:5px;} .cp_type .bd ul li div a{height: 30px;line-height: 30px;padding: 0 30px;} .cp_type .bd ul li div a:first-child{ margin-top:5px;} .cp_type .bd ul li div a:last-child{ margin-bottom:5px;} .ProAll a{font-size: 15px; padding: 0 20px;} .ProAll a i{ right:5px;} .NyXgwz{padding: 25px 0 10px;} .NyXgwz_Title span{font-size:12px;} .NyXgwz_Title em{ margin-top:8px;} } @media screen and (max-width:1079px){ .proleft{ width:100%;} .cp_type{ padding:20px 0 1px;} .cp_type .hd{ position:relative; padding:0 30px;} .cp_type .hd i{ display:block; width: 40px;height: 40px; margin: 0; padding: 0;background: rgba(9,155,232,0.06) url(../images/mulu3.png) center center no-repeat; position: absolute;top: 0;right:20px;} .cp_type .hd.on i{background: rgba(9,155,232,0.06) url(../images/mulu4.png) center center no-repeat;} .cp_type .hd span{ display:none;} .cp_type .bd {display: none;} .cp_type .bd ul li p{ padding:0 30px;} .cp_type .bd ul li p a{font-size: 16px;} .cp_type .bd ul li p span{right:15px;} .cp_type .bd ul li.on p span{ right:15px;} .ProAll a{font-size: 16px; padding: 0 30px;} .ProAll a i{ right:15px;} .NyXgwz{ margin-top:10px;padding: 20px 0 0;} .NyXgwz_Title span{ display:none;} .NyXgwz .NyXgwz_List{ min-height:auto;} } @media screen and (max-width:767px){ .cp_type .hd{padding:0 20px;} .cp_type .hd p,.NyXgwz_Title p{ font-size:20px;} .cp_type .hd i{ right:20px;width: 34px;height: 34px;top: 5px;} .cp_type .bd ul li p,.cp_type .bd ul li div a,.ProAll a{padding:0 20px;} .cp_type .bd ul li.on p span,.cp_type .bd ul li:hover p span,.cp_type .bd ul li p span{ right:10;} .NyXgwz .NyXgwz_Title,.NyXgwz .NyXgwz_List{padding:0 20px;} } /*产品分类 结束*/ .cp_content{ padding: 58px 0; overflow:hidden;} .proright{width:74%; float:right;} .proright ul.list li{ width:100%; background:#fff; padding:22px; overflow:hidden;transition: all .4s ease; margin-bottom:27px;} .proright ul.list li:hover{background:#099be8;} .proright ul.list li:last-child{ margin-bottom:0;} .proright ul.list li a.pic{ display:block; width:272px; height:220px; background:#f3f4f6; float:left; position:relative; overflow:hidden;} .proright ul.list li a.pic img{ position:absolute; margin:auto; top:0; bottom:0; left:0; right:0; max-width:80%; max-height:80%;transition: all .4s ease;} .proright ul.list li:hover a.pic img{transform: scale(1.05);} .proright ul.list li .text{width: calc(100% - 300px);float:right;margin-top: 15px;} .proright ul.list li .text a.name{ font-size:22px; font-weight:bold; line-height:24px; margin-bottom:24px;display:block;max-width:100%; overflow:hidden; white-space:nowrap;text-overflow:ellipsis;} .proright ul.list li:hover .text a.name{ color:#fff;} .proright ul.list li:hover .text a.name:before{ background:#fff;} .proright ul.list li .text dl{ width:100%; overflow:hidden;} .proright ul.list li .text dl dd:before{ content:""; display:block; width:34px; height:34px; border-radius:50%;background:#f3f4f6 url(../images/prilistico1.png) center no-repeat; float:left; margin-right:10px;margin-top: 5px;} .proright ul.list li .text dl dd{ width:25%; float:left;max-width:100%;} .proright ul.list li .text dl dd p{ font-size:14px;} .proright ul.list li:hover .text dl dd p{ color:#fff;} .proright ul.list li .text dl dd span{font-size:14px; color:#999;overflow:hidden; white-space:nowrap;text-overflow:ellipsis; display:block;} .proright ul.list li:hover .text dl dd span{color:rgba(255,255,255,.7);} .proright ul.list li .text dl dd:nth-of-type(1):before{ background-position:0 0;} .proright ul.list li .text dl dd:nth-of-type(2):before{ background-position:0 -34px;} .proright ul.list li .text dl dd:nth-of-type(3):before{ background-position:0 -68px;} .proright ul.list li .text dl dd:nth-of-type(4):before{ background-position:0 -102px;} .proright ul.list li .text .ms p{ font-size:18px; margin:20px 0 15px;} .proright ul.list li:hover .text .ms p{ color:#fff;} .proright ul.list li:hover .text .ms p:before{ background:#fff;} .proright ul.list li .text .ms span{ font-size:14px; color:#999; line-height:24px;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical; max-height:48px;} .proright ul.list li:hover .text .ms span{ color:rgba(255,255,255,.7);} @media screen and (max-width:1399px){ .cp_content{ padding: 48px 0;} .proright ul.list li a.pic{ width:232px;} .proright ul.list li .text { width: calc(100% - 255px);} } @media screen and (max-width:1199px){ .proright ul.list li .text dl dd{ width:33.333%;} .proright ul.list li .text dl dd:nth-of-type(2){ display:none;} } @media screen and (max-width:1079px){ .cp_content{padding: 33px 0;} .proright{ width:100%; margin-top:20px;} .proright ul.list li{ margin-bottom:10px;} } @media screen and (max-width:767px){ .proright ul.list li a.pic{ width:100%; height:280px;} .proright ul.list li .text{width:100%;} } @media screen and (max-width:600px){ .proright ul.list li{padding:15px;} .proright ul.list li .text a.name{ font-size:20px; margin-bottom:15px;} .proright ul.list li .text dl dd{ width:50%;} .proright ul.list li .text dl dd:nth-of-type(4){ display:none;} .proright ul.list li .text .ms p{ display:none;} .proright ul.list li .text .ms span{ margin-top:10px;} } @media screen and (max-width:374px){ .proright ul.list li a.pic{ height:220px;} } /*分页样式 开始*/ #fengye { text-align: center; margin: 30px auto 0; color: #555; font-size:14px;} .lyNy_News #fengye{margin: 0 auto;} #fengye table { margin:0 auto;} #fengye a { display: inline-block; padding: 0 15px; background: #f0f0f0; height: 32px; line-height: 32px; text-align: center; margin: 0 5px; border-radius:2px; color: #333; font-size:14px;} #fengye a:hover { background: #099be8; color: #fff; } #fengye a.pnnum1 { background: #099be8; color: #fff; } #fengye input { display: inline-block; padding: 0 5px; background-color: #099be8; width: 40px !important; height: 32px !important; line-height: 32px; text-align: center; border-radius: 2px; margin: 0 5px; color: #fff; cursor: pointer; border: 0; outline:none;} #fengye .p_input { display: inline-block; padding: 0 15px; background: #ddd; height: 32px; line-height: 32px; text-align: center; margin: 0 5px; color: #333; cursor: default;} .lyNy_video #fengye { margin:0 auto;} @media (max-width: 1079px) { #fengye {margin: 20px auto 0; } } @media (max-width: 767px) { #fengye { margin:15px auto 0; font-size:0;} #fengye input, #fengye .p_input { display:none;} #fengye a { height: 40px; line-height: 40px; padding: 0 20px; border-radius: 4px; background:#ddd;} #fengye a#firstpage, #fengye a#uppage, #fengye a#downpage, #fengye a#endpage { display:inline-block;} #fengye table tr td { font-size:0;} } @media (max-width: 375px) { } @media screen and (max-width:374px) and (min-width:321px) { #fengye a{padding: 0 4%;} } @media (max-width: 320px) { #fengye a { padding:0 12px;} } /*分页样式 结束*/ /*内页产品中心页面*/ .cp_content ul.ny_cpzx li{ width:32%; margin-right:2%; float:left; background:#fff; margin-bottom:20px;} .cp_content ul.ny_cpzx li:nth-child(3n){ margin-right:0;} .cp_content ul.ny_cpzx li .pic{ display:block; width:100%; height:300px; position:relative; overflow:hidden;} .cp_content ul.ny_cpzx li .pic:after{content:""; display:block;width:100%; height:100%; background:rgba(51,51,51,.5) url(../images/prohover.png) center no-repeat; position:absolute; left:0; bottom:-100%; z-index:2; transition: all .4s ease;} .cp_content ul.ny_cpzx li .pic img{ position:absolute; margin:auto; top:0; bottom:0; left:0; right:0; max-width:80%; max-height:80%;transition: all .4s ease;} .cp_content ul.ny_cpzx li:hover .pic img{transform: scale(1.06);} .cp_content ul.ny_cpzx li:hover .pic:after{ bottom:0;} .cp_content ul.ny_cpzx li .name{ font-size:16px; font-weight:bold; text-align:center; padding:0 10px;max-width:100%; height:60px; line-height:60px; overflow:hidden; white-space:nowrap;text-overflow:ellipsis;display: block;transition: all .4s ease; background:#333; color:#fff;} .cp_content ul.ny_cpzx li:hover .name{ background:#099be8;} .cp_content ul.ny_cpzx li span,.cp_content ul.ny_cpzx li p{ display:none;} @media screen and (max-width:1399px){ .cp_content ul.ny_cpzx li .pic{ height:240px;} } @media screen and (max-width:1200px){ .cp_content ul.ny_cpzx li .name{ height:50px; line-height:50px;} } @media screen and (max-width:1079px){ .cp_content ul.ny_cpzx li .pic{ height:200px;} } @media screen and (max-width:600px){ .cp_content ul.ny_cpzx li{ width:49%; margin-right:2%; margin-bottom:10px;} .cp_content ul.ny_cpzx li:nth-child(3n){ margin-right:2%;} .cp_content ul.ny_cpzx li:nth-child(2n){ margin-right:0;} .cp_content ul.ny_cpzx li .pic{ height:180px;} } @media screen and (max-width:414px){ .cp_content ul.ny_cpzx li .pic{ height:150px;} } /*产品详细页*/ .cp_content .NyProDetail_Main { width:100%; height:auto; margin:0 auto 60px; padding:20px; background-color:#fff; box-sizing: border-box; -webkit-box-sizing: border-box; -o-box-sizing: border-box; -moz-box-sizing: border-box; clear:both;} .NyProDetail_Main .NyProDetail_Img { width:40.5%; height:auto; margin:0; padding:0; float:left; box-sizing: border-box; -webkit-box-sizing: border-box; -o-box-sizing: border-box; -moz-box-sizing: border-box;} #preview { width:100%; margin:0; text-align:center; position:relative;} .list-h li { float:left;} #spec-n5 { width:100%; height:98px; padding-top:10px; overflow:hidden;} #spec-left { width:16px; height:98px; float:left; cursor:pointer; margin-top:3px;} #spec-right { width:16px; height:98px; float:left;cursor:pointer; margin-top:3px;} #spec-list { width:440px; float:left; overflow:hidden; margin-left:2px; display:inline;} #spec-list ul { clear:both;} #spec-list ul li { float:left; display:inline; padding:0; width:23.5%; height:88px; margin:0 2% 0 0;} #spec-list ul li:last-child { margin:0;} #spec-list ul li:nth-child(4) { display:inline; margin:0;} #spec-list ul li p { width:100%; height:100%; overflow:hidden; margin:0; padding:0; background-color:#f9f9f9; position:relative; box-sizing: border-box; -webkit-box-sizing: border-box; -o-box-sizing: border-box; -moz-box-sizing: border-box;} #spec-list ul li:hover p { border:1px solid #1f71c2;} #spec-list ul li img { display:block; max-width:92%; max-height:94%; margin:auto; padding:0; position:absolute; left:0; top:0; right:0; bottom:0;} /*jqzoom*/ .jqzoom { position:relative; width:100%; height:382px; overflow:hidden; padding:0; background-color:#f9f9f9; box-sizing: border-box; -webkit-box-sizing: border-box; -o-box-sizing: border-box; -moz-box-sizing: border-box;} .jqzoom img { display:block; max-width:100%; max-height:100%; margin:auto; padding:0; position:absolute; left:0; top:0; right:0; bottom:0;} .zoomdiv { z-index:100;position:absolute;top:1px;left:0px; background:url(i/loading.gif) #fff no-repeat center center;border:1px solid #eaeaea;display:none;text-align:center;overflow: hidden; left:102%!important; top:0!important;} .bigimg { } .jqZoomPup { width:200px!important; height:200px!important; z-index:10;visibility:hidden;position:absolute;top:0px;left:0px;background:url(../images/mask.png) 0 0 repeat;opacity:0.5;-moz-opacity:0.5;-khtml-opacity:0.5;filter:alpha(Opacity=50);cursor:move;} #spec-list { position:relative; width:100%; margin:0;} #spec-list div { width:100%!important; height:70px!important; margin:0;} #ceshi { display:block; margin:auto!important; left:0; top:0; bottom:0; right:0;} .prodetail_img a.videoIco { left:20px!important; bottom:20px!important; z-index:99!important;} .Warning { width:100%!important; height:100%!important;} .NyProDetail_Main .NyProDetail_Text { width:59.5%; height:auto; margin:0; padding:20px 0 20px 40px; float:right; box-sizing: border-box; -webkit-box-sizing: border-box; -o-box-sizing: border-box; -moz-box-sizing: border-box;} .NyProDetail_Text .NyProDetail_Name { width:100%; height:auto; min-height:40px; max-height:80px; overflow:hidden; line-height:40px; color:#333; font-size:28px; font-weight:bold; word-break:break-all; position:relative; display:-webkit-box; text-overflow:ellipsis; -webkit-line-clamp:2; -webkit-box-orient:vertical; margin:0 auto 20px; padding:0 0 0 20px; box-sizing: border-box; -webkit-box-sizing: border-box; -o-box-sizing: border-box; -moz-box-sizing: border-box;} .NyProDetail_Text .NyProDetail_Name i { display:block; width:4px; height:26px; margin:0; padding:0; background-color:#099be8; position:absolute; left:4px; top:7px;} .NyProDetail_Text .NyProDetail_Ms { width:100%; height:auto; overflow:hidden; margin:20px auto 19px; padding:15px 20px; background-color:#fff; box-sizing: border-box; -webkit-box-sizing: border-box; -o-box-sizing: border-box; -moz-box-sizing: border-box;} .NyProDetail_Text .NyProDetail_Ms dd { width:100%; height:80px; overflow:hidden; line-height:30px; color:#999; font-size:16px; word-break:break-all; text-align:justify; display:-webkit-box; text-overflow:ellipsis; -webkit-line-clamp:3; -webkit-box-orient:vertical; margin:0 auto; padding:0;} .NyProDetail_Text .NyProDetail_Ms dd span { color:#333; font-weight:bold;} .NyProDetail_Text .NyProDetail_Ms dd h1{ display:inline;} .NyProDetail_Text .NyProDetail_Tags { width:100%; height:auto; margin:0 auto; padding:0;} .NyProDetail_Tags dl dd { width:50%; height:auto; margin:0; padding:15px 0; float:left;} .NyProDetail_Tags dl dd:nth-child(1), .NyProDetail_Tags dl dd:nth-child(2) { border-bottom:1px solid #e5e5e5;} .NyProDetail_Tags dl dd p { width:100%; height:40px; overflow:hidden; line-height:40px; color:#333; font-size:16px; white-space:nowrap; text-overflow:ellipsis; margin:0; padding:0 10px 0 30px; position:relative; box-sizing: border-box; -webkit-box-sizing: border-box; -o-box-sizing: border-box; -moz-box-sizing: border-box;} .NyProDetail_Tags dl dd p img { display:block; width:22px; height:22px; margin:0; padding:0; position:absolute; left:0; top:9px;} .NyProDetail_Tags dl dd p span { color:#999;overflow:hidden; white-space:nowrap;text-overflow:ellipsis; position:absolute; width:70%;} .NyProDetail_Text .NyProDetail_Btm { width:100%; height:80px; overflow:hidden; margin:20px auto 0; padding:16px 30px; background-color:#099be8; border-radius:20px 0; box-sizing: border-box; -webkit-box-sizing: border-box; -o-box-sizing: border-box; -moz-box-sizing: border-box;} .NyProDetail_Btm .NyProDetail_Tel { width:74%; height:48px; overflow:hidden; margin:0; padding:0 20px 0 64px; border-right:1px solid rgba(255,255,255,0.2); float:left; position:relative; box-sizing: border-box; -webkit-box-sizing: border-box; -o-box-sizing: border-box; -moz-box-sizing: border-box;} .NyProDetail_Btm .NyProDetail_Tel img { display:block; width:48px; height:48px; margin:0; padding:0; position:absolute; left:0; top:0;} .NyProDetail_Btm .NyProDetail_Tel span { display:block; width:100%; height:20px; overflow:hidden; line-height:20px; color:rgba(255,255,255,0.5); font-size:16px; white-space:nowrap; text-overflow:ellipsis; margin:0 auto; padding:0;} .NyProDetail_Btm .NyProDetail_Tel p { width:100%; height:26px; overflow:hidden; line-height:26px; color:#fff; font-size:24px; font-weight:bold; word-break:break-all; white-space:nowrap; text-overflow:ellipsis; margin:2px auto 0; padding:0;} .NyProDetail_Btm a.NyProDetail_Btn { display:block; width:26%; height:48px; overflow:hidden; line-height:48px; color:#fff; font-size:16px; text-align:right; margin:0; padding:0; float:right;} .NyProDetail_Btm a.NyProDetail_Btn img { display:block; width:48px; height:48px; margin:0 0 0 20px; padding:0; float:right;} .NyProDetail .NyProDetail_Content { width:100%; height:auto; margin:60px auto; padding:0;} .NyProDetail_Content .NyProDetail_Right { width:23.5%; height:auto; margin:0; padding:0; float:right;} .NyProDetail_Content .NyProDetail_Left { width:76.5%; height:auto; margin:0; padding:0 40px 0 0; float:left; box-sizing: border-box; -webkit-box-sizing: border-box; -o-box-sizing: border-box; -moz-box-sizing: border-box;} .NyProDetail_Left .NyProDetail_Con { width:100%; overflow:hidden; margin:0 auto; padding:0;} .NyProDetail_Tit { width:100%; height:auto; margin:0 auto 30px; padding:0; border-top:1px solid #e6e6e6;} .NyProDetail_Tit span { display:inline-block; width:auto; height:44px; overflow:hidden; line-height:44px; color:#fff; font-size:18px; font-weight:bold; margin:0; padding:0 30px; background-color:#099be8; border-radius:0 0 22px;} .NyProDetail_Con .ProDetailText { width:100%; overflow:hidden; line-height: 30px; color: #666; font-size: 16px; margin:0 auto 30px; padding:0;} .ProDetailText div, .ProDetailText p { margin:0 auto 30px;} .ProDetailText br { display:none;} .ProDetailText img, .ProDetailText table, .ProDetailText tr, .ProDetailText td, .ProDetailText p, .ProDetailText span, .ProDetailText div, .ProDetailText video, .ProDetailText embed {max-width:100% !important;max-height: 100%; line-height: 30px; color: #666; font-size: 16px; box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;white-space:normal;word-break:break-all; text-align:justify;} .ProDetailText p span, .ProDetailText span, .ProDetailText p em, .ProDetailText em { color:#666!important; font-family:Arial,\5FAE\8F6F\96C5\9ED1,Helvetica,sans-serif!important; font-size:16px!important;} .ProDetailText b { display:block; line-height: 30px; color: #666; font-size: 16px; font-weight:bold; margin:0 0 5px;} .ProDetailText table tr td p { text-indent:0!important;} .ProDetailText img { display:inline-block; width:auto!important; height:auto!important; max-width:100%; margin:0 auto; padding:0; text-indent:0!important;} .NyPro_PrevNext { width:100%; height:auto; margin:0 auto 40px; padding:7px 30px; background-color:#099be8; box-sizing: border-box; -webkit-box-sizing: border-box; -o-box-sizing: border-box; -moz-box-sizing: border-box;} .NyPro_PrevNext1{ margin-bottom:0;} .NyPro_PrevNext p { width:42%; height:40px; overflow:hidden; line-height:40px; color:#fff; font-size:16px; white-space:nowrap; text-overflow:ellipsis; margin:0; padding:0; position:relative; float:left; box-sizing: border-box; -webkit-box-sizing: border-box; -o-box-sizing: border-box; -moz-box-sizing: border-box;} .NyPro_PrevNext p a { line-height:40px; color:#fff; font-size:16px;} .NyPro_PrevNext p.NyProPrev { padding:0 0 0 30px;} .NyPro_PrevNext p.NyProNext { padding:0 30px 0 0; text-align:right;} .NyPro_PrevNext p img { display:block; width:20px; height:20px; margin:0; padding:0; position:absolute; top:10px;} .NyPro_PrevNext p.NyProPrev img { left:0;} .NyPro_PrevNext p.NyProNext img { right:0;} .NyPro_PrevNext a.NyProAll { display:block; width:16%; height:40px; overflow:hidden; line-height:40px; color:#fff; font-size:16px; text-align:center; margin:0; padding:0; float:left;} .NyPro_PrevNext a.NyProAll img { display:inline-block; width:20px; height:20px; vertical-align:middle; margin:-2px 10px 0 0; padding:0;} .NyProDetail_Left .NyOrder_Right{width:100%; height:auto; margin:0 auto; padding:20px; background-color:#fff; box-sizing: border-box; -webkit-box-sizing: border-box; -o-box-sizing: border-box; -moz-box-sizing: border-box; clear:both;} .NyProDetail_Order { width:100%; height:auto; overflow:hidden; margin:0 auto 60px; padding:40px 40px 15px; background:#f2f2f2 url(../images/xs.png) left top no-repeat; box-sizing: border-box; -webkit-box-sizing: border-box; -o-box-sizing: border-box; -moz-box-sizing: border-box;} .NyProDetail_Order .NyProOrder_Main { width:100%; height:auto; margin:0 auto; padding:0; position:relative;} .NyProOrder_Main .NyProOrder_Left { width:22%; height:auto; margin:0; padding:40px; float:left; box-sizing: border-box; -webkit-box-sizing: border-box; -o-box-sizing: border-box; -moz-box-sizing: border-box;} .NyProOrder_Left .NyProOrder_Title { width:100%; height:auto; margin:0 auto 40px; padding:0;} .NyProOrder_Title p { width:100%; height:auto; overflow:hidden; line-height:40px; color:#333; font-size:30px; font-weight:bold; margin:0 auto; padding:0;} .NyProOrder_Title i { display:block; width:36px; height:4px; margin:10px 0 15px; padding:0; background-color:#099be8;} .NyProOrder_Title span { display:block; width:100%; height:auto; overflow:hidden; line-height:30px; color:#333; font-size:18px; font-weight:bold; margin:0 auto; padding:0;} .NyProOrder_Left .NyProOrder_Img { width:152px; height:152px; overflow:hidden; margin:0 auto; padding:0; border:6px solid #099be8; border-radius:50%; background-color:#fff; position:relative;} .NyProOrder_Img img { display:block; width:100%; height:100%; margin:auto; padding:0; position:absolute; left:0; top:0; right:0; bottom:0;} .NyProOrder_Main .NyProOrder_Right { width:78%; height:auto; margin:0; padding:0 40px; float:right; box-sizing: border-box; -webkit-box-sizing: border-box; -o-box-sizing: border-box; -moz-box-sizing: border-box;} .NyProOrder_Right #ly_msg.ly_msg { width:100%!important; height:auto!important; margin:0 auto!important; padding:0!important;} .NyProOrder_Right #ly_msg.ly_msg h3 { display:none!important;} .NyProOrder_Right #ly_msg.ly_msg ul { width:100%!important; overflow:hidden!important; margin:0 auto!important; padding:0!important;} .NyProOrder_Right #ly_msg.ly_msg ul li h4, .NyProOrder_Right #ly_msg.ly_msg ul li h4.xh { display:none!important;} .NyProOrder_Right #ly_msg.ly_msg ul li { width:100%!important; height:auto!important; overflow:hidden!important; line-height:inherit!important; color:inherit!important; font-size:inherit!important; margin:0 0 25px!important; padding:0!important; clear:inherit!important;} .NyProOrder_Right #ly_msg.ly_msg ul li:nth-child(1), .NyProOrder_Right #ly_msg.ly_msg ul li:nth-child(3), .NyProOrder_Right #ly_msg.ly_msg ul li:nth-child(5) { width:48%!important; margin:0 4% 25px 0!important; float:left!important;} .NyProOrder_Right #ly_msg.ly_msg ul li:nth-child(2), .NyProOrder_Right #ly_msg.ly_msg ul li:nth-child(4), .NyProOrder_Right #ly_msg.ly_msg ul li:nth-child(6) { width:48%!important; float:right!important;} .NyProOrder_Right #ly_msg.ly_msg ul li:last-child { margin:25px auto 0!important;} .NyProOrder_Right #ly_msg.ly_msg ul li .msg_ipt1, .NyProOrder_Right #ly_msg.ly_msg ul li .msg_ipt12, .NyProOrder_Right #ly_msg.ly_msg ul li .msg_tara { width:100%!important; height:auto!important; margin:0!important; padding:0!important;} .NyProOrder_Right #ly_msg.ly_msg ul li .msg_ipt1 input, .NyProOrder_Right #ly_msg.ly_msg ul li .msg_ipt12 input, .NyProOrder_Right #ly_msg.ly_msg ul li .msg_ipt2 input, .NyProOrder_Right #ly_msg.ly_msg ul li .msg_ipt12 .msg_option { display:block!important; width:100%!important; height:60px!important; line-height:60px; color:#aaa !important; font-size:16px!important; margin:0!important; padding:0 20px!important; background-color:#fff!important; border:0!important; outline:none!important; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;} .NyProOrder_Right #ly_msg.ly_msg ul li .c_yzm { width:auto; margin:0 10px 0 0!important; padding:0!important; float:left!important;} .NyProOrder_Right #ly_msg.ly_msg ul li .msg_ipt2 input { width:240px!important; margin:0 10px 0 0!important; float:left!important;} .NyProOrder_Right #ly_msg.ly_msg ul li a.yzm_img { display:block!important; width:120px!important; height:40px!important; margin:10px 0!important; padding:0!important; float:left!important;} .NyProOrder_Right #ly_msg.ly_msg ul li .msg_ipt2>span { line-height:60px!important; color:#999!important; font-size:16px!important;} .NyProOrder_Right #ly_msg.ly_msg ul li .msg_tara textarea, .NyProOrder_Right #ly_msg.ly_msg ul li .msg_ipt0 textarea { display:block!important; width:100%!important; height:150px!important; line-height:30px; color:#999; font-size:16px!important; margin:0!important; padding:15px 20px!important; background-color:#fff!important; border:0!important; outline:none!important; resize:none!important; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;} .NyProOrder_Right #ly_msg.ly_msg ul li .msg_btn { width:200px!important; height:auto!important; overflow:hidden!important; margin:0!important; padding:0!important; float:inherit!important; position:absolute; left:40px; bottom:45px;} .NyProOrder_Main .NyProOrder_Right #ly_msg.ly_msg .msg_btn input { width:200px!important; height:60px!important; overflow:hidden!important; line-height:60px!important; color:#fff!important; font-size:16px!important; text-align:center!important; background-color:#333!important; margin:0 0 20px 0!important; padding:0!important; border:none!important; cursor:pointer!important;} .NyProOrder_Right #ly_msg.ly_msg .msg_btn input:hover { background-color:#099be8!important;} .NyProOrder_Right #ly_msg.ly_msg .msg_btn input.msg_btn1 { background-color:#099be8!important;} .NyProOrder_Right #ly_msg.ly_msg .msg_btn input.msg_btn1:hover { background-color:#02409e!important;} .NyProOrder_Right #ly_msg.ly_msg ul li .msg_ipt2 { width:100%!important;} @media (max-width:1680px) { } @media (max-width:1600px) { } @media (max-width:1560px) { .NyProDetail { width:100%; padding:0 60px;} } @media (max-width:1440px) { .NyProDetail { padding:0 40px;} .NyProDetail_Tags dl dd p span{ width:60%;} } @media (max-width:1366px) { .NyProDetail_Main .NyProDetail_Img { width:42%;} .NyProDetail_Main .NyProDetail_Text { width:58%;} .NyProDetail_Text .NyProDetail_Name { font-size:26px;} .NyProDetail_Text .NyProDetail_Ms dd { font-size:15px;} .NyProDetail_Tags dl dd p { font-size:15px;} .NyProDetail_Btm .NyProDetail_Tel span { font-size:14px;} .NyProDetail_Con .ProDetailText { width:100%; overflow:hidden; line-height: 30px; color: #666; font-size: 15px; margin:0 auto 30px; padding:0;} .ProDetailText div, .ProDetailText p { margin:0 auto 30px;} .ProDetailText img, .ProDetailText table, .ProDetailText tr, .ProDetailText td, .ProDetailText p, .ProDetailText span, .ProDetailText div, .ProDetailText video, .ProDetailText embed { width:auto !important;height:auto !important;max-width:100% !important;max-height: 100%; line-height: 30px; color: #666; font-size: 15px; box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;white-space:normal;word-break:break-all; text-align:justify;} .ProDetailText p span, .ProDetailText span, .ProDetailText p em, .ProDetailText em { color:#666!important; font-family:Arial,\5FAE\8F6F\96C5\9ED1,Helvetica,sans-serif!important; font-size:15px!important;} .ProDetailText b { display:block; line-height: 30px; color: #666; font-size: 15px; font-weight:bold; margin:0 0 5px;} .NyPro_PrevNext p, .NyPro_PrevNext p a { font-size:15px;} .NyPro_PrevNext a.NyProAll { font-size:15px;} } @media (max-width:1280px) { .NyProDetail_Main .NyProDetail_Img { width:45%;} .NyProDetail_Main .NyProDetail_Text { width:55%;} .NyProDetail_Btm .NyProDetail_Tel { width:70%;} .NyProDetail_Btm a.NyProDetail_Btn { width:30%;} .NyProOrder_Main .NyProOrder_Left { padding:20px;} .NyProOrder_Main .NyProOrder_Right { padding:0 20px;} .NyProOrder_Right #ly_msg.ly_msg ul li .msg_ipt1 input, .NyProOrder_Right #ly_msg.ly_msg ul li .msg_ipt12 input, .NyProOrder_Right #ly_msg.ly_msg ul li .msg_ipt2 input, .NyProOrder_Right #ly_msg.ly_msg ul li .msg_ipt12 .msg_option { height:50px!important; line-height:50px!important; font-size:15px!important;} .NyProOrder_Right #ly_msg.ly_msg ul li .msg_tara textarea, .NyProOrder_Right #ly_msg.ly_msg ul li .msg_ipt0 textarea { height:145px!important; line-height:25px; font-size:15px!important; padding:10px 20px!important;} .NyProOrder_Right #ly_msg.ly_msg ul li a.yzm_img { margin:5px 0!important;} .NyProOrder_Right #ly_msg.ly_msg ul li .msg_ipt2>span { font-size:15px!important; line-height:50px!important;} .NyProOrder_Main .NyProOrder_Right #ly_msg.ly_msg .msg_btn input { height:50px!important; line-height:50px!important;} .NyProOrder_Right #ly_msg.ly_msg ul li .msg_btn { left:20px;} } @media (max-width:1200px) { .NyProDetail_Order { padding:30px 30px 5px;} } @media (max-width:1080px) { .NyProDetail .NyProDetail_Main { margin:40px auto;} .NyProDetail_Content .NyProDetail_Right { width:100%; margin:0 auto 40px; padding:0; float:inherit;} .NyProDetail_Content .NyProDetail_Left { width:100%; margin:0 auto; padding:0; float:inherit;} .NyProDetail .NyProDetail_Content { margin:40px auto;} .NyProDetail_Tit { margin:0 auto 20px;} .NyProDetail_Con .ProDetailText { margin:0 auto 20px;} .ProDetailText div, .ProDetailText p { margin:0 auto 20px;} .NyProDetail_Order { margin:0 auto 40px; padding:20px 20px 0;} .NyProOrder_Main .NyProOrder_Right #ly_msg.ly_msg .msg_btn input { width: 160px!important;} .NyProOrder_Right #ly_msg.ly_msg ul li .c_yzm { height:50px;} .NyProOrder_Right #ly_msg.ly_msg ul li .msg_ipt2 input { width:180px!important;} .NyProOrder_Right #ly_msg.ly_msg ul li .msg_ipt2>span { display:block; width:100%; line-height:30px!important; font-size:14px!important; margin:10px auto 0;} .NyProOrder_Right #ly_msg.ly_msg ul li .msg_ipt1 input, .NyProOrder_Right #ly_msg.ly_msg ul li .msg_ipt12 input, .NyProOrder_Right #ly_msg.ly_msg ul li .msg_ipt2 input, .NyProOrder_Right #ly_msg.ly_msg ul li .msg_ipt12 .msg_option { font-size:14px!important;} .NyProOrder_Right #ly_msg.ly_msg ul li .msg_tara textarea, .NyProOrder_Right #ly_msg.ly_msg ul li .msg_ipt0 textarea { font-size:14px!important;} .NyProDetail_Tags dl dd p span{ width:50%;} } @media (max-width:1024px) { } @media (max-width:800px) { .NyProDetail { padding: 0 30px;} .NyProDetail_Main .NyProDetail_Img { width:100%; margin:0 auto 20px; padding:0; float:inherit;} .jqzoom { height:440px;} .NyProDetail_Main .NyProDetail_Text { width:100%; margin:0 auto; padding:0; float:inherit;} .NyProDetail_Text .NyProDetail_Ms { margin:20px auto 0;} .NyProDetail_Text .NyProDetail_Btm { margin:0 auto;} .NyProDetail_Text .NyProDetail_Name { font-size:24px;} .NyProDetail_Content .NyProDetail_Right { width:100%; margin:0 auto 40px; padding:0; float:inherit;} .NyProDetail_Content .NyProDetail_Left { width:100%; margin:0 auto; padding:0; float:inherit;} .NyProDetail_Order { padding:10px 10px 0;} .NyProOrder_Main .NyProOrder_Left { width:100%; margin:0 auto; padding:20px; float:inherit; position:relative;} .NyProOrder_Left .NyProOrder_Title { margin:0 auto;} .NyProOrder_Left .NyProOrder_Img { width:100px; height:100px; border:3px solid #099be8; position:absolute; top:20px; right:20px;} .NyProOrder_Main .NyProOrder_Right { width:100%; margin:0 auto; padding:20px 20px 10px; float:inherit;} .zoomdiv{ display:none !important;} .NyProOrder_Right #ly_msg.ly_msg ul li:last-child { margin:20px auto!important;} .NyProOrder_Right #ly_msg.ly_msg ul li .msg_btn { width:100%!important; position:inherit; left:inherit; bottom:inherit;} .NyProOrder_Main .NyProOrder_Right #ly_msg.ly_msg .msg_btn input { margin:0 20px 0 0!important;} .NyProOrder_Right #ly_msg.ly_msg ul li .msg_ipt2 input { width:160px!important;} .NyProDetail_Tags dl dd p span{ width:70%;} } @media (max-width:767px) { .NyProDetail { padding: 0 12px;} .cp_content .NyProDetail_Main { margin:0 auto 20px; padding:12px;} .cp_content .NyProDetail_Content { margin:20px auto;} .NyProDetail_Tit { margin:0 auto 20px;} .NyProDetail_Con .ProDetailText { margin:0 auto 10px;} .ProDetailText div, .ProDetailText p { margin:0 auto 10px;} .jqzoom { height:280px;} #spec-n5 { height:82px;} #spec-list ul li { height:72px;} .NyProDetail_Text .NyProDetail_Name { min-height:32px; max-height:64px; line-height:32px; font-size:22px;} .NyProDetail_Text .NyProDetail_Name i { height:22px; top:5px;} .NyProDetail_Text .NyProDetail_Ms { padding:8px 12px;} .NyProDetail_Text .NyProDetail_Ms dd { height:auto; max-height:72px; line-height:24px; font-size:14px;} .NyProDetail_Text .NyProDetail_Tags { margin:12px auto;} .NyProDetail_Tags dl dd { width:100%; margin:0 auto; padding:0; float:inherit; border-bottom:1px solid #e5e5e5;} .NyProDetail_Tags dl dd:nth-child(4) { border:0;} .NyProDetail_Tags dl dd p { font-size:14px;} .NyProDetail_Text .NyProDetail_Btm { height:auto; padding:12px;} .NyProDetail_Btm .NyProDetail_Tel { width:100%; height:auto; margin:0 auto; padding:0 0 0 60px; border-right:0;} .NyProDetail_Btm a.NyProDetail_Btn { display:none; width:100%; height:auto; font-size:20px; font-weight:bold; margin:0 auto; padding:20px 0 0; text-align:left; float:inherit; border-top:1px solid rgba(255,255,255,0.2); float:inherit;} .NyProDetail_Btm a.NyProDetail_Btn img {} .NyProDetail_Content .NyProDetail_Right { margin:0 auto 20px;} .NyPro_PrevNext { padding:7px 20px;} .NyPro_PrevNext p { width:100%; font-size:14px; text-align:left; padding:0;} .NyPro_PrevNext p.NyProNext { text-align:left; padding:0 0 0 30px;} .NyPro_PrevNext p.NyProNext img { right: inherit; left:0;} .NyPro_PrevNext a.NyProAll { width:100%; font-size:14px; text-align:left;} .NyProDetail_Tags dl dd p span{ width:80%;} .NyProDetail_Order { margin:0 auto 20px; padding:12px;} .NyProDetail_Left .NyOrder_Right{padding: 12px;} .NyProOrder_Main .NyProOrder_Left { padding:0; margin:0 auto 20px;} .NyProOrder_Title p { line-height:36px; font-size:26px;} .NyProOrder_Title i { height:3px; margin:7px 0 10px;} .NyProOrder_Title span { line-height:24px; font-size:16px;} .NyProOrder_Left .NyProOrder_Img { width:74px; height:74px; top:0; right:0;} .NyProOrder_Main .NyProOrder_Right { padding:0;} .NyProOrder_Right #ly_msg.ly_msg ul li { margin:0 auto 20px!important;} .NyProOrder_Right #ly_msg.ly_msg ul li:nth-child(1), .NyProOrder_Right #ly_msg.ly_msg ul li:nth-child(3), .NyProOrder_Right #ly_msg.ly_msg ul li:nth-child(5) { width: 100%!important; margin: 0 auto 20px!important; float: inherit!important;} .NyProOrder_Right #ly_msg.ly_msg ul li:nth-child(2), .NyProOrder_Right #ly_msg.ly_msg ul li:nth-child(4), .NyProOrder_Right #ly_msg.ly_msg ul li:nth-child(6) { width: 100%!important; margin: 0 auto 20px!important; float: inherit!important;} .NyProOrder_Right #ly_msg.ly_msg ul li .msg_ipt2 input { width:160px!important;} .NyProOrder_Main .NyProOrder_Right #ly_msg.ly_msg .msg_btn input { width:48%!important; margin:0!important;} .NyProOrder_Main .NyProOrder_Right #ly_msg.ly_msg .msg_btn input.msg_btn1 { margin: 0 4% 0 0!important;} .NyProOrder_Right #ly_msg.ly_msg ul li .msg_ipt2>span { line-height: 24px!important; font-size: 14px!important;} .NyProOrder_Right #ly_msg.ly_msg ul li .msg_ipt1 input, .NyProOrder_Right #ly_msg.ly_msg ul li .msg_ipt12 input, .NyProOrder_Right #ly_msg.ly_msg ul li .msg_ipt2 input, .NyProOrder_Right #ly_msg.ly_msg ul li .msg_ipt12 .msg_option { font-size:14px!important;} .NyProOrder_Right #ly_msg.ly_msg ul li .msg_tara textarea, .NyProOrder_Right #ly_msg.ly_msg ul li .msg_ipt0 textarea { font-size:14px!important; height: 140px!important; line-height: 24px;} .NyProOrder_Right #ly_msg.ly_msg ul li:last-child { margin: 20px auto 0!important;} .NyProOrder_Right #ly_msg.ly_msg ul li .c_yzm { width:100%!important; float:inherit!important;} .NyProOrder_Right #ly_msg.ly_msg ul li .msg_ipt2 { padding:0!important;} } @media (max-width:425px) { .NyProDetail_Tags dl dd p span{ width:70%;} } @media (max-width:375px) { .jqzoom { height:260px;} #spec-n5 { height:74px;} #spec-list ul li { height:64px;} .NyProDetail_Tags dl dd p span{ width:60%;} } @media (max-width:320px) { .jqzoom { height:220px;} #spec-n5 { height:64px;} #spec-list ul li { height:54px;} .NyProDetail_Btm .NyProDetail_Tel{ padding:0;} .NyProDetail_Btm .NyProDetail_Tel img { position:inherit; left:inherit; top:inherit; margin:0 auto 10px;} .NyProDetail_Btm .NyProDetail_Tel span, .NyProDetail_Btm .NyProDetail_Tel p { text-align:center;} .NyProOrder_Right #ly_msg.ly_msg ul li .msg_ipt2 input { width: 130px!important;} } /*产品详细页内容*/ .cpxxcontent{ background:#fff; padding:40px 40px 0; overflow:hidden; border-bottom:8px solid #099be8;} .cpxxcontent .cpxx_tit{ font-size:24px; font-weight:bold; color:#099be8; position:relative; padding-bottom:10px; margin-bottom:30px;} .cpxxcontent .cpxx_tit:before{content:""; display:block; width:94px; height:3px; background:#099be8; position:absolute; left:0;bottom:0; z-index:2;} .cpxxcontent .cpxx_tit:after{content:""; display:block; width:100%; height:1px; background:#e6e6e6; position:absolute; left:0;bottom:1px;} .c_detail_wrap{ line-height:30px;} .c_detail_wrap img,.c_detail_wrap p,.c_detail_wrap span,.c_detail_wrap div,.c_detail_wrap video,.c_detail_wrap embed,.c_detail_wrap table,.c_detail_wrap tr,.c_detail_wrap td{max-width:100% !important;max-height: 100% !important; width:auot !important; height:auto !important;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;white-space:normal;word-break:break-all;word-break: normal;} .cpxxcontent .ny_fanye{ width:100%; height:64px; padding:0 24px; background:#f3f4f6; overflow:hidden; margin-top:30px; position:relative;} .cpxxcontent .ny_fanye .NyProPrev{ width:45%; float:left; font-size:16px; font-weight:bold; line-height:64px;overflow:hidden; white-space:nowrap;text-overflow:ellipsis;color:#666;} .cpxxcontent .ny_fanye .NyProPrev img{ margin-right:7px;vertical-align: middle;} .cpxxcontent .ny_fanye .NyProPrev a{ color:#666; font-weight:400; transition: all .4s ease; margin-left:7px;} .cpxxcontent .ny_fanye .NyProPrev:hover a{ color:#099be8;} .cpxxcontent .ny_fanye .NyPronext{width:49%; float:right; font-size:16px; font-weight:bold; line-height:64px; text-align:right;overflow:hidden; white-space:nowrap;text-overflow:ellipsis;color:#666} .cpxxcontent .ny_fanye .NyPronext img{ margin:0 7px;vertical-align: middle;} .cpxxcontent .ny_fanye .NyPronext a{ color:#666; font-weight:400; transition: all .4s ease;} .cpxxcontent .ny_fanye .NyPronext:hover a{ color:#099be8;} .cpxxcontent .ny_fanye em{ display:block;width:1px; height:100%; background:#ddd; position:absolute; left:50%;} .cpxxcontent .ordertit{ margin-top:40px;} @media screen and (max-width:1399px){ .cpxxcontent{ background:#fff; padding:30px 30px 0;} } @media screen and (max-width:767px){ .cpxxcontent{padding: 20px 20px 0;} .cpxxcontent .cpxx_tit{ font-size:20px; margin-bottom:20px;} .cpxxcontent .ny_fanye{ height:100px;padding: 0 14px;} .cpxxcontent .ny_fanye .NyProPrev,.cpxxcontent .ny_fanye .NyPronext{ width:100%; height:50px; line-height:50px;font-size: 14px;} .cpxxcontent .ny_fanye .NyProPrev img,.cpxxcontent .ny_fanye .NyPronext img{width: 26px; height: 19px; display:none;} .cpxxcontent .ny_fanye .NyPronext{ float:left; text-align:left;} .cpxxcontent .ny_fanye .NyPronext a{ margin-left:7px;} .cpxxcontent .ny_fanye em{width:100%;height:1px; left:0; top:50%;} .cpxxcontent .ordertit{ margin-top:25px;} } /*内页技术文章*/ .art_content{padding: 58px 0; overflow: hidden; background:#f9f9f9; min-height:600px;} .art_content ul.artul li{ width:32%; margin-right:2%; float:left; background:#fff; padding:25px; margin-bottom:25px;transition: all .4s ease;} .art_content ul.artul li:nth-child(3n){ margin-right:0;} .art_content ul.artul li:hover{box-shadow:0px 5px 15px rgba(0,0,0,.1); position:relative; -webkit-transform: scale(1.05);-moz-transform: scale(1.05);transform: scale(1.05);} .art_content ul.artul li em{ display:block; color:#999; border:1px solid #999; border-radius:3px; width:80px; height:29px; line-height:29px; text-align:center; float:left;} .art_content ul.artul li .time{ float:right; text-align:right;} .art_content ul.artul li .time p{ color:#999;} .art_content ul.artul li .time span{color:#666; font-size:24px; font-weight:bold; line-height:26px;} .art_content ul.artul li .name{ display:block; width:80%; font-size:18px; font-weight:bold;margin:7px 0 15px;height:54px; overflow:hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;transition: all .4s ease;} .art_content ul.artul li:hover .name{ color:#099be8;} .art_content ul.artul li i{ display:block; height:2px; width:100%; background:#f5f5f5; margin-bottom:15px;} .art_content ul.artul li .ms{color:#999; line-height:24px; height:48px;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;} .art_content ul.artul li .more{ display:block; width:25px; height:25px; line-height:25px; background:#eee; border-radius:50%; text-align:center; color:#999; font-size:18px; margin-top:15px;transition: all .4s ease;} .art_content ul.artul li:hover .more{background:#099be8; color:#fff;} @media screen and (max-width:1399px){ .art_content{padding: 48px 0;} } @media screen and (max-width:1079px){ .art_content{padding: 33px 0;} .art_content ul.artul li{ width:49%; margin-right:2%;margin-bottom:15px;} .art_content ul.artul li:nth-child(3n){ margin-right:2%;} .art_content ul.artul li:nth-child(2n){ margin-right:0;} } @media screen and (max-width:767px){ .art_content ul.artul li{ width:100%; margin-right:0;margin-bottom:10px;} .art_content ul.artul li:nth-child(3n){ margin-right:0;} .art_content ul.artul li .name{ width:100%; height:27px;-webkit-line-clamp: 1;} } /*技术文章详细页*/ .NyNewDetail_Name { width:100%; height:auto; overflow:hidden; line-height:40px; color:#333; font-size:30px; margin:0 auto 15px; padding:0;} .NyNewDetail_Tips { width:100%; height:30px; overflow:hidden; line-height:30px; color:#999; font-size:16px; margin:0 auto 30px; padding:0 0 15px; border-bottom:1px solid #e6e6e6;height: 40px;} .NyNewDetail_Tips span { display:inline-block; height:30px; line-height:30px; color:#999; font-size:16px; margin:0 40px 0 0; padding:0;} .NyNewDetail_Tips span img { display:block; width:16px; height:16px; margin:7px 10px 7px 0; padding:0; float:left;} .NyNewDetail_Content { width:100%; height:auto; overflow:hidden; line-height:28px!important; color:#666!important; font-family:Arial,Helvetica,\5FAE\8F6F\96C5\9ED1,sans-serif!important; font-size:16px!important; word-break:break-all; text-align:justify; margin:0 auto; padding:0;} .NyNewDetail_Content div, .NyNewDetail_Content p, .NyNewDetail_Content span, .NyNewDetail_Content font, .NyNewDetail_Content em { width:100%; height:auto; overflow:hidden; line-height:28px!important; color:#666!important; font-family:Arial,Helvetica,\5FAE\8F6F\96C5\9ED1,sans-serif!important; font-size:16px!important; font-style:normal; word-break:break-all; text-align:justify; margin:0 auto; padding:0;} .NyNewDetail_Content .xq_himg{ text-align:center; margin:0 auto 30px;} .NyNewDetail_Content img { display:inline-block; max-width:100%!important;} .NyPrevNext { width:100%; height:auto; margin:0 auto; padding:0; background-color:#fff; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;} .NyPrevNext ul { width:1400px; margin:0 auto;} .NyPrevNext ul li { width:100%; height:auto; min-height:100px; overflow:hidden; line-height:40px; color:#999; font-size:18px; margin:0; padding:30px 0 30px 120px; position:relative; transition: all 0.4s; -webkit-transition: all 0.4s; -moz-transition: all 0.4s; -o-transition: all 0.4s; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;} .NyPrevNext ul li:nth-child(1) { border-bottom:1px solid #e6e6e6;} .NyPrevNext ul li i { display:block; width:100px; height:40px; overflow:hidden; line-height:40px; color:#666; font-size:18px; font-style:normal; text-align:center; background-color:#edf1f4; border-radius:20px; margin:0; padding:0; position:absolute; left:0; top:30px; transition: all 0.4s; -webkit-transition: all 0.4s; -moz-transition: all 0.4s; -o-transition: all 0.4s;} .NyPrevNext ul li a { display:block; width:100%; height:40px; overflow:hidden; line-height:40px; color:#333; font-size:18px; white-space:nowrap; text-overflow: ellipsis; margin:0; padding:0; transition: all 0.4s; -webkit-transition: all 0.4s; -moz-transition: all 0.4s; -o-transition: all 0.4s; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;} .NyPrevNext ul li:hover i { color:#fff; background-color:#099be8;} .NyPrevNext ul li:hover a { color:#099be8; text-decoration:underline;} /*NyNewDetail 缁撴潫*/ @media (max-width:1400px) { .NyNewDetail_Name { font-size:28px;} .NyNewDetail_Tips { font-size:15px;} .NyNewDetail_Tips span { font-size:15px; margin:0 30px 0 0;} .NyNewDetail_Content { line-height:25px!important; font-size:15px!important;} .NyNewDetail_Content div, .NyNewDetail_Content p, .NyNewDetail_Content span, .NyNewDetail_Content font, .NyNewDetail_Content em { line-height:25px!important; font-size:15px!important;} .NyPrevNext { padding:0 60px;} .NyPrevNext ul { width:100%;} .NyPrevNext ul li { min-height:80px; padding:20px 0 20px 120px;} .NyPrevNext ul li i { top:20px;} } @media (max-width:1366px) { .NyNewDetail_Name { font-size:26px;} } @media (max-width:1200px) { .NyNewDetail_Name { font-size:24px; margin:0 auto 10px;} .NyNewDetail_Tips { font-size:14px; margin:0 auto 20px; padding:0 0 5px;} .NyNewDetail_Tips span { font-size:14px; margin:0 30px 0 0;} .NyNewDetail_Content { line-height:24px!important; font-size:14px!important;} .NyNewDetail_Content div, .NyNewDetail_Content p, .NyNewDetail_Content span, .NyNewDetail_Content font, .NyNewDetail_Content em { line-height:24px!important; font-size:14px!important;} .NyPrevNext { padding:0 40px;} .NyPrevNext ul li { min-height:80px; font-size:16px; padding:20px 0 20px 110px;} .NyPrevNext ul li a { font-size:16px;} .NyPrevNext ul li i { width:90px; font-size:16px;} } @media (max-width:1080px) { } @media (max-width:800px) { .NyNewDetail_Name { line-height:32px; font-size:22px; margin:0 auto 10px;} .NyPrevNext { padding:0 20px;} .NyPrevNext ul li { font-size:16px; padding:20px 0 20px 100px;} .NyPrevNext ul li a { font-size:16px;} .NyPrevNext ul li i { width:80px; font-size:14px;} } @media (max-width:767px) { .NyNewDetail_Name { line-height:30px; font-size:20px; margin:0 auto 10px;} .NyNewDetail_Tips span { margin:0 20px 0 0;} .NyPrevNext { padding:0 12px;} .NyPrevNext ul li { font-size:16px; padding:20px 0 20px 92px;} .NyPrevNext ul li a { font-size:16px;} .NyPrevNext ul li i { width:80px; font-size:14px;} } @media (max-width:375px) { .NyNewDetail_Tips span img{ display:none;} .NyPrevNext ul li { min-height:56px; line-height:32px; font-size:14px; padding:12px 0 12px 80px;} .NyPrevNext ul li a { height:32px; line-height:32px; font-size:14px;} .NyPrevNext ul li i { width:68px; height:32px; line-height:32px; font-size:14px; top:12px;} } @media (max-width:320px) { .NyNewDetail_Name { line-height:26px; font-size:18px;} } /*联系我们页面*/ .lxwm_content{ background:#fff !important; padding:58px 0 0 !important;border-top: 1px solid #eee;} .lxwm_content .w1400{display: -webkit-flex;display: flex;flex-wrap: wrap; position:relative; z-index:333; min-height:550px;} .lxwm_content .lff_tit{ font-size:24px; font-weight:bold; padding-bottom:15px; position:relative;} .lxwm_content .lff_tit:before{ content:""; display:block; width:94px; height:1px; background:#e9e9ea; position:absolute; bottom:0; left:0;} .lxwm_content .lff_tit:after{ content:""; display:block; width:30px; height:1px; background:#099be8;position:absolute; bottom:0; left:0;} /*留言框*/ .lxwm_content .lff_msg{ width:460px; float:left;box-shadow:0 0 15px rgba(0,0,0,.12); background:#fff; padding:40px 26px 5px; border-bottom:8px solid #099be8;} .lff_msg #ly_msg.ly_msg .msg_ipt1 input, .lff_msg .msg_ipt12 input, .lff_msg .msg_ipt2 input, .lff_msg .msg_tara textarea, .lff_msg #ly_msg.ly_msg ul li .msg_ipt0 textarea, .lff_msg .msg_ipt12 .msg_option{ background:#fff !important;} .lxwm_content #ly_msg.ly_msg ul li:nth-of-type(2),.lxwm_content #ly_msg.ly_msg ul li:nth-of-type(6),.lxwm_content #ly_msg.ly_msg ul li:nth-of-type(7){ display:none !important;} .lff_msg #ly_msg.ly_msg ul li:nth-of-type(9){display:flex; display: -webkit-flex;justify-content: space-between; } .lff_msg #ly_msg.ly_msg ul li h4{ width:82px !important; padding-right:10px!important;} .lff_msg #ly_msg.ly_msg ul li .msg_ipt1, .lff_msg #ly_msg.ly_msg ul li .msg_ipt12, .lff_msg #ly_msg.ly_msg ul li .msg_tara{width: calc(100% - 94px)!important; } .lff_msg #ly_msg.ly_msg ul li:last-child { margin-bottom:0 !important;} .lff_msg #ly_msg.ly_msg ul li:last-child h4{ display:none !important;} .lxwm_content #ly_msg.ly_msg ul li:last-child .msg_btn{ width:100% !important;} .lff_msg .ly_msg .msg_btn input{margin: 0 15px 0 0;} .lff_msg #ly_msg.ly_msg ul li a.yzm_img{ height:40px!important; width:120px!important; margin-top:0!important;} .lff_msg #ly_msg.ly_msg ul li .c_yzm{ padding-bottom:0 !important;} .lff_msg #ly_msg.ly_msg ul li .msg_ipt2 > span{ display:none !important;} .lff_msg #ly_msg.ly_msg .msg_btn input{ width:48.5% !important; margin:0!important;} .lff_msg .msg_btn input.msg_btn1{ background:#099be8 !important;} .lff_msg #ly_msg.ly_msg .msg_btn input:last-child{ margin: 0 0 0 3%!important;} /*联系方式*/ .lxwm_content .lxfs_box{width: calc(100% - 460px); float:right;padding: 40px 62px;} .lxwm_content .lxfs_box ul.nylx_tel{ margin-top:40px; overflow:hidden; padding-bottom:30px; border-bottom: 1px solid #e9e9ea;} .lxwm_content .lxfs_box ul.nylx_tel li { float: left; margin-right:7%; background: url(../images/tel01.png) no-repeat left center; padding-left: 60px; } .lxwm_content .lxfs_box ul.nylx_tel li:last-child{ margin-right:0;} .lxwm_content .lxfs_box ul.nylx_tel li span { display: block; font-size: 16px; color: #999; } .lxwm_content .lxfs_box ul.nylx_tel li b { font-size: 32px; color: #099be8; font-family: impact; display: block;} .lxwm_content .ly_Ny_list{overflow:hidden; margin:40px 0;} .lxwm_content .ly_Ny_list ul li { float: left; width: 31.333333%; margin-right: 3%; border-right: 1px solid #ddd; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; padding-left: 85px; min-height: 70px; padding-right: 30px; word-wrap: break-word;} .lxwm_content .ly_Ny_list ul li span { display: block; font-size: 16px; color: #999; margin-top: 12px; } .lxwm_content .ly_Ny_list ul li b { font-size: 15px; color: #333; margin-top: 5px;} .lxwm_content .ly_Ny_list ul li:nth-child(1) { background: url(../images/y38.png) no-repeat left top; } .lxwm_content .ly_Ny_list ul li:nth-child(2) { background: url(../images/y39.png) no-repeat left top; } .lxwm_content .ly_Ny_list ul li:nth-child(3) { margin-right: 0;padding-right:0; border: 0; background: url(../images/y40.png) no-repeat left top; } .lxwm_content .NyContactMap_main{ width:100%; margin-top:-240px;} #container { min-width:600px; min-height: 500px;} .lxwm_content [onpositionupdate]{ display:none;} @media screen and (max-width:1399px) { .lxwm_content{padding:48px 0 0 !important;} .lxwm_content .lxfs_box{padding: 40px 40px;} .lxwm_content .ly_Ny_list{margin: 40px 0 0;} .lxwm_content .ly_Ny_list ul li{ width:100%; margin-bottom:20px; border-right: 0;} .lxwm_content .NyContactMap_main{ margin-top:0;} } @media screen and (max-width:1079px) { .lxwm_content{ padding:38px 0 0 !important;} .lxwm_content .lff_tit{ font-size:20px;} .lxwm_content .lff_tit:before{ width:78px;} .lxwm_content .lff_msg{ width:100%;} .lxwm_content .lxfs_box{width:100%;padding: 30px 20px;} .lxwm_content .lxfs_box ul.nylx_tel{ margin-top:30px;} .lxwm_content .lxfs_box ul.nylx_tel li b{font-size: 26px;} .lxwm_content .ly_Ny_list{ margin-top:30px;} .lxwm_content .ly_Ny_list ul li{ margin-bottom:10px;} #container {min-height: 300px;} } @media screen and (max-width:767px) { .lff_msg #ly_msg.ly_msg ul li{margin: 0 auto 10px!important;} .lff_msg #ly_msg.ly_msg ul li .msg_ipt1, .lff_msg #ly_msg.ly_msg ul li .msg_ipt12, .lff_msg #ly_msg.ly_msg ul li .msg_tara{width:100%!important; } .lff_msg #ly_msg.ly_msg .msg_btn input{ width:48.5% !important; margin:0!important;} .lff_msg #ly_msg.ly_msg .msg_btn input:last-child{ margin: 0 0 0 3%!important;} } /*荣誉资质内页*/ .honor_content { padding:58px 0; overflow:hidden;} .honor_content ul.nyhonor_box li{float:left;width:23.5%;margin-right:2%;margin-bottom:20px; background:#fff; box-shadow: inset 0 0 0 5px #f0f0f4;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;transition-duration: .5s;-ms-transition-duration: .5s;-moz-transition-duration: .5s;-webkit-transition-duration: .5s; position:relative; padding:1%;} .honor_content ul.nyhonor_box li::before, .honor_content ul.nyhonor_box li::after { box-sizing: inherit; content: '';position: absolute; width: 100%; height: 100%;top: 0;left: 0;-webkit-transform-origin: center; transform-origin: center;} .honor_content ul.nyhonor_box li::before { border-top: 5px solid #099be8; border-bottom: 5px solid #099be8;-webkit-transform: scale3d(0, 1, 1);transform: scale3d(0, 1, 1);} .honor_content ul.nyhonor_box li::after {border-left: 5px solid #099be8;border-right: 5px solid #099be8; -webkit-transform: scale3d(1, 0, 1);transform: scale3d(1, 0, 1);} .honor_content ul.nyhonor_box li:hover::before, .honor_content ul.nyhonor_box li:hover::after {-webkit-transform: scale3d(1, 1, 1);transform: scale3d(1, 1, 1);transition: -webkit-transform 0.4s;transition: transform 0.4s;transition: transform 0.4s, -webkit-transform 0.4s;} .art_conet .xq_himg{ width:100%; text-align:center; margin-bottom:20px;} .art_conet .xq_himg img{ max-width:100% !important;} @media (min-width: 1401px) { .honor_content ul.nyhonor_box li:nth-child(4n) {margin-right: 0px;} } .honor_content ul.nyhonor_box li>a{display:block;position:relative; z-index:1;} .honor_content ul.nyhonor_box li>a .pro_img{text-align:center; overflow:hidden; height:250px; position:relative;} .honor_content ul.nyhonor_box li>a .pro_img img{ max-width:100%; max-height:100%; position:absolute; margin:auto; top:0; bottom:0; left:0; right:0;transition-duration: .5s;-ms-transition-duration: .5s;-moz-transition-duration: .5s;-webkit-transition-duration: .5s;} .honor_content ul.nyhonor_box li:hover>a .pro_img img{ -webkit-transform: scale(1.1);-moz-transform: scale(1.1);transform: scale(1.1);} .honor_content ul.nyhonor_box li>a .pro_img img .iblock {display:inline-block;height:100%;width:0;vertical-align:middle;} .honor_content ul.nyhonor_box li p{font-size:18px;text-align:center;line-height:40px;overflow:hidden;position:relative; z-index:1;} .honor_content ul.nyhonor_box li p .honor_name{display: block;height:42px;line-height:42px;overflow: hidden; text-overflow: ellipsis; white-space:nowrap;max-width:100%;padding:0 10px;} .honor_content ul.nyhonor_box li em{display:block;text-align:center;height:30px;line-height:30px;font-size:14px;color:#999;} .honor_content ul.nyhonor_box li em a{color:#999;} .honor_content ul.nyhonor_box li:hover em a{color:#099be8;} @media (max-width: 1399px) and (min-width:768px){ .honor_content { padding:48px 0;} .honor_content ul.nyhonor_box li{width:32%;} .honor_content ul.nyhonor_box li:nth-child(3n) {margin-right: 0px;} } @media (max-width: 1023px){ .honor_content ul.nyhonor_box li>a .pro_img{ height:180px;} } @media (max-width: 767px){ .honor_content { padding:38px 0;} .honor_content ul.nyhonor_box li{width:49%;} .honor_content ul.nyhonor_box li:nth-child(2n) {margin-right: 0px;} .honor_content ul.nyhonor_box li>a .pro_img{ height:150px;} .honor_content ul.nyhonor_box li p .honor_name{height: 35px; line-height: 35px; font-size:16px;} .honor_content ul.nyhonor_box li em{ line-height:20px;} } @media (max-width: 375px){ .honor_content ul.nyhonor_box li>a .pro_img{ height:120px;} } /*联系我们*/ .NyContactUs_Infor { width:100%; height:auto; margin:0 auto; padding:60px 0; background-color:#f3f4f6; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;} .NyContactUsInfor_Main .NyContactUsInfor_Con { width:100%; height:auto; margin:40px auto 0; padding:0; background-color:#fff;} .NyContactUsInfor_Con .NyContactUs_Ewm { width:28.5%; height:250px; overflow:hidden; margin:0; padding:40px; background:#099be8 url(../images/Bg1.jpg) center center no-repeat; background-size:cover; float:left; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;} .NyContactUs_Ewm p { width:100%; height:auto; line-height:30px; color:#fff; font-size:18px; font-weight:bold; text-align:center; margin:0 auto 20px; padding:0;} .NyContactUs_Ewm span { display:block; width:120px; height:120px; overflow:hidden; margin:0 auto; padding:9px; border:1px solid rgba(255,255,255,0.25); -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;} .NyContactUs_Ewm span img { display:block; width:100px; height:100px; margin:0 auto; padding:0;} .NyContactUsInfor_Con .NyContactUs_Lxfs { width:71.5%; height:250px; overflow:hidden; margin:0; padding:67px 0; float:right; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;} .NyContactUs_Lxfs ul li { width:33.333333%; height:auto; margin:0; padding:0 20px; border-right:1px solid #e6e6e6; float:left; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;} .NyContactUs_Lxfs ul li:nth-child(3) { border:0;} .NyContactUs_Lxfs ul li img { display:block; width:44px; height:44px; margin:0 auto 20px; padding:0;} .NyContactUs_Lxfs ul li span { display:block; width:100%; height:auto; line-height:30px; color:#333; font-size:18px; text-align:center; margin:0 auto; padding:0;} .NyContactUs_Lxfs ul li p { width:100%; height:22px; overflow:hidden; line-height:22px; color:#999; font-size:18px; text-align:center; word-break:break-all; white-space:nowrap; text-overflow: ellipsis; margin:0 auto; padding:0;} .NyContactUs_Map {margin:60px auto;} .NyMap { width:100%; height:500px; overflow:hidden; margin:40px auto 0; padding:0; box-sizing: border-box; -webkit-box-sizing: border-box; -o-box-sizing: border-box; -moz-box-sizing: border-box;} .NyMap .dz_map { width:100%; height:100%; overflow:hidden; margin:0 auto; padding:0;} .NyMap .dz_map #container { height:120%;} @media (max-width:1560px) { .NyContactUs_Map {margin:60px auto;} .NyMap { height:480px;} } @media (max-width:1400px) { .NyContactUs_Infor { padding:60px 0;} } @media (max-width:1366px) { .NyContactUs_Lxfs ul li span { font-size:16px;} .NyContactUs_Lxfs ul li p { font-size:16px;} .NyMap { height:440px;} } @media (max-width:1280px) { .NyContactUsInfor_Con .NyContactUs_Ewm { height:230px; padding:30px;} .NyContactUsInfor_Con .NyContactUs_Lxfs { height:230px; padding:57px 0;} .NyMap { height:400px;} } @media (max-width:1200px) { .NyMap { height:380px;} } @media (max-width:1080px) { .NyContactUs_Infor { padding:40px 0;} .NyContactUsInfor_Con .NyContactUs_Ewm { height:220px; padding:20px;} .NyContactUsInfor_Con .NyContactUs_Lxfs { height:220px; padding:52px 0;} .NyContactUs_Map { margin:40px auto;} .NyMap { height:360px;} } @media (max-width:1024px) { .NyMap { height:340px;} } @media (max-width:800px) { .NyContactUs_Infor { padding:40px 0;} .NyContactUsInfor_Con .NyContactUs_Ewm { width:100%; height:auto; margin:0 auto; padding:40px 20px; float:inherit;} .NyContactUsInfor_Con .NyContactUs_Lxfs { width:100%; height:auto; margin:0 auto; padding:40px 20px; float:inherit;} .NyContactUs_Lxfs ul li span { font-size:15px;} .NyContactUs_Lxfs ul li p { font-size:15px;} .NyMap { height:320px;} } @media (max-width:767px) { .NyContactUs_Infor { padding:35px 0;} .NyContactUsInfor_Con .NyContactUs_Ewm { width:100%; height:auto; margin:0 auto; padding:20px 20px; float:inherit;} .NyContactUsInfor_Con .NyContactUs_Lxfs { width:100%; height:auto; margin:0 auto; padding:0 20px; float:inherit;} .NyContactUs_Lxfs ul li { width:100%; margin:0 auto; padding:20px 0; border-right:0; border-bottom:1px solid #e6e6e6; float:inherit;} .NyContactUs_Lxfs ul li img { margin:0 auto 10px;} .NyContactUs_Map { margin:35px auto;} .NyMap { height:300px;} } /*内页留言*/ .NyOrder_Main { height:auto; margin:0 auto; padding:40px; background-color:#fff;} .NyOrder_Main .NyOrder_Left { width:28%; height:675px; overflow:hidden; margin:0; padding:120px 40px; background:#cb0010 url(../images/Bg2.jpg) center center no-repeat; background-size:cover; float:left;} .NyOrder_Left img { display:block; width:57px; height:57px; margin:0 0 40px; padding:0;} .NyOrder_Left p { width:100%; height:auto; line-height:40px; color:#fff; font-size:36px; font-weight:bold; margin:0 auto 5px; padding:0;} .NyOrder_Left font { display:block; width:100%; height:auto; line-height:30px; color:rgba(255,255,255,0.5); font-family:"RobotoRegular"; font-size:24px; margin:0 auto; padding:0;} .NyOrder_Left span { display:block; width:100%; height:auto; line-height:30px; color:rgba(255,255,255,0.5); font-size:16px; word-break:break-all; text-align:justify; margin:30px auto 0; padding:0;} .NyOrder_Main .NyOrder_Right { width:72%; height:auto; overflow:hidden; margin:0; padding:0 0 0 40px; float:right; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;} .NyOrder_Right #ly_msg.ly_msg { width:100%!important; height:auto!important; margin:0 auto!important; padding:0!important;} .NyOrder_Right #ly_msg.ly_msg h3 { display:none!important;} .NyOrder_Right #ly_msg.ly_msg ul { width:100%!important; overflow:hidden!important; margin:0 auto!important; padding:0!important;} .NyOrder_Right #ly_msg.ly_msg ul li h4, .NyOrder_Right #ly_msg.ly_msg ul li h4.xh { font-size:0!important; position:absolute; height:60px!important; line-height:60px!important; width:20px !important;} #ly_msg.ly_msg ul li h4.xh {background: url(/images/tb_img1.png) center left no-repeat !important;} .NyOrder_Right #ly_msg.ly_msg ul li { width:100%!important; height:auto!important; overflow:hidden!important; line-height:inherit!important; color:inherit!important; font-size:inherit!important; margin:0 0 25px!important; padding:0!important; clear:inherit!important; position:relative;} .NyOrder_Right #ly_msg.ly_msg ul li:nth-child(1), .NyOrder_Right #ly_msg.ly_msg ul li:nth-child(3), .NyOrder_Right #ly_msg.ly_msg ul li:nth-child(5) { width:48%!important; margin:0 4% 25px 0!important; float:left!important;} .NyOrder_Right #ly_msg.ly_msg ul li:nth-child(2),.NyOrder_Right #ly_msg.ly_msg ul li:nth-child(4), .NyOrder_Right #ly_msg.ly_msg ul li:nth-child(6) { width:48%!important; float:right!important;} .NyOrder_Right #ly_msg.ly_msg ul li:last-child { margin:40px auto 0!important;} .NyOrder_Right #ly_msg.ly_msg ul li .msg_ipt1, .NyOrder_Right #ly_msg.ly_msg ul li .msg_ipt12, .NyOrder_Right #ly_msg.ly_msg ul li .msg_tara { width:100%!important; height:auto!important; margin:0!important; padding:0!important;} .NyOrder_Right #ly_msg.ly_msg ul li .msg_ipt1 input, .NyOrder_Right #ly_msg.ly_msg ul li .msg_ipt12 input, .NyOrder_Right #ly_msg.ly_msg ul li .msg_ipt2 input, .NyOrder_Right #ly_msg.ly_msg ul li .msg_ipt12 .msg_option { display:block!important; width:100%!important; height:60px!important; line-height:60px; color:#aaa!important; font-size:16px!important; margin:0!important; padding:0 20px!important; background-color:#f2f2f2!important; border:0!important; outline:none!important; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;} .NyOrder_Right #ly_msg.ly_msg ul li .c_yzm { margin:0 10px 0 0!important; padding:0!important; float:left!important;} .NyOrder_Right #ly_msg.ly_msg ul li .msg_ipt2 input { width:240px!important; margin:0 10px 0 0!important; float:left!important;} .NyOrder_Right #ly_msg.ly_msg ul li a.yzm_img { display:block!important; width:120px!important; height:40px!important; margin:10px 0!important; padding:0!important; float:left!important;} .NyOrder_Right #ly_msg.ly_msg ul li .msg_ipt2>span { line-height:60px!important; color:#999!important; font-size:16px!important;} .NyOrder_Right #ly_msg.ly_msg ul li .msg_tara textarea, .NyOrder_Right #ly_msg.ly_msg ul li .msg_ipt0 textarea { display:block!important; width:100%!important; height:150px!important; line-height:30px; color:#aaa; font-size:16px!important; margin:0!important; padding:15px 20px!important; background-color:#f2f2f2!important; border:0!important; outline:none!important; resize:none!important; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;} .NyOrder_Right #ly_msg.ly_msg ul li .msg_btn { width:100%!important; height:auto!important; overflow:hidden!important; margin:0!important; padding:0!important; float:inherit!important;} .NyOrder_Right #ly_msg.ly_msg .msg_btn input { width:200px!important; height:60px!important; overflow:hidden!important; line-height:60px!important; color:#fff!important; font-size:16px!important; text-align:center!important; background-color:#333!important; margin:0 20px 0 0!important; padding:0!important; border:none!important; cursor:pointer!important;} .NyOrder_Right #ly_msg.ly_msg .msg_btn input:hover { background-color:#0080c3!important;} .NyOrder_Right #ly_msg.ly_msg .msg_btn input.msg_btn1 { background-color:#099be8!important;} .NyOrder_Right #ly_msg.ly_msg .msg_btn input.msg_btn1:hover { background-color:#0080c3!important;} .NyOrder_Right #ly_msg.ly_msg ul li .msg_ipt2 { width:100%!important; padding:0!important; float:inherit!important;} .NyOrder_Right #ly_msg.ly_msg ul li .c_yzm { width:auto!important; float:left!important;} @media (max-width:1560px) { } @media (max-width:1440px) { } @media (max-width:1280px) { .NyOrder_Main .NyOrder_Left { height:600px;} .NyOrder_Left p { font-size:30px;} .NyOrder_Left font { font-size:20px;} .NyOrder_Left span { font-size:15px; line-height:25px;} .NyOrder_Right #ly_msg.ly_msg ul li:last-child { margin:30px auto 0!important;} .NyOrder_Right #ly_msg.ly_msg ul li .msg_ipt1 input, .NyOrder_Right #ly_msg.ly_msg ul li .msg_ipt12 input, .NyOrder_Right #ly_msg.ly_msg ul li .msg_ipt2 input, .NyOrder_Right #ly_msg.ly_msg ul li .msg_ipt12 .msg_option { height:50px!important; line-height:50px; font-size:15px!important;} .NyOrder_Right #ly_msg.ly_msg ul li .msg_tara textarea, .NyOrder_Right #ly_msg.ly_msg ul li .msg_ipt0 textarea { height:145px!important; line-height:25px; font-size:15px!important; padding:10px 20px;} .NyOrder_Right #ly_msg.ly_msg ul li a.yzm_img { margin:5px 0!important;} .NyOrder_Right #ly_msg.ly_msg ul li .msg_ipt2>span { line-height:50px!important; font-size:15px!important;} .NyOrder_Right #ly_msg.ly_msg .msg_btn input { height:50px!important; line-height:50px!important;} } @media (max-width:1200px) { .NyOrder_Main .NyOrder_Left { padding:120px 30px;} .NyOrder_Left img { width:50px; height:50px;} .NyOrder_Left p { line-height:36px; font-size:28px;} .NyOrder_Left font { line-height:24px; font-size:16px;} .NyOrder_Main .NyOrder_Right { padding:0 0 0 30px;} .NyOrder_Right #ly_msg.ly_msg ul li .msg_ipt2 input { width:200px!important;} } @media (max-width:1080px) { .NyOrder_Main .NyOrder_Left { height:560px; padding:100px 25px;} .NyOrder_Left span { line-height:24px; font-size:14px;} .NyOrder_Main .NyOrder_Right { padding:0 0 0 25px;} .NyOrder_Right #ly_msg.ly_msg ul li { margin:0 0 20px!important;} .NyOrder_Right #ly_msg.ly_msg ul li:nth-child(1), .NyOrder_Right #ly_msg.ly_msg ul li:nth-child(3), .NyOrder_Right #ly_msg.ly_msg ul li:nth-child(5) { width:48.5%!important; margin:0 3% 20px 0!important; float:left!important;} .NyOrder_Right #ly_msg.ly_msg ul li:nth-child(2), .NyOrder_Right #ly_msg.ly_msg ul li:nth-child(4), .NyOrder_Right #ly_msg.ly_msg ul li:nth-child(6) { width:48.5%!important; margin:0 0 20px 0!important; float:right!important;} .NyOrder_Right #ly_msg.ly_msg ul li:last-child { margin:20px auto 0!important;} .NyOrder_Right #ly_msg.ly_msg ul li .msg_ipt1 input, .NyOrder_Right #ly_msg.ly_msg ul li .msg_ipt12 input, .NyOrder_Right #ly_msg.ly_msg ul li .msg_ipt2 input, .NyOrder_Right #ly_msg.ly_msg ul li .msg_ipt12 .msg_option { font-size:14px!important;} .NyOrder_Right #ly_msg.ly_msg ul li .msg_tara textarea, .NyOrder_Right #ly_msg.ly_msg ul li .msg_ipt0 textarea { height:140px!important; line-height:24px; font-size:14px!important;} .NyOrder_Right #ly_msg.ly_msg ul li .msg_ipt2 input { width:180px!important;} .NyOrder_Right #ly_msg.ly_msg ul li .msg_ipt2>span { font-size:14px!important;} } @media (max-width:1024px) { .NyOrder_Main{ padding:3%;} .NyOrder_Main .NyOrder_Left { width:30%; height:590px;} .NyOrder_Main .NyOrder_Right { width:70%;} .NyOrder_Right #ly_msg.ly_msg ul li .c_yzm { height:50px; float:inherit!important;} .NyOrder_Right #ly_msg.ly_msg ul li .msg_ipt2>span { display:block; width:100%; line-height:30px!important;} } @media (max-width:800px) { .NyOrder_Main .NyOrder_Left { width:100%; height:auto; margin:0 auto 20px; padding:20px; float:inherit;} .NyOrder_Left img { width:44px; height:44px; margin:0 12px 0 0; float:left;} .NyOrder_Left p { line-height:24px; font-size:20px; margin:0 auto 2px;} .NyOrder_Left font { line-height:18px; font-size:12px;} .NyOrder_Left span { margin:10px auto 0;} .NyOrder_Main .NyOrder_Right { width:100%; margin:0 auto; padding:0; float:inherit;} .NyOrder_Right #ly_msg.ly_msg ul li .c_yzm { height:50px; float:left!important;} .NyOrder_Right #ly_msg.ly_msg ul li .msg_ipt2>span { display:inline-block; width:auto; line-height:50px!important;} } @media (max-width:767px) { .NyOrder_Main .NyOrder_Left { padding:20px;} .NyOrder_Left img { width:44px; height:44px; margin:0 12px 0 0;} .NyOrder_Left p { line-height:26px; font-size:22px; margin:0 auto 2px;} .NyOrder_Left font { line-height:18px; font-size:12px;} .NyOrder_Right #ly_msg.ly_msg ul li:nth-child(1), .NyOrder_Right #ly_msg.ly_msg ul li:nth-child(3), .NyOrder_Right #ly_msg.ly_msg ul li:nth-child(5) { width:100%!important; margin:0 auto 20px!important; float:inherit!important;} .NyOrder_Right #ly_msg.ly_msg ul li:nth-child(2), .NyOrder_Right #ly_msg.ly_msg ul li:nth-child(4), .NyOrder_Right #ly_msg.ly_msg ul li:nth-child(6) { width:100%!important; margin:0 auto 20px!important; float:inherit!important;} .NyOrder_Right #ly_msg.ly_msg ul li .msg_ipt1 input, .NyOrder_Right #ly_msg.ly_msg ul li .msg_ipt12 input, .NyOrder_Right #ly_msg.ly_msg ul li .msg_ipt2 input, .NyOrder_Right #ly_msg.ly_msg ul li .msg_ipt12 .msg_option { padding: 0 12px!important} .NyOrder_Right #ly_msg.ly_msg ul li .msg_ipt2 input { width:160px!important;} .NyOrder_Right #ly_msg.ly_msg ul li .c_yzm { height:50px; float:inherit!important;} .NyOrder_Right #ly_msg.ly_msg ul li .msg_ipt2>span { display:block; width:100%; line-height:24px!important; margin:10px auto 0;} .NyOrder_Right #ly_msg.ly_msg .msg_btn input { width:48%!important; margin:0!important; float:left;} .NyOrder_Right #ly_msg.ly_msg .msg_btn input.msg_btn1 { margin:0 4% 0 0!important;} } @media (max-width:425px) { } @media (max-width:320px) { .NyOrder_Right #ly_msg.ly_msg ul li .msg_ipt2 input { width:130px!important;} } /*右侧客服6 开始*/ .kfView6 { width:70px; height:auto; position: fixed; top:30%; right:0; z-index:999;} .kfView6 .suspension-box { position:relative; float:right;} .kfView6 .a { display:block; width:44px; height:44px; background-color:#0080c3; margin-bottom:4px; cursor:pointer; outline:none;} .kfView6 .a.active, .kfView6 .a:hover { background-color:#099be8;} .kfView6 .a .i { float:left; width:20px; height:20px; margin-top:12px; margin-left:12px; background-image:url(../images/kf6_imgs/suspension-bg.png); background-repeat:no-repeat;} /* .kfView6 .a-service .i { background-position:0 0;} */ .kfView6 .a-service .i { background-position:0 0;} .kfView6 .a-service-phone .i { background-position:-20px 0;} .kfView6 .a-qrcode .i { background-position:0 -20px;} .kfView6 .a-cart .i { background-position:-88px 0;} .kfView6 .a-top { background:#D2D3D6; display:none;} .kfView6 .a-top:hover { background:#099be8;} .kfView6 .a-top .i { background-position:-20px -20px;} .kfView6 .d { display:none; width:223px; background:#fff; position:absolute; right:54px; border:1px solid #E0E1E5; border-radius:3px; box-shadow:0px 2px 5px 0px rgba(161, 163, 175, 0.11);} .kfView6 .d .arrow { position:absolute; width:8px; height:12px; background:url(../images/kf6_imgs/side_bg_arrow.png) no-repeat; right:-8px;top:31px;} .kfView6 .d-service { top:0;} .kfView6 .d-service-phone { top:-10px;} .kfView6 .d-qrcode { top:35px;} .kfView6 .d .inner-box { padding:15px 22px;} .kfView6 .d-service-item { padding:0;} .kfView6 .d-service .d-service-item { border-bottom:none;} .kfView6 .d-service-item .circle { width:44px; height:44px; border-radius:50%; overflow:hidden; background:#ecf1f5; display:block; float:left;} .kfView6 .d-service-item .i-qq { width:44px; height:44px; background:url(../images/kf6_imgs/side_con_icon03.png) no-repeat center 16px; display:block; transition:all .2s; border-radius:50%; overflow:hidden;} .kfView6 .d-service-item:hover .i-qq { background-position:center center;} .kfView6 .d-service-item .i-tel { width:44px; height:44px; background:url(../images/kf6_imgs/side_con_icon02.png) no-repeat center 24px; display:block; transition:all .2s;} .kfView6 .d-service-item:hover .i-tel { background-position:center center;} .kfView6 .d-service-item h3 { float:left; width:112px; line-height:44px; color:#666; font-size:15px; margin-left:12px;} .kfView6 .d-service-item .text { float:left; width:112px; line-height:22px; font-size:15px; margin-left:12px;} .kfView6 .d-service-item .text .number { font-family:Arial,"Microsoft Yahei","HanHei SC",PingHei,"PingFang SC","Helvetica Neue",Helvetica,Arial,"Hiragino Sans GB","Heiti SC","WenQuanYi Micro Hei",sans-serif;} .kfView6 .d-service-item .text p { height:44px; line-height: 22px; color: #666; font-size: 14px;} .kfView6 .d-service-intro { padding-top:10px;} .kfView6 .d-service-intro p { float:left; line-height:27px; font-size:12px; width:50%; white-space:nowrap; color:#888;} .kfView6 .d-service-intro i { background:url(../images/kf6_imgs/side_con_icon01.png) no-repeat center center; height:27px; width:14px; margin-right:5px; vertical-align:top; display:inline-block;} .kfView6 .d-qrcode { text-align:center; width: 200px;} .kfView6 .d-qrcode .inner-box { padding:10px 0;} .kfView6 .d-qrcode p { font-size:14px; color:#93959c; margin:0;} @media (max-width:800px) { .kfView6{top: 50%;} .a-qrcode { display:none;} } /*右侧客服6 结束*// /*内页案例*/ .case_content {padding: 58px 0;overflow: hidden;} .case_content ul li{ width:32%;float:left; margin-right:2%; margin-bottom:25px; overflow:hidden;} .case_content ul li:nth-child(3n){ margin-right:0;} .case_content ul li .pic{ display:block; width:100%; height:260px; overflow:hidden;} .case_content ul li .pic img{width:100%; height:100%;object-fit: cover; transition: all .4s ease;} .case_content ul li:hover .pic img{transform: scale(1.08);} .case_content ul li .text{ width:86%; margin:0 auto; text-align:center; background:#fff; position:relative; margin-top:-38px;transition: all .4s ease;} .case_content ul li:hover .text{ box-shadow:0 0 10px rgba(0,0,0,.2);} .case_content ul li .text .time{ padding-top:18px;} .case_content ul li .text .time p{ font-size:32px; line-height:34px;font-weight:bold;} .case_content ul li .text .time span{ font-size:18px; color:#999;} .case_content ul li .text .name{ font-size:18px; font-weight:bold;max-width:100%; overflow:hidden; white-space:nowrap;text-overflow:ellipsis;display: block; padding:0 24px; transition: all .4s ease;} .case_content ul li:hover .text .name{ color:#099be8;} .case_content ul li .text .ms{ font-size:15px; color:#999; line-height:24px; height:48px; margin: 15px 0 25px; padding:0 24px;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;} .case_content ul li .text .more{ display:block; width:100%; height:46px; line-height:46px; background:#e2e2e2; font-size:0; color:#fff; position:relative; text-align:center;padding:0 24px; text-align:left;} .case_content ul li:hover .text .more{ font-size:15px; color:#fff;} .case_content ul li .text .more:before{ content:""; display:block; width:34px; height:16px; background:url(../images/casemore.png) center no-repeat; position:absolute; left:50%; top:50%; transform:translate(-50%,-50%);} .case_content ul li:hover .text .more:before{ display:none;} .case_content ul li .text .more:after{ content:"查看详情"; font-size:15px;display:block; width:100%; height:0; background:#099be8 url(../images/morejt2.png) calc(100% - 20px) center no-repeat; padding-left:24px;position:absolute; bottom:0; left:0;transition: all .4s ease;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;} .case_content ul li:hover .text .more:after{ height:100%;} @media screen and (max-width:1399px){ .case_content {padding: 48px 0;} .case_content ul li .text .time p{ font-size:26px;} } @media screen and (max-width:1079px){ .case_content {padding: 33px 0;} .case_content ul li{ width:48.5%; margin-right:3%;} .case_content ul li:nth-child(3n){ margin-right:3%;} .case_content ul li:nth-child(2n){ margin-right:0;} .case_content ul li .text .time p{ font-size:28px;} .case_content ul li .text .ms{ margin:10px 0;} } @media screen and (max-width:500px){ .case_content ul li{ width:100%; margin-right:0; margin-bottom:15px;} .case_content ul li:nth-child(3n){ margin-right:0;} } /*NyVideos 开始*/ .NyVideos_List { width: 100%; height: auto;min-height:400px; margin: 0 auto; padding: 0; } .NyVideos_List ul li { width: 23.5%; height: auto; margin: 0 2% 30px 0; padding: 0; background-color: #fff; float: left; transition: all 0.5s; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -o-transition: all 0.5s; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .NyVideos_List ul li:nth-child(4n+4) { margin: 0 0 30px; } .NyVideos_List ul li:hover { background-color: #099be8; } .NyVideos_List ul li .NyVideos_Img { width: 100%; height: 240px; overflow: hidden; margin: 0 auto; padding: 0; transition: all 0.5s; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -o-transition: all 0.5s; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .NyVideos_List ul li .NyVideos_Img a { display: block; width: 100%; height: 100%; overflow: hidden; margin: 0 auto; padding: 0; position: relative; } .NyVideos_List ul li .NyVideos_Img a img { display: block; width: 100%; height: 100%; object-fit: cover; margin: auto; padding: 0; position: absolute; left: 0; top: 0; right: 0; bottom: 0; transition: all 0.5s; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -o-transition: all 0.5s; } .NyVideos_List ul li:hover .NyVideos_Img a img { -webkit-transform: scale(1.1); -moz-transform: scale(1.1); transform: scale(1.1); } .NyVideos_List ul li .NyVideos_Img a i { display: block; width: 100%; height: 100%; margin: 0; padding: 0; background: rgba(0,0,0,0.4) url(../images/VdIco.svg) center center no-repeat; background-size: 50px 50px; position: absolute; left: 0; top: 0; transition: all 0.5s; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -o-transition: all 0.5s; } .NyVideos_List ul li:hover .NyVideos_Img a i { background: rgba(0,0,0,0.2) url(../images/VdIco1.svg) center center no-repeat; background-size: 50px 50px; } .NyVideos_List ul li .NyVideos_Text { width: 100%; height: auto; margin: 0 auto; padding: 15px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .NyVideos_List ul li .NyVideos_Text a.NyVideos_Name { display: block; width: 100%; height: 30px; overflow: hidden; line-height: 30px; color: #333; font-size: 20px; font-weight: bold; text-align: center; white-space: nowrap; text-overflow: ellipsis; margin: 0 auto; padding: 0; transition: all 0.5s; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -o-transition: all 0.5s; } .NyVideos_List ul li:hover a.NyVideos_Name { color: #fff; } .NyVideos_List ul li .NyVideos_Text p { width: 100%; height: 40px; overflow: hidden; line-height: 20px; color: #999; font-size: 14px; text-align: center; margin: 10px auto 15px; padding: 0; display: -webkit-box; text-overflow: ellipsis; -webkit-line-clamp: 2; -webkit-box-orient: vertical; transition: all 0.5s; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -o-transition: all 0.5s; } .NyVideos_List ul li:hover .NyVideos_Text p { color: rgba(255,255,255,0.65); } .NyVideos_List ul li .NyVideos_Text a.NyVideos_Btn { display: block; width: 120px; height: 36px; overflow: hidden; line-height: 36px; color: #fff; font-size: 14px; text-align: center; margin: 0 auto; padding: 0; background-color: #099be8; transition: all 0.5s; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -o-transition: all 0.5s; } .NyVideos_List ul li .NyVideos_Text a.NyVideos_Btn i { display: inline-block; width: 18px; height: 18px; background: url(../images/VdIco.svg) center center no-repeat; background-size: 100% 100%; vertical-align: middle; margin: -2px 0 0 8px; transition: all 0.5s; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -o-transition: all 0.5s; } .NyVideos_List ul li:hover .NyVideos_Text a.NyVideos_Btn { color: #099be8; background-color: #fff; } .NyVideos_List ul li:hover .NyVideos_Text a.NyVideos_Btn i { background: url(../images/VdIco1.svg) center center no-repeat; background-size: 100% 100%; } .NyNewDetail_Content iframe { display: block; width: 60%!important; height: 480px!important; margin: 0 auto 20px!important; } @media (max-width:1680px) { } @media (max-width:1600px) { } @media (max-width:1560px) { } @media (max-width:1440px) { .NyVideos_List ul li .NyVideos_Img { height: 220px; } } @media (max-width:1366px) { .NyVideos_List ul li .NyVideos_Img { height: 210px; } } @media (max-width:1280px) { .NyVideos_List ul li .NyVideos_Img { height: 200px; } } @media (max-width:1200px) { .NyVideos_List ul li { margin: 0 2% 25px 0; } .NyVideos_List ul li:nth-child(4n+4) { margin: 0 0 25px; } .NyVideos_List ul li .NyVideos_Img { height: 190px; } .NyVideos_Main #fengye { margin: 35px auto 0; } } @media (max-width:1080px) { .NyVideos_List ul li .NyVideos_Img { height: 180px; } .NyVideos_List ul li .NyVideos_Text { padding: 10px; } .NyVideos_List ul li .NyVideos_Text a.NyVideos_Name { font-size: 18px; } .NyVideos_List ul li .NyVideos_Text p { margin: 10px auto; } .NyNewDetail_Content iframe { width: 80%!important; } } @media (max-width:1024px) { .NyVideos_List ul li .NyVideos_Img { height: 170px; } } @media (max-width:800px) { .NyVideos { padding: 40px 20px; } .NyVideos_List ul li { width: 31.333333%; margin: 0 3% 20px 0; } .NyVideos_List ul li:nth-child(4n+4) { margin: 0 3% 20px 0; } .NyVideos_List ul li:nth-child(3n+3) { margin: 0 0 20px; } .NyVideos_List ul li .NyVideos_Img { height: 170px; } .NyVideos_Main #fengye { margin: 20px auto 0; } .NyNewDetail_Content iframe { width: 100%!important; height: 420px!important; } } @media (max-width:767px) { .NyVideos_List ul li { width: 48.5%; margin: 0 3% 20px 0; } .NyVideos_List ul li:nth-child(3n+3), .NyVideos_List ul li:nth-child(4n+4) { margin: 0 3% 20px 0; } .NyVideos_List ul li:nth-child(2n+2) { margin: 0 0 20px; } .NyVideos_List ul li .NyVideos_Img { height: 140px; } .NyVideos_List ul li .NyVideos_Img a i { background-size: 40px 40px; } .NyVideos_List ul li .NyVideos_Text a.NyVideos_Name { font-size: 16px; } .NyVideos_Main #fengye { margin: 0 auto; } .NyNewDetail_Content iframe { height: 240px!important; } } @media (max-width:375px) { .NyVideos_List ul li .NyVideos_Img { height: 120px; } .NyVideos_List ul li .NyVideos_Text a.NyVideos_Btn { width: 108px; } .NyNewDetail_Content iframe { height: 200px!important; } } @media (max-width:320px) { .NyVideos_List ul li { width: 100%; margin: 0 auto 20px; } .NyVideos_List ul li:nth-child(2n+2), .NyVideos_List ul li:nth-child(3n+3), .NyVideos_List ul li:nth-child(4n+4) { margin: 0 auto 20px; } .NyVideos_List ul li .NyVideos_Img { height: 200px; } .NyVideos_List ul li .NyVideos_Text a.NyVideos_Btn { width: 120px; } .NyNewDetail_Content iframe { height: 180px!important; } } /*NyVideos 结束*/ /*NyDown 开始*/ .NyDown_List { width: 100%; height: auto; min-height:400px;margin: 0 auto; padding: 0; } .NyDown_List ul li { width: 48.5%; height: auto; margin: 0 3% 30px 0; padding: 0 100px 0 0; background-color: #fff; box-shadow: 0 0 0 rgba(0,0,0,0); float: left; position: relative; transition: all 0.5s; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -o-transition: all 0.5s; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .NyDown_List ul li:nth-child(2n+2) { margin: 0 0 30px; } .NyDown_List ul li:hover { box-shadow: 0 0 10px rgba(0,0,0,0.06); } .NyDown_List ul li .NyDown_Btn { width: 100px; height: 100px; margin: 0; padding: 0; border-left: 1px solid #e6e6e6; position: absolute; top: 0; right: 0; transition: all 0.5s; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -o-transition: all 0.5s; } .NyDown_List ul li .NyDown_Btn a { display: block; width: 100px; height: 100px; margin: 0 auto; padding: 25px 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .NyDown_List ul li .NyDown_Btn a i.DwIco { display: block; width: 50px; height: 50px; margin: 0 auto; padding: 0; background: url(../images/down.svg) center center no-repeat; background-size: 100% 100%; transition: all 0.5s; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -o-transition: all 0.5s; } .NyDown_List ul li:hover .NyDown_Btn { border-left: 1px solid #099be8; } .NyDown_List ul li:hover .NyDown_Btn a i.DwIco { background: url(../images/down1.svg) center center no-repeat; background-size: 100% 100%; } .NyDown_List ul li .NyDown_Text { width: 100%; height: 100px; overflow: hidden; margin: 0; padding: 15px 20px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .NyDown_List ul li .NyDown_Text a.NyDown_Name { display: block; width: 100%; height: 40px; overflow: hidden; line-height: 40px; color: #333; font-size: 20px; font-weight: bold; white-space: nowrap; text-overflow: ellipsis; margin: 0 auto 6px; padding: 0 0 0 13px; position: relative; transition: all 0.5s; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -o-transition: all 0.5s; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .NyDown_List ul li .NyDown_Text a.NyDown_Name i { display: block; width: 3px; height: 20px; margin: 0; padding: 0; background-color: #099be8; position: absolute; left: 0; top: 10px; } .NyDown_List ul li .NyDown_Text span { display: block; width: 100%; height: 24px; overflow: hidden; line-height: 24px; color: #999; font-size: 14px; margin: 0 auto; padding: 0; } .NyDown_List ul li .NyDown_Text span img { display: block; width: 18px; height: 18px; margin: 2px 6px 2px 0; padding: 0; float: left; } .NyDown_List ul li:hover .NyDown_Text a.NyDown_Name { color: #099be8; } .DownABtn a { display:inline-block; width: 160px; height: 44px; line-height: 44px; color: #fff; font-size: 16px; margin:30px auto; padding: 0 33px; background: #099be8 url(../images/down2.svg) 104px 8px no-repeat; background-size: 28px 28px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .DownABtn a:hover { background-color: #0080c3; } @media (max-width:1680px) { } @media (max-width:1600px) { } @media (max-width:1560px) { } @media (max-width:1440px) { } @media (max-width:1366px) { } @media (max-width:1280px) { } @media (max-width:1200px) { .NyDown_List ul li .NyDown_Text a.NyDown_Name { font-size: 18px; } .NyDown_List ul li .NyDown_Text a.NyDown_Name i { height: 18px; top: 11px; } } @media (max-width:1080px) { } @media (max-width:1024px) { } @media (max-width:800px) { .NyDown_List ul li { width: 100%; height: auto; margin: 0 auto 20px; float: inherit; } .NyDown_List ul li:nth-child(2n+2) { margin: 0 auto 20px; } .NyDown_Main #fengye { margin: 20px auto 0; } } @media (max-width:767px) { .NyDown_List ul li { width: 100%; height: auto; margin: 0 auto 20px; padding: 0 60px 0 0; float: inherit; } .NyDown_List ul li:nth-child(2n+2) { margin: 0 auto 20px; } .NyDown_List ul li .NyDown_Text { height: 80px; padding: 10px 12px; } .NyDown_List ul li .NyDown_Text a.NyDown_Name { height: 36px; line-height: 36px; margin: 0 auto; } .NyDown_List ul li .NyDown_Text a.NyDown_Name i { top: 9px; } .NyDown_List ul li .NyDown_Btn { width: 60px; height: 80px; } .NyDown_List ul li .NyDown_Btn a { width: 60px; height: 80px; padding: 20px 0; } .NyDown_List ul li .NyDown_Btn a i.DwIco { width: 40px; height: 40px; } .NyDown_Main #fengye { margin: 0 auto; } } @media (max-width:375px) { .NyDown_List ul li .NyDown_Text a.NyDown_Name { font-size: 16px; } } @media (max-width:320px) { } /*NyDown 结束*/