﻿body {
 font-family: Microsoft Yahei,微软雅黑, \5FAE\8F6F\96C5\9ED1, \5b8b\4f53, Arial, Lucida, Verdana, Helvetica, sans-serif;
 color: #555;
 background-color: #fff;
}
body, button, input, textarea {
 font-size: 12px;
 line-height: 1.531;
 outline: none;
 margin: 0;
 padding: 0;
 border: 0;
}
p, ul, ol, dl, dt, dd, form, blockquote,span,div{
 margin: 0;
 padding: 0;
 font-family: Microsoft Yahei,微软雅黑;
 font-size: 14px;
 line-height: 28px;
}
a {
 text-decoration: none;
 color: #333333;
}
a:hover {
 text-decoration: underline;
 color: #C70D0E;
}
ul, ol {
 list-style: none;
}
h1, h2, h3, h4, h5, h6 {
 font-size: 12px;
 margin: 0;
 padding: 0;
}
input, select {
 font-family: Microsoft Yahei;
 vertical-align: middle;
}
em, b, i {
 font-style: normal;
 font-weight: normal;
}
img {
 vertical-align: middle;
 border: 0;
}
label {
  cursor: pointer;
}

.width{
    width:992px;
    margin:auto;
}

.medwidth{
    width:1170px;
    margin:auto;
}
.maxwidth{
    width:100%;
}

.flex{
    display: -webkit-box;  /* 老版本语法: Safari, iOS, Android browser, older WebKit browsers. */
    display: -moz-box;     /* 老版本语法: Firefox (buggy) */
    display: -ms-flexbox;  /* 混合版本语法: IE 10 */
    display: -webkit-flex; /* 新版本语法: Chrome 21+ */
    display: flex;       
}

.between{justify-content: space-between;}
.center{justify-content: center;}
.hide{
    display: none;
}

