@charset "utf-8"; body{ font-family:'微软雅黑'; font-size:13px; } ul{ height:auto; list-style: none; } .section { width: 100%; } img { } .fl{float:left;} .fr{float:right;} .pl10{padding-left:10px;} .ml22{margin-left:22px;} .mt8{margin-top:8px;} .mt12{margin-top:12px;} .mt16{margin-top:16px;} .ml69{margin-left:69px;} .mt16{margin-top:16px;} .mt26{margin-top: 26px;} .mt18{margin-top:18px;} .mt20{margin-top:20px;} .mt23{margin-top:23px;} .mt40{margin-top:40px;} .mb10{margin-bottom:10px;} .mb20{margin-bottom: 20px;} .bgf0{background: #f0f0f0;} .bgfd{background: #fdfdfd;} .bgee{background: #eeeeee;} .bgef{background: #efeeef;} .bge4e3e4{background: #e4e3e4;} .width705{width:705px} .width295{width:295px;} .width257{width:257px;} .width388{width:388px;} .width689{width:689px;} .wrap{ width:981px; margin: 0 auto; position:relative; box-sizing: border-box; } .topbar{ line-height: 35px; height: 35px; } .topbar h3{ font-family: '宋体'; font-weight: normal; color:#999999; } .top{ margin-top:23px; height: auto; overflow: hidden; margin-bottom: 21px; } .searchbar{ } .searchinput input{ border:1px solid #d7d7d7; height: 24px; width:200px; line-height: 24px; } .searchbar button{ width:50px; height: 28px; background: #399d3a; line-height: 28px; color:#ffffff; border:none; vertical-align: -1px; cursor:pointer; } .tel{ font-size: 14px; color:#767676; font-weight: bold; text-align: right; margin-top: 14px; } .tel span{ font-size: 20px; color:#f2b127; font-weight: bold; } .nav{ background: #399d3a; height:50px; line-height: 50px; } .nav ul{ } .nav ul li{ float:left; width:102px; text-align: center; } .nav ul li.action{ background: #f4c60c; } .nav ul li a{ color:#ffffff; font-size: 14px; } .indexfocus{ padding-top:23px; padding-bottom:15px; } .indexfocus a img{ width:100%; } .indexfocus .swiper-pagination{ text-align: right; padding-right:35px; box-sizing: border-box; } .indexfocus .swiper-container-horizontal>.swiper-pagination{ right:25px; bottom:12px; } .indexfocus .swiper-container-horizontal>.swiper-pagination .swiper-pagination-bullet{ margin:0px 3px; } .indexfocus .swiper-pagination .swiper-pagination-bullet{ color:#ffffff; width:20px; height:20px; line-height: 20px; background: #399d3a; opacity:0.8; filter:alpha(opacity=80); text-align: center; margin:0px; font-family: '宋体'; font-size:12px; } .indexfocus .swiper-pagination .swiper-pagination-bullet-active{ background: #f4c60c; } .index-banner-font{ position:absolute; top:61px; left:50%; margin-left:-224px; } .index-banner-font-2{ position:absolute; left:50%; width:400px; margin-left: -200px; margin-top:-280px; } .delay0{animation-delay:0;-webkit-animation-delay:0;} .delay1{animation-delay:0.5s;-webkit-animation-delay:0.5s;} .delay2{animation-delay:1s;-webkit-animation-delay:1s;} .block-title{ height:32px; border-bottom: 1px solid #d7d7d7; position: relative; } .block-title h3{ font-size:14px; color:#757575; font-family: '宋体'; line-height: 32px; } .block-title .more{ width:49px; height: 19px; line-height: 19px; text-align:center; background: #f2b127; position:absolute; right:0px; top:8px; } .block-title .mores{ position:absolute; right:0px; top:8px; } .block-title .mores a{ font-size:16px; color:#838383; } .block-title .more a{ color:#ffffff; font-family: '宋体'; font-size: 13px; } .index-qyjj-desc{ padding-top:15px; } .index-qyjj-desc img{ width:295px; height:117px; } .index-qyjj-desc h3{ font-size: 15px; color:#303030; font-weight: normal; margin: 15px 0px; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; } .index-qyjj-desc p{ font-family: '宋体'; font-size:13px; color:#818181; line-height: 20px; } .sbdt-top{ padding-top:15px; border-bottom: 1px solid #d4d4d4; padding-bottom: 15px; } .sbdt-top img{ float:left; width:183px; height:118px; margin-right:14px; } .sbdt-top-desc h3{ color:#303030; font-size: 14px; font-weight: normal; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; } .sbdt-top-desc p{ font-size:13px; font-family: '宋体'; color:#818181; line-height: 20px; margin-top: 10px; height:60px; overflow: hidden; } .xq{ width:49px; height: 19px; line-height: 19px; text-align:center; background: #f2b127; margin-top: 15px; } .xq a{ color:#ffffff; font-family: '宋体'; font-size: 13px; } .index-n-list{ } .index-n-list li{ } .index-n-list li a{ font-family: '宋体'; font-size:12px; color:#818181; line-height:20px; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; } .ad{ margin-top: 32px; margin-bottom: 22px; } .ad img{ width:705px; height:175px; } .special-desc{ margin-top: 5px; } .special-desc .special-desc-img{ display: block; float:left; } .special-desc img{ width:135px; height:175px; } .special-desc-info{ float:right; width:147px; } .special-desc-info h3{ font-size: 15px; color:#303030; font-weight: normal; padding-top: 7px; margin-bottom: 20px; } .special-desc-info p{ font-family: '宋体'; font-size:13px; color:#818181; line-height:20px; } .specialswiper{ } .specialswiper .swiper-pagination{ text-align: left; box-sizing: border-box; top:189px; margin-left:35px; } .specialswiper .swiper-pagination .swiper-pagination-bullet{ color:#ffffff; width:8px; height:8px; background: #cbcbcb; opacity:0.8; filter:alpha(opacity=80); text-align: center; margin:0px; } .specialswiper .swiper-pagination .swiper-pagination-bullet-active{ background: #314b9f; } .mtbd img{ width:257px; height:153px; } .indexproduct{ margin-top: 26px; height: auto; overflow: hidden; padding-top: 17px; } .index-pro-title h3{ font-size: 24px; color:#818181; } .index-pro-title h3.en{ font-family: arial; font-size:12px; color:#cccccc; margin-top:9px; } .index-product-bo{ border-bottom: 4px solid #399d3a; width:784px; margin-top:23px; margin-left:15px; } .list-index-pro{ margin-left:-4px; margin-bottom: 40px; height: auto; overflow: hidden; } .list-index-pro li{ margin-left:8px; float:left; text-align: center; margin-bottom: 20px; } .list-index-pro li img{ width:238px; height:151px; } .list-index-pro li h3{ font-size:15px; color:#4e4e4e; margin-top:15px; } footer{ background: #828282; } .foot{ padding-top:27px; padding-bottom: 23px; padding-left:5px; height: auto; overflow: hidden; } .footerinfo h1{ font-family: '黑体'; font-size:24px; color:#ffffff; margin-bottom: 8px; } .footerinfo p{ font-family: '宋体'; font-size:13px; color:#ffffff; line-height: 20px; } .link{ margin-top: 8px; } .link a{ font-family: '宋体'; font-size:13px; color:#ffffff; } .foot-qrcode{ width:99px; text-align: center; margin-right: 30px; } .foot-qrcode img{ width:99px; } .foot-qrcode h3{ font-size:13px; color:#ffffff; margin-top:9px; } .catbanner{ } .catbanner img{ width:981px; height:231px; } .pagemain{ height:auto; overflow: hidden; margin-top: 26px; margin-bottom: 58px; } .left-nav-title{ height:41px; background: url(../images/slideleftbg.jpg) no-repeat bottom left; } .left-nav-title h3,.current-cat-title h3{ font-family: '宋体'; font-size:14px; color:#757575; height:26px; line-height: 26px; background: url(../images/h3_bg.jpg) no-repeat left top; margin-left: 10px; padding-left:18px; } .left-nav{ margin-top:15px; } .left-nav li{ height:52px; line-height: 52px; border-bottom: 1px solid #dadada; box-sizing:border-box; padding-left:9px; } .left-nav li a{ font-size:18px; color:#818181; } .left-nav li.action a{ color:#f4c60c; } .current-cat-title{ height:36px; border-bottom:5px solid #d4d4d4; } .here{ font-family: '宋体'; font-size:12px; color:#818181; margin-top:8px; margin-right:37px; } .here a{ font-family: '宋体'; font-size:12px; color:#818181; } .list-pro{ } .list-pro li{ height:206px; border-bottom:1px solid #dadada; box-sizing:border-box; padding-left:29px; padding-right:38px; padding-top:41px; } .list-pro li .list-pro-thumb{ float:left; margin-right:37px; } /*.list-pro li .list-pro-thumb img{ width:183px; height:117px; } .list-pro li .list-pro-thumb.activity img{ width:257px; height:117px; }*/ .list-pro li .list-pro-info{ } .list-pro li .list-pro-info .time{ color:#bcbbbb; font-family: '宋体'; font-size:13px; margin-top: -15px; } .list-pro li .list-pro-info h3{ font-size:16px; color:#484848; padding-top:3px; } .list-pro li .list-pro-info p{ font-family: '宋体'; font-size:13px; color:#818181; line-height: 20px; margin-top:13px; } .pagetion{ text-align:center; margin-top:40px; margin-bottom:51px;color:#000000;height:auto; overflow:hidden; padding-left:90px;} .pagetion a{display:block;float:left; padding:6px 9px;border:1px solid #dadada; margin-right:4px;color:#000000;} .pagetion a.actives{border:none; background:#f4c60c; color:#ffffff;} .pagetion a.noborder{border:none;} .pagetion form{float:left; margin-left:10px;} .pagetion input{width:30px;height:22px; border:1px solid #dadada;} .pagetion button{width:47px; height:21px; background:#eeeeee; border:1px solid #dadada;} .page-content{ } .page-content .title{ font-size:18px; color:#434343; text-align: center; margin-top:39px; margin-bottom:32px; } .page-content p{ font-family: '宋体'; font-size:13px; color:#818181; line-height: 20px; } .page-content.newscontent .title{ margin-top: 25px; margin-bottom: 16px; } .page-content.newscontent .time{ color:#bcbbbb; font-family: '宋体'; font-size:13px; text-align: center; margin-bottom: 26px; } .sidebtn-nav{ display:none; } .msg_main{ padding:10px; margin-top: 19px; } .msg_main p{ font-family: '宋体'; font-size: 18px; color:#f4c70c; line-height: 30px; } .form-msg{ width:630px; margin:34px auto 0px; } .form-msg-item{ margin-bottom: 15px; } .form-msg-item label{ font-size:14px; color:#555555; } .form-msg-item input.input{ width:238px; height:28px; border:1px solid #b1b1b1; margin-left:20px; } .form-msg-item input.yzm{ width:110px; height:28px; border:1px solid #b1b1b1; margin-left:20px; box-sizing:border-box; padding-left:12px; } .form-msg-item textarea.input{ width:550px; height:226px; border:1px solid #b1b1b1; margin-left:16px; resize:none; vertical-align: -220px; } .tips{ font-size: 14px; color:#fe0000; } .yzm-img{ margin-left:52px; vertical-align: -10px; } .btn_msg_submit{ background: url(../images/btn_msg_submit.png) no-repeat; width:123px; height:40px; border:none; vertical-align: -16px; margin-left:51px; } #outMsg { background: url(../images/icon_exc.gif) no-repeat left top; margin: 0px auto; width: 340px; padding: 30px 0 0 80px; margin-top: 160px; } #outMsg h2 { font-size: 22px; font-weight: bold; color: #0574C7; } #outMsg dt { padding: 10px 0 25px 0; font-size: 13px; color: #666666; } #outMsg dd { background: url(../images/icon_back.gif) no-repeat left top; padding-left: 25px; font-size: 14px; } .marquee{ width:980px; height: 220px; overflow: hidden; margin-bottom: 20px; } .indexbanner .dots { position: absolute; left: 0; right: 0; bottom: 20px; text-align: right; } .indexbanner .dots li { display: inline-block; width: 20px; height: 20px; margin: 0 4px; line-height: 20px; text-align: center; border-radius: 100%; /*text-indent: -999em; border: 2px solid #fff;*/ color: #ffffff; cursor: pointer; opacity: .8; background: #399d3a; } .indexbanner{ position:relative } .indexbanner ul li{ /*min-height: 323px;*/ position: relative; } .indexbanner .dots li.active { background: #f4c60c; opacity: 1; } .indexbanner .arrows { position: absolute; bottom: 20px; right: 20px; color: #fff; } .indexbanner .arrow { display: inline; padding-left: 10px; cursor: pointer; } .specialbanner{ position:relative } .specialbanner ul li{ min-height: 261px; } .specialbanner .dots { position: absolute; left: 0; right: 0; bottom: 20px; } .specialbanner .dots li { display: inline-block; width: 12px; height: 12px; margin: 0 4px; line-height: 20px; text-align: center; border-radius: 100%; text-indent: -999em; /*border: 2px solid #fff;*/ color: #ffffff; cursor: pointer; background: #cccccc; } .specialbanner .dots li.active { background: #f4c60c; opacity: 1; }