.container{max-width:1200px;} /*网站公共样式*/ .info-content{font-size:15px;line-height:2.5; padding:15px; font-size:16px;} a{color:#333;text-decoration:none; font-size:16px;} a:hover{color:#037ecc} a.btn-more{display:inline-block;width:140px;height:34px;line-height:34px;border:1px #CCC solid;color:#999;transition:all 0.5s ease;font-size:14px;transition:all 0.5s ease;text-align:center;margin:0px auto;margin-top:30px} a.btn-more:hover{background:#40312f;border-color:#40312f;color:white;} .banner{height:500px\9!important;overflow:hidden\9!important;text-align: center;overflow:hidden;} /*兼容ie低版*/ .text-overflow{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;} .header{background-color: #fff;} .header .topbar{line-height: 34px;background-color: #f5f5f5;font-size: 13px;} .header .topbar ul{float: right;} .header .topbar li{float: left;color: #ddd;} .header .topbar li.pipe{padding: 0 10px;} .header .logo{float: left;font-size: 0;height: 80px;line-height: 80px;text-align: left;} .header .tel{float: right;background: url(../cssimg/tel.jpg) no-repeat 0 center;padding-left: 55px;margin-top:20px;} .header .tel strong{display: block;font-size: 28px;line-height: 1;color: #1cb034;} .header .text{float: left;font-size: 16px;margin: 20px 0 20px 30px;padding: 5px 0 5px 30px;border-left: 1px solid #ddd;} .header .text strong{display: block;font-size: 26px;} /*底部*/ footer{text-align:left;width:100%;min-height:95px;background:#143c93;margin-top:40px;line-height:2.5} /*顶部样式*/ .header{position:relative;} .header .logo img{} /*自定义导航动画,也可以用animater.css中的动画,需要在script.js中修改*/ .nav .animated,.sub-nav .animated{-webkit-animation-duration:0.4s;animation-duration:0.4s;-webkit-animation-fill-mode:both;animation-fill-mode:both;} .navSlide{-webkit-animation-name:navSlide;animation-name:navSlide} @keyframes navSlide{0%{-webkit-transform:translateY(100%);transform:translateY(100%);opacity:0;visibility:visible}100%{-webkit-transform:translateY(0);opacity:1;transform:translateY(0)}} /*子栏目样式*/ .sub-nav-box {clear: both;position: relative;} .sub-nav-box .sub-nav-title{line-height:57px;text-align:left;background:url(images/leftbg.gif) repeat-x left top;padding-left:15px;font-size:22px;color:white;font-family:"Microsoft YaHei",Tahoma,Verdana,"Simsun";} .sub-nav-box .sub-nav{clear:both;text-align:left;margin-bottom:20px;width:100%;overflow:visible;background:#fafafa;} .sub-nav-box .sub-nav li{width:100%;padding:0px;text-align:left;position:relative;display:block;} .sub-nav-box .sub-nav li a{display:block;padding-left:25px;line-height:54px;font-size:14px;color:#808080;font-family:"Microsoft YaHei",Tahoma,Verdana,"Simsun";border-bottom:1px #ececec solid;font-size:15px; width:100%;} .sub-nav-box .sub-nav li a:hover{color:#037ecc;} .sub-nav-box .sub-nav li ul{display:none} .sub-nav-box .sub-nav li ul li a{padding-left:55px;} .sub-nav-box .sub-nav li ul li ul li a{padding-left:85px} .sub-nav-box li .arrow{position:absolute;right:0px;top:0px;width:54px;height:54px;line-height:54px; text-align:center;transition-duration:0.1s;cursor:pointer} .sub-nav-box li .arrow:after{font-family:FontAwesome;content:"\f105";display:block;font-weight:bold;font-size:18px} .sub-nav-box .sub-nav li.current > a{color:#1b72ca; font-weight:bold} .sub-nav-box .sub-nav li.active > ul{display:block} .sub-nav-box .sub-nav li.active > .arrow{transform:rotate(90deg)} /*图片列表*/ .images-list .row .item{ padding-bottom:10px;} .images-list .row .item a{display:block;overflow:hidden;} .images-list .row .item img{display:block;width:100%;height:auto;transition:all .5s} .images-list .row .item a:hover img{transform:scale(1.1,1.1);transition: all 0.5s ease-out 0s;} /*产品内容页样式*/ .product-content{ padding:10px;} .product-content .detail .title{clear: both;text-align: left;overflow: hidden;border-bottom:1px solid #ccc;line-height: 40px;color:#444;font-weight: 600;padding-left:15px;font-size: 16px;} /*在线留言表单*/ .ui-validForm{padding-top:30px;} .form-group::before,.form-group::after{content:"";display:table} .form-group::after{clear:both} .form-group{position:relative;padding:10px 0px;} .form-group .control-label{position:absolute;left:0px;top:10px;} .form-group .controls{padding-left:100px;} .form-group .form-control{border:1px solid #eeeeee;height:32px;line-height:32px;width:100%;padding:2px 5px;font-size:14px;color:#666;transition:all .5s ease-in-out} .form-group .form-control:focus{border-color:#ad7669} .form-group textarea.form-control{height:300px} .form-group .help-block{display:block} .btn{border:1px solid #ad7669;color:#fff;height:35px;width:120px;background:#ad7669;transition:all .5s ease-in-out} .btn:hover{background:#805246} .form-group .controls-verificationCodeImage{position:relative;max-width:400px;_width:400px;} .form-group .lb_verificationCodeImage{position:absolute;display:inline-block;right:1px;top:0px;height:32px;overflow:hidden} .form-group .lb_verificationCodeImage img{height:30px;} .el-textarea__inner:focus,.el-input.is-active .el-input__inner, .el-input__inner:focus{border-color: #ad7669!important;outline: 0;} .el-button--small, .el-button--small.is-round {padding: 12px 50px!important;} .el-button--primary {background-color: #ad7669!important;border-color: #ad7669!important;} .el-form--label-left .el-form-item__label {text-align: center!important;} .el-textarea textarea{height: 160px!important;} #toTop{display: none;text-decoration: none;position: fixed;bottom: 12px;right: 12px;overflow: hidden;width: 50px;height: 50px;border: none;text-indent: -9999px;background: url(Images/ui.totop.png) no-repeat left 0px;background-size: auto;background-size: cover;z-index: 190;border-radius: 50%;transition: all 0.2s linear;} #toTop:hover{background-position:left -50px;background-size: cover;} /*标签*/ .tag-list{padding:20px 0px 20px 0px;} .tag-list ul li{float:left;margin-right:10px;} .tag-list ul li .fa-tags{font-size:16px;line-height:30px;} .tag-list ul li a{display:inline-block;background: #e6f1fb;color: #06c;font-size:12px;line-height:30px;padding:0px 10px;border-radius:5px} /*搜索*/ .right-icon-box{position:absolute;top:0px;right:10px;text-align:right;font-size:20px;} .right-icon-box .fa{color:#999;line-height:70px;font-size:20px;display:inline-block;width:40px;cursor:pointer;text-align:center} .right-icon-box .fa-remove{font-size:25px;color:#cc0000} .right-icon-box .fa:hover{color:#cc0000} .search-show{position:absolute;width:100%;top:91px;z-index:2;background: #fff;display:none;border-bottom: 2px solid #ccc;border-top: 1px solid rgb(229, 229, 229);} .search-show .box{position: relative;padding-top:80px;padding-bottom:50px; max-width:1000px;margin:0px auto;} .search-show .box .title{position: relative;} .search-show .box .title input{border: 0;border-bottom: 2px solid #E5E5E5;width:90%;font-size: 18px;padding-bottom: 5px;} .search-show .box .fa-search{font-size:25px;cursor:pointer} .search-show .box .fa-search:hover{color:#e30b20;} .search-show .box .hot-word{} .search-show .box .hot-word .text{margin: 46px 0 27px;color: #333;font-size: 18px;font-family: Hiragino Sans GB;} .search-show .box .hot-word ul{width: 100%;} .search-show .box .hot-word ul li{float: left;text-align: center;margin: 10px;} .search-show .box .hot-word ul li{display: block;color: #333;line-height: 40px;border-radius: 20px;background-color: #F5F5F5;padding:4px 20px;} .search-show .hot-word span{cursor:pointer;display:block;} .search-phone{margin-top: 20px;padding-bottom: 60px;} .search-phone .ss-box{position:relative;margin:60px auto;border:1px solid #cfcfcf;background:#fff;width:100%;height:36px;font-size:15px;margin:0px auto;} .search-phone .ss-box .phone-input{width:100%;outline:none;border:none;line-height:34px;padding-left:0px;background-color:transparent;} .search-phone .ss-box .phone-btn{position: absolute;right: -10px;top: 0;width: 38px;height: 32px;cursor: pointer;font-weight: bold;line-height: 32px;outline: none;border: none;background-color: #fff;} .search-phone .font span{cursor:pointer;} .search-phone .font span:hover{color:#da0000;} .dethingTitle{margin:20px 0;} .dethingTitle strong{font-size:20px;} @media (min-width:1000px) /*pc端*/ { .right-icon-box{padding-top:20px;} .right-icon-box .fa-bars{display:none!important} } @media (max-width:1000px) /*手机端*/ { .search-show{top:70px;} } /*相关推荐*/ .recommend .public-title{font-size: 18px;position: relative;margin: 0 0 10px;background-color: #f8f8f8;padding: 10px;} .recommend .public-title .fa{color: #ad7669;font-size: 18px;padding-right: 10px;} .tab { overflow: hidden; background:#eee; } .tab > li { float: left; width: 100px; line-height: 40px; height: 40px; font-size: 16px; text-align: center; } .tab > li.selected { color: #fff; background:url(images/leftbg.gif) repeat-x left bottom; font-weight:bold } .tab-content > li { display: none; min-height:260px; } .tab-content > li.show { display: block; } #tab_1>li { width: 33.3%; } /* 新闻模型 */ .m-newlist li{line-height:2.4; padding-left:10px; border-bottom:1px dashed #ccc;} .m-newlist li .date{position:absolute;top:0px;right:0px;} .page-newslist .m-newlist li{line-height:2.6;} .m-newlist-1 li{line-height:1.5;padding-left:100px;margin-bottom:12px;margin-top:12px;} .m-newlist-1 li .tit{padding-left:10px;border-left:2px solid #ddd;} .m-newlist-1 li .date{position:absolute;top:0px;left:0px;} .m-newlist-2 li{line-height:1.5;padding-left:100px;padding-bottom:20px;margin-top:20px;margin-bottom:20px;border-bottom:2px solid #ddd;} .m-newlist-2 li:hover{border-color:#023b90;} .m-newlist-2 li .tit{font-weight:bold;margin-bottom:10px;font-size:16px;} .m-newlist-2 li:hover .tit{color:#002e73;} .m-newlist-2 li .date{width:80px;position:absolute;top:0px;left:0px;} /*公用标题*/ .pa_comm_title_2{padding:20px 0 0 0;font-size:30px;margin-bottom:10px; position:relative} .pa_comm_title_2 .cn{font-size:25px;color:rgb(30,80,174);} .pa_comm_title_2 .cn span{ color:#16982b} .pa_comm_title_2 .en{font-size:18px;color:rgb(177,177,177);text-transform:uppercase;} /*首页》解决方案*/ .removal{color:#fff;} .removal-color1{background-color: #3599fd;} .management{padding: 0 10px 10px;line-height: 2; height:140px; border-bottom-right-radius: 15px;border-bottom-left-radius: 15px;} .management li:first-child{font-size:22px;} .management li:last-child{font-size:14px;overflow: hidden;display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;word-break: break-all;} .removal a { display: block; text-align: center; color:#fff} .removal a:link,.removal a:visited,.removal a:hover{ color: #fff } .removal a:hover img { -moz-transform: scale(1.1); -ms-transform: scale(1.1); -webkit-transform: scale(1.1); transform: scale(1.2); -moz-transition: all 0.5s ease 0s; -o-transition: all 0.5s ease 0s; -webkit-transition: all 0.5s ease; -webkit-transition-delay: 0s; transition: all 0.5s ease 0s; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80); opacity: 0.8; } li.index-hangye:nth-of-type(odd) .management{ background:#037ecc;color:#fff;} .indexhezi { overflow: hidden; } .indexhezi img { width: 100%; -moz-transform: scale(1); -ms-transform: scale(1); -webkit-transform: scale(1); transform: scale(1); -moz-transition: all 0.5s ease 0s; -o-transition: all 0.5s ease 0s; -webkit-transition: all 0.5s ease; -webkit-transition-delay: 0s; transition: all 0.5s ease 0s; } @media (min-width:1000px){ .img-add > img{width:100%;height:190px;} .padding-wen{padding-top:10px;margin-bottom: 40px;} .news-boxpadd .tabct .pa_piclist_2 .picbox img{height: 270px!important;width:100%!important;} .news-boxpadd .tab .tab-title{margin: 4px 0 16px;} .newswiper-container{width:100%;position:relative;overflow:hidden;border: 1px solid #ddd;} .newswiper-container .swiper-slide{text-align:center;font-size:18px;background:#fff;/* Center slide text vertically */ display:-webkit-box;display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;-webkit-justify-content:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center;} .newswiper-container .swiper-slide .inner{width:100%;} .newswiper-container .swiper-slide img{display:block;width:100%; height:350px;margin:0 auto;} .newswiper-container.swiper-container-horizontal > .swiper-pagination-bullets{bottom:6px;} .newswiper-container .swiper-pagination{text-align:right;} .newswiper-container .swiper-pagination-bullet{width:10px;height:10px;text-align:right;opacity:.5;background:#fff;} .newswiper-container .swiper-pagination-bullet-active{color:#fff;opacity:1;} .newswiper-container .title{width:100%;background:rgba(0,0,0,.7);font-size:14px;color:#fff;line-height:2.4;padding-right:80px;padding-left:2px;position:absolute;bottom:0;left:0;} .img_cp{box-shadow: 5px 6px 10px #dfdfdf; margin:0 15px;} .img_cp_t{ font-size:16px; text-align:center; line-height:40px; height:40px;} } @media (max-width:1000px){ .padding-wen{padding-top:18px;margin-bottom: 20px;} .newswiper-container .swiper-slide img{display:block;width:100%; height:250px;margin:0 auto;} .management li:first-child{font-size:14px;} .management li:last-child{font-size:14px;overflow: hidden;display: -webkit-box;-webkit-line-clamp: 3; } .pa_comm_title_2 .en{ font-size:14px;} .sub-nav-box .sub-nav-title { line-height:40px;} } .shipin .Img{ width: 100%; height: auto; overflow: hidden; position: relative; box-shadow: 2px 2px 5px #ccc; border: 1px solid #ccc; } .shipin .colorBg { background: url(images/play.svg) center center no-repeat; background-color: rgba(0,0, 0, 0.1); background-size: 40px 40px; width: 100%; height: 100%; position: absolute; top: 0; left: 0; transition: all .3s; } .shipin a .Img img{ -webkit-transform: translateZ(0) scale(1); -moz-transform: translateZ(0) scale(1); -ms-transform: translateZ(0) scale(1); -o-transform: translateZ(0) scale(1); transform: translateZ(0) scale(1); -webkit-transition: all 0.8s; -moz-transition: all 0.8s; transition: all 0.8s; width:100%; } .shipin a:hover .Img img{ -webkit-transform: translateZ(0) scale(1.05); -moz-transform: translateZ(0) scale(1.05); -ms-transform: translateZ(0) scale(1.05); -o-transform: translateZ(0) scale(1.05); transform: translateZ(0) scale(1.05); -webkit-transition: all 0.8s; -moz-transition: all 0.8s; transition: all 0.8s; } .shipin p{ text-align: center; height: 40px; line-height: 40px;} .index_comp p{font-size: 16px; text-indent:2em;} .blank10{ height:10px; overflow: hidden; } .index_p_lei { position:absolute; left:50%; top:0px; margin-left:-400px;} .index_p_lei li{ float:left; margin-left:10px; display:inline} .index_p_lei li a:link,.index_p_lei li a:visited{ display:block; height:40px; line-height:40px; background:#ccc; border:1px solid #ccc;border-radius:10px; color:#000; padding:0 20px} .index_p_lei li a:hover{ background:#1060c0; color:#fff; height:40px !important; line-height:40px;border:1px solid #ccc} .boxClass{ margin:15px; font-size:16px;} /*首页产品分类*/ li.index_product_list{ width:20%; float:left;padding:0 5px;} .content_tel{ font-size:20px; color:#366092; font-weight:bold; line-height:20px; text-indent:2em; margin-top:20px;} .index_pk img{ margin:10px auto; border:1px solid #ccc; border-radius:10px;} .fudonggg { border:1px solid #ccc; position:fixed; left:0px; top:200px; z-index:1000 } .fudonggg img,.fudonggg a{ border:none} /*手机端*/ @media screen and (max-width: 1000px){ body{min-width: 320px;padding-top: 50px;padding-bottom: 50px;} .container{width: auto;} #message .m-content .m-message{width: 90%;padding: 20px;} .kf{display: none;} .footer-fix{display: block;} .header{padding: 10px 0;position: fixed;z-index: 10;width: 100%;top: 0;left: 0;box-shadow: 0 0 10px rgba(0,0,0,0.2);} .header .topbar, .header .text, .header .tel{display: none;} .header .logo{height: 50px;line-height: 50px;float: none;padding: 0;margin: -10px 0;} .header .logo img{ width:70%; height:auto} .info-content{padding-left:0; padding-right:0} .management{ height:auto} .management li:first-child{font-size:16px;} li.index-hangye .management{ background:#037ecc;border-bottom-right-radius: 0;border-bottom-left-radius: 0;color:#fff;} li.index-hangye .management{padding:0} .swiper-slide p{ text-align:center} .removal{ padding-bottom:10px;} .index_pk{display:none} .fudonggg{display:none} } .topbar .language a{ background:url(images/national_en.png) no-repeat left center; padding-left:35px} .m-newlist li a::before{ content:url("images/dian.jpg"); display: inline-block; margin-right: 5px; } /*新闻资讯-首页、子栏目公用*/ .news-list{clear:both;overflow:hidden;} .news-list li.tw{clear:both;overflow:hidden;display:block;width:100%;margin:0px 0px 15px 0px;text-align:left;} .news-list li.tw .pic{float:left;width:160px;height:105px;overflow:hidden;margin-right:10px;} .news-list li.tw .pic img{width:100%;height:100%;display:block;} .news-list li.tw .content{display:inline;} .news-list li.tw .content a{display:block;line-height:30px;font-size:16px;} .news-list li.tw .content span{color:#808080;height:75px;line-height:25px;} .news-list li.item{clear:both;overflow:hidden;width:100%;border-bottom:1px solid #e5e5e5;padding:15px 0px 10px 0px;} .news-list li.item .title{padding-left:11px;background:url(images/icon-dot.gif) no-repeat left center;max-width:80%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;} .news-list li.item .date{float:right;} .beian{ background:#10327a;} .beian a:link,.beian a:visited{color:#c6c6c6} .beian a:hover{ color:#fff} .product-content img{ margin-left:-2em;} .info-content P img{ margin-left:-2em} /*股份样式*/ .index_tit{ padding:40px 0 16px 0; text-align: center; } .tit_inner{ display: inline-block;background:url(images/tit.png) left top no-repeat; width: 260px; font-weight: bold; height: 45px; line-height: 45px; font-size: 24px; color: #14a83b } .tit_i{ color: #014099 } .tit_word{ display: block; height:42px; line-height: 42px; font-size: 14px; color: #666666 } .link{background:url(../images/ball3.jpg) center top no-repeat; height: 343px;} .link_div{ position: relative; height:150px; margin-top: 20px; } .link_scroll{ position: absolute; left: 0; top: 0; height: 150px; width: 1200px; overflow: hidden; background:#3399CC;} .linkul{ width: 10000px; } .linkul li{ float: left; margin-right:20px; width: 222px; height: 118px; border: 1px solid #dddddd } .linkul li img{width: 222px; height: 115px; overflow: hidden;} .link_left{ position: absolute; left: -45px; top: 35px;background:url(images/link_left.png) center top no-repeat; width: 30px; height: 50px; } .link_right{ position: absolute; right: -45px; top: 35px;background:url(images/link_right.png) center top no-repeat; width: 30px; height: 50px; } .box{ width: 1200px; margin: 0 auto } .img_link img{ border:1px solid #ccc; width:100px; height:90px; } .lanmujieshao{color:#8a8a8a; padding:10px; border-bottom:1px dotted #dfdfdf;border-radius:10px; line-height:25px; margin-top:10px;} .lanmujieshao p{text-indent:2em; font-size:20px; line-height:30px; padding-top:10px; margin:0} .info-content ul li { list-style-type: disc; } .info-content ul li p { text-indent:0; margin:0 } .info-content .list-paddingleft-2{ padding-left:0; margin-left:2em}