/*2017*/ @charset "utf-8"; /*初始化样式*/ body{ margin:0px; padding:0px; margin:0px auto; zoom:1;overflow-x: hidden; /*设置字体*/ font-size:12px; line-height:24px; font-family:"微软雅黑",Arial,"宋体"; color:#414446; /*设置宽度*/ width:100%; } ul,li,form, dl,dt,dd, div{ padding: 0px; margin: 0px;} .ul,.ul li{ list-style:none;} .h1,.h2,.h3,.h4,.h5,.h6,.p{ padding:0px; margin:0px;} select,input,textarea{ border-radius:0; -webkit-border-radius:0; color:#414446;} input:focus { outline: none;} /*强制去除表单自带的样式*/ input,button,select,textarea{outline:none;/*-webkit-appearance:none;*/} /*强制去除textarea自带的样式*/ textarea{resize:none;/*-webkit-appearance:none;*/} /*初始化图片样式*/ img{ border:none; border:0; max-width:100%; vertical-align:top;} textarea,input,select { background:none; border:none; margin:0; padding:0;} /*html5设置*/ article,aside,footer,header,hgroup,nav,section,figure,figcaption{ display: block;} figure,figcaption{ margin:0px; padding:0px;} audio,canvas,progress,video { display: inline-block; vertical-align: baseline;} img{ border:none; border:0; vertical-align:baseline;} a{ color:#414446; text-decoration:none; noline:-webkit-tap-highlight-color:rgba(0,0,0,0);} a:focus {outline:none; -moz-outline:none;} a:hover{ text-decoration:none; color:#009ed3;} /*清楚浮动*/ .clear{ clear:both; height:0px; overflow:hidden;} /*初始化样式*/ /*页面框架结构*/ .Contain{max-width: 1200px;margin:10px auto;width:100%;} .SildeBar{} .MainContent{} .Content{} .SinglePage{ /*单片*/ text-justify:inter-ideograph; text-align:justify; word-wrap:break-word; clear:both; overflow:hidden;} .Current{ /*当前位置*/} /*分页*/ .Pages{} /*分页*/ /*Top*/ .Top{max-width: 1200px;margin:0 auto;height: 119px;} .Top .logo{float: left;width: 17%;padding: 2% 0% 0 0%;} .Top nav{float: right;width: 70%;margin-left: 10%;} .Top .mainnav li{float: left;margin-left: 5.5%;} .Top .mainnav li i{border:1px solid #414446;border-radius: 50%;display: inline-block;position: relative;bottom: 3px;right: -21px;} .Top .mainnav li a{display: inline-block;height: 119px;width: 70px;font-size: 17px;line-height: 119px;box-sizing: border-box;border-top:2px solid transparent;text-align: center;font-weight: bold;} .Top .mainnav li a:hover{border-top: 2px solid #009ed3} .Top .mainnav li.li3 .subnav{padding-left: 15%} .Top .mainnav .subnav{position: absolute;top: 119px;height: 70px;background: #fff;width: 100%;left: 0;border-top: 1px solid #ededed;padding-left: 35%;box-sizing: border-box;display: none;z-index: 10000} .Top .subnav .head {text-align: right;margin:10px 0 10px;height: 50px;float: left;padding-right: 36px;border-right: 1px dotted #ddd} .Top .subnav .head .h2{font-size: 18px;font-weight: normal;color: #fb8d40} .Top .subnav .list ,.Top .subnav .list dd{float: left;height: 70px;} .Top .menulist{display: none;} .Top .subnav .list dd a{height: 70px;line-height: 70px;font-weight: normal;font-size: 12px;width: auto;padding-left: 36px;} .Top .mainnav dd a:hover{color: #009ed3;border-top:2px solid transparent;} .Top .liuyan{width: 75px;height: 75px;background: url(/skin/image/liuyan.png) no-repeat center 30%;background-color: #fb8d40;text-align: center;margin-bottom: 5px;background-size: 45%;} .Top .liuyan span{color: #fff;margin-top: 38px;display: inline-block;} .Top .weixin{background: url(/skin/image/float_qqicon4.png) no-repeat center center;background-color: #fb8d40;width: 75px;height: 75px;margin-bottom: 5px;position: relative;} .Top .weixin .weixin01{position: absolute;left: -155px;width: 155px;height: 180px;box-sizing: border-box;padding: 10px;background:#fff;display: none;transition: 0.3s;text-align:center;} .Top .weixin .weixin01 img{width: 100%;} .Top .phone{background: url(/skin/image/float_qqicon3.png) no-repeat 17% center;background-color: #fb8d40;width: 200px;height: 75px;margin-bottom: 5px;position: absolute;transition:0.3s;right: -125px;line-height: 75px;box-sizing: border-box;color: #fff;font-size: 14px;padding-left: 75px;} .Top .menu-right{position: fixed;top: 35%;right: 0;z-index: 999999;} .Top .menu-right a{position: relative;bottom: -80px;} @media screen and (min-width: 481px){ .Top .phone:hover{right: 0;} .Top .weixin:hover .weixin01{display: block;} } .Top .phone.on {right: 0;} .Top .weixin.on .weixin01{display: block;} .iframe1 {border:0;position: absolute;width: 100%;height: 357px;top: 55px;margin: 0;padding: 0;left: 0;z-index: 999998;display: none;background: #3495f6;} @media (max-width: 1140px){ .Top nav{margin-left: 0%;width: 75%} } @media (max-width: 768px){ .Top nav{position: absolute;top: 55px;z-index: 999999;width: 100%;display: none;} .Top .menulist{display: block;position: absolute;right: 3%;top: 10px} .Top .mainnav li{float: none;margin:0;text-align: center;background: #3495f6;border-bottom: 1px solid rgba(255,255,255,0.6)} .Top .mainnav li a{height: 50px;line-height: 50px;color: #fff;} .Top .mainnav li i , .Top .subnav .head{display: none;} .Top .subnav .list ,.Top .subnav .list dd{float: none;height: auto;} .Top .subnav .list dd{background: #ededed} .Top .subnav .list dd a{padding: 0;color: #000;height: 45px;line-height: 45px;} .Top .subnav .list dd a:hover{color: #3495f6} .Top .mainnav .subnav{position: static;padding:0;height: auto;} .Top .mainnav li:nth-child(3) .subnav{padding-left: 0} } /*Top*/ /*Bottom*/ .Bottom{padding: 60px 0 30px 0;box-sizing: border-box;background: url("/skin/image/footer_back.jpg") center center;height: auto;width: 100%;background-size: cover;} .Bottom .b-top{width: 100%;padding-bottom: 43px;border-bottom: 1px solid rgba(255,255,255,0.2)} .Bottom .b-top li{float: left;width: 9.8%;text-align: center;margin:0 4%;} .Bottom .b-top li a{color: #fff;font-size: 16px} .Bottom .b-top li i{border:1px solid #fff;border-radius: 50%;display: inline-block;position: relative;bottom: 3px;right: -80%;} .Bottom .b-top li:last-child{text-align: right;margin-right: 0} .Bottom .b-top li:first-child{text-align: left;margin-left: 0} .Bottom .linajie{border-bottom:1px solid rgba(255,255,255,0.2);padding:8px 0;} .Bottom .linajie span{position: relative;top: 0px;color: #fff;} .Bottom .linajie .ul{display: inline-block;} .Bottom .linajie li{float: left;margin-left: 10px;color: #fff;height: 25px;line-height: 25px;} .Bottom .linajie li a{color: #fff} .Bottom .b-below .b-left{float: left;width: 30%;margin-top: 30px;} .Bottom .b-below .b-right{float: left;width: 70%} .Bottom .lianxi {border:none;opacity: 0.8;text-align:right;} .Bottom .lianxi .ul li {margin-left:35px;} .Bottom .lianxi .ul li:nth-child(1){margin-left: 0} .Bottom .Copyright{color: rgba(255,255,255,0.7);text-align: right;} @media (max-width: 1200px){ .Bottom .b-below .b-left{width: 30%} } @media (max-width: 768px){ .Bottom .b-top{display: none;} .Bottom .b-below .b-left{float: none;width: 100%;text-align: center;} .Bottom{padding-top: 10px;padding: 0;} .Bottom .b-below .b-right{width: 100%;float: none;} .Bottom .linajie,.Bottom .Copyright{text-align: center;line-height: 20px;} .Bottom .b-below .b-left img{max-width: 80%} } @media (max-width: 480px){ .Bottom .linajie span{top: 0} .Bottom .youqing li{width: 50%;margin:0; height: 25px;line-height: 20px;} .Bottom .lianxi .ul li {margin-left: 35px;/*padding-top:10px;*/height: 25px;line-height:16px;} } .swiper-container-horizontal>.swiper-pagination{bottom: 35px;left: 30%;} .swiper-container-horizontal>.swiper-pagination .swiper-pagination-bullet{width: 50px;height: 5px;border-radius: inherit;} /*Bottom*/ /*SildeBar*/ .SildeBar{} /*SildeBar*/ /*Banner*/ /*Banner*/ /*首页*/ .HomeBan .bd li{width: 100%} .HomeBan .swiper-container{margin: 0; width: 100%;} .HomeBan .slideBox{position: relative;} .HomeBan .hd{position: absolute;bottom: 20px;right: 10%;z-index: 9999} .HomeBan .hd li{display: inline-block;width: 38px;height: 5px;margin-right:10px;background: #fff;} .HomeBan .hd li.on{background: #456ae4;} .jieshao .j-video video{position: absolute;top: 0;left: 0;width: 100%;height: 100%;display: block;} .jieshao .j-video , .jieshao .j-right{/*float:left;*/width: 50%;box-sizing: border-box;} .jieshao .j-video{position: relative;z-index: 7777;top: -55px;float: left;} .jieshao .j-video .push{position: absolute;width: 65px;height: 65px;border-radius: 50%;background: url(/skin/image/bg01.jpg) no-repeat center center;background-color: #009ed3;right: -33px;top: 40%;box-shadow: 6px 0 15px 5px #e7f9ff} .jieshao .j-right{padding:85px 0 0 60px;float: right;} .jieshao .j-right .h1{font-size: 24px;color: #3495f6;} .jieshao .j-right .p{margin:55px 0 24px 0;line-height: 33px;font-size: 14px;height: 100px;overflow: hidden;} .mores{display: inline-block;width: 175px;height: 43px;border-radius:30px;background: #fff;background: url(/skin/image/more.png) no-repeat 140px center; box-shadow: 0 0 20px 5px #ffeee2;line-height: 43px;box-sizing: border-box;padding-left: 20px;color: #fb8d40;font-size: 14px;transition: 0.3s} .mores:hover{background-image:url(/skin/image/more-hover.png); background-color: #fb8d40;color: #fff;} .news{padding-top: 70px;} .news .title , .products .title{font-size: 34px;text-align: center;position: relative;padding-bottom: 20px;height: 65px;line-height: 65px;} .news .title {background: url(/skin/image/title-news.jpg) no-repeat center 0;} .products .title {background: url(/skin/image/title-pro.jpg) no-repeat center 0;} .news .n-list .pic{border-radius: 5px;overflow:hidden;} .news .title span , .products .title span{position: absolute;display:inline-block; width:40px;height: 2px;background: #4f6ddf;bottom: 0;left: 48%} .news .n-list li .link{font-size: 18px;} .news .n-list li .time{color: #a9a7a7;font-size: 12px;background: url(/skin/image/time.jpg) no-repeat;padding-left: 20px} .news .n-list li .detail{font-size: 14px;color: #999;line-height: 24px;height: 72px;overflow: hidden;-ms-text-overflow: ellipsis;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;} .news .n-list li{width:32.5%;margin-right: 1% ;box-sizing: border-box;padding:30px;float: left;transition: 0.3s;} .news .n-list li:nth-child(3){margin-right: 0} .news .n-list li:hover{box-shadow: 0 0 30px 5px #eee} .news .mores{display: block;margin:50px 0 50px 50%;transform: translateX(-50%);} #owl-demo .item .titles{ height: 24px;overflow: hidden; } #owl-demo .item .contents{height: 72px;overflow: hidden;} .jieshao .j-video img.imgmin{position:absolute; top: 0;left: 0;width: 100%;} @media (max-width:1200px ){ .jieshao .j-right{padding-top: 45px;} .jieshao .j-right .p{margin:35px 0 20px 0;} } @media (max-width:1024px ){ .jieshao .j-right{padding-top: 20px;} .jieshao .j-right .p{margin:25px 0 10px 0;} } @media (max-width: 768px){ .news .n-list li{float: none;width: 100%;} .news .n-list .pic{text-align: center;} .news .n-list li .link{text-align: center;} } @media (max-width: 768px){ .jieshao .j-video, .jieshao .j-right{float: none;} .jieshao .j-video .push{display: none;} .jieshao .j-video{width: 100%;top: 0;margin-top: 20px; float: none;} .jieshao .j-video img{width: 100% ;position: static;} .jieshao .j-video img.imgmin{position: static;} .jieshao .j-right{width: 100%;padding: 20px 0 0 ;text-align: center;} .jieshao .j-right .mores{text-align: left;} } @media(max-width: 1024px){ .Top .liuyan, .Top .weixin{width: 60px;height: 60px;background-position: center 25%;} .Top .liuyan span{margin-top: 33px;} .Top .weixin{background-position: center center;} .Top .phone{background-position: 12% center;height: 60px;right: -140px;padding-left: 60px;line-height: 60px;} .Top .weixin .weixin01{left: -125px;width: 125px;height: 150px;} .Top .menu-right a{position: relative;bottom: -65px;} } @media(max-width: 768px){ .Top{height: 70px;} } @media(max-width:640px){ .Form001852 .from td{padding: 4% 4% 0 4%;display: block;} .Form001852 .from td.f_name{width: 100%;} .RighInfo001848 .title:after, .RighInfo001848 .title:before{display: none;} .RighInfo001749{padding: 0 4%;} .Top .logo{padding: 2% 0 0 3%;} } @media(max-width: 480px){ .menu-right{/*display: none;*/} .Top{height: 55px;} .Bottom .lianxi .ul li{width: 50%;margin:0;} .Top .logo{padding: 3% 0 0 3%;} .swiper-container-horizontal>.swiper-pagination{display: none;} } .products{padding: 50px 32px;width: 100%;background:url(/skin/image/b-bg.jpg);box-sizing: border-box;} .products .pro-list{margin:0} #owl-demo {width: 100%;margin-left: auto;margin-right: auto;margin: 50px 0 20px 0} #owl-demo .item {display: block;margin: 15px;background: #fff;padding: 10px 10px 30px;text-align: center;cursor: pointer;transition: 0.3s} #owl-demo .item .pic{width: 100%} #owl-demo .item .h2{margin: 27px 0} #owl-demo img {display: block;width: 100%;} #owl-demo .item:hover{background: #009fd9;color:#fff;box-shadow: 0 0 15px 3px #c0dee9} /*首页*/ .newsWlHT{font-size: 18px;color: #333;} .newsWl{padding: 20px 0;} .newsWl ul{border-top: 1px solid #eee;border-bottom: 1px solid #eee;padding: 20px 0;} .newsWl ul li{line-height: 35px;} .newsWl ul li a{display: block; width: 80%;padding-left: 15px;overflow: hidden;text-overflow: ellipsis; white-space: nowrap; font-size: 16px;color: #999;} .newsWl ul li a:hover{ color: #009fd9; } @media(min-width: 768px){ .newsWl ul li{float: left; width: 48%;margin-right: 4%;} .newsWl ul li:nth-child(2n){margin-right: 0;} } /*网站地图*/ .ul_sitemap li{ border-bottom:dotted 1px #ddd; padding:5px 0px;} .ul_sitemap li strong{ width:90px; display:inline-block;} #cnzz_stat_icon_1264096110{position: relative; left: 89%; bottom: 66px;} @media only screen and (max-width: 1024px) { .jieshao .j-video img.imgmin{display:none;} } /*pages*/ .pagination-wrapper{ margin: 20px 0; } .pagination{text-align: center; } .pagination li { display: inline-block; margin-right: 5px; } .pagination li a{ float: left; display: block; height: 32px; padding: 5px 12px; font-size: 16px; color: #555555; text-decoration: none; } .pagination li a:hover{ background:#f5f5f5; color:#0099ff; } .pagination li.thisclass { background: #09f; color: #fff; } .pagination li.thisclass a,.pagination li.thisclass a:hover{ background: transparent; border-color: #09f; color: #fff; cursor: default; }