@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;
}
}