/* AB模版网 做最好的织梦整站模板下载网站 Www.AdminBuy.Cn */ /* QQ:9490489 */ /* 仿站:Fang.AdminBuy.Cn */ /* 素材:Sc.AdminBuy.Cn */ body { font-family: 微软雅黑, "Open Sans", sans-serif; font-size: 14px; } input, select, textarea { font-family: 微软雅黑, "Open Sans", sans-serif; font-size: 1em; ; } .wrap { width: 96%; margin: 0 auto; max-width: 1180px; position: relative; } img, a { border: 0; } ul, li { list-style: none; } * { margin: 0; padding: 0; } .flt { float: left; } .frt { float: right; } .clear { clear: both; } .clear:after, .clear:before { content: ''; clear: both; display: table; } .img { overflow: hidden; position: relative; } .img:before { transition: all 0.5s; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -ms-transition: all 0.5s; -o-transition: all 0.5s; content: ''; display: block; position: absolute; top: 0; left: 0; right: 0; bottom: 0; border: 1px solid rgba(255,255,255,0); z-index: 100; } .img:hover:before { top: 10px; left: 10px; right: 10px; bottom: 10px; border: 1px solid rgba(255,255,255,0.5); } .img:hover { background: #000; } .img:hover img { opacity: 0.7; transform: scale(1.1) rotate(3deg); -o-transform: scale(1.1) rotate(3deg); -webkit-transform: scale(1.1) rotate(3deg); -moz-transform: scale(1.1) rotate(3deg); -ms-transform: scale(1.1) rotate(3deg); } .img img { display: block; } img { max-width: 100%; } *, *:before, *:after { transition: all 0.5s; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -ms-transition: all 0.5s; -o-transition: all 0.5s; } /*----------header----------*/ .header { box-shadow: 0 5px 20px rgba(0,0,0,0.1); position: fixed; background: #fff; top: 0; left: 0; width: 100%; z-index: 1000; line-height: 70px; } .header .logo { left: 0; position: absolute; top: 0; bottom: 0px; background: #faad39; padding: 0 35px; } .logo img { vertical-align: middle; } .menu { text-align: center; } .menu ul li { display: inline-block; margin: 0 10px; } .menu ul li a { display: block; padding: 0 15px; border-bottom: 2px solid #fff; font-size: 16px; color: #333; } .menu ul li.on a, .menu ul li a:hover { color: #faad39; border-bottom-color: #faad39; } .search { position: absolute; right: 0; top: 50%; padding-left: 45px; margin-top: -16px; height: 32px; line-height: 14px; border-radius: 20px; border: 1px solid #ddd; overflow: hidden; } .search .btn { position: absolute; top: 0; left: 0; width: 45px; bottom: 0; background: url(../images/icon1.png) no-repeat center center; } .search .btn a { border: none; width: auto; display: block; height: 32px; } .search .div_input { border-left: 1px solid #ddd; ; width: 150px; margin: 7px 0; } .div_input input { width: 100%; border: 0; } /*----------mainer----------*/ .mainer { padding-top: 72px; } .banner .item { height: 700px; } .banner .owl-dots { counter-reset: nav; } .banner .owl-dots:after { margin-right: 180px; } .banner .owl-dots:after, .banner .owl-dots:before { content: ' '; height: 50px; line-height: 50px; display: inline-block; width: 40px; vertical-align: middle; line-height: 50px; background: rgba(255,255,255,.8); } .banner.owl-theme .owl-dots .owl-dot { vertical-align: middle; } .banner.owl-theme .owl-dots .owl-dot span { margin: 0; height: 50px; display: block; width: 50px; line-height: 50px; background: rgba(255,255,255,.8); border-radius: 0; vertical-align: middle; color: #888; font-size: 16px; } .banner.owl-theme .owl-dots .owl-dot.active span, .banner.owl-theme .owl-dots .owl-dot:hover span { background: rgba(255,255,255,.8); color: #333; } .banner .owl-dots .owl-dot span:before { text-align: center; display: block; counter-increment: nav; content: "0" counter(nav); } .banner.owl-theme .owl-controls .owl-dots { text-align: right; max-width: 1200px; margin: 0 auto; } .banner_owl { position: relative; } .banner_owl .banner_cur { position: absolute; bottom: 0; width: 100%; left: 0; z-index: 10; } .banner_cur .cur { position: absolute; bottom: 0; right: 0; } .banner_cur .cur span { cursor: pointer; display: block; float: left; width: 90px; height: 50px; background: #333; } .banner_cur .cur span:hover { background: #faad39; } .banner_cur .cur span:after { content: ''; width: 10px; display: block; margin: 0 auto; background: url(../images/cur1.png) no-repeat left center; height: 50px; } .banner_cur .cur span:hover:after { width: 40px; } .banner_cur .cur span.next:after { background: url(../images/cur2.png) no-repeat right center; } .page_list .page { } .page_tit { padding: 78px 0; position: relative; z-index: 1; } .page_tit h2 { font-family: Cambria; position: absolute; line-height: 133px; font-size: 183px; color: #f5f5f5; top: 50%; margin-top: -75px; font-weight: normal; z-index: -1; left: -55px; } .page_tit h3 { font-size: 30px; color: #333; margin-bottom: 10px; } .page_tit p { color: #999; font-size: 16px; } .page_tit .text { display: inline-block; } .page_tit .tit_tag { float: right; } .tit_tag ul li { display: inline-block; line-height: 17px; height: 17px; border-left: 1px solid #ddd; padding: 0 10px; } .tit_tag ul li:first-child { border-left: 0; } .tit_tag ul li a { color: #333; font-size: 16px; display: block; line-height: 26px; padding: 0 12px; margin-top: -4px; } .tit_tag ul li.on a, .tit_tag ul li a:hover { background: #faad39; color: #fff; } .tit_tag ul { padding: 20px 0; } .page1_box .img { margin-right: 30px; width: 500px; float: left; } .page1_box { background: #f5f5f5; position: relative; } .page1_box:after { content: ''; display: block; clear: both; } .page1_box .text { overflow: hidden; } .page1_box .text h3 { line-height: 60px; font-size: 18px; font-weight: normal; padding-top: 10px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .page1_box .text h3 a { color: #333; } .page1_box .text h3 a:hover { color: #faad39; } .page1_box .text h4 { font-size: 14px; color: #666; font-weight: normal; margin-bottom: 30px; line-height:22px; } .page1_box .text h4 span { font-size: 30px; font-weight: bold; } .btn { width: 160px; } .btn a { display: block; line-height: 38px; border: 1px solid #999; text-align: center; } .btn a span { text-transform: uppercase; display: inline-block; font-size: 18px; color: #666; padding-right: 20px; background: url(../images/icon5.png)no-repeat right center; } .btn a:hover { border-color: #faad39; } .btn a:hover span { padding-right: 30px; color: #faad39; background: url(../images/icon5-1.png)no-repeat right center; } .page1_box .bottom { position: absolute; bottom: 0; left: 500px; right: 0; background: #faad39; text-align: center; } .page1_box .bottom li { width: 30%; display: inline-block; line-height: 110px; font-size: 18px; color: #fff; } .page1_box .bottom li img { vertical-align: middle; margin-right: 20px; } .page1_list ul li { width: 33.333%; float: left; } .page1_list ul li:nth-child(3n+1) { clear: both; } .page1_list ul li img { width: 100%; } .page1_list ul { margin: 10px -10px; } .page1_list ul li a { display: block; margin: 10px; } .page1_list ul li p { line-height: 20px; text-align: center; margin-top: 15px; font-size: 16px; color: #333; } .page1_list ul li .img:hover img { opacity: .5; } .page1_list ul li a:hover .img span { opacity: 1; top: 50%; } .page1_list ul li a:hover p { color: #faad39; } .page1_list ul li .img span { position: absolute; height: 25px; background: url(../images/icon6.png) no-repeat center center; display: block; left: 0; width: 100%; opacity: 0; top: 60%; margin-top: -12px; } .page1_list ul:after { content: ''; display: block; clear: both; } .page1_list { margin-bottom: 40px; } .page2 { padding: 70px 0; background: url(../images/about.jpg) no-repeat center center; } .page2 .wrap { background: #fff; } .page2_img { width: 50%; } .page2_img img { display: block; } .page2_text { width: 50%; background: #fff; } .page2_text .page_tit { padding: 40px 0; } .page2_text .box { padding: 30px 80px; padding-top: 40px; } .page2_text .box > .text { height: 192px; overflow: hidden; line-height: 32px; font-size: 14px; color: #222; } .page2_text .box > .text p { text-align: justify; } .more { margin-top: 30px; } .more a { display: block; width: 160px; text-align: center; line-height: 40px; background: #faad39; } .more a span { font-size: 18px; text-transform: uppercase; color: #fff; padding-right: 45px; display: inline-block; background: url(../images/icon7.png) no-repeat right center; } .more a:hover { background: #ff9d09; } .more a:hover span { padding-right: 55px; } .page2_img { float: right; } .news_lt { width: 47%; float: left; } .news_lt .box { padding: 20px 50px; height: 423px; padding-bottom: 50px; background: #f5f5f5; } .news_lt h4 { font-size: 30px; font-weight: normal; color: #aaa; margin-bottom: 20px; } .news_lt h3 { font-size: 18px; font-weight: normal; color: #333; } .news_lt h3 a { display: block; color: #333; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .news_lt h3 a:hover { color: #faad39; } .news_lt .text { line-height: 30px; color: #666; margin: 10px 0; } .news_lt .img { margin-bottom: 25px; } .news_lt .img img { width: 100%; } .news_lt .btn a { border-color: #ddd; } .news_lt .btn a:hover { border-color: #faad39; } .news_lt .btn a span { color: #333; } .news_lt .btn a:hover span { color: #faad39; } .news_rt { width: 47%; float: right; } .news_list a { display: block; padding: 30px 20px; } .news_list li { border-bottom: 1px solid #ddd; } .news_list li:first-child { border-top: 1px solid #ddd; } .news_list li h3 { font-size: 18px; font-weight: normal; color: #333; } .news_list li h3 a { display: block; color: #333; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .news_list .tit label { display: block; margin: 10px 0; margin-top: 11px; width: 40px; height: 4px; background: #faad39; } .news_list .tit { position: relative; } .news_list .tit .date { position: absolute; top: 0; right: 0; text-align: right; color: #999; } .news_list .tit .date span { display: block; font-size: 30px; margin-bottom: 5px; } .news_list .d_text { padding-right: 30%; line-height: 30px; height: 60px; overflow: hidden; background: url(../images/icon8.png) no-repeat 97% center; } .news_list .d_text p { color: #999; } .news_list li a:hover { background: #faad39; } .news_list li a:hover h3 { color: #fff; } .news_list li a:hover label { background: #fff; } .news_list li a:hover .d_text p { color: #fff; } .news_list li a:hover .date { color: #fff; } .news_list li a:hover .date span { color: #fff; } .news_list li a:hover .d_text { background: url(../images/icon8-1.png) no-repeat 99% center; } .news_index { padding-bottom: 50px; } /*----------footer----------*/ .footer { margin-top: 35px; padding-top: 55px; background: #f4f4f4; line-height: 32px; } .footer .ewm { margin-top: -90px; margin-left: 10px; text-align: center; margin-right: 60px; } .footer .ewm img { display: block; } .footer .f_tel h3 { font-weight: normal; color: #222; } .footer .f_tel { font-size: 18px; color: #faad39; } .footer .frt { text-align: right; } .footer .frt h4 { font-size: 18px; font-weight: normal; } .footer .frt p a { display: inline-block; padding: 0 15px; border-left: 1px solid #222; height: 16px; line-height: 16px; color: #222; } .footer .frt p { margin: 0 -15px; } .footer .frt { position: relative; } .footer .top { position: absolute; top: -85px; width: 60px; height: 60px; background-color: #faad39; background-image: url(../images/top.png); background-repeat: no-repeat; background-position: center center; right: 0px; margin-bottom: 25px; cursor: pointer; } .footer .top:hover { background-color: #de8500; } .footer .frt p a:hover { color: #faad39; } .footer .frt p a:first-child { border-left: 0; } .footer .foot2 { line-height: 26px; padding: 10px 0; text-align: center; background: #333; color: #fff; font-size: 14px; margin-top: 20px; } .pro_info { border-top: 1px solid #ddd; padding-top: 25px; line-height:24px; } .pro_info h3 { font-size: 18px; margin-bottom: 20px; font-weight: normal; background: #f6f7f8; line-height: 45px; border-bottom: 1px solid #faad39; padding: 0 15px; } .page_banner .item { height: 300px; } .main_tit { line-height: 50px; background: #f5f5f5; text-align: center; } .main_tit ul li { display: inline-block; background: url(../images/line.png) no-repeat left center; } .main_tit ul li:first-child { background: none; } .main_tit ul li a { display: block; position: relative; padding: 0 30px; font-size: 16px; color: #333; } .main_tit ul li a:before { content: ''; display: block; width: 12px; height: 12px; background: url(../images/icon9.png) no-repeat center center; position: absolute; bottom: 0px; left: 0; right: 0; margin: 0 auto; opacity: 0; } .main_tit ul li.on a, .main_tit ul li a:hover { color: #faad39; } .main_tit ul li.on a:before, .main_tit ul li a:hover:before { opacity: 1; bottom: -6px; } .pro_tit { text-align: center; } .pro_tit li { display: inline-block; text-align: center; margin: 0 35px; } .pro_tit li label { display: block; line-height: 30px; } .pro_tit { margin: 20px 0; } .pro_tit li span { display: block; line-height: 60px; margin-bottom: 2px; } .pro_tit li img { vertical-align: middle; } .pro_tit li:hover { transform: translateY(-10px); } .pro_tit li:hover a label, .pro_tit li.on a label { color: #fa8f39; } .pagesize { text-align: center; padding-bottom: 50px; } .pagesize a { display: inline-block; font-size: 16px; color: #666; vertical-align: middle; min-width: 40px; text-align: center; border-bottom: 1px solid #ccc; margin: 0 10px; line-height: 40px; border-radius: 2px; } .pagesize a.on, .pagesize a:hover { background: #faad39; color: #fff; border-color: #faad39; } .pagesize a.prev { margin-right: 30px; } .pagesize a.next { margin-left: 30px; } .pagesize a.prev, .pagesize a.next { border-radius: 0; cursor: pointer; width: 70px; height: 40px; background: #999; } .pagesize a.prev:after, .pagesize a.next:after { content: ''; width: 10px; display: block; margin: 0 auto; background: url(../images/cur1.png) no-repeat left center; height: 40px; } .pagesize a.next:after { background: url(../images/cur2.png) no-repeat right center; } .pagesize a.prev:hover:after, .pagesize a.next:hover:after { width: 30px; } .pagesize a.prev:hover, .pagesize a.next:hover { background: #faad39; } /*----------custom----------*/ .pro_list.page1_list ul li .img span { background: url(../images/icon6-1.png) no-repeat center center; } .pro_list.page1_list ul li .img:before { display: none; } .pro_details { margin-top: 100px; } .pro_img { width: 46%; margin-right: 5%; float: left; } .pro_img .img img { display: block; } .pro_img .img_owl { padding: 0 45px; margin-top: 35px; } .pro_text { overflow: hidden; } .pro_img .owl-theme .owl-controls .owl-nav [class*=owl-] { position: absolute; top: 50%; width: 10px; height: 11px; margin: 0; padding: 0; } .pro_img .owl-theme .owl-controls .owl-nav .owl-prev { left: -40px; } .pro_img .owl-theme .owl-controls .owl-nav .owl-next { right: -40px; } .pro_img .owl-theme .owl-controls { bottom: 50%; margin-bottom: 5px; } .img_owl .item { background: #faad39; position: relative; } .img_owl .item span { display: block; position: absolute; width: 100%; top: 60%; opacity: 0; left: 0; height: 16px; margin-top: -8px; background: url(../images/icon6-2.png) no-repeat center center; } .img_owl .item:hover img, .img_owl .item.on img { opacity: .2; } .img_owl .item:hover span, .img_owl .item.on span { top: 50%; opacity: 1; } .pro_text h3 { font-size: 18px; font-weight: normal; color: #333; } .pro_text h4 { font-size: 16px; font-weight: normal; color: #faad39; margin-top: 15px; } .pro_text h4 span { font-size: 24px; } .pro_text .text { line-height: 30px; color: #999; margin: 15px 0; } .pro_text .text2 { line-height: 30px; color: #333; } .pro_text .text2 span { color: #666; } .pro_text .more a span { font-size: 16px; } .pro_text .more a { padding: 0 15px; line-height: 50px; } .pro_details .box { padding: 35px 0; margin-top: 75px; border-top: 1px solid #ddd } .img_owl .page1_list li { width: auto; float: none; } .img_owl .page1_list li a { margin: 0 } .pro_details .box .owl-theme .owl-controls { bottom: auto; top: 40%; } .pro_details .box .owl-theme .owl-controls .owl-nav [class*=owl-] { margin: 0; padding: 0; width: 70px; height: 40px; background: #999; border-radius: 0; position: absolute; top: 50%; margin-top: -20px; } .pro_details .box .owl-theme .owl-controls .owl-nav .owl-prev { left: -70px; } .pro_details .box .owl-theme .owl-controls .owl-nav .owl-next { right: -70px; } .pro_details .box .owl-theme .owl-controls .owl-nav [class*=owl-]:after { content: ''; width: 10px; display: block; margin: 0 auto; background: url(../images/cur1.png) no-repeat left center; height: 40px; } .pro_details .box .owl-theme .owl-controls .owl-nav [class*=owl-] span { display: none; } .pro_details .box .owl-theme .owl-controls .owl-nav .owl-next:after { background: url(../images/cur2.png) no-repeat right center; } .pro_details .box .owl-theme .owl-controls .owl-nav [class*=owl-]:hover:after { width: 30px; } .pro_details .box .page1_list ul li .img span { background: url(../images/icon6-1.png) no-repeat center center; } .owl-theme .owl-item * { transition: all 0.5s; } .about_list { padding: 100px 0; } .about_list .item:nth-child(2n+1) .img { float: left; } .about_list .item:nth-child(2n) .img { float: right; } .about_list .item:nth-child(2n) .text { text-align: right; } .about_list .item { position: relative; } .about_list .item .img { width: 50%; } .about_list .item img { display: block; } .about_list .item .text { width: 50%; overflow: hidden; position: absolute; top: 50%; transform: translateY(-50%); } .about_list .item:nth-child(2n+1) .text { left: 50%; } .about_list .item .box { padding: 0px 40px; } .about_list .item h3 { font-size: 20px; font-weight: normal; } .about_list .item h4 { font-size: 14px; color: #999; font-weight: normal; } .about_list .item label { display: inline-block; width: 30px; height: 4px; background: #faad39; margin: 10px 0; } .about_list .item p { height: auto; overflow: hidden; text-align: left; margin-top: 40px; line-height: 30px; color: #222; text-align: justify; } .about_owl { margin: 50px 0; border-bottom: 1px solid #ddd } .about_owl .item span { cursor: pointer; height: 50px; position: relative; display: block; text-align: center; color: #ddd; font-size: 30px; padding-top: 20px; } .about_owl .item.on span, .about_owl .item span:hover { font-size: 50px; color: #faad39; padding-top: 0; height: 70px; } .about_owl .item span:after { position: absolute; bottom: 0; left: 0; right: 0; content: ''; display: block; width: 2px; height: 10px; margin: 0 auto; background: #ddd; margin-top: 5px; } .about_owl.owl-theme .owl-controls { bottom: auto; top: 100%; } .about_owl.owl-theme .owl-controls .owl-nav [class*=owl-] { margin: 0; padding: 0; width: 70px; height: 40px; background: #ccc; border-radius: 0; position: absolute; top: 50%; margin-top: -20px; } .about_owl.owl-theme .owl-controls .owl-nav .owl-prev { left: -70px; } .about_owl.owl-theme .owl-controls .owl-nav .owl-next { right: -70px; } .about_owl.owl-theme .owl-controls .owl-nav [class*=owl-]:after { content: ''; width: 10px; display: block; margin: 0 auto; background: url(../images/cur1.png) no-repeat left center; height: 40px; } .about_owl.owl-theme .owl-controls .owl-nav [class*=owl-] span { display: none; } .about_owl.owl-theme .owl-controls .owl-nav .owl-next:after { background: url(../images/cur2.png) no-repeat right center; } .about_owl.owl-theme .owl-controls .owl-nav [class*=owl-]:hover:after { width: 30px; } .about_list2 .list .box { padding: 0 40px; position: relative; } .about_list2 .list li:nth-child(2n) .box { padding-left: 0; } .about_list2 .list li:nth-child(2n+1) .box { padding-right: 0; } .about_list2 .list { margin: 70px 0; position: relative; } .about_list2 .list .line { position: absolute; left: 0; right: 0; width: 1px; margin: 0 auto; top: 10px; bottom: 0; background: #ddd; } .about_list2 .list li { margin-bottom: 20px; width: 50%; clear: both; position: relative; } .about_list2 .list li:nth-child(2n+1) { float: right; } .about_list2 .list li .img { float: left; margin-right: 20px; margin-left: 0; } .about_list2 .list li:nth-child(2n+1) .img { float: right; margin-left: 20px; margin-right: 0; } .about_list2 .list li .text { min-height: 120px; overflow: hidden; padding-top: 40px } .about_list2 .list li .text p { line-height: 30px; border-top: 1px solid #ddd; color: #333; padding-top: 5px; } .about_list2 .list li .time { position: absolute; right: 0px; width: 250px; margin-right: -125px; font-size: 30px; color: #666; } .about_list2 .list li:nth-child(2n+1) .time { right: auto; left: 0; margin-right: 0; margin-left: -125px; } .about_list2 .list .time label { display: block; width: 125px; overflow: hidden; text-align: right; } .about_list2 .list li:nth-child(2n) .time label { text-align: left; } .about_list2 .list .time span { display: block; float: right; width: 125px; color: #ddd; float: right; text-align: right; } .about_list2 .list li:nth-child(2n+1) .time span { float: left; text-align: left; } .about_list2 .list .time i { display: block; width: 20px; height: 20px; background: url(../images/icon10.png) no-repeat center center; position: absolute; top: 8px; left: 0; right: 0; margin: 0 auto; } .news_p_list { padding: 80px 0; } .news_p_list ul li { clear: both; } .news_p_list .img { width: 50%; float: right; margin-left: 40px; margin-right: 0; } .news_p_list li:nth-child(2n+1) .img { float: left; margin-right: 40px; margin-left: 0 } .news_p_list .text { overflow: hidden; } .news_p_list .text h3 { padding-top: 20px; font-size: 18px; font-weight: normal; line-height: 50px; } .news_p_list .text h3 a { display: block; padding-right: 110px; position: relative; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .news_p_list .text h3 a:hover { color: #faad39 } .news_p_list .text h3 span { position: absolute; top: 0; right: 0; color: #999; font-size: 16px; } .news_p_list .text p { line-height: 30px; color: #666; height: 60px; overflow: hidden; margin-bottom: 15px; } .news_p_list .btn span { font-size: 14px; } .div_pos { padding-top: 30px; color: #666; } .div_pos a { color: #666; } .div_pos a:hover, .div_pos a.on { color: #faad39 } .news_details { padding: 50px 0; } .news_details .tit h2 { font-size: 24px; font-weight: normal; margin-bottom: 10px; line-height: 35px; color: #333; } .news_details .tit { padding-bottom: 15px; border-bottom: 1px solid #ddd; margin-bottom: 15px; } .news_details .tit p { color: #999 } .news_details .text { line-height: 30px; color: #999; padding-bottom: 30px; border-bottom: 1px solid #ddd } .news_details .text h3 { color: #333; font-size: 16px; font-weight: normal; } .news_details .text p { min-height: 30px; } .news_details .bottom { line-height: 50px; } .news_details .bottom span { display: inline-block; max-width: 45%; } .news_details .bottom span a { display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; color: #999; } .news_details .bottom span a:hover { color: #faad39; text-decoration: underline; } .contact { margin-bottom: 70px; } .cont_lt { width: 39%; float: left; line-height: 50px; color: #333; margin-top: 40px; } .cont_lt ul li { padding-left: 30px; } .cont_lt ul li.li1 { background: url(../images/icon11.png) no-repeat left center; } .cont_lt ul li.li2 { background: url(../images/icon12.png) no-repeat left center; } .cont_lt ul li.li3 { background: url(../images/icon13.png) no-repeat left center; } .cont_lt ul li.li4 { background: url(../images/icon14.png) no-repeat left center; } .cont_lt ul li.li5 { background: url(../images/icon15.png) no-repeat left center; } .cont_rt { width: 61%; float: right; margin-top: -90px; } .contact_box { padding: 50px; background: #fff; box-shadow: 0 2px 10px rgba(0,0,0,0.1); margin-bottom: 20px; } .contact_box .tit { line-height: 50px; height: 40px; background: url(../images/icon21.png) no-repeat left center; text-align: left; } .contact_box .tit h3 { font-size: 20px; display: inline-block; padding-left: 10px; height: 20px; border-left: 5px solid #faad39; line-height: 20px; font-weight: normal; ; } .contact_box ul { margin: 0 -1.5%; } .contact_box ul li { width: 30.333%; float: left; margin: 0 1.5%; margin-bottom: 15px; } .contact_box ul li span { display: block; padding-left: 10px; color: #888; line-height: 35px; } .contact_box .div_input { line-height: 40px; border: 1px solid #ddd; border-radius: 3px; padding: 0 15px; } .div_input input { width: 100%; border: 0; background: none; } .div_input textarea { height: 80px; width: 100%; border: 0; background: none; resize: none; padding: 5px 0; } .contact_box ul li.li_last { width: 97%; } .contact_box .btn1 a { border: 0; display: inline-block; width: 200px; text-align: center; ; line-height: 40px; background: #faad39; color: #fff; border-radius: 3px; font-size: 16px; } .contact_box .btn1 a:hover { color: #fff; background: #faad39; } .contact_box .btn1 { width: auto; text-align: center; text-align: left; } .contact_box .btn1 span { display: inline-block; padding-right: 25px; color: #fff; background: url(../images/icon23.png) no-repeat right center; } .contact_box .btn1 a:hover span { color: #fff; } @media only screen and (max-width: 1340px) { .pro_details .box .owl-theme .owl-controls .owl-nav .owl-next { right: -10px; } .pro_details .box .owl-theme .owl-controls .owl-nav .owl-prev { left: -10px } .pro_details .page1_list ul { margin: 0; } .about_list2 .owl { padding: 0 70px; } } @media only screen and (max-width: 1200px) { .about_list .item .img { width: 50%; } .about_list .item .box { padding: 20px; } .about_list .item p { margin-top: 20px; } .banner .item { height: 600px; } } @media only screen and (max-width: 1100px) { .page1_box .bottom li img { margin-right: 10px; } .page2_text .box { padding: 30px 60px; } .page2_text .box > .text { line-height: 25px; height: 150px; } .banner .item { height: 500px; } } @media only screen and (max-width: 1000px) { .header .logo { padding: 0 20px; margin-left:-2% } .menu_wrap { position: absolute; top: 50%; margin-top: -20px; width: 40px; height: 40px; background: url(../images/menu.png) no-repeat center center #faad39; background-size: 20px auto; right: 0px; } .menu { position: fixed; height: 100%; padding-bottom: 60px; box-sizing: border-box; top: 60px; border-top: 1px solid #ddd; bottom: 0; left: 100%; width: 100%; background: #fff; display: table; z-index: 1001; } .h_menu .menu { left: 0; } .h_menu .menu_wrap { background: url(../images/menu-1.png) no-repeat center center #faad39; background-size: 20px auto; } .search { display: none; } .header .logo { line-height: 60px; position: initial; display: inline-block; } .menu ul { display: table-cell; vertical-align: middle; } .menu ul li { display: block; } .menu ul li a { border-bottom: 0; font-size: 20px; } .header { position: fixed; top: 0; left: 0; width: 100%; background: #fff; line-height: 60px; } .mainer { padding-top: 60px; } .page_tit { padding: 50px 0; } .news_lt, .news_rt { width: 49%; } .news_lt .box { padding: 25px; height: 493px; box-sizing: border-box; } .page1_box .bottom li { font-size: 16px; line-height: 25px; padding: 15px 0; text-align: center; } .page1_box .bottom li img { display: block; margin: 0 auto; } .news_p_list .text h3 { padding-top: 0px; } .news_p_list .text p { line-height: 25px; height: 50px; } } @media only screen and (max-width: 800px) { .banner .item { height: 400px; } .page1_box .img { width: 50%; } .page1_box .text h4 { margin-bottom: 10px; } .page1_box .text h3 { line-height: 40px; } .page1_box .img { margin-right: 10px; } .page2_text .box { padding-bottom: 0; padding-right: 20px; padding-left: 40px; } .page2_text .page_tit { padding: 20px 0 } .page2_text .box > .text { height: 100px; } .more { margin-top: 15px; } .page_tit h2 { line-height: 100px; font-size: 100px; margin-top: -70px; margin-left: 20px; } .page1_box .bottom { left: 50%; } .page1_box .bottom li { padding: 5px 0; } .news_list a { padding: 25px 20px; } .news_lt .box { height: 463px; } .page_tit { padding: 25px 0; } .about_list .item p { margin-top: 10px; } .about_list .item p { line-height: 25px; height: 100px; } .about_list, .news_p_list { padding: 50px 0; } .news_p_list li { padding: 10px 0; border-bottom: 1px solid #ddd; } .news_p_list li:after { content: ''; display: block; clear: both; } .news_p_list .img { width: 30%; float: left; margin-left: 0; margin-right: 20px !important; } .news_p_list .btn { width: auto; display: inline-block; } .news_p_list .btn a { border: 0; line-height: 20px; width: auto; text-align: left; } .news_p_list .text h3 { line-height: 1.2em; margin-bottom: 10px; } .news_p_list .text p { height: 25px; margin-bottom: 10px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .cont_rt, .cont_lt { width: 100%; float: none; } .cont_rt { margin-top: 15px } .cont_lt ul li { box-sizing: border-box; min-width: 50%; float: left; } .cont_lt ul { overflow: hidden; } .contact_box { padding: 20px; } .about_list2 .list li .img { float: none; margin-right: 0; margin-bottom: 10px; } .about_list2 .list li:nth-child(2n+1) .img { float: none; margin-left: 0; } .about_list2 .list li:nth-child(2n) .img { text-align: right } .about_list2 .list li img { display: inline-block; } /*.pro_text .text{height:60px;overflow:hidden;}*/ .page1_list ul li { width: 33.33%; } .page1_list ul li:nth-child(4n+1) { clear: none; } .page1_list ul li:nth-child(3n+1) { clear: both; } } @media only screen and (max-width: 750px) { .btn { width: auto; } .btn a { display: inline-block; padding: 0 20px; line-height: 30px; font-size: 14px; } .btn a span { font-size: 14px; } .page1_box .img { width: 100%; float: none; margin: 0 } .banner .item { height: 250px; } .banner .owl-dots:after, .banner .owl-dots:before, .banner.owl-theme .owl-dots .owl-dot span { width: 30px; line-height: 30px; height: 30px; } .banner_cur .cur span { width: 60px; height: 30px; } .banner_cur .cur span:after { height: 30px; } .banner .owl-dots:after { margin-right: 120px; } .page_tit h3 { font-size: 20px; margin-right: 20px; } .page_tit { display: flex; } .tit_tag { flex: 1; white-space: nowrap; overflow-x: auto; text-align: right; } .tit_tag ul li { padding: 0 1px; } .page1_box .bottom { position: initial; top: auto; left: auto; right: auto; bottom: auto; margin-top: 20px; } .page1_box .text { padding: 0 20px; } .page1_box .bottom li { font-size: 14px; } .page1_list ul li { width: 50%; } .page1_list ul li:nth-child(3n+1) { clear: none; } .page1_list ul li:nth-child(2n+1) { clear: both; } .page2_text, .page2_img { width: 100%; float: none; } .page2_text .box { padding-bottom: 20px; } .page2_text .box > .text { height: auto; } .page2 { background: url(../images/about1.jpg) no-repeat center center; background-size: cover; padding: 20px 10px; } .news_lt, .news_rt { width: 100%; float: none; } .news_lt .box { height: auto; } .footer .frt { float: none; clear: both; text-align: center; } .footer .ewm { margin-right: 30px; } .page1_list ul { margin: 10px -5px; } .page1_list { overflow: hidden; } .footer .foot2 p { padding: 0 5px; } .footer .frt p { margin: 0 auto; } .page1_list ul li a { margin: 5px; } .page_banner .item { height: 150px; } .pro_tit li { margin: 0 15px; } .pagesize a.prev, .pagesize a.next { margin: 0 2px; } .pagesize a { margin: 0 1px; width: 30px; height: 30px; line-height: 30px; min-width: 30px; font-size:12px; } .pagesize a.prev, .pagesize a.next { width: 50px; height: 30px; } .pagesize a.prev:after, .pagesize a.next:after { height: 30px; } .pro_tit ul { white-space: nowrap; overflow-x: auto; } .about_list .item:nth-child(2n+1) .img, .about_list .item .img { float: none; margin: 0 auto; width: 100%; } .about_list .item:nth-child(2n+1) .text, .about_list .item .text { position: initial; top: auto; left: auto; right: auto; bottom: auto; transform: none; width: 100%; text-align: left; } .about_list .item:nth-child(2n) .text { text-align: left; } .about_list .item p { height: auto; } .about_list .item .box { padding: 20px 0; } .news_p_list li:nth-child(2n+1) .img, .news_p_list .img { width: 100%; float: none; margin: 0 auto; margin-bottom: 10px; } .news_p_list .text { } .news_p_list .btn a { padding-left: 0 } .news_p_list .text p { } .contact_box ul li { width: 97%; margin-bottom: 5px; } .contact_box .btn1 { margin-top: 10px; } .cont_lt { line-height: 35px; margin-top: 15px; } .footer .top { transform: scale(.7) } .about_owl.owl-theme .owl-controls .owl-nav [class*=owl-] { width: 50px; height: 30px; } .about_owl.owl-theme .owl-controls .owl-nav .owl-next { right: -50px; } .about_owl.owl-theme .owl-controls .owl-nav .owl-prev { left: -50px; } .about_owl.owl-theme .owl-controls .owl-nav [class*=owl-]:after { height: 30px; } .about_list2 .owl { padding: 0 50px; } .about_owl .item span { font-size: 20px; height: 30px; padding-top: 10px; } .about_owl .item.on span, .about_owl .item span:hover { font-size: 30px; height: 40px; padding-top: 0; } .about_list2 .list li { width: 100%; float: none !important; } .about_list2 .list li .time { margin: 0 auto !important; } .about_list2 .list li .box { padding: 0 !important; padding-left: 20px !important; } .about_list2 .list .line { left: 5px; right: auto; } .about_list2 .list .time i { left: -5px; right: auto; } .about_list2 .list .time label, .about_list2 .list .time span { display: inline-block !important; width: auto !important; float: none !important; vertical-align: middle; color: #666; font-size: 16px; } .about_list2 .list .time { padding-left: 20px; } .about_list2 .list li .text { min-height: initial; } .about_list2 .list li .text p { line-height: 25px; } .about_list2 .list .time span:after { content: '-'; ; } .about_list2 .list li .img { text-align: left !important; } .about_list2 .list li .time { left: 0 !important; right: auto !important } .news_details { padding: 20px 0 } .pro_img { width: 100%; float: none; margin-bottom: 20px; } .pro_img .img_owl { margin-top: 20px; } .pro_details { margin-top: 10px; } .pro_details .box { margin-top: 20px; padding-top: 20px; } .page_tit p { margin-right: 20px; } .page1_box .bottom li img { width: 30px; } .page1_box .bottom li { padding-top: 10px; } .about_list, .news_p_list { padding: 20px 0; } .about_owl { margin: 20px auto; } .about_list2 .list { margin-top: 40px; } } .foot2 a{ color:#fff} .text img{ max-width:100%; height:auto !important}