/* * @Author: yodoes * @Date: 2017-08-22 09:53:52 * @Last Modified by: yodoes * @Last Modified time: 2017-08-30 12:40:12 */ @media screen and (max-width:1600px){ } @media screen and (max-width:1450px){ .banner_title p{margin-top:10%;} } @media screen and (max-width:1345px){ } @media screen and (max-width:1280px){ } @media screen and (max-width:1200px){ } @media screen and (max-width:1100px){ } @media screen and (max-width:1024px){ .navbar{min-height: 100px;} } @media screen and (max-width:861px){ } /*pc閵嗕胶些閸斻劌鍨庨悾锟?/ @media screen and (max-width:767px){ .banner a.btn { transition: all .3s; width: 160px; height: 50px; line-height: 50px; color: #149249; background-color: #ccc; border: none; font-size: 20px; padding: 0; position: relative; top: 70%; } .ew{ display:none; } .navbar-toggle { position: relative; float: right; padding: 9px 10px; margin-top: 0px; margin-right: 0px; margin-bottom: 0px; background-color: #159244; background-image: none; border: none; top:1px; border-radius: 0px; } .navbar-default .navbar-toggle:focus, .navbar-default .navbar-toggle:hover{ background-color: #159244; } .navbar-default .navbar-toggle .icon-bar{ background-color:white; width:28px; } .navbar-default .navbar-toggle { color:white } .slideTxtBox .hd{ height:58px } /*鐎佃壈鍩?/ .navbar{min-height: 50px;} .navbar-right{margin-top: 0px;} .navbar-brand{padding:5px 15px;} .navbar-brand img{width:200px;height: auto;margin-top:5px;} .navbar-right li:nth-last-child(1){position: static;} .navbar-right li:nth-last-child(1) .weixin , .navbar-right li:nth-last-child(1) .weibo{display: none;} .navbar-right li:nth-last-child(1) a{display:inherit;} .nav_line{display: none;} .carousel-indicators li{width: 23%;height: 30px;line-height: 30px;} .carousel-indicators .active{width: 23%;height: 30px;line-height: 30px;} /*footer*/ .footer{height: auto;} .footer .container div:nth-child(1){width: 100%;float: none;text-align: center;} .footer .container div:nth-child(2){width: 100%;} .footer .container div:nth-child(3){ width: 100%; margin: 20px 0; } .sec_head{height: 60px;line-height: 60px;border-bottom: 1px solid #cccccc;} .split_img{display: none;} .activity_content, .products_content{margin: 0px auto;background: url(../image/6-1.png);background-size: contain; background-repeat: no-repeat;} .sec_head .fl{font-size: 20px;} .sec_head .fr a{font-size: 16px;} .video-js{height: 290px;} .modal-dialog{width: 100%;} .modal-header button{position: static;font-size: 40px;color: #fff;cursor: pointer;} .modal-header button span{color: #fff;} .slideTxtBox .bd div img{width: 100%;} .slideTxtBox .hd ul li a{font-size: 12px; text-overflow: ellipsis; overflow: hidden;} .slideTxtBox .hd ul{width: 98%;margin-left: -48%;top:-10px;} /*閼辨梻閮撮幋鎴滄粦*/ .map{height: 300px;margin-bottom: 0px;} .contact{margin-bottom: 0px;height: 440px;} .contact .row{height: 100%;} .contact_l{display: none;} .contact_r{background-color: #eeeeee;height: 100%;padding-left: 15px;} .contact_r .contact_r_title{font-size: 20px;color: #000;font-weight: bold;margin-top: 20px;margin-bottom: 10px;} .contact_btn{background-color: #14924B;color: #fff;font-size: 18px;} .contact_btn:hover{color: #fff;background-color: #14924B;border-color: #14924B;} /*banner閸忣剙鍙¢柈銊ュ瀻*/ .banner{height: 300px;width: 100%;} .shade{width:80%;height: 40%;background-color: rgba(0,0,0,.4);position: relative;left: 50%;margin-left: -40%;top:30%;} .banner_title{width: 96%;height: 92%;line-height: 92%;position: relative;left: 2%;top: 4%;text-align: center;font-size: 28px;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: 12%;} .zhaoshang .banner{height: 300px;} /* 瀵懓鍤仦鍌濈枂閹绢厼娴 */ .popups .img_alt{height: 38px;line-height: 38px;;font-size: 16px;margin-top: 30px;margin-bottom: 0px;} .popups .img_alt i{padding:0 10px 0 10px;line-height: 38px;} .popups .slideBox .bd img{ width:100%; height:430px; display:block;margin:0 auto;} /* 娑撳娼伴弰顖氬/閸氬孩瀵滈柦顔诲敩閻拷*/ .popups .slideBox .prev{width:50px; height:50px;background-size: cover;} .popups .slideBox .next{width:50px; height:50px;background-size: cover;} /*閸忓厖绨銊╃烦-閼斤綀鐛曠挧鍕窛*/ .rongyu_box .thumb_pic img{max-height: 220px;} /*鐠у嫯顔嗘稉顓炵妇-瀹搞劑绶抽崝銊︼拷锟?/ .news_lunbo .slideBox{height: 470px;} .news_lunbo .slideBox .prev{left: 0;width: 30%;bottom:-30px;} .news_lunbo .slideBox .next{right: 0;width: 30%;bottom:-30px} .news_lists ul li .title{width: 70%;} .news_lists ul li .title a{right: auto;} /*鐠у嫯顔嗘稉顓炵妇-閸楁碍鏋冨▎锝堢セ*/ .blog_info .blog_info_b a{width: 25%;height: 34px;line-height: 30px;} /*閸濅胶澧濇稉顓炵妇*/ .brand > .row:nth-of-type(odd) .brand_text{left: 15px;} .brand > .row:nth-of-type(odd) .brand_pic{margin-left: 0;} .brand > .row:nth-of-type(even) .brand_text{margin-right: 15px;} .brand > .row:nth-of-type(even) .brand_pic{right: 0;top:0;} .pedd{ width:760px } .brand_details .slideBox .bd img { width: 94%; height: 300px; display: block; margin: 0 auto; } .brand_details .slideBox .prev, .brand_details .slideBox .next { font-size: 40px; position: absolute; top: 25%; margin-top: -25px; display: block; font-size: 50px; cursor: pointer; filter: alpha(opacity=80); opacity: 0.8; z-index: 2; color: #159244; } #tab1 .news_lists ul li .date{ width: 80px; height: 80px; background: url(../image/50.png); text-align: center; font-size: 30px; color: #fff; } .products_content { height: 350px; } .products_content > div>p{ font-size:24px !important; } .products_content > div>p:nth-of-type(1){ margin-top:30px; } .products_content > div{ left: 50%; margin-left:-126px; } #tab1 .news_lists ul li .title p:nth-of-type(2){ font-size:14px !important; word-break: break-all; text-overflow: ellipsis; display: -webkit-box; /** 灏嗗璞′綔涓轰几缂╃洅瀛愭ā鍨嬫樉绀 **/ -webkit-box-orient: vertical; /** 璁剧疆鎴栨绱几缂╃洅瀵硅薄鐨勫瓙鍏冪礌鐨勬帓鍒楁柟寮 **/ -webkit-line-clamp: 3; /** 鏄剧ず鐨勮鏁 **/ overflow: hidden; /** 闅愯棌瓒呭嚭鐨勫唴瀹 **/ } #tab1 .news_lists ul li .title p:nth-of-type(1){ text-overflow: ellipsis; overflow: hidden; white-space: nowrap; width: 60%; font-size:16px ; } #tab .news_lists ul li{ padding:20px 1px } .slideTxtBox .hd ul li { float: left; cursor: pointer; margin-right: 1%; background-color: #ededed; border-radius: 10px; line-height: 37px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; width: 24%; height:39px; } .sharea .fenxiangitem{ width:23% !important; margin-left:2px !important; } reset.css:13 htm } @media screen and (max-width:641px){ /**/ .page a { display: inline-block; padding: 9px 16px; color: #fff; margin: 10px 3px; background: rgb(141,141,141); border-radius: 2px; } } @media screen and (max-width:520px){ } @media screen and (max-width:481px){ /**/ } @media screen and (max-width: 380px){ } @media screen and (max-width: 340px){ } /*鍖归厤妯睆*/ @media all and (orientation : landscape){ .navbar-default .navbar-toggle{ display:none; } .navbar-collapse{ display: block; background: white; float: right; hight:auto; } .nav>li{ float: left; } .navbar-default .navbar-nav>li>a{ font-size: 14px; } }