.ta{
    text-align: center;
}
.fo-14{font-size: 14px;line-height: 28px}
.fo-28{font-size: 28px}
.fo-16{font-size: 16px;line-height: 32px}
.fo-12{font-size: 12px;line-height: 24px}
.cursor{cursor: pointer}
.pointer{cursor: pointer}
.auto{margin:auto;}
.ma-to-30{margin-top: 30px}
.relative{position:relative;}
.opacity{opacity: 0}
.ma-to-20{margin-top:20px}
.ma-to-50{margin-top:50px;}
.ma-b-50{margin-bottom: 50px}
.ma-b-30{margin-bottom: 30px}
.overflow{overflow: hidden}
.fo-24{font-size: 24px;line-height: 48px}
/*首页样式开始*/
/*头部样式开始*/
#header{height:110px;width:100%;background: rgba(255,255,255,0);z-index: 999}
#header1{height:110px;width:100%;background: rgba(255,255,255,0);}
.header{ justify-content:space-between;}
.logo_box .flex{
   padding-top: 40px;
   height:110px;
}
.logo_box>img{margin-top: 15px}
.logo_img{width:200px;height:82px;margin-top: 10px}
.banner{
    text-align: center;
    font-size: 16px;
    cursor: pointer;
}
.banner:hover{border-bottom: 3px solid #000;}
.change_banner{border-bottom: 3px solid #000;}
/* -- searchBox -- */
.search {
 margin:20px 0;
 width:410px;
}
.search .keyword {
 width: 136px;
}
.searchBox {
 border: 1px solid #fdb501;
 background-color: #FFF;
 height: 35px;
 padding-left: 10px;
 margin-top: 40px;
}
.searchBox {
 position: relative;
 white-space: normal;
 margin-bottom: 10px;
}
.searchBox .keyword {
 color: #CCCCCC;
 left:100px;
 top:0;
 line-height: 35px;
 font-size: 14px;
 padding-left: 10px;
}
.searchBox .keyword:focus {
 color: #555
}
.searchBox .keyword::-webkit-input-placeholder {
 color:#CCCCCC;

}
.searchBox .keyword:focus:-moz-placeholder, .searchBox .keyword:focus::-moz-placeholder {
color:transparent!important
}
.searchBox .keyword:focus::-webkit-input-placeholder {
color:transparent!important
}
.searchBox .s_button {
 position: absolute;
 top:0px;
 right:0px;
 cursor: pointer;
 color:#fff;
 background: #fdb501;
 height:35px;
}

.logo_text{
    margin:45px 15px;
    height:45px;
}



/*头部样式结束*/

/*关于我们样式开始*/
.geduan{height:90px;border-left:2px solid #000;}
.about_box>div{padding:0;}
.about_box{padding:50px 0;}
.about_left{background:url(../about_left_back.png);min-height: 536px;background-size: 100%}
.aa{padding:30px;}
.about_xian{border-top: 1px solid #000;}
.about_text{margin-top: -15px}
.about_button{cursor:pointer;border:1px solid #000;text-align: center;width:140px;height:40px;line-height: 40px;margin-top: 30px;font-size: 24px}
/*关于我们样式结束*/

/*首页产品开始*/
.pro_box{background:url(../product_back.png) 100% 100% no-repeat;padding:30px 0;}
.pro_cate{margin:30px auto 30px;}
.pro_cate .np{width:120px;height:30px;line-height: 30px;margin-right: 15px;text-align: center;cursor: pointer}
.pro_cate .np:hover{background:#01a0c6;color:#fff;}
.news_cur{background:#01a0c6;color:#fff;}
.product_list{background:#fff;border:1px solid #eee;overflow: hidden}
.product_list .col-md-6{border-bottom:1px solid #eee;padding: 15px;cursor: pointer}
.product_list .col-md-6:first-child{border-right:1px solid #eee;}
.product_list .col-md-4{border-right: 1px solid #eee;padding:15px;cursor:pointer;}
.product_list .col-md-4:last-child{border-right: none}
.more{margin:20px auto;}
.product_img{width:80%;height:315px;overflow: hidden;margin:0 auto;}
.product_img1{width:80%;height:228px;overflow: hidden;margin:0 auto;}
.product_img img,.product_img1 img{transition: all 0.6s;height:100%;}
.product_img:hover img,.product_img1:hover img{transform: scale(1.1);} 
/*首页产品结束*/

/*首页新闻开始*/
.news_cate .np{width:120px;height:30px;line-height: 30px;margin-right: 15px;text-align: center;cursor: pointer}
.news_cate .np:hover{background:#01a0c6;color:#fff;}
.news_list{margin:20px auto;overflow: hidden}
.news_list .col-md-4{padding:0;}
.news_list img{height:243px;}
.news_text{padding:15px;height:243px;}
.news_text:hover{background: #000;color:#fff;transition: all 0.6s;}
/*首页新闻结束*/

/*首页加盟开始*/
.jm_div{overflow: hidden;padding:0px 0 40px;}
.jm_box{padding:0;position: relative;cursor:pointer;}
.jm_zhezhao{position: absolute;top:0;left:0;background:rgba(0,0,0,0.6);width:0;height:0;z-index:10;}
.jm_en{color:#8c8c8c;font-size: 24px;text-align: center;padding:10% 0 0;line-height: 48px}
.jm_ch{font-size: 24px;line-height: 48px;color:#fff;padding-bottom: 24px}
.jm_text{position: absolute;;top:0;left:0;width:100%;text-align: center;z-index:15;}
/*首页加盟结束*/
/*首页条件开始*/
.tj_div{margin:30px auto;}
.one_tiaojian{background:#f3f3f3;position: relative;min-height:350px;width:30%;margin-right: 3%}
.one_tiaojian:last-child{margin-right: 0}
.tj_box{border:2px solid #000;position: absolute;width:90%;left:5%;top:-30px;text-align: center;height: 329px}
.tj_box>p:first-child{font-size: 24px;border-bottom: 2px solid #000;padding: 50px 0 5px;width:50px;margin:0 auto 30px;}
.tj_box>p:last-child{width:70%;margin:auto;margin-bottom: 50px;margin-top: 20px}
/**首页条件结束/

/*底部样式开始*/
.mfrx{text-align: center;color:#0299bd;margin-top: 15px}
.tel_p{color:#0299bd;background:#171717;width:210px;height:40px;text-align: center;line-height: 40px;margin:15px auto;}
.da_p{border-bottom:1px solid #000;font-size: 16px;margin-bottom: 30px}
.foot_left{width:75%}
.foot_right{width:25%;text-align: center}
/*底部样式结束*/
/*首页样式结束*/



/*菜单栏样式开始*/
.nav_div{background: #000;overflow: hidden;height:60px;}
.nav_div .medwidth{height:60px;line-height: 60px}
.nav_div span{color:#fff;font-size: 14px;display: inline-block;height:60px;line-height: 60px}
.nav_right .cat_banner{width:150px;height:40px;line-height: 40px;display: inline-block;color:#fff;cursor: pointer;border:1px solid #fff;border-radius: 20px;margin-right: 15px;text-align: center;margin-top: 10px}
.cat_banner:hover{background: #fff;color:#000!important;}
.cur{background: #fff;color:#000!important;}
/*菜单栏样式结束*/

/*资讯列表样式开始*/
.one_art{margin-top: 20px;}
.one_art:first-child{margin-top: 50px}
.one_art .col-md-8,.one_art .col-md-4{padding:0;}
.art_left{background: #f5f5f5;}
.art_left p{padding:5px 25px;}
.art_left p:first-child,.art_left p:last-child{padding:15px 25px 5px;}
.art_left p:first-child{font-weight: bold;font-size: 16px}
.one_art:hover .art_left{background: #000;color:#fff;transition: all 0.6s;}
/*资讯列表样式结束*/

/*产品列表样式开始*/
.one_pro{position: relative;width:98%;margin:20px auto 10px;border:1px solid #eee;height:280px;}
.pro_img{width:100%;height:278px;overflow: hidden}
.pro_txt{position: absolute;bottom: 0;left:0;background: rgba(0,0,0,0.6);color:#fff;width:100%;text-align: center;overflow: hidden;height:40px;cursor: pointer}
.pro_txt p{font-size: 16px;line-height: 40px;}
.pro_button{color:#fff;border:1px solid #fff;width:150px;height:40px;line-height: 40px;border-radius: 20px;margin:0 auto;}
.pro_button:hover{background: #fff;color:#000;}
/*产品列表样式结束*/

/*单页样式开始*/
.page_box{margin:50px auto 30px;}
.fwzx_box{background: url(../page_back.jpg);padding:30px 15px;z-index:2;}
.one_fwzx{width:18%;margin-right: 2%;border:1px solid #83818a;text-align: center;padding:60px 0;}
.fwzx_p{width:80%;margin:15px auto;}
.one_fwzx>p:first-child{font-size: 24px;}
.one_fwzx:last-child{margin-right: 0}
.page_height{height:700px;}
.biaoti{font-size: 16px;line-height: 32px;padding-left: 15px}
.biaoti:first-child{padding-top: 30px}
.z_img{width:12.5%;margin-right: 2%;cursor:pointer;height:162px;}
.z_img:last-child{margin-right: 0}
.zs_div{background:url(../zhaoshang.png) no-repeat; background-size:100% 100%;height:650px; }
.zs_text{padding-top: 130px;color:#fff;padding-left: 38%;width:80%;}
.zs_p1{color:#c2c2c3;font-size:24px;line-height: 48px}
.zs_p2{color:#c2c2c2;font-size: 12px;line-height: 24px}
.one_zs{color:#fff;border:1px solid #fff;text-align: center;height:80px;line-height: 80px;cursor: pointer;width:98%;margin-bottom:15px;}
.one_zs:hover{background: #fff;color:#c2c2c2;}
/*单页样式结束*/

.one_case{height:257px!important;}
.one_case img{height:255px;}

/*产品详情页开始*/
.pc-slide {
  width: 500px;
}

.view .swiper-container {
  width: 500px;
  height: 350px;
}

.view .arrow-left {
  background: url(../index_tab_l.png) no-repeat left top;
  position: absolute;
  left: 10px;
  top: 50%;
  margin-top: -25px;
  width: 28px;
  height: 51px;
  z-index: 10;
}

.view .arrow-right {
  background: url(../index_tab_r.png) no-repeat left bottom;
  position: absolute;
  right: 10px;
  top: 50%;
  margin-top: -25px;
  width: 28px;
  height: 51px;
  z-index: 10;
}

.preview {
  width: 100%;
  margin-top: 10px;
  position: relative;
}

.preview .swiper-container {
  width: 430px;
  height: 82px;
  margin-left: 35px;
}

.preview .swiper-slide {
  width: 87px;
  height: 82px;
  cursor:pointer;
}

.preview .slide6 {
  width: 82px;
}

.preview .arrow-left {
  background: url(../feel3.png) no-repeat left top;
  position: absolute;
  left: 10px;
  top: 50%;
  margin-top: -9px;
  width: 9px;
  height: 18px;
  z-index: 10;
}

.preview .arrow-right {
  background: url(../feel4.png) no-repeat left bottom;
  position: absolute;
  right: 10px;
  top: 50%;
  margin-top: -9px;
  width: 9px;
  height: 18px;
  z-index: 10;
}

.preview img {
  padding: 1px;
}

.preview .active-nav img {
  padding: 0;
  border: 1px solid #F00;
}

.pro_left{margin-left: 30px}
.pp1{border-bottom: 1px dashed #eee}
.js{width:100%;border-bottom: 1px dashed #eee;margin:30px auto;}
.js p{background: #000;color:#fff;text-align: center;width:160px;height:45px;line-height: 45px}
/*产品详情页结束*/

/*分页样式开始*/
div.quotes {
    padding:3px 3px 30px;
    margin: 3px;
    text-align: right;
}

div.quotes a {
    padding: 10px;
    color: #000;
    margin: 0 2px 0 0;
    text-decoration:none;
    background: #f2f2f2;
}

.current {
    padding: 2px 5px;
    color: #fff !important;
    margin: 0 2px 0 0;
    background: #000 !important;
    border:1px solid #000!important;
}

/*分页样式结束*/



/*留言板样式开始*/
.zxjm>p{width:80%;margin:auto;text-align: center;font-size: 16px;line-height: 32px}
.guestbook_box{margin:15px auto;}
.guestbook_box input{ border:1px solid #c2c2c2;width:100%;padding: 10px; margin-bottom: 20px;background: rgba(0,0,0,0)}
.guestbook_box textarea{
    width:100%;
    border:1px solid #c2c2c2;
    resize:none;
    padding: 10px;
    height:200px;
    margin-bottom: 30px;
    background: rgba(0,0,0,0)
}

.book_button{
    background: #171717;
    color:#fff;
   width:100%;
   height:40px;
   box-shadow: 2px 2px 5px #aaa;
   margin:0;
   line-height: 40px!important;
   cursor: pointer;
   text-align: center;
}
#liuyan div{padding-left: 0}
/*留言板样式结束*/
 .iw_poi_title {color:#CC5522;font-size:14px;font-weight:bold;overflow:hidden;padding-right:13px;white-space:nowrap}
.iw_poi_content {font:12px arial,sans-serif;overflow:visible;padding-top:4px;white-space:-moz-pre-wrap;word-wrap:break-word}
.BMap_Marker{background: url(../didian.png) no-repeat!important}
.BMap_Marker img{display: none}
/* 中等屏幕（桌面显示器，大于等于 992px） */
@media screen and (min-width: 992px) and (max-width: 1200px){
  .medwidth{width:970px;}
  .page_height{height:450px;}
  .z_img{height:152px;}
  .guestbook_box textarea{height:80px;}
  .product_img{height:285px;}
  .product_img1{height:205px;}
}

/* 小屏幕（平板，大于等于 768px） */
@media screen and (min-width:768px) and (max-width: 992px){
  .medwidth{width:750px;}
  .news_text .fo-16{font-size:14px;line-height: 28px}
  .product_list .col-md-6 img{height:183px;}
  .about_button{margin-top: 8px}
  .about_left{max-height:413px;min-height: 0 }
  .tj_box>p:first-child{margin:0 auto 10px;}
  .jm_en{padding:5% 0 0;}
  .page_height{height:450px;}
  .one_fwzx{padding:20px 0;}
  .z_img{height:110px;}
  .one_zs{height:60px;line-height:60px}
  .guestbook_box textarea{height:80px;}
  .product_img{height:185px;}
   .product_img1{height:136px;}
}
@media screen and (max-width:767px){
  .product_list .col-md-6 img{height:166px;}
  .tj_box>p:first-child{margin:0 auto 5px;}
  .tj_box>p:last-child{margin-top: 10px}
  .one_fwzx{padding:20px 0;}
  .page_height{height:400px;}
  .z_img{height:100px;}
  .one_zs{height:60px;line-height:60px}
  .guestbook_box textarea{height:80px;}
  .product_img{height:166px;}
   .product_img1{height:132px;}
}
}
