*{
margin: 0;
padding: 0;}
html{
width: 100%;
height: 100%;
position: relative;
}
body {
width: 100%;
height: 100%;
margin:0 auto;
font-size:14px;
font-family: "microsoft yahei",SimHei,arial;
color:#000;
position: relative;
}
ul,dl,dd,h1,h2,h3,h4,h5,h6,form,p,em,ol,input,th{
padding:0; margin:0;
font-weight: normal;
}
ul ,ol{
list-style:none;
}
img {
border:0px;
max-width: 100%;
}
a{
text-decoration:none;
}
input,textarea{
outline-style: none;
}
.box{
width: 100%;
height: auto;
position: relative;
max-width: 640px;
margin: auto;
}
.header{
width:100%;
height:auto;
background: white;
position: relative;
z-index: 999;
}
.tb-btn{
display: none;
}
.nav{
position: absolute;
top: 0;
width: 100%;
padding:4% 2%;
}
.nav_img{
width: 11%;
float: left;
cursor: pointer;
}
.sou{
width: 87%;
float: right;
background: rgba(255,255,255,0.78);
padding: 2%;
border-radius:30px ;
}
.sou input{
border: none;
background: transparent;
padding-left: 15px;
}
.nav_sj{
position: absolute;
top: 100%;
left: 0;
width: 100%;
text-align: center;
background: #dfc9ca;
display: none;
}
.nav_sj li a{
padding: 2% 0;
display: block;
font-size: 16px;
color: #666666;
}
.nav_sj li a.on{
background: #666666;
color: white;
}
.zhu_nav ul{
width: 100%;
height: auto;
overflow: hidden;
}
.zhu_nav ul li{
float: left;
text-align: center;
width: 20%;
margin:3% auto;
}
.zhu_nav ul li div{
width: 60%;
margin: auto;
}
.zhu_nav ul li a{
color: #323030;
}
section{
background: #f5f5f5;
padding:2.5% 2.5%;
height: auto;
overflow: hidden;
}
.wide{
height: auto;
overflow: hidden;
margin-bottom: 2.5%;
}
.wide li{
float: left;
width: 31.3%;
margin-left: 3%;
}
.theme{
position:relative;
width: 100%;
text-align: center;
padding: 3% 0;
}
.theme p{
background: rgba(255,255,255,0.5);
color: #262626;
font-size: 35px;
padding: 7px 25px;
margin: auto;
display: inline-block;
}
.theme p a{
color: #262626;
}
@media (max-width:600px ) {
.theme p{
font-size: 24px;
}
}
@media (max-width:400px ) {
.theme p{
font-size: 18px;
}
}
@media (max-width:320px ) {
.theme p{
font-size: 16px;
}
}
.product_ul{
height: auto;
overflow: hidden;
margin-top: 2.5%;
}
.product_ul li{
width:48.5%;
float: left;
text-align: center;
background: white;
margin-left:3%;
position: relative;
margin-bottom: 2.5%;
padding-bottom: 3%;
}
.merchant{
width: 70%;
margin:7% auto;
text-align: center;
}
.product_ul li p{
width: 90%;
margin: auto;
line-height: 2;
}
.merchant_p1{
font-size: 14px;
color: #424242;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
.merchant_p2{
font-size: 12px;
color: #929292;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
.merchant_p3{
font-size: 16px;
color: #ff731e;
}
footer{
background: white;
border-top:1px solid #dadada;
padding: 3% 0;
height: auto;
overflow: hidden;
position: fixed;
bottom: 0;
width: 100%;
max-width: 640px;
}
footer ul li{
width: 25%;
text-align: center;
float: left;
}
footer ul li p{
color: #565656;
margin-top: 5%;
}
.nav_img1{
width: 11%;
float: left;
cursor: pointer;
}
.section{
background: #f5f5f5;
height: auto;
overflow: hidden;
padding-bottom: 20%;
}
.side{
width: 30%;
float: left;
background: white;
padding-bottom: 25%;
}
.content{
width: 70%;
float: right;
}
.section > div{
display: none;
}
.section > div.on{
display: block;
}
.side li{
color: #4c4c4c;
font-size: 14px;
padding:7% 5%;
border-bottom: 1px solid #ececec;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
.side li.on{
color: #ed5206;
}
.con_ul{
background: white;
height: auto;
overflow: hidden;
width: 100%;
border: 1px solid #e5e5e5;
}
.con_ul li{
width: 25%;
float: left;
text-align: center;
margin: 5% 0;
}
.content > div{
width: 95%;
margin: auto;
}
.cp1{
font-size: 17px;
color: #131313;
margin: 3% auto;
}
.con_ul li p{
color: #131313;
margin: 5% 0;
}
.con_div{
background: white;
height: auto;
overflow: hidden;
border: 1px solid #e5e5e5;
text-align: center;
padding: 6% 0;
}
.con_div a{
display: inline-block;
background: #f6f6f6;
color: #131313;
border: 1px solid #e5e5e5;
padding: 5px 30px;
margin: 5px;
}
.erji {
text-align: center;
padding:3% 0;
position: relative;
z-index: 999;
background: white;
}
.erji .er_k a{
font-size: 16px;
color: #434343;
display: inline-block;
width: 20%;
padding: 5px 0;
background: #eeeeee;
margin: 0 1%;
}
.erji .er_k a.on{
color:white;
background: #ed5206 ;
}
.section_a{
background: #f5f5f5;
}
.details_a{
padding:5% 2.5% 2.5% 2.5%;
background: #ffffff;
margin-bottom: 3%;
}
.details_a_p{
font-size: 16px;
color: #2a2a2a;
line-height:1.5;
padding-bottom: 2%;
/*white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;*/
}
@media (min-width:450px ) {
.details_a_p{
font-size: 20px;
}
}
.details_a_k{
background: #fffaf7;
padding: 3%;
}
.details_a_k del{
color: #838383;
}
.kp1{
color: #595959;
margin:10px auto;
font-size: 15px;
line-height: 1.8;
}
.kp1 span{
color: #ff4400;
font-size: 28px;
font-weight: bold;
}
.kp1 b{
color: #ff4400;
font-size: 24px;
font-weight: normal;
}
.details_a_f{
border-top:1px #e5e5e5 solid;
padding-top: 3%;
}
.kp2{
color: #5e5e5e;
font-size: 15px;
line-height: 1.8;
}
.details_a_f .bd li{
width: 33.3%;
text-align: center;
}
.details_a_f .bd li img{
width: 80%;
}
.details_a_f .bd li p{
color: #5e5e5e;
font-size: 15px;
margin: 5px 0;
}
.details_a_f .bd li span{
color: #f66722;
font-weight: bold;
}
.contact{
background: #f5f5f5;
}
.contact_a{
padding:5% 2.5%;
}
.contact_a_p1{
font-size: 18px;
color: #303030;
margin-bottom: 3%;
}
.contact_a_p2{
font-size: 13px;
color: #5c5c5c;
line-height: 1.8;
}
.contact_a_p3{
margin-top: 5%;
font-size: 13px;
color: #5c5c5c;
line-height: 1.8;
}
.contact_a_p3 span{
display: block;
}
@media (min-width:500px ) {
.contact_a_p1{
font-size: 24px;
}
.contact_a_p2,.contact_a_p3{
font-size: 15px;
}
}
.ditu{
padding-bottom: 4%;
width: 100%;
}
.ditu iframe{
width: 100% !important;
margin: auto;
}
.jishu ul{
width:95%;
margin: auto;
height: auto;
overflow: hidden;
text-align: center;
padding-bottom: 10%;
}
.jishu ul li{
width:30%;
display: inline-block;
background: white;
margin: 0 1%;
padding-bottom: 6%;
}
.jishu ul li div{
width:50%;
margin:12% auto ;
}
.jishu ul li p{
font-size: 16px;
color: #333333;
}
@media (min-width:500px ) {
.jishu ul li p{
font-size: 24px;
}
}
.social{
background: #f5f5f5;
padding:3% 2.5%;
}
.social_a{
padding-bottom: 3%;
}
.social_p{
height: auto;
overflow: hidden;
}
.social_p span{
float: left;
color: #242424;
font-size: 22px;
}
.social_p a{
float: right;
display: inline-block;
padding: 5px 20px;
color: white;
margin-top: 3px;
background: #00a0ea;
}
.social_a_ul li{
height: auto;
overflow:hidden ;
margin: 4% 0;
}
.social_a_ul li img{
width: 40%;
float: left;
}
.social_a_ul li div{
width: 60%;
float: left;
padding:1% 2%;
}
.social_a_ul li div h5{
font-size: 18px;
color: #242424;
margin-bottom: 3%;
}
.social_a_ul li div p{
color: #4c4c4c;
font-size: 14px;
line-height: 1.6;
max-height: 69px;
overflow: hidden;
}
.social_a_ul li div b{
color: #3fadeb;
font-size: 14px;
font-weight: normal;
display: inline-block;
margin-top: 5%;
}
@media (min-width:400px ) {
.social_a_ul li div p{
max-height: 95px;
font-size: 15px;
}
.social_a_ul li div b{
font-size: 15px;
}
}
@media (min-width:500px ) {
.social_a_ul li div p{
max-height: 145px;
font-size: 15px;
}
}
.news{
background: #f5f5f5;
padding: 3% 2.5%;
}
.news_list{
height: auto;
overflow: hidden;
text-align: center;
}
.news_list a{
display: inline-block;
width: 22%;
margin-right:2%;
background: #00a0ea;
padding: 6px 0;
color: white;
font-size: 15px;
}
.news_list a.on{
background: #ff8400;
}
.news_info > p{
font-size:20px;
color: #323232;
margin: 3% 0;
}
.news_info li{
background: url(../images/dian.png) no-repeat left center;
padding: 12px 0 12px 20px;
border-bottom: 1px solid #dfdfdf;
height: auto;
overflow: hidden;
font-size: 15px;
}
.news_info li a{
float: left;
color: #403f3f;
}
.news_info li span{
float: right;
color: #403f3f;
}
@media (min-width:500px ) {
.news_info > p{
font-size: 26px;
}
}
.contact_a img{
margin-top: 5%;
width: 100%;
}
.bei{
background: rgba(0,0,0,0.5);
width: 100%;
height: 100%;
position: fixed;
top: 0;
left: 0;
z-index: 111;
display: none;
}
.er_j{
width: 100%;
height: auto;
overflow: hidden;
position: absolute;
top: 100%;
left: 0;
background: white;
padding-bottom: 10%;
display: none;
}
.er_j li{
/*width: 25%;*/
float: left;
padding: 10px 20px;
color: #444444;
font-size: 12px;
}
.er_j li p{
padding: 4% 0;
}
.er_j ul a{
padding: 10px 20px;
color: #444444;
font-size: 12px;
float: left;
display: inline-block;
}
.er_j ul .on{
color: white;
background: #0e90d2;
}
@media (min-width:500px ) {
.er_j li a{
font-size: 14px;
}
}
.honor{
padding: 2.5%;
}
.zizhi_ul{
height: auto;
overflow: hidden;
}
.zizhi_ul li{
width:45%;
display: inline-block;
text-align: center;
cursor: pointer;
margin:0 2%;
margin-bottom:5%;
}
.zizhi_ul li div{
width:80%;
padding: 5%;
margin: auto;
background: white;
border: 1px solid #CCCCCC;
vertical-align: middle;
}
.zizhi_ul li p{
font-size: 15px;
color: #5c5c5c;
line-height: 2;
max-height: 30px;
overflow: hidden;
}
.zifu{
width: 100%;
height: 100%;
position: fixed;
background: rgba(0,0,0,0.6);
top: 0;
left: 0;
z-index: 9999;
display: none;
}
.zifu ul{
width:100%;
height: 60%;
position: absolute;
top: 20%;
border-radius:10px ;
}
.zifu ul li{
position: absolute;
width: 100%;
height: 100%;
text-align: center;
border-radius:10px ;
}
.zifu ul li img{
margin-top: 10%;
height: 80%;
}
.tt{
width:100%;
height: 60%;
position: absolute;
top: 20%;
z-index: 99999999;
}
.tt span{
float: right;
margin-right: 10px;
margin-top: 10px;
cursor: pointer;
color: white;
}
.tt .xia{
position: absolute;
top: 45%;
}
.tt .shang{
position: absolute;
top: 45%;
right: 0;
}
.sec_t{
background: #f5f5f5;
padding: 2.5%;
height: auto;
overflow: hidden;
}
.shi_lab{
width:65%;
height: 42px;
border: 1px solid #999999;
border-radius:5px ;
background: white;
margin-top: 1%;
float: right;
}
.shi_lab input{
float: left;
border: none;
padding-left: 10px;
border-radius:5px ;
}
.shi_lab input[type=text]{
width: 88%;
height: 40px;
}
.shi_lab input[type=submit]{
width: 12%;
height: 40px;
background: url(../images/su.png) no-repeat center;
}
.vid{
height: auto;
overflow: hidden;
padding:2.5% 2.5% 6% 2.5%;
background: #f5f5f5;
text-align: center;
}
.vid_ul li{
width:45%;
display: inline-block;
margin:1% 1.5%;
}
.vid_f{
padding:4% 0;
line-height:1.5;
text-align: left;
}
.vid_k{
width:100%;
}
.vid_k img{
width: 100%;
height: 100%;
}
.tan{
width: 100%;
height: 100%;
position: fixed;
background-color:rgba(0,0,0,0.5) ;
top:0;
left:0;
z-index: 999999;
display: none;
}
.tan_a{
width:100%;
position: absolute;
height: 300px;
top: 50%;
margin-top: -150px;
background: greenyellow;
}
.tan_a > p{
height: 50px;
background: white;
line-height: 50px;
}
.tan_a > p span{
float: left;
margin-left: 20px;
font-size: 18px;
color: #333333;
}
.tan_a > p b{
float: right;
margin-right: 5px;
display: inline-block;
width: 20px;
height:20px;
color: #333333;
cursor: pointer;
line-height: 18px;
font-size: 18px;
font-weight: normal;
margin-top: 13px;
border-radius:100% ;
}
.tan_a > div{
width: 100%;
height: 250px;
}
.ky_ul li{
width: 100%;
}
.page { padding:10px 0 15px 0; text-align:center; font-size:12px;}
.page a { display:inline-block; padding:0px 14px; height:34px;font-size:12px;line-height:34px; border:#d2d2d2/*边框线色*/ solid 1px;text-align:center; color:#333/*字体颜色*/; text- decoration:none; background:#fff/*字背景*/; margin:0 4px;}
.page a.a1 {padding:0px 12px; height:34px; line-height:34px;margin-top:0px; border-left:1px solid #d2d2d2/*左边框线色*/;}
.page a:hover { color:#fff; text-decoration:none; background:#00a0ea;/*鼠标滑过色块色*/; }
.page span { display:inline-block; padding:0px 14px 0 14px; height:34px; line-height:34px; border:1px solid #00a0ea;; color:#fff; text-align:center;background:#00a0ea;;/*色块色*/ }