/* CSS Document */ @charset "utf-8"; /* CSS Document */ body, h1, h2, h3, h4, h5, h6, hr, p, blockquote, dl, dt, dd, ul, ol, li, pre, form, fieldset, legend, button, input, textarea, th, td { margin: 0; padding: 0; border: 0; } html { color: #666; } html, body { width: 100%; min-width: 320px; } body, button, input, select, textarea { margin: 0; padding: 0; font-family: "微软雅黑", "Microsoft Yahei", "Arial", "Verdana", "sans-serif"; font-size: 12px; background: #fff } ul, ol, li, dl, dd, dt { list-style: none; } em { font-style: normal; } a { text-decoration: none; outline: none; } a:hover { text-decoration: underline; } legend { color: #000; } fieldset, img { border: 0; } label, button { cursor: pointer; } /*解决IE图片缩放失真*/ img { -ms-interpolation-mode: bicubic; } /*清除浮动*/ .clearfix:after { content: ''; display: block; height: 0; clear: both; } .clearfix { zoom: 1; } .clear { clear: both; } /*连续英文、数字换行*/ .wordwrap { word-break: break-all; word-wrap: break-word; } /*单行文字超出显示省略号*/ .omg { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } img { border: 0; vertical-align: middle; } a { color: #3a3a3a; text-decoration: none; transition: 0.5s; -webkit-transition: 0.5s; -moz-transition: 0.5s; } a:hover { text-decoration: none } .fl { float: left; } .fr { float: right; } /*苹果手机默认按钮样式去除*/ input[type="button"], input[type="submit"], input[type="reset"] { -webkit-appearance: none; } textarea { -webkit-appearance: none; } input { border-radius: 0; } /* 设置滚动条的样式 */ ::-webkit-scrollbar { width:4px; }/* 滚动槽 */ ::-webkit-scrollbar-track { background-color:#f0f0f0; border-radius:0px; }/* 滚动条滑块 */ ::-webkit-scrollbar-thumb { background-color:#6d6e70; } ::-webkit-scrollbar-thumb:window-inactive { background-color:#3c3c3c; } @-webkit-keyframes bounce-up { 25% { -webkit-transform: translateY(5px); } 50%, 100% { -webkit-transform: translateY(0); } 75% { -webkit-transform: translateY(-5px); } } @keyframes bounce-up { 25% { transform: translateY(5px); } 50%, 100% { transform: translateY(0); } 75% { transform: translateY(-5px); } } .container{width:1200px; margin:0 auto;} /*********************************************/ /* Header */ /*********************************************/ .topbg{width:100%; background:#f8f8f8; height: 36px;} .welcome{color:#626262; float:left; line-height: 36px; font-size: 14px; font-style:italic} .lang{float:right; line-height: 36px; width:100px; background: #1e1e1e; text-align: center; position: relative;} .lang .langa{color:#fff; position: relative;} .lang .langlist{display:none; position: absolute; z-index: 11; background: #1e1e1e;} .lang .langa:hover{color:#fff;} .lang:hover .langlist{display:block;} .langlist li{ width: 100px;} .langlist li a{color:#fff;} .langlist li:hover{color:#fff; background: #16b7ed;} .langlist li:hover a{color:#fff;} .header{width:100%; position:relative; z-index: 9;} .header .logo{float:left; margin:35px 0px; width:320px;} .header .nav{float:left; width:840px; margin-left: 40px;} .header .nav ul{margin-top: 50px;} .header .nav li{float:left; padding: 0px 18px;} .header .nav li:last-child{padding-right: 0px;} .header .nav li a {font-size: 14px; display: block;} .header .nav li a span{display:block; font-size: 10px;} .header .nav li:hover a{color:#16b7ed; border-bottom: 2px solid #16b7ed;} .swiper-wrapper img{display: block; max-width: 100%; border:1px solid #ccc; box-sizing: border-box;} /*********************************************/ /* index product */ /*********************************************/ .indexprocate{background:#f9f9f9;} .indexprocate .indexpro-tit{padding:80px 0px; text-align: center;} .indexpro-cate{width:100%; padding-bottom:140px;} .indexpro-cate-clist{float:left; width:274px;} .indexpro-cate-clist ul{} .indexpro-cate-clist ul li{height: 50px; margin-bottom:5px; background:#262626; line-height: 50px; font-size: 16px; text-align: center;} .indexpro-cate-clist ul li a{color:#fff;} .indexpro-cate-clist ul li:last-child{margin-bottom: 0px;} .indexpro-cate-clist ul li:hover{background: #16b7ed;} .indexpro-cate-clist ul li.active{background: #16b7ed;} .hide{display: none;} .indexpro-cate-cinfo{margin-left:10px; float:left; width:916px; height: 270px; background: #fff;} .indexpro-cate-cinfo .img{width:200px; height: 200px; float:left; margin:40px 0px 0px 70px;} .indexpro-cate-cinfo .img img{max-width: 200px;max-height: 200px; display: block; margin:0 auto;} .indexpro-cate-cinfo .cinfo{width:500px; float: left; margin:60px 0px 0px 70px;} .indexpro-cate-cinfo .cinfo h2{font-weight:normal; font-size: 18px; color:#010101;} .indexpro-cate-cinfo .cinfo p{color:#535353; margin-top:20px; font-size: 14px; line-height: 26px; height:104px; overflow:hidden;} .promore{margin-top:-21px; text-align: center;} .indexhotpro{margin-top:90px; margin-bottom:120px; position: relative;} .indexhotpro .swiper-hotpro{width:1100px;} .indexhotpro .swiper-button-prev{margin-right: -50px; width:21px; height: 69px; background: url(../images/pro-left.png)} .indexhotpro .swiper-button-next{margin-left: -50px; width:21px; height: 69px; background: url(../images/pro-right.png)} /*********************************************/ /* index news */ /*********************************************/ .indexnews{background:#f9f9f9;} .indexnews .indexpro-tit{padding:80px 0px; text-align: center;} .indeximgnews{padding-bottom: 40px; border-bottom: 1px solid #ccc;} .indeximgnews .img{float:left; width:430px;} .indeximgnews .img img{width:430px; height: 265px;} .indeximgnews .ninfo{float:right; width:665px;} .indeximgnews .ninfo h2{font-weight:normal; font-size: 18px; color:#010101; margin-top: 30px; border-bottom: 1px solid #ccc; width:645px; padding: 0px 10px; line-height:52px; margin-bottom:15px;} .indeximgnews .ninfo p{line-height: 24px; width:645px; padding: 0px 10px;} .indeximgnews .ninfo span{ margin:30px 0px 0px 10px; background: url(../images/data.png) no-repeat; padding-left: 30px; height: 20px; line-height: 20px; display: block;} .indexnewslist{width:100%; margin-top: 15px; padding-bottom: 70px;} .indexnewslist .newsbox{width:530px; float:left; margin-right: 140px; padding-bottom: 30px; margin-top: 30px; border-bottom: 1px solid #ccc;} .indexnewslist .newsbox:nth-child(2n+2){margin-right: 0px;} .indexnewslist .newsbox:nth-child(3){border-bottom: 0px;} .indexnewslist .newsbox:nth-child(4){border-bottom: 0px;} .indexnewslist .newsbox .news-tit{width:530px;} .indexnewslist .newsbox .news-tit h2{font-weight:normal; font-size: 18px; color:#010101; width:380px; display: block; float: left; height:24px;overflow: hidden;} .indexnewslist .newsbox .news-tit span{ margin:5px 0px 0px 0px; background: url(../images/data.png) no-repeat; padding-left: 24px; height: 20px; line-height: 20px; display: block; text-align: right; width:120px; float:left;} .indexnewslist .newsbox p{line-height: 24px; padding: 0px 0px;} .indexnewslist .newsbox:hover h2 a{color:#16b7ed;} /*********************************************/ /* index honor */ /*********************************************/ .indexhonor{background:#fff;} .indexhonor .indexhonor-tit{padding:80px 0px; text-align: center;} .indexhonor-list{margin-top: 30px;} /*********************************************/ /* footer */ /*********************************************/ .footer{background: url(../images/footerbg.png) no-repeat center; width:100%; height: 552px;} .footer-left{width:770px; float:left; margin-top: 70px; color:#fff;} .footer-left strong{font-size: 44px; margin-bottom:40px; display: block;} .footer-left .footer-cn{border-top: 1px solid #ccc; border-bottom:1px solid #ccc; width:480px; padding: 18px 70px 18px 0px; line-height: 24px; margin-bottom: 52px;} .footer-right{width:430px; float:left; margin-top: 70px; color:#fff;} .footer-right h4{font-weight:normal; display: block; margin-bottom:50px;} .footer-right p{height: 24px; line-height: 26px; font-size: 13px;} .footer-right p span{color:#16b7ed;} .copyright{border-top: 1px solid #ccc; margin-top: 20px; text-align: center; line-height: 58px} .ny_content_wrap{background: #ffffff;width:100%;} .ny_content{width:90%;max-width:1280px;margin:0 auto;padding-top:20px;padding-bottom:20px;} .ny_tlt1{width:100%;margin-bottom:30px;} .ny_tlt1 p{font-size:24px;color:#16b7ed;text-align:center;} .ny_tlt1 span{display:block;font-size:14px;font-weight:lighter;color:#999;text-align:center;height:30px;line-height:30px;} .ny_news_con2 .about_img{float:left;width:37%;} .ny_news_con2 .about_img img{max-width:100%;} .ny_news_con2 .about_wz{float:right;width:60%;font-size:13px;line-height:30px;color:#555;} .ny_news_con2 .about_wz p{text-indent: 2em;} .ny_news_con2 .about_order{width:100%;} .ny_news_con2 .about_order img{max-width:100%; display: block; margin:0 auto;} .ny_zycp{background:#f1f1f1; padding:20px 15px;margin-bottom:25px;} .ny_content .content_right{float:right;width:100%;padding:1%;} .ny_content .content_right2{float:none;width:100%;padding:0;padding-bottom:30px;} .ny_content .content_right3{ width:78%; float:right; padding:0;} .ny_content .content_right .bread_nav1{overflow:hidden;height:45px;line-height:40px;margin-bottom:10px;border-bottom:1px solid #dedede;padding-bottom:5px;} .ny_content .content_right .bread_nav1 h2{width:20%;font-size:20px;color:#333;float:left;font-weight:bold;} .ny_content .content_right .bread_nav1 .bread_nav1_right{float:right;width:78%;text-align:right;color:#777;overflow:hidden; font-size: 12px;} .ny_content .content_right .bread_nav1 .bread_nav1_right>em{display:inline-block;width:25px;height:40px;background:url(../images/dw.png) center center no-repeat;vertical-align: top;} .ny_content .content_right .bread_nav1 .bread_nav1_right a{color:#555;} .ny_content .content_right .bread_nav1 .bread_nav1_right a:hover{color:#16b7ed} .ny_content .content_right .bread_nav{overflow:hidden;height:40px;line-height:40px;margin-bottom:10px;padding-bottom:5px;} .ny_content .content_right .bread_nav .bread_nav_left{width:35%;text-align:left;color:#777;overflow:hidden;font-size:12px; float:left;} .ny_content .content_right .bread_nav .bread_nav_left>em{display:inline-block;width:25px;height:40px;background:url(../images/dw.png) center center no-repeat;vertical-align: top;} .ny_content .content_right .bread_nav .bread_nav_left a{color:#555;} .ny_content .content_right .bread_nav .bread_nav_left a:hover{color:#16b7ed} .ny_news_honor img{display: block; margin:0 auto;} .bread_nav_right{ width:60%; float:right; text-align:right;} .bread_nav_right a{ display:inline-block;padding:0 20px; height:30px; line-height:30px;margin-right:2%; color:#666; font-size:13px;} .bread_nav_right a.on{ background:#16b7ed; color:#fff;} .bread_nav_right a:hover{background:#16b7ed; color:#fff;} .ny_content .content_left{float:left;width:20%;} .ny_content .content_left .c_tlt{height:60px;line-height:60px;text-align:center;font-size:20px;font-weight:bold;background:#16b7ed;color:#ffffff;margin-bottom:10px;} .pro_mulu li a{display:block;height:40px;line-height:40px;text-align:left;padding:0 20px;background:#f1f1f1;color:#555;font-size:14px;margin-bottom:5px;overflow: hidden; text-overflow: ellipsis; white-space:nowrap;} .pro_mulu li a.actt{background:#16b7ed; color:#fff} .pro_mulu li dl a{background:#ffffff;height:30px;line-height:30px;font-size:12px;} .pro_mulu a.pro_more{background:#ddd;display:block;text-align:center;height:40px;line-height:40px; font-size:12px;} .ny_content .content_left .c_tlt em{display:none;} .news_l{padding-bottom:20px;} .news_l li a{display:block;font-size:12px;color:#555;padding-left:15px;background:url(../images/news_tb1.jpg) left center no-repeat;height:40px;line-height:40px;overflow: hidden; text-overflow: ellipsis; white-space:nowrap;border-bottom:1px dashed #dedede;} .news_l li a:hover{color:#16b7ed;} .ny_content .content_right .conn{color:#555;font-size:14px;line-height:28px;padding-top:10px; z-index:1; position:relative;} .ny_content .ny_news_con2{min-height:300px;} .ny_content .content_right .conn .ny_news_con img,.ny_content .content_right .conn .ny_news_con table,.ny_content .content_right .conn .ny_news_con tr,.ny_content .content_right .conn .ny_news_con td,.ny_content .content_right .conn .ny_news_con p,.ny_content .content_right .conn .ny_news_con span,.ny_content .content_right .conn .ny_news_con div,.ny_content .content_right .conn .ny_news_con video,.ny_content .content_right .conn .ny_news_con embed{width:auto !important;height:auto !important;max-width:100% !important;max-height: 100%;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;white-space:normal;word-break:break-all;} .h_tjcp{width:100%;padding:40px 0;} #demo{overflow:hidden; width:100%; height:334px; margin:0 auto;padding-top:30px;} #demo #indemo{float:left; width:800%} #demo #demo1{float:left;} #demo #demo2{float:left;} #demo #indemo ul li{float:left;width:22%;margin-right:4%;} #demo #indemo ul li .tj_pro_box{display:block;width:96%;padding:2%;border-radius: 0 0 2px 2px;background:#f1f1f1;padding-bottom:20px;position:relative;} #demo #indemo ul li .tj_pro_box .pro_img{text-align:center;width:100%;height:222px;background:#fff;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;overflow:hidden;} #demo #indemo ul li .tj_pro_box .pro_img img{vertical-align:middle;max-width:90%;max-height:90%;} #demo #indemo ul li .tj_pro_box .pro_img .iblock {display:inline-block;height:100%;width:0;vertical-align:middle} #demo #indemo ul li .tj_pro_box p{height:30px;line-height:30px;margin-top:10px;font-size:16px;text-align:center;color:#555;font-weight:bold;margin-bottom:10px;overflow: hidden; text-overflow: ellipsis; white-space:nowrap;} #demo #indemo ul li .tj_pro_box span{margin:0 auto;display:block;width: 118px;height: 34px;border: 1px solid #dadada;display: block;text-align: center;line-height: 34px;background: none;position: relative;} #demo #indemo ul li .tj_pro_box span:before{content: "";position: absolute;background: #16b7ed;width: 0;height: 34px;left: 0;z-index: 0;transition: 0.3s;-webkit-transition: 0.3s;-moz-transition: 0.3s;} #demo #indemo ul li .tj_pro_box span i{position: relative;z-index: 1;background:url(../images/pro_jt.png) center center no-repeat;display:block;width:100%;height: 34px;} #demo #indemo ul li .l1 {position: absolute; top: 0; left: 0; width: 0; height: 1px; background: #16b7ed;-webkit-transition: all .25s;-moz-transition: all .25s;-ms-transition: all .25s;-o-transition: all .25s;transition: all .25s;} #demo #indemo ul li .l2 {position: absolute; top: 0; right: 0; width: 1px; height: 0; background: #16b7ed;-webkit-transition: all .25s;-moz-transition: all .25s;-ms-transition: all .25s;-o-transition: all .25s;transition: all .25s;} #demo #indemo ul li .l3 {position: absolute; bottom: 0; right: 0; width: 0; height: 1px; background: #16b7ed;-webkit-transition: all .25s;-moz-transition: all .25s;-ms-transition: all .25s;-o-transition: all .25s;transition: all .25s;} #demo #indemo ul li .l4 {position: absolute; bottom: 0; left: 0; width: 1px; height: 0; background:#16b7ed;-webkit-transition: all .25s;-moz-transition: all .25s;-ms-transition: all .25s;-o-transition: all .25s;transition: all .25s;} #demo #indemo ul li .tj_pro_box:hover .l1{width:100%;} #demo #indemo ul li .tj_pro_box:hover .l2{height:100%;} #demo #indemo ul li .tj_pro_box:hover .l3{width:100%;} #demo #indemo ul li .tj_pro_box:hover .l4{height:100%;} #demo #indemo ul li .tj_pro_box:hover span{border: 1px solid #fff;} #demo #indemo ul li .tj_pro_box:hover span i{background:url(../images/pro_jt2.png) center center no-repeat;} #demo #indemo ul li .tj_pro_box:hover span:before{width:100%;} .ny_products{width:100%;background:#ffffff;} .ny_products .pro_bd ul li{float:left;width:31%;margin-right:3%;margin-bottom:30px;} .ny_products .pro_bd ul li:nth-child(3n) {margin-right: 0px;} .ny_products .pro_bd ul li .pro_img_box{display:block;width:100%;box-shadow: 0px 0px 72px 0px #e1dddd;-webkit-transition: all .25s;-webkit-transition: all .25s;-moz-transition: all .25s;-ms-transition: all .25s;-o-transition: all .25s;} .ny_products .pro_bd ul li .pro_img_box .pro_img{text-align:center;width:100%;height:230px;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;overflow:hidden;} .ny_products .pro_bd ul li .pro_img_box .pro_img img{vertical-align:middle;max-width:90%;max-height:90%;transition-duration: 1s;-ms-transition-duration: 1s;-moz-transition-duration: 1s;-webkit-transition-duration: 1s;} .ny_products .pro_bd ul li .pro_img_box .pro_img .iblock {display:inline-block;height:100%;width:0;vertical-align:middle} .ny_products .pro_bd ul li .pro_img_box p a{ display:block;height:40px;line-height:40px;font-size:14px;text-align:center;color:#333;padding:0 5px;overflow: hidden; text-overflow: ellipsis; white-space:nowrap;} .ny_products .pro_bd ul li .pro_img_box:hover p a{background:#666;color:#ffffff;} .ny_products .pro_bd ul li .pro_img_box:hover img{transform: scale(1.1,1.1);opacity: 0.8;} .tags_title{border-bottom:1px solid #DDD;margin:0 0 30px;} .tags_title span{width:110px;padding:0 0px;font-size:16px;text-align:center;height:45px;line-height:45px;margin-bottom: -1px;background:#f8f8f8;color:#333;display:block;margin-left: 5px;border: 1px solid #DDD;border-bottom:1px solid #f8f8f8;font-weight:bold;} .contact .tags_title span{float:left;width:auto;cursor:pointer; padding: 0 15px;} .contact .tags_title span.ron{background:#f1f1f1;border: 1px solid #f1f1f1;border-bottom: 1px solid #DDD;color:#666;font-weight:normal;} .contact .content2{display:none;} .contact .content1 ul li{float: left;width:30%;margin-right: 45px;} .contact .content1 ul li:nth-child(3n){margin-right:0;} .contact .content1 ul li a{display:block;} .contact .content1 ul li a em{display:block;float:left;width:60px;height:60px;border:1px solid #ddd;border-radius:50%;margin-right:15px;} .contact .content1 ul li.lx1 em{background:url(../images/contact_tel.png) center center no-repeat;} .contact .content1 ul li.lx2 em{background:url(../images/contact_email.png) center center no-repeat;} .contact .content1 ul li.lx3 em{background:url(../images/contact_address.png) center center no-repeat;-webkit-animation: bounce-up 1.4s linear infinite;animation: bounce-up 1.4s linear infinite;} .contact .content1 ul li a .wz{float:left;width:78%;} .contact .content1 ul li a .wz p{font-size:20px;padding-bottom:10px;} .contact .content1 ul li a .wz span{font-size:20px;} .lx_dz { width:100%; overflow:hidden; margin:50px auto 20px; padding:0;} .lx_dz .dz_map { width:97%; height:370px; overflow:hidden; margin:0 auto; padding:1%; border:1px solid #d9d9d9;} .lx_dz .dz_map iframe{width:100%;} .lx_dz .dz_map iframe body{width:100%;} .ny_content .content_right .conn .ny_news_tlt{text-align:center;font-size:20px;color:#555;padding:10px 0;} .ny_news_time{text-align:center;font-size:12px;color:#999;padding-bottom:10px;border-bottom:1px dashed #dedede;margin-bottom:10px;} .ny_news_ye{padding-top:30px;} .ny_news_ye p{height:35px;line-height:35px;background:#f1f1f1;margin-bottom:10px;padding:0 20px;overflow: hidden; text-overflow: ellipsis; white-space:nowrap;} .ny_news_ye p:hover{background: #16b7ed; color:#fff;} .ny_news_ye p:hover a{color:#fff;} .content_right .conn .pro_name{font-size:24px;font-weight:normal;line-height:28px;color:#16b7ed;margin-bottom:10px;} .content_right .conn .proshow1{padding-top:40px;position:relative;} .content_right .conn .proshow1 .js-silder{float:left;width:45%;margin-top:0 !important;border:1px solid #ddd;} .proshow1 .js-silder .silder-main-img {width:100%;text-align:center;height:400px;} .proshow1 .js-silder .silder-main-img img {max-width:80% !important;vertical-align:middle; max-height: 100%;} .proshow1 .js-silder .silder-main-img .iblock {display:inline-block;height:100%;width:0;vertical-align:middle} .proshow1 .js-silder .silder-ctrl-prev>span, .silder-ctrl-next>span{ background:none;} .proshow1 .prodesc p{font-size:14px;line-height:24px;margin-bottom:10px;} .proshow1 .prodesc p.bt{font-size:20px;font-weight:bold;color:#16b7ed;} .content_right .conn .proshow1 .prodesc{float:right;width:51%;} .content_right .conn .proshow1 .prodesc p.desc{height:125px;overflow:hidden;color:#999;} .content_right .conn .proshow1 .pro_btn{padding-top:30px;overflow:hidden;} .content_right .conn .proshow1 .pro_btn1{display:block;width:40%;margin-right:20px;height:55px;line-height:55px;text-align:center;font-size:16px;color:#fff;background:#16b7ed;border-radius:2px;float:left;border:1px solid #fff;} .content_right .conn .proshow1 .pro_btn2{display:block;width:40%;margin-right:0;height:55px;line-height:55px;text-align:center;font-size:16px;background:#7b7b7b;color:#fff;border-radius:2px;float:left;border:1px solid #fff;} .content_right .conn .proshow1 .pro_btn1:hover{background:#fff;border:1px solid #16b7ed;color:#16b7ed;} .content_right .conn .proshow1 .pro_btn2:hover{background:#fff;border:1px solid #7b7b7b;color:#7b7b7b;} .proshow2{padding-top:20px;} .proshow2 .prodetail_con{float:right;width:1000px;} .proshow2 .prodetail_con .tags_title{margin:0;} .proshow2 .prodetail_con .content{padding:30px 0; text-align: center;} .proshow2 .prodetail_con .content img{max-width:100%;height:auto !important;} .new_inside{width:100%;} .new_inside ul{width:100%;padding:0;} .new_inside ul li{background:#ffffff;display:block;padding:24px;-webkit-transition: all .25s;-moz-transition: all .25s;-ms-transition: all .25s;-o-transition: all .25s;transition: all .25s;box-shadow: 0px 0px 20px 0px #eaeaea;margin-bottom:20px;position:relative;} .new_inside ul li .news_time{position:absolute;left:24px;top:24px;width:90px;text-align:center;background:#666;padding:10px 0;overflow:hidden;border-radius:4px 0 4px 0;} .new_inside ul li .news_time p{font-size:24px;font-weight:bold;color:#fff;} .new_inside ul li .news_time span{font-size:14px;color:#fff;} .new_inside ul li .news_con{padding-left:110px;} .new_inside ul li .news_con p{font-size:15px;font-weight:bold;color:#16b7ed;overflow: hidden; text-overflow: ellipsis; white-space:nowrap;} .new_inside ul li .news_con span{display:block;font-size:14px;color:#999;line-height:22px;padding-top:5px;height:45px;overflow:hidden;} .new_inside ul li:hover p a{ color:#16b7ed;} .new_inside ul li:hover .news_time{ background:#16b7ed;} .new_inside ul li:hover{cursor: pointer;} .ny_content_wrap{background: #ffffff;width:100%;} .ny_content{width:90%;max-width:1280px;margin:0 auto;padding-top:20px;padding-bottom:20px;} .ny_tlt1{width:100%;margin-bottom:30px;} .ny_tlt1 p{font-size:24px;color:#16b7ed;text-align:center;} .ny_tlt1 span{display:block;font-size:14px;font-weight:lighter;color:#999;text-align:center;height:30px;line-height:30px;} .ny_news_con2 .about_img{float:left;width:37%;} .ny_news_con2 .about_img img{max-width:100%;} .ny_news_con2 .about_wz{float:right;width:60%;font-size:13px;line-height:30px;color:#555;} .ny_zycp{background:#f1f1f1; padding:20px 15px;margin-bottom:25px;} .ny_content .content_right{float:right;width:100%;padding:1%;} .ny_content .content_right2{float:none;width:100%;padding:0;padding-bottom:30px;} .ny_content .content_right3{ width:78%; float:right; padding:0;} .ny_content .content_right .bread_nav1{overflow:hidden;height:40px;line-height:40px;margin-bottom:10px;border-bottom:1px solid #dedede;padding-bottom:5px;} .ny_content .content_right .bread_nav1 h2{width:20%;font-size:20px;color:#333;float:left;font-weight:bold;} .ny_content .content_right .bread_nav1 .bread_nav1_right{float:right;width:78%;text-align:right;color:#777;overflow:hidden;} .ny_content .content_right .bread_nav1 .bread_nav1_right>em{display:inline-block;width:25px;height:40px;background:url(../images/dw.png) center center no-repeat;vertical-align: top;} .ny_content .content_right .bread_nav1 .bread_nav1_right a{color:#555;} .ny_content .content_right .bread_nav1 .bread_nav1_right a:hover{color:#16b7ed} .ny_content .content_right .bread_nav{overflow:hidden;height:40px;line-height:40px;margin-bottom:10px;padding-bottom:5px;} .ny_content .content_right .bread_nav .bread_nav_left{width:35%;text-align:left;color:#777;overflow:hidden;font-size:12px; float:left;} .ny_content .content_right .bread_nav .bread_nav_left>em{display:inline-block;width:25px;height:40px;background:url(../images/dw.png) center center no-repeat;vertical-align: top;} .ny_content .content_right .bread_nav .bread_nav_left a{color:#555;} .ny_content .content_right .bread_nav .bread_nav_left a:hover{color:#16b7ed} #ny_cgal{ width:100%; } #ny_cgal ul{display:block; float:left; list-style-type:none; padding:0; margin:0; width: 100%;} #ny_cgal ul li{display:block; float:left; padding:0; margin:0;width:23%;margin-right:30px; margin-bottom:30px;background:#ffffff;border:1px solid #ffffff;border-bottom:0;-webkit-transition: all .25s;-moz-transition: all .25s;-ms-transition: all .25s;-o-transition: all .25s;transition: all .25s;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box; height:361px;} #ny_cgal ul li:nth-child(4n){ margin-right:0;} #ny_cgal ul li:hover{border:1px solid #16b7ed;} #ny_cgal ul li .scroll_box{overflow:hidden;display:block; float:left; width:100%;height: 360px; position:relative;color:#333;text-align:center;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;-webkit-transition: all .25s;-moz-transition: all .25s;-ms-transition: all .25s;-o-transition: all .25s;transition: all .25s;border-radius: 0 0 4px 4px;} .workshop #ny_cgal ul li .scroll_box{height: 260px;} .workshop #ny_cgal ul li{height: 261px;} #ny_cgal ul li .scroll_box img{max-width:100%;max-height: 100%;vertical-align:middle;transition-duration: 1s;-ms-transition-duration: 1s;-moz-transition-duration: 1s;-webkit-transition-duration: 1s;} #ny_cgal ul li .scroll_box .iblock {display:inline-block;height:100%;width:0;vertical-align:middle} #ny_cgal .scroll_box .intro{width: 100%;position:absolute; left:0; z-index:10; background-color:#666; color:#ffffff;padding:0 10px 15px;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;} #ny_cgal .scroll_box .intro h5{padding:0; margin-bottom:10px; font-size:16px; font-weight:bold; padding:0 15px; height:40px; width:100%; line-height:40px; border-bottom:0px solid #717070;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;overflow: hidden; text-overflow: ellipsis; white-space:nowrap;} #ny_cgal .scroll_box .intro h5 a{ color:#fff;} #ny_cgal .scroll_box .intro p{font-size:13px; line-height:20px;height:0; overflow:hidden;transition-duration: .25s;;-ms-transition-duration: .25s;-moz-transition-duration: .25s;-webkit-transition-duration: .25s;} #ny_cgal .scroll_box .intro{bottom:-25px;} #ny_cgal .scroll_box:hover .intro{bottom:0px;background-color: #16b7ed;} #ny_cgal .scroll_box:hover p{height:40px; } #ny_cgal .scroll_box:hover h5{border-bottom:0px solid #f00} #ny_cgal .scroll_box:hover img{transform: scale(1.3,1.3);} #dituContent{min-height: 400px;} @media (max-width:1600px) { .proshow2 .prodetail_con{width:78%;} } @media (max-width:767px) { .ny_banner{margin-top: 80px; margin-bottom: 0px;} #myscroll ul li .scroll_box{ height:148px;} #myscroll .scroll_box .intro{bottom: -25px;} #ny_cgal ul li{ width:47%; height:108px; margin-right:3%; margin-bottom:5%;} #ny_cgal ul li:nth-child(2n){ margin-right:0 !important;} #ny_cgal ul li:nth-child(3n){margin-right: 3%;} #ny_cgal ul li .scroll_box{ height:108px;} #ny_cgal .scroll_box .intro{bottom: -25px;} #ny_cgal .scroll_box .intro h5{ font-size:12px;} #demo {height: 226px;} #demo #indemo ul li .tj_pro_box .pro_img{height:120px;} #demo #indemo ul li .tj_pro_box p{font-size:14px;} #demo #indemo ul li .tj_pro_box span{width:88px;height:26px;} #demo #indemo ul li .tj_pro_box span i{height:26px;} .ny_tlt1{margin-bottom:15px;display:none;} .ny_news_con2 .about_img{float:none;width:100%;} .ny_news_con2 .about_wz{float:none;width:100%;padding-top:15px;} .ny_zycp{padding:10px 15px;margin-top:15px;line-height: 22px;} .ny_content .content_right{float:none;width:98%;padding:1%;} .ny_content .content_right .bread_nav{overflow:visible;height:auto;line-height:24px;} .ny_content .content_right .bread_nav h2{float:none;width:100%;} .ny_content .content_right .bread_nav .bread_nav_left{float:none;width:100%;text-align:left;line-height:15px;padding:10px 0 7px;} .ny_content .content_right .bread_nav .bread_nav_left>em{height:15px;} .bread_nav_right{float:none;width:100%;text-align:left; margin-top:10px;} .ny_content .content_left {float: none;width: 100%;} .ny_content .content_left .c_tlt{ height:40px; line-height:40px;text-align: left; padding: 0 3%;} .ny_content .content_right .bread_nav1{overflow:visible;height:auto;line-height:24px;} .ny_content .content_right .bread_nav1 h2{float:none;width:100%;} .ny_content .content_right .bread_nav1 .bread_nav1_right{float:none;width:100%;text-align:left;line-height:15px;padding:10px 0 7px;} .ny_content .content_right .bread_nav1 .bread_nav1_right>em{height:15px;} .ny_content .content_right2{padding-bottom:0;} .sy_pro .pro_hd ul li a{padding: 8px 10px;} .sy_pro .pro_bd ul li .pro_img_box .pro_img{height:180px;} .ny_products .pro_bd ul li{width:48%;} .ny_products .pro_bd ul li:nth-child(2n){margin-right: 0;} .ny_products .pro_bd ul li:nth-child(3n){margin-right: 3%;} .ny_products .pro_bd ul li:nth-child(6n){margin-right: 0;} .ny_products .pro_hd ul li a{padding: 8px 10px;} .ny_products .pro_bd ul li .pro_img_box .pro_img{height:220px;} .ny_products .pro_hd ul li a{padding: 8px 10px;} .ny_products .pro_bd ul li .pro_img_box .pro_img{height:180px;} .new_inside ul li a{padding:10px;} .new_inside ul li .news_time{top:11px;left:14px;} .ly_msg ul li h4{display:none;} .cpzx .ly_msg ul li div{width:100% !important;} .cpzx .ly_msg ul li .msg_ipt1, .ly_msg ul li .msg_tara{width:100% !important;} .cpzx .ly_msg ul li .msg_ipt12{width:100% !important;} .ly_msg ul li div.msg_ipt2{width:30% !important;} .ly_msg ul li span{display:none;} .ly_msg{margin: 0 auto 0 !important;} .cpzx .msg_btn input{width:49%;margin-right:0;} .cpzx .msg_btn input:first-child{margin-right:2%;} .content_right .conn .proshow1{padding-top:20px; padding-bottom:20px;} .content_right .conn .proshow1 .js-silder{float:none;width: 100%;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;padding-top:20px;padding-bottom:20px;} .content_right .conn .proshow1 .prodesc{float:none;width: 100%;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;padding-top:15px;} .content_right .conn .proshow1 .prodesc p.desc{height:74px;} .content_right .conn .proshow1 .pro_btn{padding-top:15px; padding-bottom:20px;} .content_right .conn .proshow1 .pro_btn1{height:44px;line-height:44px;} .content_right .conn .proshow1 .pro_btn2{height:44px;line-height:44px;} .content_right .conn .proshow1 .pro_btn2 em{display:none;} .tags_title{margin: 20px 0 30px;} .proshow2 .prodetail_con{width:100%;} .proshow2{padding-top:0;} .content_right .conn .ny_news_con .honor img{max-width:100% !important;} .proshow1 .js-silder .silder-main-img{ height:300px;} .ny_content .content_left .c_tlt{font-size: 16px;} .ny_content .content_left .c_tlt em{cursor:pointer; display:block;width:30%;text-align:right;color:#ffffff;height:40px;line-height:40px;float:right;/*background:url(../images/jt.png) no-repeat right center;*/-webkit-transition: all .25s;-moz-transition: all .25s;-ms-transition: all .25s;-o-transition: all .25s;transition: all .25s; font-size:12px; font-weight:normal;} .pro_mulu{ display:none;} .contact .content1 ul li {float: none;width: 100%;margin-right: 0;margin-bottom:20px;} .contact .content1 ul li a .wz{width:75%;} .contact .content1 ul li a .wz p {float:left;width:100%;line-height:26px;padding-right:10px;} .contact .content1 ul li a .wz span {float:left;width:100%;line-height:26px;} .contact .content1 ul li.lx3 a .wz span {float:left;line-height:30px;} .lx_dz {margin: 20px auto 20px; } .lx_dz .dz_map{height:270px;} #dituContent{min-height: 300px;} } .page_list{text-align: right; margin-bottom: 10px;} .page { display:inline-block; font: 16px/28px '微软雅黑', sans-serif; *display:inline; :1; *zoom:1;} .page span,.page strong { float:left;} .page a, .page span.disabled, .page strong { background:#FFF; border:1px solid #CCC; color:#333; float:left; font: 16px/24px '微软雅黑', sans-serif; margin-right:5px; min-width:15px; padding:4px 8px; text-align:center; vertical-align:middle; white-space:nowrap; _width:15px;} .page strong{background:#16b7ed; color:#fff; } .page a:hover { border:1px solid #16b7ed; color:#16b7ed; text-decoration:none;} .page span.disabled { background:#FFF; border:1px solid #CCC; color:#CCC;} .page span.ellipsis { float:left; font: 16px/24px '微软雅黑', sans-serif; line-height:22x; margin-right:5px;} .page .page_txt { line-height:20px; float:right; width:auto;} .page a.page-curpage { background:#3561db; border:1px solid #3561db; color:#FFF; font-weight:bold;} .page input { font: 14px Verdana; padding:0 0 0 1px; width:40px; height:14px;}