@charset "utf-8"; body { font-family: "helvetica neue", helvetica, arial, "microsoft yahei ui", "microsoft yahei", simhei, "\5b8b\4f53", simsun, sans-serif; font-size: 12px; padding-top: 81px; background-color: #f5f5f5; transition: padding-top 0.5s; } ul,ol,dl,h1,h2,h3,h4,h5,h6{ padding:0px; margin:0px; } li { list-style:none; } a{ text-decoration: none; font-size: 12px; } a:focus{ text-decoration: none; } select:focus, input:focus, textarea:focus, a:focus, button, button:focus{ outline: none; } a:hover{ text-decoration: none; } img{ border:none; display: block; width:100%; height: 100%; } video{ display: block; } textarea{ resize:vertical; min-height: 32px; } *::selection{ /*background:#3399ff;*/ background: #28adc2; color: #fff; } *::-moz-selection{ /*background:#3399ff;*/ background: #28adc2; color: #fff; } .align_justify{ text-align: justify; text-justify: inter-character; } .animated { -webkit-animation-duration: 1s; animation-duration: 1s; } .container{ padding:0px; } .unpadding{ padding:0px; } .unpadding_left{ padding-left: 0px; } .unpadding_right{ padding-right: 0px; } .unpadding_top{ padding-top: 0px; } .unpadding_bottom{ padding-bottom: 0px; } .unmargin{ margin:0px; } .unmargin_left{ margin-left:0px; } .unmargin_right{ margin-right:0px; } .unmargin_top{ margin-top:0px; } .unmargin_bottom{ margin-bottom:0px; } .pad_l_r{ padding-left: 15px !important; padding-right: 15px !important; } .ellipsis{ overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .click_show{ display: none; } /*header开始*/ body.on{ padding-top: 61px; } header{ width:100%; background-color:#fff; border-bottom: 1px solid #f0f0f0; position: fixed; left:0; top:0; z-index: 999; } header.fixed{ } header .header_logo_box{ float: left; overflow: hidden; transition: all 0.5s; } header .header_logo_box .logo{ float: left; transition: all 0.5s; } header.fixed .header_logo_box .logo{ width:70px; padding-top:4px; } header .header_logo_box img{ width:auto; height: auto; max-width: 100%; max-height: auto; } header .header_nav_box{ float: left; transition: all 0.5s; } header .header_search_box{ float: left; padding-top:19px; /*padding-right:4%;*/ position: relative; transition: all 0.5s; } header .header_shop{ float: left; overflow: hidden; transition: all 0.5s; /*background-color: pink;*/ } header .header_logo_box, header .header_nav_box, header .header_search_box, header .header_shop{ transition:width 0s; } header .header_shop dl{ margin-top: 20px; /*width:175px;*/ width:166px; /*width:222px;*/ float: right; transition: all 0.5s; } header.fixed .header_shop dl{ margin-top: 10px; } header .header_shop dt, header .header_shop dd{ float: left; } header .header_shop dt{ font-size: 14px; height: 40px; line-height: 40px; color: #333; } header .header_shop dd{ margin-left: 15px; } header .header_shop a{ } header .header_shop img{ width:40px; height: auto; } header .header_search_box button{ text-indent: -9999px; width:30px; height:30px; background-position: center center; background-repeat: no-repeat; background-color:transparent; border:none; float: right; position: relative; } header .header_search_box button.btn1{ background-image:url(/uploads/image/shimg/search.png); margin-top: 5px; transition: margin-top 0.5s; } header.fixed .header_search_box button.btn1{ margin-top: -3px; } header .header_search_box button.btn1:hover{ background-image:url(/uploads/image/shimg/search_hover.png); } header .search_box{ position: absolute; right: 0; top:80px; background-color: #fff; padding:20px; border-top: 1px solid #eee; display: none; /*box-shadow: 0 0 5px rgba(0,0,0,0.2);*/ z-index:999; transition: top 0.5s; } header.fixed .search_box{ top: 60px; } header form{ height: 30px; width:200px; } header form input{ height: 30px; border:1px solid #28adc2; background:none; float: left; font-size: 14px; } header form input:focus{ outline: none; } header form .text{ width:150px; padding-left: 5px; padding-right: 5px; background:#fff; } header form .submit{ width:50px; background: #28adc2; color: #fff; } header .header_nav ul{ font-size: 0px; } header .header_nav ul li{ width:16.666%; height:80px; line-height: 80px; float: left; position: relative; text-align: center; transition: all 0.5s; } header.fixed .header_nav ul li{ height:60px; line-height: 60px; } header .header_nav ul li > a{ display: block; color: #333; width:100%; overflow: hidden; position: relative; transition: color 0.3s; } header .header_nav ul li:hover > a, header .header_nav ul li.active > a{ color: #fff; background-color: #28adc2; } /*header .header_nav ul li.cur > a .down_jt{ position: absolute; right: 3px; top:0px; bottom:0px; margin-top: auto; margin-bottom: auto; width:8px; height:5px; background: url(/uploads/image/shimg/head_jt.png) no-repeat center center; }*/ header .header_nav dl{ position: absolute; left:-0px; margin-left: auto; margin-right: auto; top:81px; z-index: 9999; /* padding-top: 7px; padding-bottom: 7px;*/ background-color:#fff; /*border-top: 1px solid #f0f0f0;*/ /*border-top: 1px solid red;*/ width:100%; /*display: none;*/ transition: top 0.5s,left 0.5s; } header.fixed .header_nav dl{ top:61px; left:-2px; } header .header_nav dl dd{ clear: both; position: relative; overflow: hidden; /*height: 36px;*/ height: 0; line-height: 36px; opacity: 0; transition: opacity 1s; } header .header_nav dl dd.cur{ opacity: 1; } header .header_nav dl dd > a{ font-size: 14px; color: #666; display: block; /*padding:8px 20px;*/ /*height: 36px;*/ height: 100%; text-align: center; position: relative; transition:all 0.5s; } header .header_nav dl dd > a:hover{ color: #fff; background-color: #28adc2; } /*mobile导航菜单开始*/ .mobile_nav_header{ position: fixed; top:0; left:0; width:100%; height: 50px; overflow: hidden; background: #fff; box-shadow: 0 3px 3px rgba(0,0,0,0.1); z-index: 999; } .mobile_list_header img, .mobile_nav_header img{ display: block; width: 100%; height: auto; } .mobile_nav_header .menu_icon, .mobile_nav_header .menu_logo, .mobile_nav_header .menu_phone{ float: left; } .mobile_nav_header .menu_icon{ width:20%; } .mobile_nav_header .menu_logo{ width:60%; } .mobile_nav_header .menu_phone{ width:20%; } .mobile_list_header i, .mobile_nav_header i{ display: block; cursor: pointer; width:30px; height: 30px; margin-top: 10px; position: relative; } .mobile_list_header i img, .mobile_nav_header i img{ position: absolute; top:0; bottom:0; left:0; right: 0; margin:auto; width:20px; } .mobile_nav_header .menu_icon i{ margin-left: 10px; } .mobile_nav_header .menu_logo a{ display: block; margin-top:4px; } .mobile_nav_header .menu_phone i{ float: right; margin-right: 10px; } .mobile_list_header i, .mobile_nav_header .menu_info i{ position: absolute; top:0; bottom:0; right: 10px; margin-top: auto; margin-bottom: auto; } .mobile_nav_header .menu_logo img{ width:55px; height: auto; margin-left: auto; margin-right: auto; } .mobile_nav_header .menu_info{ position: absolute; top:0; left:0; width: 100%; height: 100%; background: #fff; padding-left: 20px; padding-right: 50px; padding-top: 7px; top:-100%; transition: all 0.3s; } .mobile_nav_header .menu_info form{ margin-top: 2px; padding-right: 40px; border-radius:15px; border:1px solid #e2e2e2; position: relative; } .mobile_nav_header .menu_info input{ border:none; background: none; height: 30px; font-size: 14px; } .mobile_nav_header .menu_info .text{ width:100%; padding:0 10px; } .mobile_nav_header .menu_info .submit{ position: absolute; right: 0px; top:0; bottom:0; margin-top: auto; margin-bottom: auto; text-indent: -9999px; background: url(/uploads/image/shimg/mobile_btn_g.png) no-repeat center center; background-size:20px auto; width:40px; z-index: 2; } .mobile_nav_header .menu_info.active{ top:0; } .mobile_lang{ width:22px; height: 22px; line-height: 22px; border-radius: 50%; text-align: center; background-color: #ccc; margin-top: 14px; margin-right:4px; float: right; display: none; } .mobile_lang a{ width:100%; height: 100%; color: #fff; font-size: 12px; /*display: none;*/ } .mobile_nav_menu{ position: fixed; top:0; left:-100%; width:270px; background: #f8f8f8; z-index: 1001; transition: all 0.3s; } .mobile_nav_menu.active{ left:0; } .mobile_list_header{ background: #28adc2; height: 50px; position: relative; } .mobile_list_header .logo{ float: left; width:52px; margin-top: 9px; padding-left:10px; } .mobile_nav_list{ background:#f8f8f8; } .mobile_nav_list a{ display: block; width:100%; } .mobile_nav_list .parent_tit{ border-bottom:1px solid #d4d4d4; } .mobile_nav_list .parent_tit a{ position: relative; color: #434343; padding-left: 15px; font-size: 15px; height: 35px; line-height: 35px; transition: all 0.3s; } .mobile_nav_child a, .mobile_nav_list .parent_tit a{ overflow: hidden; text-overflow: ellipsis; white-space: nowrap; padding-right: 20px; } .mobile_nav_list .parent_tit a::after{ content: ""; position: absolute; top:0; bottom:0; right: 15px; margin-top: auto; margin-bottom: auto; width:11px; height: 13px; background: none; background-repeat: no-repeat; background-position: center center; transition: all 0.3s; } .mobile_nav_list li.active .parent_tit.is_child a::after{ background-image: url(/uploads/image/shimg/mobile_jt2.png); transform: rotate(90deg); } .mobile_nav_list .parent_tit.is_child a::after{ background-image: url(/uploads/image/shimg/mobile_jt1.png); background-size: contain; } .mobile_nav_list li.active .parent_tit a{ color: #28adc2; } .mobile_nav_child{ overflow: hidden; background: #e5e5e5; display: none; } .mobile_nav_child dd{ float:left; width: 135px; height: 35px; line-height: 35px; border-bottom:1px solid #bfbfbf; } .mobile_nav_child dd:nth-child(odd){ border-right:1px solid #bfbfbf; } .mobile_nav_child a{ font-size: 14px; color: #333; position: relative; padding-left: 30px; } .mobile_nav_child a::before{ position: absolute; content: ""; top:0; bottom: 0; left: 15px; margin-top: auto; margin-bottom: auto; background: #28adc2; border-radius: 50%; width:7px; height:7px; } .mobile_nav_alpha{ position: fixed; top:0; left:0; width:100%; height: 100%; /*background: rgba(0,0,0,0.5);*/ background-color:rgba(0,0,0,0.5); z-index: 1000; display: none; } /*mobile导航菜单结束*/ /*header结束*/ /*banner样式开始*/ .banner{ overflow: hidden; clear: both; width:100%; } .slick-arrow::before{ content:""; } .slick-arrow{ width:40px; height: 40px; border-radius: 50%; z-index:99; } .slick-prev:focus, .slick-prev, .slick-next:focus, .slick-next, .slick-prev:hover, .slick-next:hover{ background-repeat: no-repeat; background-position: center center; background-size: auto 50%; } .slick-prev:focus, .slick-prev, .slick-next:focus, .slick-next{ background-color:rgba(0,0,0,0.3); } .slick-prev:hover, .slick-next:hover{ background-color:rgba(0,0,0,0.5); } .slick-prev:focus, .slick-prev, .slick-prev:hover{ background-image: url(/uploads/image/shimg/banner_btn_left.png); } .slick-next:focus, .slick-next, .slick-next:hover{ background-image: url(/uploads/image/shimg/banner_btn_right.png); } .slick-prev:focus, .slick-prev{ left:3%; } .slick-next:focus, .slick-next{ right:3%; } .slick-dots{ bottom: 15px; } /*.slick-dots li { width: 20px; height: 20px; margin:0px 3px; }*/ .slick-dots li, .slick-dots li button, .slick-dots li button::before{ width: 10px; height: 10px; border-radius: 50%; } .slick-dots li { margin:0px 5px; } /*.slick-dots li button { width: 20px; height: 20px; background: transparent; }*/ .slick-dots li button { background: transparent; } /*.slick-dots li button::before { font-size: 12px; line-height: 20px; width: 20px; height: 20px; content: '•'; opacity: 0.5; color: #fff; }*/ .slick-dots li button::before { content: ''; opacity: 1; background-color: transparent; border:2px solid #fff; } .slick-dots li.slick-active button:before { opacity: 1; background: #fff; } .slick-dotted.slick-slider { margin-bottom: 0px; } /*banner样式结束*/ .limit_box a{ display: block; } .index_news_banner .slick .slick-arrow, .index_pro_banner .slick .slick-arrow, .index_banner .slick .slick-arrow{ opacity: 0; transition:opacity 1s; } .index_news_banner .slick:hover .slick-arrow, .index_pro_banner .slick:hover .slick-arrow, .index_banner .slick:hover .slick-arrow{ opacity: 1; } .index_banner .slick-arrow{ width:24px; height: 43px; border-radius:0; } .index_banner .slick-prev:focus, .index_banner .slick-prev, .index_banner .slick-next:focus, .index_banner .slick-next, .index_banner .slick-prev:hover, .index_banner .slick-next:hover{ background-size:80% auto; } .index_banner .slick-prev:focus, .index_banner .slick-prev, .index_banner .slick-next:focus, .index_banner .slick-next, .index_banner .slick-prev:hover, .index_banner .slick-next:hover{ background-color:transparent; } .index_banner .slick-prev:focus, .index_banner .slick-prev, .index_banner .slick-prev:hover{ background-image: url(/uploads/image/shimg/ban_l.png); } .index_banner .slick-next:focus, .index_banner .slick-next, .index_banner .slick-next:hover{ background-image: url(/uploads/image/shimg/ban_r.png); } .index_banner .slick-dots{ bottom: 40px; } /*.index_banner .slick-dots{ opacity: 0; transition:opacity 1s; } .index_banner .slick:hover .slick-dots{ opacity: 1; } */ /*slick 中心模式*/ .index_banner{ /*padding-top: 0px;*/ } .index_banner .slick-list{ overflow:visible !important; } .index_banner .limit_box{ padding:0px; } .index_banner .limit_box a::after{ content: ""; position: absolute; left:0; top:0; width:100%; height: 100%; background-color: rgba(255,255,255,0.4); transition: all 1s; } .index_banner .slick-center a::after{ background-color: rgba(255,255,255,0); } .index_banner .limit_box a{ display: block; position: relative; transition: all 0.1s; } .index_banner .slick-center a{ /*transform:scale(1.1);*/ } /*slick //中心模式*/ .index_pub_title, .index_pro, .index_center{ clear: both; overflow: hidden; } .index_pro{ padding:10px 0; } .index_pub_title{ padding:10px 20px; padding-left: 0; } .index_pub_title h1, .index_pub_title a{ font-size: 20px; color: #333; } .index_pub_title h1{ float: left; padding: 5px 40px 5px 18px; background-color: #28adc2; color: #fff; border-radius: 5px 0px 40px 5px; box-shadow: 0px 4px 4px rgba(40,173,194,0.1); } .index_pub_title a{ font-family: "楷体","宋体"; float: right; transition: all 0.3s; } .index_pub_title a:hover{ color: #28adc2; } .index_pro_banner .slick{ margin-left: -10px; margin-right: -10px; } .index_pro_banner .limit_box{ padding-left: 10px; padding-right: 10px; } .index_pro_banner .limit_box a{ background-color: #fff; position: relative; } .index_pro_banner .limit_box img{ width: auto; height: auto; max-width: 100%; max-height: 100%; position: absolute; top:0; bottom:0; left:0; right: 0; margin:auto; } .pub_sbtn .slick-arrow{ width:35px; height:35px; } .pub_sbtn .slick-prev:focus, .pub_sbtn .slick-prev, .pub_sbtn .slick-next:focus, .pub_sbtn .slick-next, .pub_sbtn .slick-prev:hover, .pub_sbtn .slick-next:hover{ background-size: auto 40%; } .pub_dots .slick-dots{ text-align: right; padding-right: 15px; } .index_hd_news{ clear: both; overflow: hidden; } .index_hd_news .index_pub_title{ /*background-color: #eee;*/ } .index_hd, .index_news{ float: left; /*width:50%;*/ } .index_hd .pad_box{ padding-left:5px; } .index_news .pad_box{ padding-right: 5px; } .index_hd{ width: 58.5%; } .index_news{ width: 41.5%; } .index_news_banner .limit_box{ } .index_news_banner .limit_box a{ position: relative; background-color: #fff; /*height: 268px;*/ padding-bottom: 46.825%; overflow: hidden; } .index_news .index_news_banner .limit_box a{ padding-bottom: 66.102%; } .index_news_banner .limit_box a img{ position: absolute; top:0; bottom:0; left:0; right: 0; margin:auto; width:100%; height: 100%; /*max-width: 100%; max-height: 100%;*/ } .index_news_banner .tit{ position: absolute; left:0; bottom:0; width:100%; color: #fff; font-size: 16px; padding:12px 20% 12px 15px; background: -webkit-linear-gradient(bottom, rgba(0,0,0,0.5),rgba(0,0,0,0)); background: -moz-linear-gradient(bottom, rgba(0,0,0,0.5),rgba(0,0,0,0)); background: linear-gradient(bottom, rgba(0,0,0,0.5),rgba(0,0,0,0)); } .index_about_list a, .index_about_list li, .index_about, .index_about_list{ clear: both; overflow: hidden; } .index_about{ padding:10px 0; } .index_about_list{ } .index_about_list li{ margin-bottom: 10px; } .index_about_list li:last-child{ margin-bottom: 0; } .index_about_list a{ } .index_about_list .pic, .index_about_list .info{ float: left; position: relative; } .index_about_list .pic{ width:60%; } .index_about_list .info{ width:40%; height: 277px; background-color: #eee; transition: all 0.5s; } .index_about_list .pic .xs_tit{ position: absolute; top:0; bottom:0; margin-top: auto; margin-bottom: auto; text-align: center; width:100%; height: 20px; color: #fff; font-size: 17px; font-weight: bold; z-index: 2; } /*.index_about_list .type_a .info{ text-align: center; }*/ .index_about_list .pad_box:hover .info{ background-color: #fff; } .index_about_list .alpha_link{ position: absolute; top:0; left:0; width:100%; height: 100%; z-index: 5; text-indent: -9999px; } .index_about_list .pic img{ } .index_about_list .con{ height: 130px; position: absolute; width:100%; top:0; bottom:0; margin-top: auto; margin-bottom: auto; padding-left: 45px; padding-right: 20px; transition: all 0.5s; } .index_about_list .pad_box:hover .con{ height: 108px; } .index_about_list .move_tit{ position: absolute; width:168px; right: 30%; transition: all 0.5s; } .index_about_list .pad_box:hover .move_tit{ right: 5%; } .index_about_list .tit1{ color: #333; } .index_about_list p, .index_about_list p a, .index_about_list li .tit2{ color: #666; } .index_about_list a:hover{ color: #28adc2; } .index_about_list li .tit1{ font-size: 22px; width:24px; margin-bottom: 15px; margin-left: auto; margin-right: auto; text-align: center; } .index_about_list li .tit1{ /* font-size: 26px; width:28px;*/ transition: all 0.5s; } .index_about_list .pad_box:hover .tit1{ font-size: 26px; } .index_about_list li .tit2{ font-size: 16px; text-align: center; transition: all 0.5s; } .index_about_list .pad_box:hover .tit2{ transform: translatey(-30px); opacity: 0; } .index_about_list .details{ position: absolute; left:45px; top:0; bottom:0; margin-top: auto; margin-bottom: auto; width:55%; height:108px; line-height: 28px; opacity: 0; transition: all 0.5s; } .index_about_list .pad_box:hover .details{ opacity: 1; } .index_about_list p a, .index_about_list p{ font-size: 14px; } .index_about_list .more{ position: absolute; right: 0; top:0; bottom:0; margin-top: auto; margin-bottom: auto; opacity: 0; transition: all 0.5s; } .index_about_list .pad_box:hover .more{ opacity: 1; } .index_about_list .more img{ width:auto; height: auto; margin-left: 20px; margin-top: 35px; } .float_list{ position: fixed; top:35%; right: 0; text-align: center; /*height: 200px;*/ box-shadow: 0px 0px 3px rgba(0,0,0,0.1); /*border:1px solid #eeeeee;*/ z-index: 900; } .float_list li{ background-color: #fff; } .float_list li .show_box, .float_list li .show_box strong{ color: #333; } .float_list li .show_box{ position: absolute; /*right:40px;*/ right:-180px; top:0; z-index: 2; background: #fff; font-size: 16px; text-align: center; cursor: default; width:136px; padding:8px 10px; /*font-weight: bold;*/ box-shadow: 0px 0px 3px rgba(0,0,0,0.1), -3px 0px 3px rgba(0,0,0,0.1); /*display: none;*/ opacity: 0; } .float_list li .show_box strong{ font-size: 14px; display: block; font-weight: normal; } .float_list a{ display: block; position: relative; width:40px; height: 40px; color: #28adc2; font-size: 12px; transition: color 0.3s; } .float_list .back_home a{ padding-top:3px; } .float_list .back_top, .float_list .back_home{ display: none; } .float_list .img{ position: absolute; top:0; bottom:0; left:0; right: 0; margin:auto; width:auto; height: auto; max-width: 100%; max-height: 100%; } .float_list a:hover .img1, .float_list .img2{ display: none; } .float_list a:hover .img2{ display: block; } .float_list a:hover{ color: #9aede0; } footer{ position: relative; clear: both; overflow: hidden; color: #666; background: #333; z-index: 9; } .footer_nav{ clear: both; overflow: hidden; /* padding:0px; */ font-size: 14px; display: none; } .footer_nav .container{ padding:50px 15px; border-bottom: 1px solid #444; } .footer_nav .tit{ text-align: center; margin-bottom: 50px; } .footer_nav .tit h1{ color: #eee; font-size: 24px; } .footer_nav .tit h2{ color: #999; text-transform: uppercase; font-size: 18px; margin-top: 10px; } footer .info_list{ clear: both; overflow: hidden; text-align: center; } footer .info_list dd{ float: left; width:33.333%; color: #999; font-size: 15px; } footer .info_list .icon{ display: block; width:32px; height:32px; margin-left: auto; margin-right: auto; background-repeat: no-repeat; background-position: center center; background-size: contain; } footer .info_list .item1 .icon{ background-image: url(/uploads/image/shimg/foot_tel.png); } footer .info_list .item2 .icon{ background-image: url(/uploads/image/shimg/foot_map.png); } footer .info_list .item3 .icon{ background-image: url(/uploads/image/shimg/foot_mail.png); } footer .info_list strong{ display: block; margin-top:15px; } footer .meg_con{ clear: both; overflow: hidden; margin-top:50px; } footer .meg_con .ewm, footer .meg_con .meg{ float: left; } footer .meg_con .ewm{ width:33.333%; } footer .meg_con .meg{ width:66.666%; } footer .meg_con .ewm_pic{ width:150px; margin-left:113px; } footer .meg_con .ewm .pic{ } footer .meg_con .link_list{ text-align: center; font-size: 0; } footer .link_list a{ position: relative; display: inline-block; width:30px; height: 25px; background-repeat: no-repeat; background-position: center center; background-size: contain; text-indent: -9999px; margin:15px 15px 0; } footer .link_list .link1{ background-image: url(/uploads/image/shimg/foot_sina.png); } footer .link_list .link1.active{ background-image: url(/uploads/image/shimg/foot_sina_hover.png); } footer .link_list .link2{ background-image: url(/uploads/image/shimg/foot_wx.png); } footer .link_list .link2.active{ background-image: url(/uploads/image/shimg/foot_wx_hover.png); } footer .link_list a.active::after{ content: ""; position: absolute; top:-15px; left:0; right:0; margin-left: auto; margin-right: auto; width:0; height: 0; border-style: solid; border-width:10px 8px 0 8px; border-color: #fff transparent transparent transparent; } footer .meg_con .ewm img{ width:100%; height: auto; max-height: 100%; display: none; } footer .meg_con .ewm .img1{ display: block; } footer .contactus { } footer .contactus .input_name{ padding-right:0; } footer .contactus .input_tel{ padding-left:0; } footer .contactus input[type="text"], footer .contactus textarea{ border:1px solid #666; font-size: 14px; background: #333; color:#999; } footer .contactus textarea{ height: 90px; } footer .contactus input[type="text"]:hover, footer .contactus textarea:hover, footer .contactus input[type="text"]:focus, footer .contactus textarea:focus{ border:1px solid #28adc2; } footer .contactus input::-webkit-input-placeholder{ color:#666; } footer .contactus input::-moz-placeholder{ color:#666; } footer .contactus textarea::-webkit-input-placeholder{ color:#666; } footer .contactus textarea::-moz-placeholder{ color:#666; } footer .btnok{ float: right; } footer .footer_con{ float: left; width:100%; overflow: hidden; } footer .footer_con ul{ overflow: hidden; padding:15px 0px; } footer .footer_con ul li{ display: inline-block; padding-right: 10px; line-height: 18px; } footer .footer_con ul li.first_li img{ width:auto; height: auto; display: inline-block; margin-right: 5px; } footer .footer_con a{ color: #666; transition:color 0.3s; } footer .footer_con a:hover{ color:#28adc2; text-decoration: underline; } /*.s_top{ width:35px; position: fixed; bottom:60px; right: 10px; cursor: pointer; z-index: 999; }*/ /**{ -ms-behavior: url(/uploads/image/shcpjs/backgroundsize.htc); behavior: url(/uploads/image/shcpjs/backgroundsize.htc); }*/ @media(max-width: 1260px){ .float_list{ display: none; } } @media (min-width: 1200px){ footer .footer_con ul{ text-align: center; } footer .footer_con ul li, footer .footer_con a{ font-size: 14px; } footer .footer_nav{ font-size: 14px; } header .header_nav ul li a{ font-size: 16px; } header .header_logo_box .logo{ float: left; width:90px; padding-top:6px; } header .header_nav_box{ padding-left: 3%; width:68%; /*background-color: orange;*/ } header .header_logo_box{ width:8%;/*======*/ /*background-color: red;*/ } header .header_search_box{ width:6%; /*background-color: blue;*/ } header .header_shop{ width:18%; /*background-color: pink;*/ } header.fixed .header_nav_box{ /*padding-left: 7%;*/ width:83%;/*======*/ } header.fixed .header_search_box{ width:9%;/*======*/ /* background-color: pink;*/ } header.fixed .header_shop{ width:0; opacity:0; } header.fixed .header_shop{ } header .header_nav dl dd > a{ font-size: 14px; } header .header_nav ul li.cur > a .down_jt{ display: block !important; } } @media (max-width:1199px){ footer .footer_con ul{ text-align: center; } footer .footer_con ul li, footer .footer_con a{ font-size: 14px; } footer .footer_nav{ font-size: 14px; } footer .meg_con .ewm_pic{ margin-left:80px; } header .header_nav ul li a{ font-size: 16px; } header .header_logo_box .logo{ float: left; width:90px; padding-top: 7px; } header .header_nav_box{ padding-left:5%; width:80%; } header .header_logo_box{ width:10%; } header .header_search_box{ width:10%; } header .header_nav dl, header.fixed .header_nav dl{ /*left:-20px;*/ } header .header_nav dl dd > a{ font-size: 14px; } header .header_nav ul li.cur > a .down_jt{ display: block !important; } .index_about_list .type_b .con{ padding-left: 30px; } .index_banner .slick-prev:focus, .index_banner .slick-prev{ left:2%; } .index_banner .slick-next:focus, .index_banner .slick-next{ right:2%; } .index_banner .limit_box{ padding:0px; } .index_banner .slick-dots{ bottom: 30px; } .index_news_banner .limit_box a{ /*height: 170px;*/ } .index_about_list .info{ height: 230px; } .index_about_list .move_tit{ width:100%; right:0; } .index_about_list .pad_box:hover .move_tit{ right:0; } } @media (max-width: 991px){ footer .footer_con ul{ text-align: center; } footer .footer_con ul li, footer .footer_con a{ font-size: 13px; } footer .footer_nav{ font-size: 13px; } footer .meg_con .ewm_pic{ margin-left:45px; } .footer_nav .tit h1{ font-size: 22px; } .footer_nav .tit h2{ font-size: 16px; } header .header_nav ul li a{ font-size: 16px; } header .header_logo_box .logo{ float: left; width: 80px; padding-top: 10px; } header .header_nav_box{ padding-left: 2%; width:79%; } header .header_logo_box{ width:11%; } header .header_search_box{ width:10%; } header .header_nav dl, header.fixed .header_nav dl{ /*left:-32px;*/ } header .header_nav dl dd > a{ font-size: 13px; } header .header_nav ul li.cur > a .down_jt{ display: none !important; } .index_news_banner .tit{ font-size: 14px; } .index_about_list .type_b .con{ padding-right:90px; } .index_banner .slick-prev:focus, .index_banner .slick-prev{ left:2%; } .index_banner .slick-next:focus, .index_banner .slick-next{ right:2%; } .index_banner .limit_box{ padding:0px; } .index_about_list .info{ height:178px; } } @media (max-width: 767px){ body{ margin-top: 50px; padding-top: 0px !important; } .slick-dots{ bottom: 10px; } .slick-dots li, .slick-dots li button, .slick-dots li button::before{ width: 7px; height: 7px; } .slick-dots li { margin:0px 3px; } /* .slick-dots,*/ .slick-arrow{ display: none !important; } .xs_pad_l{ padding-left: 15px !important; } .xs_pad_r{ padding-right: 15px !important; } .xs_pad_l_r{ padding-left: 15px !important; padding-right: 15px !important; } .xs_pad_l_0{ padding-left: 0px !important; } .xs_pad_r_0{ padding-right: 0px !important; } .xs_pad_l_r_0{ padding-left: 0px !important; padding-right: 0px !important; } footer{ padding-bottom:0px !important; padding-top: 0px !important; border-top: 1px solid #ddd; } footer .footer_con ul li, footer .footer_con a{ font-size: 12px; } footer .footer_con ul{ text-align: center; /* padding:15px 0px;*/ } footer .footer_con ul li{ padding-left: 7px; padding-right: 7px; } footer .footer_con{ width:100%; padding-left: 15px; padding-right: 15px; } footer .footer_nav{ } .footer_nav .tit{ margin-bottom: 20px; } .footer_nav .tit h1{ font-size: 18px; } .footer_nav .tit h2{ font-size: 14px; margin-top: 5px; } footer .info_list .icon{ width:26px; height:26px; } footer .meg_con .ewm, footer .meg_con .meg{ width:100%; } footer .meg_con .ewm{ margin-bottom: 20px; } footer .btnok, footer .contactus input[type="text"], footer .contactus textarea{ font-size: 12px; } footer .info_list dd{ font-size: 12px; } footer .info_list strong{ margin-top:10px; font-weight: normal; } footer .meg_con{ margin-top:20px; } footer .meg_con .ewm_pic{ margin-left:auto; margin-right: auto; } .footer_nav .container{ padding-top:30px; padding-bottom:20px; } .index_pro{ padding:10px 15px; } .index_pro_banner .slick{ margin-left: -5px; margin-right: -5px; } .index_pro_banner .limit_box{ padding-left:5px; padding-right:5px; } .index_pub_title{ padding:6px 15px; padding-left: 0; } .index_pub_title h1, .index_pub_title a{ font-size:16px; } .index_news_banner .tit{ font-size: 12px; padding:5px; } .pub_dots .slick-dots{ display: none !important; } .index_hd_news{ padding-left: 15px; padding-right: 15px; } .index_about_list .pic{ width:100%; } .index_about_list .pic::after{ content: ""; position: absolute; top:0; bottom:0; left:0; right: 0; background-color: rgba(0,0,0,0.5); } .index_about{ padding: 10px 15px; } .index_banner .limit_box{ padding:0; } .index_banner .slick-dots{ bottom: 10px; } .index_banner .limit_box a::after{ background-color: transparent; } .index_news_banner .limit_box a{ /*height: auto;*/ /*padding-bottom: 0;*/ } .index_news_banner .limit_box a img{ /*position: static;*/ } .index_hd, .index_news{ width:100%; } .index_news{ margin-top: 15px; } .index_hd .pad_box{ padding-right:0; } .index_news .pad_box{ padding-left:0; } }