/*****网站内页，全局栏目头颜色设置－开始******/
#innerbgcolor { background-color:#d5a976;}

#innercolor { color:#d5a976;}
/* .wrapper{background:#f4f4f4;} */

input,button{border: none;outline: none;}

h1,h2,h3,h4,h5,h6,p{margin: 0;padding: 0;}
.clear{clear: both;}

/*****内容区1200像素******/
@media (min-width: 768px) {
    .container {
        width:750px
    }
}
@media (min-width: 992px) {
    .container {
        width:970px
    }
}
@media (min-width: 1200px) {
    .container {
        width:1200px
    }
}

/*banner大图*/
#banner {width: 100%;padding: 0;max-height: 500px;overflow: hidden;}
.flexslider{max-height: 500px;overflow: hidden;position: relative;width:100%;}
.slides li{height: 500px;}

.banner{position:relative;}
.ban-txt{position: absolute;z-index: 3;top: 22%;left: 20%;}
.ban-txt h5 {font-size: 55px;line-height: 1;font-weight: bold;letter-spacing: 5px;margin-bottom: 20px;color: #000;}
.ban-txt img{margin-bottom: 20px;}
.ban-txt h3 {font-size: 36px;font-weight: bolder;line-height: 1;margin-bottom: 10px;font-family: Microsoft JhengHei;color: #000;letter-spacing: -2px;}
.ban-txt p {font-size: 16px;line-height: 1;color: #c67f7f;}
.ban-txt a {display: inline-block;font-size: 16px;line-height: 1;margin-top: 60px;letter-spacing: 2px; border: 1px solid #666;padding: 12px 35px;border-radius: 3px;}
.ban-txt a:hover{background: #af1e1e;border-color: #af1e1e;color: #fff;}
@media (min-width: 992px) and (max-width: 1200px){
  
}
@media (max-width: 992px){
  /*大图*/ 
  .flexslider .slides li {height: 350px;background-size: auto 100% !important;}

  .ban-txt{left: 8%;top: 15%;}
  .ban-txt img{width: 60%;}
  
}
@media (max-width: 767px){
  /*大图*/ 
  .flexslider .slides li {height: 190px;background-size: auto 100% !important;}
  .ban-txt { position: absolute; z-index: 3;top: 10%;left: 3%;}
  .ban-txt h5 { font-size: 30px;line-height: 1;font-weight: bold; letter-spacing: 3px; margin-bottom: 10px;}
  .ban-txt h3 { font-size: 22px;font-weight: bolder; margin-bottom: 6px;letter-spacing: -2px;}
  .ban-txt p {font-size: 14px;line-height: 1;color: #c67f7f;}
  .ban-txt a { display: inline-block;font-size: 14px;line-height: 1; margin-top: 20px;letter-spacing: 2px;border: 1px solid #666; padding: 9px 25px;border-radius: 3px;}
 
  .ban-txt img { margin-bottom: 5px;width: 70%;}
  
}


/* 公共标题样式 */
.bt{text-align: center;}
.bt h3 {font-size: 36px;line-height: 1;font-weight: bold;letter-spacing: 2px;margin-bottom: 6px;}
.bt p {font-size: 20px;line-height: 1;text-transform: uppercase;color: #aaa;}
@media (min-width: 992px) and (max-width: 1200px){
  
}
@media (max-width: 992px){
 
  .bt h3{font-size: 28px;}
  .bt p{font-size: 16px;}

}
@media (max-width: 767px){
 
  .bt h3 {font-size: 22px;}
  .bt p { font-size: 14px;}
 
}

.gywm{position:relative;top: -100px;z-index: 3;height: 180px;}

.gywm-cont {background: #f8f8f8;padding: 30px;box-shadow: 1px 1px 5px #c6c6c6;border-radius: 3px;}
.gy-bt{float: left;width: 10%;}
.gy-bt h3 {font-size: 22px;line-height: 1;color: #af1e1e;font-family: Microsoft JhengHei;font-weight: bold;margin-top: 40px;}
.gy-bt hr {margin: 10px 0;width: 25%;border-top: 2px solid #af1e1e;}
.gy-bt p {font-size: 16px;line-height: 1;text-transform: uppercase;color: #bbb;}
.gy-txt{float: left;width: 55%;padding: 0 30px;}
.gy-txt p span{font-size: 15px !important;line-height: 1.5; color: #555;}
.gy-img{float:left;width: 20%;}
.gy-img img{width: 100%;}

.gy-btn {float: left;width: 15%;}
.gy-btn a {display: inline-block; margin-top: 60px;font-size: 16px;line-height: 1;margin-left: 60px;}
.gy-btn a:hover{color: #af1e1e;}

@media (min-width: 992px) and (max-width: 1200px){
  
  .gywm{height: 170px;}
  
  
  
}
@media (max-width: 992px){
  
  .gywm { position: static; top: 0; z-index: 3; height: auto;padding-top: 30px;}
  .gy-bt {float: none; width: 100%;margin-bottom: 20px;}

  .gy-bt h3{margin-top: 0;}
  .gy-bt hr{width: 6%;}
  
  .gy-txt { float: left;width: 55%;padding: 0 20px 0 0;}
  .gy-img {float: left;width: 45%;}
  .gy-btn {float: none;width: 100%;}
  
  .gy-btn a {display: inline-block; margin-top: 15px; font-size: 16px;line-height: 1; margin-left: 15px;}
  
}
@media (max-width: 767px){
 
  .gywm{padding-top: 0;}
  .gywm-cont{padding: 30px 15px;}
  .gy-txt { float: none; width: 100%;padding: 0; margin-bottom: 20px;}
  .gy-img {float: left;width: 60%;}
  .gy-btn a{margin-top: 60px;}
 
}



/* 产品分类 */
.sec_01{padding: 50px 0;}

.fl-box{float:left;width: 33.333333%;position: relative;}
.fl-box img{width: 100%;}
/* .f1{background: url(../images/cp-1.jpg)no-repeat center right;}
.f2{background: url(../images/cp-2.jpg)no-repeat center right;}
.f3{background: url(../images/cp-3.jpg)no-repeat center right;} */

.fl-txt { position: absolute;top: 25%;left: 20px;z-index: 3;}
.fl-txt p {font-size: 14px;line-height: 1; margin-bottom: 6px; color: #888;}
.fl-txt h3 {font-family: Microsoft JhengHei;font-weight: bold; font-size: 25px;line-height: 1;margin-bottom: 20px;color: #000;}
.fl-txt span{background: url(../images/fl-more.png)no-repeat bottom right;background-size: 30px;font-size: 15px;line-height: 1;display: inline-block;padding: 15px 15px 15px 0;}
.fl-txt a:hover{}

.mo-fl{display: none;padding-top: 20px;}
.mo-fl ul{overflow: hidden;}
.mo-fl ul li{float: left;width: 33.3333%;}
.mo-fl li a img{width: 100%;}


@media (min-width: 992px) and (max-width: 1200px){
  
  .fl-txt h3{font-size: 22px;}
  
  
}
@media (max-width: 992px){
  .sec_01 {padding: 30px 0;}
  .fl-txt { position: absolute;top: 15%; left: 15px;z-index: 3;}
  .fl-txt h3{font-size: 20px;margin-bottom: 10px;}

}
@media (max-width: 767px){
 
  .sec_01{display: none;}
  .mo-fl{display: block;}
 
}







.sec_02{padding: 50px 0;}

.cp-bt{margin-bottom: 40px;}


.cp-nav{text-align: center;margin-bottom: 30px;}
.cp-nav ul{display: inline-block;overflow: hidden;width: 100%;padding: 0 25%;}
.cp-nav ul li{float: left;width: 33.33333%;background: #006baa;}
.cp-nav ul li a {display: block;font-size: 16px;line-height: 1;padding: 10px 0;color: #fff;border-right: 1px solid #eee;}
.cp-nav ul li:last-child a{border: none;}
.cp-nav ul li a:hover{background: #af1e1e;}

.cp-cont{}
.cp-cont .cp-box{float: left;width: 25%;padding: 0 10px;margin-bottom: 20px;}
.cp-cont .cp-box a{border: 1px solid #ececec;display: block;padding: 15px;transition: all .5s;}
.cp-cont .cp-box a .cp-img{height: 200px;overflow: hidden;display: table-cell;vertical-align: middle;text-align: center;width: 300px;}
.cp-cont .cp-box a .cp-img img {display: inline-block;margin: auto;max-width: 100%;max-height: 100%;}
.cp-cont .cp-box a p {margin-top: 15px;font-size: 15px;line-height: 1;}
.cp-cont .cp-box a:hover{box-shadow: 0 0 5px #f2f2f2;border-color: #006baa;}

@media (min-width: 992px) and (max-width: 1200px){
  
}
@media (max-width: 992px){
  .sec_02 {padding: 30px 0;}

  .cp-bt {margin-bottom: 30px;}
  .cp-nav ul li a{font-size: 15px;}
  .cp-nav ul{padding: 0 20%;}
  .cp-cont .cp-box a{padding: 10px;}
  .cp-cont .cp-box a p{margin-top: 10px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
  .cp-cont .cp-box a .cp-img{height: 120px;}
.cp-cont .cp-box {padding: 0 6px;margin-bottom: 15px;}
  
}
@media (max-width: 767px){
 
  .cp-nav ul { padding: 0 15px;}
  .cp-nav ul li {float: left; width: 48%; background: #006baa;margin: 0 1% 10px;}
  .cp-nav {margin-bottom: 20px;}
  .cp-cont {padding: 0 10px;}
  .cp-cont .cp-box{width: 50%;}
  
  
  
 
}



/* 优势 */
.youshi{background: url(../images/bg4.jpg)no-repeat center fixed;padding: 50px 0 80px;}

.ys-bt{text-align: center;margin-bottom: 50px;}
.ys-bt h3 {font-size: 25px;line-height: 1;color: #fff;font-weight: bold;letter-spacing: 1px;}
.ys-bt p {font-size: 18px;line-height: 1;color: #eee;margin-top: 15px;}

.ys-cont{position: relative;}

.ys-left {position: absolute;width: 40%;left: 0;top: 0;}
.ys-img {width: 100%;text-align: center;}
.ys-img img{width: 36%;}
.ys-right {width: 40%;position: absolute;right: 0;top: 0;}

.ys-txt{}
.ys-txt h3 {font-size: 30px;line-height: 1;font-weight: bold;color: #fff;}
.ys-txt p {font-size: 16px;line-height: 1.4;color: #eee;height: 50px;margin-top: 10px;}

.ys-left .ys-txt{text-align: right;}
.ys1 { margin-right: 50px;margin-top: 10px;}
.ys2 {margin-top: 60px;margin-right: 110px;}
.ys3 {margin-top: 50px;margin-right: 40px;}
.ys4{margin-top: 10px;margin-left: 60px;}
.ys5{margin-top: 60px;margin-left: 110px;}
.ys6{margin-top: 40px;margin-left: 40px;}

.mo-ys{display: none;padding: 0 10px;}
.mo-ys img{width: 100%;}

@media (min-width: 992px) and (max-width: 1200px){
  
}
@media (max-width: 992px){

  .ys-txt h3{font-size: 24px;}
  .ys-txt p {font-size: 14px;line-height: 1.4;color: #eee;height: 40px;margin-top: 10px;}
  .ys1 { margin-right: 40px;margin-top: 0;}
  .ys2 {margin-top: 30px;margin-right: 70px;}
  .ys3 {margin-top: 15px;margin-right: 20px;}
  .ys4 {margin-top: 0;margin-left: 40px;}
  .ys5 { margin-top: 25px; margin-left: 70px;}
  .ys6 { margin-top: 15px;margin-left: 20px;}

}
@media (max-width: 767px){
 
  .ys-bt {margin-bottom: 30px;}
  .ys-bt h3{font-size: 20px;}
  .youshi{padding: 30px 0 50px;}
  .ys-cont{display: none;}
  .mo-ys{display:block;}
 
}


.xinw{padding: 50px 0;}

.xw-bt{margin-bottom: 40px;}


.xw-nav{text-align: center;margin-bottom: 30px;}
.xw-nav ul{display: inline-block;overflow: hidden;width: 100%;padding: 0 35%;}
.xw-nav ul li{float: left;width: 50%;background: #006baa;}
.xw-nav ul li a {display: block;font-size: 16px;line-height: 1;padding: 10px 0;color: #fff;border-right: 1px solid #eee;}
.xw-nav ul li:last-child a{border: none;}
.xw-nav ul li a:hover{background: #af1e1e;}

.xw-cont{}
.xw-left{float: left;width: 67%;}

.xw-top {border-bottom: 1px solid #ddd;margin-bottom: 20px;padding-bottom: 20px;}
.xw-top h3 {font-size: 20px;line-height: 1;font-weight: bold;letter-spacing: 1px;color: #000;}
.xw-top h5 { font-size: 13px;line-height: 1;margin: 10px 0;color: #888;}
.xw-top p {font-size: 14px;line-height: 1.4;color: #777;}

.xw_list{}
.xw_list ul{}
.xw_list ul li{overflow: hidden;padding: 7px 0;}
.xw_list li a{display: block;}
.xw_list li a h5 {float: left;width: 11%;font-size: 13px;line-height: 1;color: #888;}
.xw_list li a h3 {float: left;font-size: 15px;line-height: 1;color: #666;}
.xw_list li a:hover h3{color: #006baa;}

.xw-img{float: right;width: 30%;position:relative;}
.xw-img img{width: 100%;}
.xw-img a {position: absolute;background: #006baa;padding: 20px 0;bottom: 30px;left: -100px;width: 150px;z-index: 3;text-align: center;}
.xw-img a img{width: 40px;height: 40px;}
.xw-img a:hover{background: #af1e1e;}

@media (min-width: 992px) and (max-width: 1200px){
  
  .xw_list li a h5{width: 13%;}
  
  
}
@media (max-width: 992px){
  
  .xw_list li a h5 { float: left;width: 15%;font-size: 12px;line-height: 1;color: #888;}
  .xw_list li a h3{font-size: 14px;}

}
@media (max-width: 767px){
 
  .xw-bt {margin-bottom: 20px;}
  .xw-nav ul { padding: 0 15px;}
  .xw-nav ul li {float: left; width: 48%; background: #006baa;margin: 0 1% 10px;}
  .xw-nav {margin-bottom: 20px;}
  
  .xw-left{float: none;width: 100%;padding: 0 15px;}
  .xw-img{display: none;}
  .xw_list li a h5{width: 22%;}
 
}



/* 广告 */
.adv{background: url(../images/bg6.jpg)no-repeat center;padding: 30px 0;}
.adv-img{text-align:center;}
.adv .container{position:relative;}
.adv-txt{position:absolute;width: 100%;text-align:center;top: 35%;}
.adv-txt h5 { font-size: 50px;color: #fff;line-height: 1;margin-bottom: 10px;}
.adv-txt h3 {font-size: 26px;line-height: 1; color: #fff;  font-weight: bold; letter-spacing: 2px;}
.adv-txt p {color: #fff;font-size: 22px;line-height: 1;margin-top: 30px;letter-spacing: 1px;}

@media (min-width: 992px) and (max-width: 1200px){
  
  .ly-txt img { margin-left: 120px;margin-bottom: 50px;width: 70%;}
  
  
}
@media (max-width: 992px){
  
  .ly-left > img{width: 80%;}
  .ly-txt img { margin-left: 80px; margin-bottom: 10px;width: 75%;}
  .ly-txt h5{font-size: 15px;}
  .ly-txt p{font-size: 14px;}
  .ly-txt p span{font-size: 20px;}

}
@media (max-width: 767px){
 
  .adv { padding: 30px 0;background-size: auto 200px;}
  
  .adv-img{}
  .adv-img img{width: 70%;}
  
  .adv-txt{top: 27%;}
  .adv-txt h5{font-size: 40px;}
  .adv-txt h3{font-size: 24px;}
  .adv-txt p { font-size: 18px; margin-top: 20px;}
  
}


/* 首页留言 */
.liuyan{padding: 50px 0 80px;}
.ly-left{float: left;width: 50%;position:relative;}
.ly-txt {position: absolute;top: 25px;left: 30px;}
.ly-txt img{margin-left: 2px;margin-bottom: 40px;}
.ly-txt h5 {font-size: 19px;line-height: 1;margin-bottom: 10px;color: #666;}
.ly-txt p {font-size: 16px;line-height: 1;color: #555;}
.ly-txt p span {font-size: 26px;font-weight: bold; color: #444;}
.ly-right{float:right;width: 48%;}
#mess_main-1{}
#mess_main-1 .mess_list {padding-bottom: 0;border: none;margin-bottom: 15px;}
#mess_main-1 .mess_list .mess_input,#mess_main-1 .mess_list .mess_textarea,#mess_main-1 .mess_list .form-control{width: 100%;}
#mess_main-1 .mess_list .mess_input input { width: 100%;height: 40px;}
#mess_main-1 .mess_submit input[type=button] {width: 100%;background: #006baa;color: #fff;font-size: 16px;line-height: 40px;padding: 0;}
#mess_main-1 .mess_submit input[type=button]:hover{background: #af1e1e;}
.mess_button{margin-top: 25px;}


@media (min-width: 992px) and (max-width: 1200px){
  
  .ly-txt img { margin-left: 120px;margin-bottom: 50px;width: 70%;}
  
  
}
@media (max-width: 992px){
  
  .ly-left > img{width: 80%;}
  .ly-txt img { margin-left: 80px; margin-bottom: 10px;width: 75%;}
  .ly-txt h5{font-size: 15px;}
  .ly-txt p{font-size: 14px;}
  .ly-txt p span{font-size: 20px;}

}
@media (max-width: 767px){
 
  .liuyan {padding: 0 15px 0;}
  .ly-left {float: none; width: 100%; position: relative;margin-bottom: 20px;}
  .ly-right {float: none;width: 100%;}

}



/* 底部样式 */
.f_one{background: #232323;padding: 40px 0 30px;}

.f-dh{float: left;width: 20%;padding-right: 20px;padding-top: 15px;}
.f-dh h3 {text-align: center;font-size: 26px;color: #eee;line-height: 1;}
.f-dh a {display: inline-block; font-size: 14px; line-height: 1;color: #888;margin-top: 20px;padding: 10px 0;border: 1px solid #888;width: 100%;text-align: center;border-radius: 30px;transition: all .6s;}
.f-dh a:hover{background: #5896ce;color: #fff;border-color: #5896ce;}

.f-lxwm {float: left;width: 45%;padding: 0 30px;border-left: 1px solid #666;border-right: 1px solid #666;}
.f-lxwm p { font-size: 15px;line-height: 1.6;color: #888;}

.f-ewm{float: left;width: 35%;padding-left: 15px;}
.f-ewm .ewm-box {float: left;width: 28%;text-align: center;margin: 0 2%;}
.f-ewm .ewm-box img{width: 100%;}
.f-ewm .ewm-box p {font-size: 14px;line-height: 1;color: #aaa;margin-top: 8px;}

.f_two{background: #111;text-align:center;}
.f_two p.copyright {font-size: 15px;line-height: 1;padding: 15px 0;color: #888;}
.f_two p.copyright a:hover{color: #5896ce;}

@media (min-width: 992px) and (max-width: 1200px){
  
}
@media (max-width: 992px){

  .footer{display: block !important;}

  .footer {background: #303030;display: -webkit-box;width: 100%;margin-top: 6px;background-size: 9px 128px;position: fixed;z-index: 110;bottom: 0;left: 0; display:block; line-height:45px;}
.footer a {-webkit-box-flex: 1;display: -webkit-box;color: #fff; display:inline-block; width:32%;font: 100 16px/35px "微软雅黑";height: 35px; line-height:35px; text-align:center;}
.footer a i { padding-right:5px;}
.hr { height:45px;}




}
@media (max-width: 767px){
  
  .f-dh{display: none;}

.f-lxwm { float: none; width: 100%;padding: 0 15px; border: none;margin-bottom: 15px;}
  .f-lxwm p { font-size: 13px; line-height: 1.6; color: #888;}
  .f_one { background: #232323;padding: 20px 0 30px;}
  .f-ewm {float: none; width: 100%;padding: 0 15px;}

.f_two p.copyright a{display: block;margin-top: 5px;}
  
  
 
}


.page-body {margin: 40px auto 50px;}
.page-body .left_menu{padding: 0;float:left;width: 20%;margin-right: 3%;}
.page-body .col-md-9{padding: 0;float:left;width: 75%;}

.crumbs-item {line-height: 1;border-bottom: 3px double #999;overflow: hidden;margin-bottom: 20px;font-size: 16px;color: #333;padding-bottom: 8px;}

.page-content{padding: 0;}

/* 内页左侧样式 */
.page-tit{background: url(../images/tit-bg.jpg)no-repeat center;background-size: 100% auto;text-align:center;padding: 25px 0;}
.page-tit h3 {color: #fff; font-size: 26px;line-height: 1;margin-bottom: 20px;}
.page-tit hr {border-top: 2px solid #eee;width: 20%;margin: 0 auto;}

.page-l-clist ul {padding: 0;}
.page-l-clist li {height: 60px;line-height: 60px;text-align: center;font-size: 16px;border: none;margin-top: 10px;}
.page-l-clist li a{display: block;background: #006baa;color: #fff;}
.page-l-clist li a:hover {display: inline-block;width: 100%;height: 60px;color: #fff;background: #af1e1e;}

.sec-tit { border-bottom: 1px solid #333;height: 40px;line-height: 40px;}
.sec-tit h2{float: none;display: inline-block;border-bottom: 3px solid #000;height: 40px;line-height: 40px;font-size: 20px;font-weight: bold;}
#innercolor{color: #000;}
.sec-marquee-c ul {overflow: hidden;padding: 2% 0;}



/* 内页图片列表样式 */
.page-alist .col-md-4 { padding: 0 8px;margin-bottom: 15px;}
.page-alist .col-md-4 a{display: block;padding: 0;}
.img-inner{width: 290px;height: 220px;padding: 0;border: 1px solid #ddd;overflow: hidden;display: flex;flex-wrap: wrap;align-content: center;}
.img-inner img{width: 100%;min-height: 100%;height: auto;}
.img-inner:hover{}
.page-alist .col-md-4 h5 {overflow: hidden;text-align: center;float: none;font-size: 16px;line-height: 1; height: auto;color: #222;margin-top: 10px;text-overflow: ellipsis;white-space: nowrap;}

.page-alist .col-md-4 a:hover .img-inner{border-color: #006baa}


/* 内页新闻列表 */
.page-alist .page-adate{color: #ffffff;background: #006baa;}
.page-alist .page-adate{width: 70px;height: 66px;}
.page-alist .page-adate h3{font-size: 27px;font-weight: normal;line-height: 1;}
.page-alist .page-adate p {margin-bottom: 0;font-size: 14px;line-height: 1;margin-top: 7px;}

.media-heading {margin-top: 2px;margin-bottom: 5px;font-size: 22px;line-height: 1;letter-spacing: 1px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;color: #444;font-weight: normal;}
.page-alist .page-atit p {color: #888;font-size: 14px;line-height: 1.3;}

.page-alist .page-atit a:hover .media-heading{color: #006baa;}
.page-alist li{padding-top: 0;margin-bottom: 20px;padding-bottom: 20px;}


/* 内页详情 */

.page-con-tit h1 {font-size: 20px;line-height: 1;}

.zoomPad{z-index: 1 !important;}
.product_detail .img {overflow: hidden;}

.page-detail iframe{width: 100% !important;height: 500px !important;}

.page-addr{}


@media (min-width: 992px) and (max-width: 1200px){
  
 
  
  
}
@media (max-width: 992px){
  
  .page-body .col-md-9{float: none;width: 100%;}
  .page-alist .col-md-4 { float: left;width: 50%;}
.img-inner {  width: 100%;height: 280px;
}

}
@media (max-width: 767px){
 
  .crumbs-item{font-size: 13px;}
  
  .page-body {margin: 20px auto 50px;}
  
  
  
  .page-body .col-md-9 {float: none;width: 100%;padding: 0 15px;}
  .page-alist .col-md-4 { padding: 0 5px;  margin-bottom: 15px;float: left;width: 50%;}
  .page-alist .col-md-4 a { padding: 0;}
  .img-inner{height: 150px;}
  .page-alist .col-md-4 h5{font-size: 14px;margin-top: 10px;}
  .page-alist .page-atit p {height: 36px;}
  
  .page-addr iframe{width: 100%;}
  
  .page-content iframe{width: 100% !important;height: 300px !important;}
  
  
  
}