/* * @Author: yodoes * @Date: 2017-08-22 09:37:15 * @Last Modified by: yodoes * @Last Modified time: 2017-08-30 12:08:02 */ /*閸忣剙鍙℃径鎾劥+鐎佃壈鍩?/ body{ font-family:"Microsoft YaHei"; } a:link, a:visited, a:hover, a:active{ text-decoration: none; } .navbar-default .navbar-nav>li>a { color: #777; font-size: 16px; } .b{border:1px solid red;} .pr{position: relative;} .tc{text-align: center;} .navbar{margin-bottom: 0;} .navbar-default{background-color: #fff;} .navbar-right li a{cursor: pointer;color: #464545;} .nav_line{width: 0%;height: 3px;background-color: #159243;position: absolute;bottom: 7px;left: 50%;margin-left: -35%;transition:all .5s;} .navbar-right li a:hover .nav_line{width:70%;} .curr .nav_line{width: 70%;height: 3px;background-color: #159243;position: absolute;bottom: 7px;left: 50%;margin-left: -35%;} .nav>li>a.weixin, .nav>li>a.weibo{padding:10px 5px;} .navbar-right{margin-top: 50px;} .navbar-right li:nth-last-child(1){position: absolute;top:0;right: 0;} .navbar-right li:nth-last-child(1) img{display: inline-block;width: 30px;height: 30px;cursor: pointer;} .navbar-right li:nth-last-child(1) a{display: inline-block;} /*娴滃瞼娣惍 */ .navbar-right li:nth-last-child(1) img.Qrcode{position: absolute;top: 40px;width: 120px;height: 120px;left: -44px;display: none;} .navbar-right li:nth-last-child(1) a:hover img.Qrcode{display: block;} /*妫f牠銆夋潪顔芥尡*/ .carousel-indicators{width: 100%;left: 0;margin-left: 0;margin-bottom: 0;bottom: 0;} .carousel-indicators li{width: 23.6%;height: 40px;border-radius: 0;margin: 0;padding: 0;text-align: center;line-height: 40px;display: inline-block;text-indent: 0;border: 0;background-color: rgba(0,0,0,.3);color: #fff;} .carousel-indicators .active{width: 24.6%;height: 40px;background-color: rgba(0,0,0,.5);color: white;} .carousel-inner .item{height:78.5rem;width:100%;} .carousel-inner .item img{width:100%;height:100%;} /*footer*/ .footer{height:220px;background-color:#cccccc;color: #2f2221;} .footer .container{padding-top: 35px;} .footer .container div:nth-child(1){width: 13%;} .footer .container div:nth-child(2){width: 52%;} .footer .container div:nth-child(3){width: 45%;font-size: 12px;} .footer a{color:#2f2221;cursor: pointer;} .footer .container div:nth-child(3) a{display: inline-block;width: auto;height: auto;cursor: pointer;} .footer .container div:nth-child(3) a img{cursor: pointer;} .sec_head{height: 106px;line-height: 106px;color: #1e2678;} .sec_head .fl{font-size: 34px;} .sec_head .fl span{font-size: 60%;} .sec_head .fr a{font-size: 20px;color: #1e2678;cursor: pointer;} .activity_content , .products_content{margin: 50px auto;} .activity_content .row{height: 430px;} .activity_video{-padding-right: 0;} .video-js{height: 430px !important;width:100%;} .activity_r > div{height: 140px;-width:200px;overflow: hidden;color: #fff;font-size: 24px;line-height: 140px;transition:all .5s;-ms-transition:all .5s;} .activity_r > div:hover{transform:scale(1.03);-ms-transform:scale(1.03);-webkit-transform:scale(1.03);} .activity_r .activity_r_text{width: 80%;margin: 0 auto;} .activity_r .activity_r_text a{display: inline-block;border: 1px solid #fff;color: #fff;float: right;text-decoration: none;line-height: 24px;position: relative;top: 56px;padding: 2px 3px;border-radius: 2px;} .products_content{ height: 503px; background: url("../image/0407btm.png"); background-size: contain; background-repeat: no-repeat } .products_content > div{width: 252px;height: 103px;position: absolute;top: 160px;right:50px;color: #1e2678;} .products_content > div p:nth-child(1){font-size: 32px;padding-left: 22px;} .products_content > div p:nth-child(2){ background-image: url(../image/7.png); background-repeat:no-repeat; background-position:20px 50%; font-size: 24px;width: 100%;border: 2px solid #1e2678;border-radius: 50px;line-height: 50px; padding: 0 20px 0 60px;cursor: pointer;} .products_content > div p:nth-child(2) img{margin-right: 15px;margin-top: -5px;} .products_content > div p:nth-child(2):hover{ background-color:#1e2678; border-color:#1e2678; color:white; transition:all .5s; background-image: url(../image/7-2.png); } /*瀵懓鍤鍡楀挤閸愬懘鍎撮柅澶愩€嶉崡 */ .index_modal{margin: 20px auto;} .index_modal .modal-content{box-shadow: none;border: none;background-color: rgba(0,0,0,0);} .index_modal .modal-body{padding: 0;background-color:none;} .index_modal .modal-header{border: none;padding: 0;} .index_modal .modal-header button { position: relative; right: 0; top: 40px; z-index: 999; font-size: 40px; color: #fff; cursor: pointer; } .index_modal .modal-header button span{cursor: pointer;color: #fff;} .res{left:50%;margin-left:-60px;background:white;min-width:120px;text-align:center;} /* 瀵湱鐛ラ崯鍡楃厔闁銆嶉崡顡﹕s */ .slideTxtBox{ width:100%;text-align:center; } .slideTxtBox .hd{height:90px;position:relative;background: url(../image/73.png) repeat-x;z-index: 22; } .slideTxtBox .hd ul{ float:left; position:absolute; top:-1px; width: 90%;left: 50%;margin-left: -45%;margin-top: 20px;} .slideTxtBox .hd ul li{ overflow: hidden; text-overflow: ellipsis; white-space: nowrap;width:18%; float:left; cursor:pointer;margin-right: 1%;background-color: #ededed;border-radius: 10px;line-height:44px; } .slideTxtBox .hd ul li a{padding:0 5px;border-bottom: 6px solid #eeeeee;} .slideTxtBox .hd ul li.on a{color: #ff0036;} .slideTxtBox .hd ul li a{color: #232323;font-size: 14px;font-weight: bold;text-decoration: none;display: inline-block;border-radius: 10px;width: 100%;height: 100%;border-bottom: 6px solid rgb(191,191,191);} .slideTxtBox .hd ul li a:hover{color: white;background-color: orange;border-bottom: 6px solid orange;} .slideTxtBox .bd div img{width: 100%;margin-top: 0px;} .slideTxtBox .bd > div{position: relative;} a.click_here{cursor: pointer;} a.click_here i{animation:click_here 1s infinite;} .ds{padding:8px;background-color:white;} @keyframes click_here{ 0%{margin-right: 10px;} 50%{margin-right: 20px;} 100%{margin-right: 10px;} } .pitem{ position:relative; -webkit-transition: all .3s; -moz-transition: all .3s; -ms-transition: all .3s; -o-transition: all .3s; transition: all .3s; } .ceng{ -webkit-transition: all .3s; -moz-transition: all .3s; -ms-transition: all .3s; -o-transition: all .3s; transition: all .3s; position:absolute; width:100%; height:100%; background-color:rgba(0,0,0,0.5); top:0; left:0; z-index:500; } .pitem:hover .ceng{ display:none; } .pitem .brand_pic{ -webkit-transition: all .6s; -moz-transition: all .6s; -ms-transition: all .6s; -o-transition: all .6s; transition: all .6s; } .pitem:hover .brand_pic{ background-size: 185% !important; } /*閼辨梻閮撮幋鎴滄粦*/ .map{height: 380px;margin-bottom: 50px;} .contact{margin-bottom: 70px;height: 600px;} .contact .row{height: 100%;} .contact_l{background-color: #dcdcdc;height: 100%;} .contact_lbox{width: 70%;margin: 0 auto;} .contact_l_title{margin-bottom: 60px;} .contact_l_title p:nth-child(1){font-size: 16px;color: #333333;} .contact_l_title p:nth-child(2){font-size: 36px;color: #a2192b;font-weight: bold;} .contact_l_title span:nth-child(3){display: block;width: 10px;height: 4px;background-color: #a2192b;} .contact_lbox{padding-top: 60px;padding-bottom: 80px;} .contact_lbox .media-left{width: 44px;} .contact_lbox .media-body{color: #777777} .contact_lbox .media-body h4{color: #333333;} .contact_r{background-color: #eeeeee;height: 100%;padding-left: 50px;} .contact_r .contact_r_title{font-size: 24px;color: #000;font-weight: bold;margin-top: 100px;margin-bottom: 60px;} .contact_btn{transition: all .3s; background-color: #ccc;color: #14924B;font-size: 18px; border-color:#ccc;font-weight:600;} .contact_btn:hover{color: #fff;background-color: #14924B;border-color: #14924B;} /*banner閸忣剙鍙¢柈銊ュ瀻*/ .banner{height: 300px;width: 100%;} .shade{width:25%;height: 40%;background-color: rgba(0,0,0,.3);position: relative;left: 50%;margin-left: -12.5%;top:30%;} .banner_title{width: 96%;height: 92%;line-height: 92%;position: relative;left: 2%;top: 4%;text-align: center;font-size: 36px;color:#fff;border: 2px solid #dfdfdf; -moz-border-top-colors: #dfdfdf #b8a8a0;-moz-border-right-colors: #dfdfdf #b8a8a0;-moz-border-bottom-colors: #dfdfdf #b8a8a0;-moz-border-left-colors: #dfdfdf #b8a8a0; } .banner_title p{margin-top:8%;} .banner_title p span{font-size: 70%;} /*闁銆嶉崡鈥冲彆閸忛亶鍎撮崚 */ .tab_box{margin-top: 30px;margin-bottom: 30px;text-align: center;} .tab_box .nav-tabs{border: none;} .tab_box .nav-tabs>li{margin-bottom: 0;} .tab_box .nav-tabs>li>a{border: 1px solid #159244;border-radius: 0;color: #232323;font-size: 14px;font-weight: bold;} .tab_box .nav-tabs>li>a:hover{background-color: #149249;color: #fff;} .tab_box .nav-tabs>li.active>a{border: 1px solid #159244;border-radius: 0;color: #232323;font-size: 14px;cursor: pointer;background-color: #149249;color: #fff;} .tab-content{margin-bottom: 50px;} .btn-de.active, .btn-de:active, .open>.dropdown-toggle.btn-de { color: #333; background-color: #159244; border-color: white; color:white; } /*閸忓厖绨銊╃烦-閸忣剙寰冨鍌氬枌*/ .tab-content .pic_box{margin-top: 30px;} .tab-content .pic_box img{width: 100%;} /*閸忓厖绨銊╃烦-閼斤綀鐛曠挧鍕窛*/ .rongyu_box{text-align: center;margin-bottom: 30px;cursor: pointer;transition:all 1s;} .rongyu_box:hover .eye{display: block;transition:all 1s; font-size:14px;z-index:50;} .rongyu_box .thumb_pic{position:relative;width: 100%;height: 260px;margin: 0 auto;border: 1px solid #e9e9e9;cursor: pointer;} .rongyu_box .thumb_pic img{max-width: 80%;margin-top: 20px;cursor: pointer;transition:all 0.5s;transform:scale(1);height: 225px;} .rongyu_box .thumb_pic img:hover{transform(1.1)}; .rongyu_box .thumb_pic_alt{height: 34px;line-height: 34px;font-size: 16px;color: #fff;background-color: #13924d;cursor: pointer;} .rongyu_box .eye { position: absolute; width: 70px; height: 30px; line-height: 30px; left: 50%; margin-left: -25px; top: 32%; background-color: rgba(0,0,0,.5); color: #fff; font-weight: 200; display: none; cursor: pointer; transition: all 1s; } /* 瀵懓鍤仦鍌濈枂閹绢厼娴 */ .popups{position: fixed;left: 0;right: 0;top: 0;bottom: 0;background-color: rgba(0,0,0,.7);z-index: 9999;} .popups .img_alt{height: 48px;line-height: 48px;color: #fff;background-color: #139250;font-size: 24px;margin-top: 50px;margin-bottom: 50px;} .popups .img_alt i{padding:0 20px 0 10px;line-height: 48px;cursor: pointer;color: #fff;} .popups .slideBox{ width:100%;height:600px; overflow:hidden; position:relative;text-align: center;} .popups .slideBox .bd{ position:relative; height:100%; z-index:0; } .popups .slideBox .bd li{ zoom:1; vertical-align:middle; } .popups .slideBox .bd img{ width:450px; height:430px; display:block;margin:0 auto;} /* 娑撳娼伴弰顖氬/閸氬孩瀵滈柦顔诲敩閻 */ .popups .slideBox .prev{ position:absolute; left:0; top:50%; margin-top:-25px; display:block; width:97px; height:97px; background:url(../image/55.png) no-repeat; filter:alpha(opacity=50);opacity:0.5;} .popups .slideBox .next{ position:absolute; left:3%; top:50%; margin-top:-25px; display:block; width:97px; height:97px; background:url(../image/56.png) no-repeat; filter:alpha(opacity=50);opacity:0.5; } .popups .slideBox .next{ left:auto; right:0;} .popups .slideBox .prev:hover, .popups .slideBox .next:hover{ filter:alpha(opacity=100);opacity:1; } .popups .slideBox .prevStop{ display:none; } .popups .slideBox .nextStop{ display:none; } /*鐠у嫯顔嗘稉顓炵妇-瀹搞劑绶抽崝銊 */ /* 瀹搞劑绶抽崝銊 浣界枂閹绢厼娴榗ss */ .news_lunbo .slideBox{ width:100%; height:330px; -overflow:hidden; position:relative;} .news_lunbo .slideBox .bd{ position:relative; height:100%; z-index:0;} .news_lunbo .slideBox .bd li{ zoom:1; vertical-align:middle;background-color: #eafef3;cursor: pointer;} .news_lunbo .slideBox .bd li .row{width: 97%;margin: 0 auto;padding: 20px 0;} .news_lunbo .slideBox .bd img{cursor: pointer; width:100%; height:230px; display:block;} /* 鏉烆喗鎸遍崜 /閸氬孩瀵滈柦顔诲敩閻 */ .news_lunbo .slideBox .prev{ position:absolute; left:30%;bottom:0px;display:block;filter:alpha(opacity=80);opacity:0.8;width: 180px;height: 42px;font-size:42px;line-height: 36px;text-decoration: none;background-color: #fff;border-radius: 22px;text-align: center;box-shadow: 0 3px 3px #e2e1e2;color:#159245;border: 1px solid #f9f9f9;} .news_lunbo .slideBox .next{ position:absolute; right:30%;bottom:0px;display:block;filter:alpha(opacity=80);opacity:0.8;width: 180px;height: 42px;font-size:42px;line-height: 36px;text-decoration: none;background-color: #fff;border-radius: 22px;text-align: center;box-shadow: 0 3px 3px #e2e1e2;color:#159245;border: 1px solid #f9f9f9;} .news_lunbo .slideBox .prev:hover,.news_lunbo .slideBox .next:hover{ background-color:#159245; color:white; border-color:#159245; transition:all 0.3s; } .news_lunbo .slideBox .prev:hover{ filter:alpha(opacity=100);opacity:1;} .news_lunbo .slideBox .next:hover{ filter:alpha(opacity=100);opacity:1;} .news_lunbo .slideBox .prevStop{filter:alpha(opacity=80);opacity:0.8;color: gray;} .news_lunbo .slideBox .nextStop{filter:alpha(opacity=80);opacity:0.8;color: gray;} .news_lunbo .news_lunbo_text{cursor: pointer;} .news_lunbo .news_lunbo_text div:nth-child(1){font-size: 24px;color:#333333;cursor: pointer;margin-top: 20px;margin-bottom: 20px;} .news_lunbo .news_lunbo_text div:nth-child(2){color: #159244;-cursor: pointer;font-size: 14px;margin-bottom: 30px;} .news_lunbo .news_lunbo_text div:nth-child(3) a{cursor: pointer;color: #7c807e;font-size: 14px;} .news_lists{margin-bottom: 30px;margin-top: 30px;} .news_lists ul{border-bottom: 1px dashed #cccccc;} .news_lists ul li{height: 200px;padding:42px 1%;transition: all .5s;} .news_lists ul li .date{width: 115px;height: 115px;background: url(../image/50.png);text-align: center;font-size: 58px;color: #fff;} .news_lists ul li .date p:nth-child(1){margin-bottom: 0;} .news_lists ul li .date p:nth-child(2){font-size: 30%;} .news_lists ul li .title{width: 80%;font-size: 18px;color: #333333;cursor: pointer;} .news_lists ul li .title .b_line{display: block;width: 35px;height: 1px;background-color: #159244;} .news_lists ul li .title a{color:rgb(3,3,3); cursor: pointer;} .news_lists ul li .title a:nth-of-type(2){float: right;font-size: 80%;position: absolute;top: 5px;right: 20px;color: #333333;} .news_lists ul li:hover{background-color: #eafef3;} .news_lists ul li:hover .title{color: #159244;} .news_lists ul li:hover .title a{color: #159244;} /*鐠у嫯顔嗘稉顓炵妇-瀹搞劑绶抽崝銊 -閺備即妞堢拠锔藉剰*/ .news_details_title{font-size: 30px;text-align: center;color: #333;} hr{margin-top: 30px;margin-bottom: 40px;} .news_details_info{color: #747474;font-size: 12px;position: relative;top: -48px;} .news_details_info span{background-color: #fff;padding: 0 20px;} .news_details_bottom{margin-bottom: 60px;} .news_details_bottom hr{margin-top: 70px;} .news_details_bottom .news_details_info{top:-60px;width: 40%;margin: 0 auto;background-color: #fff;} .news_details_bottom .news_details_info img{margin: 0 10px;} .news_details_content{font-size: 14px;line-height: 36px;} a.back{display: inline-block;text-align: center;width: 180px;height: 44px;line-height: 44px;margin: 0 atuo;border: 1px solid #f9f9f9;box-shadow: 0 2px 2px 1px #dedcdd;border-radius: 22px;color: #159243;} a.back:hover{background-color:#159243;color:white; transition:all .3s;border:1px solid #159243;} /*鐠у嫯顔嗘稉顓炵妇-閸楁碍鏋冨▎锝堢セ*/ .blog{border-bottom: 1px solid #cccccc;padding: 40px 0;} .blog_info{} .blog_info .blog_info_title{font-size: 18px;font-weight: bold;line-height: 40px; color:#333333;} .blog_info .blog_info_intro{font-size: 14px;line-height: 36px;color: #666666;} .blog_info .blog_info_b{margin-top: 10px;font-size: 12px;color: #909090;line-height: 42px;} .blog_info .blog_info_b a{width: 180px;height: 42px;line-height: 36px;cursor: pointer;font-size: 36px;text-align: center; border-radius: 21px;border: 1px solid #f9f9f9;box-shadow: 0 3px 3px #dedcdd;color: #159245;text-decoration: none;} .blog_info .blog_info_b a:hover{ background-color:#159243; color:white; transition:all .3s; border-color:#159243; } .blog_pic img{width: 100%;cursor: pointer;} /*鐠у嫯顔嗘稉顓炵妇-娴滅儤澧犻幏娑滀粧*/ .join img{width: 100%;margin-bottom: 30px;} .join > div:nth-child(3){font-size: 16px;line-height: 36px;margin-top: 30px;margin-bottom: 40px;} .join .panel-group{text-align: left;} .join .panel-group .panel{border: none;} .join .panel-group .panel .panel-heading{padding:10px 0 10px 15px;} .join .panel-group .panel .panel-heading a span , .join .panel-group .panel .panel-heading a i {cursor: pointer;} .join .panel-group .panel .panel-heading a.collapsed span{color: #333333;} .join .panel-group .panel .panel-heading a span{color: #0099ff;} .join .panel-group .panel .panel-heading a:hover{text-decoration: none;} .join .panel-group .panel .panel-heading a:visited{text-decoration: none;} .join .panel-group .panel .panel-heading a:active{text-decoration: none;} .join .panel-group .panel .panel-heading a i{padding: 8px 15px;background-color: #48cb91;position: relative;top: -5px;color: #fff;} .join .panel-group .panel .panel-body{border: none;color: #333333;line-height: 36px;padding-top: 30px;padding-bottom: 30px;} .join_btn{background-color: #159245;color: #fff;line-height: 40px;font-size: 16px;width: 100%;} .join_btn:hover{background-color: #1ea859;color: #fff;} /*鐠у嫯顔嗘稉顓炵妇-鐟欏棝顣舵稉顓炵妇*/ .video .video_box{box-shadow: 0 2px 2px #dcdadb;text-align: left;} .video .video_box .thumb_pic{height: 240px;border: none;} .video .video_box .thumb_pic img{width: 100%;height: 100%;margin-top: 0;} .video .video_box .thumb_pic_alt{height: 90px;padding: 0 10px;background-color: #fff;} .video .video_box .thumb_pic_alt .video_title a{font-size: 16px;color: #333333;line-height: 50px;margin: 0;} .video .video_box .thumb_pic_alt p span{font-size: 14px;color: #575757;} .video .video_box .thumb_pic_alt p span i{margin-right: 5px;} .video .icon_video{position: absolute;left: 0;font-size: 70px;color: #fff;width: 100%;height: 100%;background-color: rgba(0,0,0,.5);padding-top: 20%;padding-left: 42%;display: none;} .video .video_box:hover .icon_video{display: block;} /*閽€銉╂敘娑擃厼绺?閹锋稑鏅㈤崝鐘垫礃*/ .league{margin-top: 50px;margin-bottom: 80px;line-height: 36px;} .banner a.btn{transition: all .3s;width: 205px;height: 60px;line-height: 60px;color:#149249; background-color: #ccc;border: none;font-size: 24px;padding: 0;position: relative;top:70%;} .banner a.btn:hover{background-color:#149249;color: #fff;} /*閸濅胶澧濇稉顓炵妇*/ .brand{margin-top: 50px;} .brand .row{height: 400px;} .brand .brand_text{background-color: #f0f0f0;color: #232323;z-index: 1;height: 180px;margin-top: 90px;} .brand .brand_text:hover{background-color:} .brand_text:hover a.look_all{ background-color:#149242 !important; color:white !important; } .brand > .row:nth-of-type(odd) .brand_text{position: absolute;right: 15px;} .brand > .row:nth-of-type(odd) .brand_pic{margin-left: 15px;} .brand > .row:nth-of-type(even) .brand_pic{position: absolute;right:15px;} .brand > .row:nth-of-type(even) .brand_text{margin-left:15px;} .brand .brand_pic{height: 360px;background-position: center !important; background-size: 155% !important;} .brand .brand_pic .borderline{width: 94%;height: 80%;border: 2px solid #fff;margin:auto;margin-top: 6%;} .brand .brand_text h3{margin-top: 30px;} .brand .brand_text p{margin-top: 30px;} .brand .brand_text .brand_all a.look_all{display: inline-block; transition: all .5s linear;padding: 10px 22px;position: relative;background-color: #f4e827;font-size: 24px;color: #1e2678;text-decoration: none;line-height: 1.42;margin-top: 40px;width: 94px;} /*閸濅胶澧濇稉顓炵妇-鐠囷附鍎忔い */ .Submenu{border-bottom: 1px solid #e3e3e3;height: 60px;} .Submenu img{border-left: 1px solid #e3e3e3;border-right: 1px solid #e3e3e3;padding: 21px;margin-left: 15px;} .Submenu .btn-group{margin-left: -3px;} .Submenu .btn-group button{background-color:white;border:none;line-height: 47px;border-radius: 0;padding: 6px 30px;border-right: 1px solid #e3e3e3} .Submenu .btn-group button :link, .Submenu .btn-group button :visited, .Submenu .btn-group button :hover, .Submenu .btn-group button :active{ background-color:#159243 !improtant; color:white; } .Submenu .btn-group:nth-of-type(1) button{border:none;line-height: 47px;border-radius: 0;padding: 6px 30px;border-right: 1px solid #e3e3e3;border-left: 1px solid #e3e3e3;} .brand_details_wrap{margin: 30px 0;} .brand_details .brand_details_box{text-align:left;border:1px solid #e5e4e5;box-shadow: 0 2px 2px 2px #dcdadb;position:relative;} .brand_details .brand_details_box .thumb_pic{padding: 0 1px;overflow:hidden;} .brand_details .brand_details_box .thumb_pic img{height:172px;min-width:100%;} .brand_details .brand_details_box .thumb_pic_alt{padding: 10px 15px;color: #acacac;} .brand_details .brand_details_box .thumb_pic_alt .brand_details_title a{font-size: 18px;color: #232323;margin-top: 20px;margin-bottom: 10px;line-height: 50px;} .brand_details .brand_details_box .icon_brand_details{text-align: center;position: absolute;width: 100%;background-color: rgba(0,0,0,.6);height: 100%;left: 0;top:0;font-size: 40px;color: #fff;padding-top: 20%;display: none;} .brand_details .brand_details_box .icon_brand_details span { cursor: pointer; position: absolute; top: 60px; width: 60%; left: 50%; font-size: 16px; border: 1px solid #dfe1ec; margin-left: -30%; line-height: 35px; height: 42px; } .brand_details .brand_details_box .icon_brand_details span a{ color: white; display: block; width: 100%; height: 100%; } .jmus{ background:url("../image/45.png") center no-repeat; background-size: cover; } .brand_details .brand_details_box:hover .icon_brand_details{display: block;} .brand_details_line{width: 100%;height: 10px;background-color: rgb(21,146,67);display: inline-block;position: absolute;bottom: 0;display: none;} .brand_details_box span.on{width: 100%;height: 10px;background-color: #159243;display: inline-block;position: absolute;bottom: 0;} .brand_details .brand_details_box:hover .brand_details_line{display: inline-block;} /* 鏉烆喗鎸 css */ .brand_details .slideBox{ width:100%; position:relative;margin: 0;background-color: #eeeeee;margin-bottom: 50px;display: none;} .brand_details .slideBox .hd{position:relative;z-index:1; width: 100%;} .brand_details .slideBox .hd ul{ -overflow:hidden; zoom:1; float:left; width: 100%;margin: 0;} .brand_details .slideBox .hd ul li{ float:left;cursor:pointer;text-align: center;} .brand_details .slideBox .hd ul li i{font-size: 50px;color: #eeeeee;top: -33px;display: none;} .brand_details .slideBox .hd ul li.on i{display: block;} .brand_details .slideBox .bd{ position:relative; height:100%; z-index:0;} .brand_details .slideBox .bd li{ zoom:1; vertical-align:middle;} .brand_details .slideBox .bd img{ width:94%; height:430px; display:block;margin: 0 auto;} .brand_details .slideBox .bd .brand_details_des{padding-bottom:20px;width: 94%;margin: 0 auto;text-align: center;} .brand_details_des h4{margin-top: 30px;text-align:left;} .brand_details_des hr{border-color:#d6d6d6;margin-top: 20px;margin-bottom: 20px;} .brand_details_des p{line-height: 36px;color: #858585;text-align:left;} /* 閸 /閸氬孩瀵滈柦顔诲敩閻 */ .brand_details .slideBox .prev, .brand_details .slideBox .next{ font-size: 40px;position:absolute; left:5%; top:30%; margin-top:-25px; display:block;font-size: 70px;cursor: pointer; filter:alpha(opacity=80);opacity:0.8;z-index: 2;color: #159244;} .brand_details .slideBox .next{ left:auto; right:5%; background-position:8px 5px; } .brand_details .slideBox .prev:hover, .brand_details .slideBox .next:hover{ filter:alpha(opacity=100);opacity:1; } .brand_details .slideBox .prevStop{ filter:alpha(opacity=80);opacity:0.8; } .brand_details .slideBox .nextStop{ filter:alpha(opacity=80);opacity:0.8; } .brand_details .slideBox .nextStop:hover , .brand_details .slideBox .prevStop:hover{ filter:alpha(opacity=80);opacity:0.8; } .brand_details .slideBox .prev i,.brand_details .slideBox .next i{cursor: pointer;} .brand_details_close{color: #fff;border-radius: 50%;border:1px solid #000;width: 40px;height: 40px;font-size: 25px;border: none;line-height: 40px;cursor: pointer;background-image:url("../image/58.png");background-repeat:no-repeat;background-position:center;background-size:50%;} .brand_details_close i{ cursor: pointer; } .brand_details_close:hover{ background-color:#15924D; transform:rotate(180deg); transition:all .5s linear; } .brand_details .brand_details_box .thumb_pic_alt .brand_details_title a:link, .brand_details .brand_details_box .thumb_pic_alt .brand_details_title a:visited, .brand_details .brand_details_box .thumb_pic_alt .brand_details_title a:hover, .brand_details .brand_details_box .thumb_pic_alt .brand_details_title a:active{ text-decoration:none; } .dsd:hover{ color:#159243; } .res>li>a:focus, .res>li>a:hover { color: white; text-decoration: none; background-color: #159243; padding-top:5px; } .page{ margin:15px 0; padding:30px 0 50px; font-size:0; } .page a{ padding:13px 18px; color:#fff; margin:0 3px; background:#c5c5c5; border-radius:2px; font-size: 16px; } .page a:hover{ text-decoration: none; background:#159243; color:#ccc; } .page .curr{ text-decoration: none; background:#159243; color:#ccc; } .page .this{ text-decoration: none; background:#159243; color:#ccc; } .fr>a{ position:relative; } .qrs{ display:none; position:absolute; background-color:#eeeeee; bottom:110%; left:-25px; } .fr>a:hover .qrs{ display:block; } .reqname{ background-color:#F7F7F7; color:#159246; text-align:left; font-size:18px; padding:10px; position:relative; cursor: pointer; -webkit-transition: all .3s; -moz-transition: all .3s; -ms-transition: all .3s; -o-transition: all .3s; transition: all .3s; } .reqname .glyphicon{ float:right; } .reqname:hover{ background-color:#159246; color:#F7F7F7; } .news_lunbo .slideBox .bd img:hover{ -webkit-transition: all .3s; -moz-transition: all .3s; -ms-transition: all .3s; -o-transition: all .3s; transition: all .3s; -webkit-transform: scale(1.05); -moz-transform: scale(1.05); -ms-transform: scale(1.05); -o-transform: scale(1.05); transform: scale(1.05); } .req{ font-size:14px; padding:20px; text-align:left; background-color:#F7F7F7; line-height:24px; display:none; } .req>p{ margin: 0; } .gnn1>li,.gnn3>li{ transition: all .5s; overflow: hidden; padding: 42px 1%; } .gnn1>li:hover,.gnn3>li:hover{ background-color:#eafef3; } .share{ position: absolute; display:none; bottom:100%; width:100% !important; } .sharewrap{ display:inline-block; } .sharewrap:hover +.share,.share:hover{ display:block; } .sharea{ position: relative; } .allma img{ width:100%; } .sharea .fenxiangitem{ width:22% !important; display:inline-block; text-align: left !important; } .sharea .fenxiangitem>div{ padding: 2px; background-color: white; width:100% !important; max-width: 95px; } .sharea .fenxiangitem>div>img{ width:100%; } .sharea .fenxiangitem>p{ padding-left:18px; background-repeat: no-repeat; background-position: left center; } .sharea .wxwrap>p{ background-image: url(../image/tmicon.png); } .sharea .wbwrap>p{ background-image: url(../image/tmicon.png); } .sharea .wtwrap>p{ background-image: url(../image/mzl.png); } .sharea .tbwrap>p{ background-image: url(../image/weixin1.png); } .newsactive{ } .newsactive>h1{ display:inline-block; font-size:20px; width:50%; margin:0 0 20px 0; } .newsactive>ul{ /* border:1px solid #159243; */ padding:10px; height:388px; overflow:hidden; width: 100%; } .newsactive>a.seenewsmore{ float:right; margin-right:10px; color:#333; margin-top:10px; } .newsactive>a.seenewsmore:hover{ color:#159243; text-decoration: underline; } .newsactive>ul>li{ border-bottom:1px solid #c9c9c9; padding: 14px 10px; box-sizing:border-box; } .newsactive>ul>li>a{ color:#333; display: inline-block; width: 70%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; font-size:16px; font-weight:600; letter-spacing: 3px; } .newsactive>ul>li>a:hover{ color:#FF4500; } /* .newsactive>ul>li:hover{ background:#eafef3; } */ .newsactive>ul>li:hover div, .newsactive>ul>li>div:hover{ visibility:visible; height:48px; } .newsactive>ul>li>span{ float:right; font-size:12px; } .newsactive>ul>li>div{ font-size:13px; line-height:24px; display:none; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; height:0px; padding:0 0 0 10px; visibility: hidden; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; }