@charset "utf-8"; @media only screen and (max-width:1024px) { /* -----绉诲姩绔?---- */ body{max-width: 640px;min-width: 320px;margin:0 auto; } .mobile_mask{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,0.35);z-index:199;display:none;} .mobile_nav{width:320px; padding:0 25px 25px 25px;overflow-y: scroll; background-color: #fff; position:fixed;top:0px;left:-320px; z-index:200; padding-top:20px;} .mobile_nav::-webkit-scrollbar{ display:none;} .mobile_header_bg{} .mobile_header{position: relative; width: 100%;height: 60px; background: #fff; -webkit-box-shadow: 4px 0 5px rgba(0, 0, 0, 0.16); -moz-box-shadow: 4px 0 5px rgba(0, 0, 0, 0.16); box-shadow: 4px 0 5px rgba(0, 0, 0, 0.16); } .mobile_header .logo{ position:relative;z-index: 1; text-align: center;padding-top: 12px } .mobile_header .logo img{height: 36px;} .mobile_nav_open{position: absolute;top:20px;left: 20px;z-index: 2;} .mobile_nav_open i{font-size:20px;} .mobile_nav_open img{width: 26px;} .mobile_nav_close{margin:10px 0 25px 0; } .mobile_nav_close i{font-size: 20px;} .mobile_nav_close img{width: 17px;} .mobile_tel{position: absolute;top:9px;right: 20px;} .mobile_tel i{font-size:22px;color:#5cb000;} .mobile_lang{position: absolute;top:9px;right: 20px;} .mobile_lang img{width: 22px;} .mobile_lang i{font-size:22px;color:#5cb000;} .mobile_header .logo2{text-align: left;padding: 13px 0 0 8px} .mobile_header .logo2 img{height: 35px;} .mobile_nav_open_right{position: absolute;top:20px;left:auto;right: 15px;z-index: 2;} .mobile_fan{position: absolute;top:20px;right: 55px;z-index: 2;} .mobile_fan i{font-size: 20px;} .mobile_la{position: absolute;top:24px;right: 20px;z-index: 2;overflow: hidden; background-size: cover;background-position: center center;background-repeat: no-repeat; /* height: 25px;width: 25px;border-radius: 25px; */ } .mobile_la img{height: 20px;} .mobile_laa{position: absolute;top:0;right: 25px;z-index: 2;} .dropdown_po{position: relative;} .dropdown_btn {background-color: rgba(51,51,51,.05); border-radius: 0 0 4px 4px; width: 38px;height: 50px; text-align: center;} .dropdown_btn span{font-size: 13px;font-weight: 500;padding-top:18px; display: block;color:#000;} .dropdown_nav_main{position: absolute;z-index:200;top:114px;right: 5px;display: none;background-color: rgba(59,60,79,.3); } .dropdown_nav{padding:5px 0;} .dropdown_nav li a{ display: block;width: 60px;padding:0 0 0 12px;height: 32px;line-height: 32px;color:#fff;font-size: 13px;text-align: left;} .mobile_nav_ul{overflow: hidden;} .mobile_nav_ul .line{width: 100%;height: 2px;background: #5cb000; display: none;} .mobile_nav_ul .item{ display: none;padding:0 0 15px 15px; border:none;} .mobile_nav_ul .item dl{margin-top:15px;} .mobile_nav_ul .item dl a{color:#333;font-size:15px;} .mobile_nav_ul li{margin-bottom:18px;} .mobile_nav_ul span{display:flex;justify-content:space-between;} .mobile_nav_ul i{text-align: right;width: 40%;font-size:18px;color:#333;} .mobile_nav_ul .nav_a{font-size:16px;color:#333;} .mobile_nav_ul .lang{margin-bottom:12px;line-height: 25px;} .mobile_nav_ul .lang img{height: 18px;margin:-5px 5px 0 0;} .mobile_nav_main{display:flex;flex-direction:column;justify-content: space-between; height: 100%;} .mobile_nav_footer{margin:25px 0 40px 0;overflow: hidden;color:#5cb000;} .mobile_nav_footer a{color:#5cb000;} .mobile_nav_footer .ft1{font-size: 18px;line-height: 1.8;margin-top:15px;font-weight:bolder; } .mobile_nav_footer .ft2{font-size: 12px;line-height: 2.2;margin-top:25px;} .mobile_nav_footer_line{width: 100%;height: 6px;background: #5cb000; } /* -------------------------// common //------------------------- */ * { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } /**:before,*/ /**:after {*/ /* -webkit-box-sizing: border-box;*/ /* -moz-box-sizing: border-box;*/ /* box-sizing: border-box;*/ /*}*/ .fancybox-close { top: 0px;right: 0px;} .w-1200{width: 100%;margin: 0 auto;margin-top:30px} .w-is-p{ display: none;} .w-is-m{ display: block;} .w-ht h3{ text-align: center;font-size: 20px;color: #000;} .w-ht h2{text-align: center;font-size: 15px;color: #666;padding-top:10px;} .w-ht.w-ht-fff h3{color: #fff;} .w-ht.w-ht-fff h2{color: #fff;} .w-ht .line{height: 2px;width: 70px; background: #1db702;margin:12px auto} .w-ht .line~h2{padding:0} .w-content .w-ht{margin-bottom: 20px} .w-content .w-ht h3{font-size: 30px;} .w-ht-line{text-align: center;} .w-ht-line h3{position: relative;} .w-ht-line h3 b{ display: inline-block;color: #222;font-size: 35px;line-height: 42px;background: #fff;padding: 0 90px;} .w-ht-line h3 i{display: block;position: absolute;top:21px;left:0;width: 100%;height: 1px;background: #ccc;z-index: -1;} .swiper-container-horizontal>.swiper-pagination-bullets{} .swiper-pagination-bullet{width: 10px;height: 4px;display: inline-block;border-radius:2px;background-color: #000;opacity: .5;/* background-color: rgba(0, 0, 0, 0.6);*/} .swiper-pagination-bullet-active{background-color: #000;opacity: 1;width: 20px;} .swiper0 .swiper-slide img { width: 100%;} .swiper0{min-width: 320px;margin:0 auto;} .swiper0 .swiper-button-white{ display: none} /* 鍏ㄥ睆杞挱鍥 */ .fullSlide, .fullSlide .bd, .fullSlide .bd li, .fullSlide .bd li a, .fullSlide .bd img{height:600px; text-align:center;} .fullSlide, .fullSlide .bd, .fullSlide .bd li a, .fullSlide .bd li{width:100%;} .fullSlide{ margin:0px auto 0 auto; overflow:hidden; background:#fff;position:relative;z-index:9;} .fullSlide .hd{ height:20px;left:50%;margin-left:-20px; bottom:7px; position:absolute; z-index:9; } .fullSlide .hd ul{ overflow:hidden; zoom:1; float:left; } .fullSlide .hd ul li{ background:#fff;float:left; margin:0 4px; width:12px; height:12px;border-radius:12px;text-align:center; cursor:pointer; text-indent:-99999px;} .fullSlide .hd ul li.on{ background:#3b77bc; } .fullSlide .bd, .fullSlide .bd li{position:relative;} .fullSlide .bd li a{ display:block;} .fullSlide .prev, .fullSlide .next{ position:absolute; left:3%; top:50%; margin-top:-25px; display:block; width:32px; height:40px; filter:alpha(opacity=70);opacity:0.7; z-index:333 } .fullSlide .next{ left:auto; right:3%; background-position:8px 5px; } .fullSlide .prev:hover, .fullSlide .next:hover{ filter:alpha(opacity=100);opacity:1;} /* -------------------------// model //------------------------- */ /**/ .w-header-lr-bg{width:100%; position: relative;z-index:100; } .w-header-lr{width: 1200px; margin: 0 auto;position: relative;z-index:100;} .w-header-lr .w-logo{ position: absolute;top:0;left:0;} .w-header-lr .w-logo a{ display: block; width:300px; height: 90px;} .w-header-lr .w-logo img{ height: 57px;} /**/ .w-header-lr .w-nav{position: relative;z-index:100; } .w-header-lr .w-nav-li{float: left; position: relative; z-index: 100; } .w-header-lr .w-nav-li span>a{height:90px;line-height:90px;font-size: 16px;color:#333;text-align: center;font-weight:400; display: block;width:135px; -webkit-transition: all .5s ease; transition: all .5s ease; } .w-header-lr .w-nav-li span>a .fa{position:relative;top:-2px;left:4px;color:#5cb000;font-size:13px;} .w-header-lr .w-nav-li:hover span>a, .w-header-lr .w-nav-li.cur span>a, .w-header-lr .w-nav-li.hover span>a{color:#5cb000;} /*.w-header-lr .w-nav-li:hover span:after,*/ /*.w-header-lr .w-nav-li.cur span:after,*/ /*.w-header-lr .w-nav-li.hover span:after{ background: #5cb000;*/ /* content: '';*/ /* position: absolute;*/ /* width: 100%;*/ /* height: 3px;*/ /* left:0;*/ /* bottom:0;*/ /* z-index: 200;*/ /*}*/ .w-header-lr .w-nav-li .item{position:absolute;z-index:100;left:0px;top:56px; color:#fff; display: none; width:1200px;min-height:240px;padding:15px 18px 0 18px; } .w-header-lr .w-nav-li .item .im{width:16.666666% ;float:left;padding:18px 18px 0 18px;} .w-header-lr .w-nav-li .item .img img{width: 100%;height:158px} .w-header-lr .w-nav-li .item .title{width:100%;height:20px;line-height:20px;text-align: center;font-size:14px;margin-top:6px;} .w-header-lr .w-nav-li .item a{color:#fff; } .w-header-lr .w-nav-li .item48{left:-135px} .w-header-lr .w-nav-li .item49{left:-270px} .w-header-lr .w-nav-li .item50{left:-405px} .w-header-lr .w-nav-li .item51{left:-540px} .w-header-lr .w-nav-li .item52{left:-675px} .w-header-lr .w-nav-li .item53{left:-810px} .w-header-lr .w-nav-li .item54{left:-945px} .w-header-lr .w-nav-li .item550{left:-1080px} .w-nav-item-bg{position: absolute;z-index: 99; left:0;top:168px; width: 100%;display: none;} .w-nav-item-bg .bdcon{width:1200px;margin:0 auto;background: rgba(43, 144, 223, 0.7);height: 240px; } .lang2{ position: absolute;z-index:10;top:27px;right: 0;} .lang2 a{display: block;float:left;margin: 0 0 0 15px;height: 36px; width: 45px;color:#5cb000; text-align: center;border:1px solid #5cb000} .lang2 .la{line-height: 36px;font-size: 15px;} .lang2 .la.cur{ background:#5cb000;color:#fff;} .lang2 .ls{ display: none;} .lang2 .ls img{ margin-top: 35px;} .lsh{position:absolute;z-index:10;right:0px;top:90px;width: 241px;display: none;} .lsh .title{float:left;width: 170px;padding:0 5px;height:36px;border:1px solid #ccc; border-right:none;} .lsh .btn{float:left;width: 60px;height:36px;background: #5cb000;border:none;color: #fff;} .w-header-tt{width: 100%} .w-header-tt .w-logo2{height:112px;overflow: hidden;width: 1200px; margin: 0 auto;} .w-header-tt .w-logo2 .w-rt{padding-top:21px;} .w-header-tt .w-logo2 .w-rt .img{width: 72px;float:left} .w-header-tt .w-logo2 .w-rt .img img{width: 100%;height:100%} .w-header-tt .w-logo2 .w-rt dl{float:left;width: 240px;padding-left:10px;} .w-header-tt .w-logo2 .w-rt dt{font-size:16px;padding-top:18px;} .w-header-tt .w-logo2 .w-rt .d1{font-size:28px;color: #e50112;padding-top:6px;font-weight: bold} .w-header-tt .w-nav{ width: 1200px; margin: 0 auto;} .w-header-tt .w-nav-bg{ background: #EAEAEA;height:56px;width: 100%} .w-header-tt .w-nav-li span>a{height:56px;line-height:56px;font-size: 16px;color:#333;text-align: center;font-weight:400; display: block;padding:0 15px; -webkit-transition: all .5s ease; transition: all .5s ease; } .nav-tool{position: absolute;z-index:100;top:18px;right:20px;} .nav-tool .nav-to{float:left;cursor: pointer;position: relative;z-index:100;margin-right:15px; -webkit-transition: all .4s; -moz-transition: all .4s; transition: all .4s; opacity: 1; } .nav-tool .nav-to:last-child{margin:0;} .nav-tool .nav-to:hover img{opacity: .4;} .nav-tool .nav-span{height:20px;width:1px;overflow:hidden;background:#ccc} .nav-tool .nav-lang{line-height:20px;} .nav-tool .nav-lang a{color:#777;font-size:13px;} .nav-tool .nav-lang .fa{position:relative;top:-2px;margin-left:6px;color:#777;font-size:13px;} .nav-search-inner{ display:none; position: absolute; z-index: 200;top:2rem;right:-1rem; width:15rem; border-radius: 0.1rem; box-shadow: 0rem 0.15rem 0.65rem 0rem rgba(0,0,0,0.2); background: #fff;padding:0.4rem;line-height: 1em; border-width: 1px; border-style: solid; } .nav-search-inner .text{padding:0.5rem; width:12.2rem;height:1.8rem;float:left;border:none;} .nav-search-inner .btn{background:#333; width: 1.8rem;height:1.8rem;border:none;color:#fff;box-shadow:none;} .nav-search-inner i{color:#fff;font-size:1em;} /**/ .w-i-news-bg{ } .w-i-news{ } .w-i-news-bd{margin-top:60px;} .w-i-news-bd ul{ } .w-i-news-bd li{float:left; width: 33.333%;padding: 0 10px } .w-i-news-bd .img{overflow: hidden;} .w-i-news-bd .img img{width: 100%; height: 250px;} .w-i-news-bd .item{ background: #fff;border:1px solid #ddd;} .w-i-news-bd .item .txt{padding:20px;} .w-i-news-bd .item .title{font-size: 17px; width:100%;height: 20px;line-height: 20px;overflow: hidden;} .w-i-news-bd .item .date{font-size: 14px;color:#777} .w-i-news-bd .item .subtitle{ height:48px;line-height: 24px; overflow: hidden;font-size: 14px;color:#777;margin:12px 0;} /* 鍐呴〉 */ .w-g-cate-bg{background: #f5f5f5;width: 100%;border-bottom: 1px solid #eee;} .w-g-cate{text-align: center;} .w-g-cate .sp{display: inline-block;} .w-g-cate .sp>a{ display: inline-block;height: 60px;line-height: 60px;font-size: 16px;margin:0 26px;position: relative;} .w-g-cate .sp>a.cur:before{content: '';background: #5cb000;height:3px;position: absolute;bottom:0;width: 100%;} .w-g-cate-bg-m{background: #f9f9f9;width: 100%;border-bottom: none;} .w-g-cate-bg-m .w-g-cate{text-align: left;padding:0px 7px 0 7px;} .w-g-cate-bg-m .w-g-cate .sp{display: block; width: 33.333%;float:left;padding:0 7px;margin-top:12px;} .w-g-cate-bg-m .w-g-cate .sp>a{ display: block;height: 36px;line-height: 36px;font-size: 14px;margin:0;border:1px solid #dedede;background: #fff; position: relative;text-align: center; overflow:hidden;word-wrap:normal;white-space:nowrap;text-overflow:ellipsis; } .w-g-cate-bg-m .w-g-cate .sp>a.cur{border:1px solid #f9f9f9;background: #5cb000;color:#fff;} .w-g-cate-bg-m .w-g-cate .sp>a.cur:before{ display: none} .w-g-wrapper-bg{width: 100%;background: #f9f9f9;padding:10px 0 10px 0;} .w-g-wrapper{width: 100%;margin: 0 auto;} .w-side{float:left;background: #fff;width:240px;margin-right:-240px;position:relative;} .w-main{float:right;width:100%; } .w-mainc{margin-left:255px;background: #fff; } .w-g-wrapper-100 .w-side{ display: none;} .w-g-wrapper-100 .w-main .w-mainc{margin: 0;} .w-g-wrapper .w-side{ display: none;} .w-g-wrapper .w-main .w-mainc{margin: 0;} .w-side .h3t{ padding-left:20px; color:#fff; background: url(../images/a/categories.png) no-repeat 210px center #5cb000; } .w-side .h3t h3{font-weight:normal;font-size:16px;line-height: 55px;} .w-mainc .h3t{ line-height: 55px;height: 55px;border-bottom: 1px solid #dbdbdb; position: relative;margin:0 15px} .w-mainc .h3t h2{font-weight:normal;font-size:16px;border-bottom: 1px solid #5cb000;line-height: 55px; position: absolute;left:0;bottom:-1px } .w-mainc .h3t .w-rt{ padding-right: 10px;font-size: 14px;color:#777} .w-mainc .h3t .w-rt a{color:#777} .w-mainc .h3t .w-rt .sep{ font-family: simsun; padding: 0 10px;} .w-side-ul{ background: #F7F9FA} .w-side-ul .i-1{width:100%; overflow: hidden;} .w-side-ul .i-1 a{ display: block; padding-left:40px; border: 1px solid #ececec;border-top:none; height: 50px;line-height: 50px;font-size: 14px;color:#333; overflow:hidden;word-wrap:normal;white-space:nowrap;text-overflow:ellipsis; background: url(../images/a/c5.png) no-repeat 17px center;} .w-side-ul .i-1 a:hover{border-left:3px solid #5cb000;color:#5cb000} .w-side-ul .i-1 a.cur{border-left:3px solid #5cb000;color:#5cb000;font-weight: bold} .w-side-ul .i-2{width:100%; overflow: hidden;} .w-side-ul .i-2 a{ display: block; padding-left:50px; border: 1px solid #ececec;border-top:none; height: 50px;line-height: 50px;font-size: 14px;color:#333; overflow:hidden;word-wrap:normal;white-space:nowrap;text-overflow:ellipsis; background: url(../images/a/li03.png) no-repeat 36px center;} .w-side-ul .i-2 a:hover{border-left:3px solid #5cb000;color:#5cb000} .w-side-ul .i-2 a.cur{border-left:3px solid #5cb000;color:#5cb000;font-weight: bold} .w-side .scon{border:1px solid #ececec;background: #F7F9FA;padding:10px;line-height: 1.8;font-size: 14px} .w-side .scon img{max-width: 100%;} .w-side .scon p{} /* 涓婂浘涓嬫枃 鍒楄〃 */ .w-list{padding:0 5px;} .w-list ul{} .w-list li{float:left;width:50%;padding: 12px ;} .w-list .img{overflow: hidden} .w-list .img img{width: 100%;} .w-list .item{border:1px solid #d5d5d5; background: #fff; -webkit-transition: all 400ms; -moz-transition: all 400ms; -ms-transition: all 400ms; -o-transition: all 400ms; transition: all 400ms; } .w-list .txt{} .w-list .title{ width: 100%; height: 55px;line-height: 55px;font-size: 15px;text-align: center; overflow: hidden; word-wrap: normal; white-space: nowrap; text-overflow: ellipsis; } .w-list .subtitle{} .w-list .item:hover{ -webkit-transform:translateY(-3px); -o-transform:translateY(-3px); -ms-transform:translateY(-3px); transform:translateY(-3px); border:1px solid #ddd; -webkit-box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.1); -moz-box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.1); box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.1); } .w-list-x4 li{float:left;width:25%;padding: 12px ;} /* 宸﹀浘鍙虫枃 鍒楄〃 */ .w-list-news{padding:0;} .w-list-news ul{ } .w-list-news li{float:left; padding: 0px;width: 100%; } .w-list-news-x2 li{width:50%;padding: 12px ;} .w-list-news li:hover h3 a{color:#5cb000;} .w-list-news .item{ padding: 15px ; border-bottom: 1px solid #ddd; -webkit-transition: all 400ms; -moz-transition: all 400ms; -ms-transition: all 400ms; -o-transition: all 400ms; transition: all 400ms; } .w-list-news .item:hover{ -webkit-box-shadow: 0 5px 10px 0 rgba(0, 0, 0, 0.1); -moz-box-shadow: 0 5px 10px 0 rgba(0, 0, 0, 0.1); box-shadow: 0 5px 10px 0 rgba(0, 0, 0, 0.1); } .w-list-news .img{float:left;width:32%; } .w-list-news .img img{width: 100%;border-radius: 3px;} .w-list-news .txt{float:left; width:68%; padding:3px 0 0 15px;box-sizing: border-box; } .w-list-news h3{width:100%;height: 20px;line-height:18px;font-size: 16px; } .w-list-news h3 a{ -webkit-transition: all 400ms; -moz-transition: all 400ms; -ms-transition: all 400ms; -o-transition: all 400ms; transition: all 400ms; } .w-list-news p{width:100%; font-size: 14px;height: 50px;line-height: 25px;color: #888;overflow: hidden;margin-top: 8px;} .w-list-news .date{color:#999;margin-top:15px;font-size:13px;} .w-list-news .btn{margin-top:10px; } .w-list-news .btn a{ display: inline-block;width: 90px;height: 30px;line-height: 28px;text-align: center;font-size:12px; border:1px solid #5cb000; color:#5cb000; transition: background-color 0.5s linear 0s; } .w-list-news .btn a:hover{ color: rgb(255, 255, 255); background-color: #5cb000; border-color: #5cb000; } .w-list-news .noimg .txt{width:100%;padding:3px 0 0 0px;} .w-list-news-li{padding:10px 20px;} .w-list-news-li li{line-height: 44px;border-bottom:1px dashed #ddd; } .w-list-news-li li a{width: 70%; height:44px ;line-height:44px; display: block;float:left; background: url(../images/a/li03.png) no-repeat left center;padding-left:15px;font-size: 14px; overflow:hidden;word-wrap:normal;white-space:nowrap;text-overflow:ellipsis; -webkit-transition: all 400ms; -moz-transition: all 400ms; -ms-transition: all 400ms; -o-transition: all 400ms; transition: all 400ms; } .w-list-news-li li:hover a{color:#5cb000;} .w-list-news-li li span{float:right;color:#666;} .w-list-rec{} .w-list-rec{padding:15px 20px 0 20px;} .w-list-rec ul{ } .w-list-rec li{float:left; padding: 30px 20px;width: 100%;} .w-list-rec li:hover h3 a{color:#5cb000;} .w-list-rec .item{ padding: 12px ; border-bottom: 1px solid #ddd; -webkit-transition: all 400ms; -moz-transition: all 400ms; -ms-transition: all 400ms; -o-transition: all 400ms; transition: all 400ms; } .w-list-rec .item:hover{ -webkit-box-shadow: 0 5px 10px 0 rgba(0, 0, 0, 0.1); -moz-box-shadow: 0 5px 10px 0 rgba(0, 0, 0, 0.1); box-shadow: 0 5px 10px 0 rgba(0, 0, 0, 0.1); } .w-list-rec h3{width:100%;height: 20px;line-height:18px;font-size: 18px; } .w-list-rec h3 a{ -webkit-transition: all 400ms; -moz-transition: all 400ms; -ms-transition: all 400ms; -o-transition: all 400ms; transition: all 400ms; } .w-list-rec p{width:100%; font-size: 15px;height: 25px;line-height: 25px;color: #888;overflow: hidden;margin-top: 12px;} .w-list-rec p span{padding:0 12px} .w-list-rec .txt{float:left;width: 80%} .w-list-rec .btn{float:right;width: 20%; text-align: right} .w-list-rec .btn a{ display: inline-block;width: 90px;height: 30px;line-height: 28px;text-align: center;font-size:12px; border:1px solid #5cb000; color:#5cb000; transition: background-color 0.5s linear 0s; } .w-list-rec .btn a:hover{ color: rgb(255, 255, 255); background-color: #5cb000; border-color: #5cb000; } .w-content-title{padding:15px 15px 0 15px;text-align:left;line-height: 1.5} .w-content-title h1{font-size:20px;font-weight:normal;padding:0;} .w-content-date{border-bottom:1px solid #eee;text-align:left;padding:10px 0 15px 15px;color:#aaa;font-size:14px;margin: 0 } .w-content{padding:12px 15px;min-height: 100px; } /* .w-content p{margin-bottom:10px;line-height: 1.8em; } .w-content img{max-width: 100%;} */ /* 浜у搧璇︽儏 */ .w-g-wrapper-100 .proimg-group{width: 540px;margin-left: 30px} .w-g-wrapper-100 .protitle-info{width: 540px;margin-left: 50px} .w-g-wrapper-100 .protitle-info .contel{width: 450px;} .w-g-wrapper-100 .protitle-info h1{font-size: 26px;} .w-product-hd{padding-top:0px;} .proimg-group{width: 100%;float:left;margin-left: 0px} .proimg-group .proimg{} .proimg-group .proimg img{width: 100%} .proimg-group .swiper_pro_wrap{position: relative;padding:0 35px;margin-top: 15px} .proimg-group .swiper_pro{} .proimg-group .swiper_pro .swiper-slide img{width: 100%;border: 2px solid #fff;} .proimg-group .swiper_pro .swiper-slide.hover img{border:2px solid #d81e06;} .proimg-group .pro-prev, .proimg-group .pro-next{width: 25px;height: 65px; cursor: pointer;position: absolute; z-index: 20} .proimg-group .pro-prev{ left:0;top:0;background: url(../images/a/j351.png) no-repeat center center} .proimg-group .pro-next{ right:0;top:0;background: url(../images/a/j352.png) no-repeat center center} .proimg-group .pro-prev.swiper-button-disabled, .proimg-group .pro-next.swiper-button-disabled{opacity: .4} .proimg-group-m{width: 100%;float:left;margin-left: 0px} .swiper_pro_m .swiper-slide img{width: 100%; } .swiper_pro_m .count{position:absolute;right: 0;bottom: 25px;z-index: 10; background: rgba(0,0,0,.3);font-size: 13px;height: 22px;line-height: 22px;padding: 0 10px;color:#fff;font-family: Arial;border-radius: 11px 0 0 11px;} .swiper_pro_m .line{margin:0 1px;} .protitle-info{width: 100%;float:left;margin-left: 0px;padding: 0 15px} .protitle-info h1{font-size: 20px;line-height: 1.3;margin-top:18px;font-weight: 600} .protitle-info .con{margin-top:10px;font-size: 15px;color:#555;line-height: 2} .protitle-info .contel{width: 100%;margin-top: 18px} .protitle-info .contel dl{border:1px solid #bbb;border-radius: 3px;padding:14px 0;} .protitle-info .contel .iit{padding-bottom:6px;font-size: 16px;color:#444;font-weight: bold;} .protitle-info .contel .ii1, .protitle-info .contel .ii2{ display: inline-block;font-weight: bold;font-size: 20px;color:#5cb000;} .protitle-info .contel .ii2{padding-left:35px;} .protitle-info .contel dt{float:left;padding:0 13px;} .protitle-info .contel dt img{width: 48px} .protitle-info .contel dd{float:left;} .protitle-info .btn1{margin-top:20px;} .protitle-info .btn1 a{ display:block;width:100%;height:45px;line-height:45px;color:#fff;background:#5cb000; text-align: center;font-size:14px; } .w-pro-ht{ border-bottom:1px solid #ccc; height:36px;font-size: 17px; position: relative;margin:22px 15px 0 15px} .w-pro-ht span{ display: block;position: absolute;z-index: 1;left:0;bottom:-1px;height:36px;border-bottom:2px solid #5cb000;color:#333; } /*鍥剧墖鏀惧ぇ闀滄牱寮?/ div.zoomDiv{z-index:999;position:absolute;top:0px;left:0px; background:#ffffff;border:1px solid #CCCCCC;display:none;text-align:center;overflow:hidden;} div.zoomMask{position:absolute;z-index:10;background:#ffffff;opacity:0.5;-moz-opacity:0.5;-khtml-opacity: 0.5;filter: alpha(Opacity=50);border:1px solid #ddd; width:150px !important;height:150px !important; cursor: move } /* 鍒嗛〉 */ .pagination{display:inline-block;padding-left:0;margin:20px 0;border-radius:4px} .pagination>li{display:inline} .pagination>li>a, .pagination>li>span{position:relative;float:left;padding:6px 12px;margin-left:-1px;line-height:1.42857143;color:#333;text-decoration:none;background-color:#fff;border:1px solid #ddd} .pagination>li:first-child>a, .pagination>li:first-child>span{margin-left:0;border-top-left-radius:4px;border-bottom-left-radius:4px} .pagination>li:last-child>a, .pagination>li:last-child>span{border-top-right-radius:4px;border-bottom-right-radius:4px} .pagination>li>a:focus, .pagination>li>a:hover,.pagination>li>span:focus,.pagination>li>span:hover{z-index:2;color:#333;background-color:#eee;border-color:#ddd} .pagination>.active>a, .pagination>.active>a:focus,.pagination>.active>a:hover,.pagination>.active>span,.pagination>.active>span:focus,.pagination>.active>span:hover{z-index:3;color:#fff;cursor:default;background-color:#333;border-color:#333} .pagination>.disabled>a, .pagination>.disabled>a:focus,.pagination>.disabled>a:hover,.pagination>.disabled>span,.pagination>.disabled>span:focus,.pagination>.disabled>span:hover{color:#777;cursor:not-allowed;background-color:#fff;border-color:#ddd} .pagination-lg>li>a, .pagination-lg>li>span{padding:10px 16px;font-size:18px;line-height:1.3333333} .pagination-lg>li:first-child>a, .pagination-lg>li:first-child>span{border-top-left-radius:6px;border-bottom-left-radius:6px} .pagination-lg>li:last-child>a, .pagination-lg>li:last-child>span{border-top-right-radius:6px;border-bottom-right-radius:6px} .pagination-sm>li>a, .pagination-sm>li>span{padding:5px 10px;font-size:12px;line-height:1.5} .pagination-sm>li:first-child>a, .pagination-sm>li:first-child>span{border-top-left-radius:3px;border-bottom-left-radius:3px} .pagination-sm>li:last-child>a, .pagination-sm>li:last-child>span{border-top-right-radius:3px;border-bottom-right-radius:3px} .pager{padding-left:0;margin:20px 0;text-align:center;list-style:none} .pager li{display:inline} .pager li>a, .pager li>span{display:inline-block;padding:5px 14px;background-color:#fff;border:1px solid #ddd;border-radius:15px} .pager li>a:focus,.pager li>a:hover{text-decoration:none;background-color:#eee} .pager .next>a, .pager .next>span{float:right} .pager .previous>a, .pager .previous>span{float:left} .pager .disabled>a, .pager .disabled>a:focus, .pager .disabled>a:hover, .pager .disabled>span{color:#777;cursor:not-allowed;background-color:#fff} }