﻿/* CSS Document */
/*banner srat*/
html, body {position: relative; }
.swiper-container {width: 100%;height: 100%;margin-left: auto;  margin-right: auto;  }
.swiper-container1{width: 100%;height: 100%;margin-left: auto;  margin-right: auto;  }
.swiper-slide{ overflow:hidden;text-align: center;font-size: 15px;background: #fff;display: -webkit-box;display: -ms-flexbox;display: -webkit-flex;display: flex;-webkit-box-pack: center; -ms-flex-pack: center;-webkit-justify-content: center;justify-content: center;-webkit-box-align: center;-ms-flex-align: center;-webkit-align-items: center;align-items: center; }
#banner video{position: absolute;left: 0;top: 0;display: table;z-index: 1;object-fit: cover; width:100%; height:100%;}
.sp_bg{ width:100%; height:100%; background:url(../images/01_bg.png) no-repeat; position:absolute; top:0px; left:0px; z-index:2;}
.banner_text{ z-index:999; position:relative;}
#t_right .swiper-pagination-bullet{ width:16px; height:16px; margin:10px 0px; background:#fff; opacity:1;}
#t_right .swiper-pagination-bullet-active{ background:#c82126;}
#about_t video{position: absolute;left: 0;top: 0;display: table;z-index: 1;object-fit: cover; width:100%; height:100%;}

#about_t #t_right .swiper-pagination-bullet{ margin:0px 5px;}
.ry_more{ color:#fff; line-height:40px;}
.ry_more:hover{ text-decoration:underline; color:#fff}

#banner .banner_text div img{transform:translate3d(0px,-500px,0px);transition:all 1s ease 0s; opacity:0;}
#banner.swiper-slide-active .banner_text div img{transform:translate3d(0px,0px,0px);opacity:1;}
#img_1 img{transform:translate3d(0px,-100px,0px);transition:all 1s ease 0s; opacity:0;}
#img_1.swiper-slide-active img{transform:translate3d(0px,0px,0px);opacity:1;}
/**banner end*/
#about{ background:url(../images/jiu_07.jpg) no-repeat center;background-size: cover !important;overflow: hidden;}

.img1_left{ width:30%; height:100%; background:#c82126;}
.img1_right{ width:70%; height:100%; background:url(../images/jiu_03.jpg) no-repeat center;background-size: cover !important;overflow: hidden;}
.img1_left img{ display:block; max-width:100%; height:auto; padding-top:180px;}

.img_1div{ width:545px; height:550px; position:absolute; top:50%; left:12%;  margin-top:-275px;}
#img_1{ width:100%;}
#img_1{ background:url(../images/01.jpg) no-repeat center;background-size: cover !important;overflow: hidden;}

.im_left{ width:35px; float:left; margin-right:10px;}
.im_right{ width:500px; float:right; background:#fff; border:solid 4px #d9d2cc; padding:40px 50px;}
.im_title { text-align:left;color:#75584e;}
.im_title span{ display:block;}
.im_title em{ display:block; font-size:30px; line-height:60px;  }
.im_title i{ display:block; font-size:20px;}
.im_nr{ padding:20px 0px; line-height:26px;}
.im_nr span{ display:block; text-align:left;}
.lj_more{ display:block; color:#644940; padding-top:20px; text-align:left;}
.lj_more:hover{ color:#c82126;}


#about img{transform:translate3d(0px,-100px,0px);transition:all 1s ease 0s; opacity:0;}
#about.swiper-slide-active img{transform:translate3d(0px,0px,0px);opacity:1;}
.about_div{ max-width:1300px; width:100%; margin:0px auto;}
.ab_title{ width:100%; position:relative;}
.ab_divv ul li{ width:19%; margin:0px 3%; float:left; position:relative; bottom:0px;transition: all 0.5s ease 0s; -moz-transition: all 0.5s ease 0s; -webkit-transition: all 0.5s ease 0s;}
.abdiv_text{ border-left:solid #ececec 1px; padding-top:10px; width:95%; margin-left:5%; text-align:left; padding-left:20px; clear:both;}
.abdiv_text span{ display:block; font-size:18px; color:#c1bcb5;}
.abdiv_text em{ display:block; line-height:30px; font-size:18px; color:#866558;}
.abdiv_img img{ width:100%; height:auto; display:block;}
.abdiv_img { overflow:hidden;}
.ab_title img{ margin:0px;float: left; width:500px; height:auto;}

.ab_divv{ clear:both; padding-top:10px;}


.ab_divv ul li:nth-child(even){ padding-top:50px;}
.ab_more{ width:130px; height:35px; background:#fff; line-height:35px; text-align:center; display:block; color:#333; position:absolute; right:0px; top:80px;transition: all 0.5s ease 0s; -moz-transition: all 0.5s ease 0s; -webkit-transition: all 0.5s ease 0s;}
.ab_more:hover{ background:#c82126; color:#fff;}

#zhuan_q{ background:#c82126;}

.wrapting {width:100%;height:100%;}
.wrapting section {width:calc(100% / 7);height:100%;float:left;transition-duration:0.5s;position:relative;}
.wrapting section::before {content:"";position:absolute;width:100%;height:100%;background:linear-gradient(rgba(0,0,0,0),transparent);opacity:1;transition:0.3s; left:0px; top:0px;}
.wrapting section.sec01 {background:url("../images/800.jpg");transform:translate3d(-100px,0px,0px);transition:all 1s ease 0.6s; opacity:0;}
.wrapting section.sec02 {background:url("../images/8001.jpg");transform:translate3d(-200px,0px,0px);transition:all 1s ease 0.4s; opacity:0;}
.wrapting section.sec03 {background:url("../images/8002.jpg");transform:translate3d(-300px,0px,0px);transition:all 1s ease 0.2s; opacity:0;}
.wrapting section.sec04 {background:url("../images/8003.jpg");transform:translate3d(0px,200px,0px);transition:all 1s ease 0s; opacity:0;}
.wrapting section.sec05 {background:url("../images/8004.jpg");transform:translate3d(300px,0px,0px);transition:all 1s ease 0.2s; opacity:0;}
.wrapting section.sec06 {background:url("../images/8005.jpg");transform:translate3d(200px,0px,0px);transition:all 1s ease 0.4s; opacity:0;}
.wrapting section.sec07 {background:url("../images/8006.jpg");transform:translate3d(100px,0px,0px);transition:all 1s ease 0.6s; opacity:0;}
#zhuan_q.swiper-slide-active .wrapting section{transform:translate3d(0px,0px,0px);opacity:1;}

.pic_div ul li{ width:32.33%; float:left; margin:0px 0.5%; margin-bottom:5px; overflow:hidden;}
.pic_div ul li img{ display:block; margin:0px auto; width:100%; height:auto;}
.pic_div ul li i{ display:block; overflow:hidden;}
.wrapting section.sec01,.wrapting section.sec02,.wrapting section.sec03,.wrapting section.sec04,.wrapting section.sec05,.wrapting section.sec06,.wrapting section.sec07 {background-repeat:no-repeat;background-position:50% 50%;background-size:cover;}
.wrapting:hover section:hover {width:40%;-webkit-filter:grayscale(0%);filter:grayscale(0%);}
.wrapting:hover section:hover::before {opacity:0;}
.wrapting:hover section:not(:hover) {width:10%;}
.wrapting section:nth-child(even){ margin-bottom:10%; height:90%;}
.pic_div{ margin-top:10px !important;}
.pic_div ul{ overflow:hidden; padding-bottom:20px;}
.pic_div ul li span{ display:block; line-height:36px; text-align:center; font-size:16px; }

.pic_div ul li img{
   transition:all .4s ease-in-out 0s;
  -webkit-transition:all .4s ease-in-out 0s;
   -moz-transition:all .4s ease-in-out 0s;
  -ms-transition:all .4s ease-in-out 0s;
  -o-transition:all .4s ease-in-out 0s;
}
.pic_div ul li:hover img{transform: scale(1.1);-webkit-transform: scale(1.1);-moz-transform: scale(1.1);-o-transform: scale(1.1);}


.wrapting section:nth-child(odd){ margin-top:7%; height:93%;}
.s_div{ opacity:0;}
.wrapting:hover section:hover .s_div{color:#fff; opacity:1;}
.wrapting:hover section:hover .s_div span{ font-size:24px; color:#fff;}
.s_div span em{ display:block; width:30px; height:2px; background:#fff; margin-top:15px;}
.wrapting section{display: table;    table-layout: fixed;  }
.s_div {    display: table-cell;    vertical-align: middle;    width: 100%;    height: 100%;}

#zhuan_q{ position:relative;}
#zhuan_q .ab_more{ width:130px; height:35px; top:inherit; background:#fff; line-height:35px; text-align:center; display:block; color:#333; position:absolute; right:60px; bottom:80px;transition: all 0.5s ease 0s; -moz-transition: all 0.5s ease 0s; -webkit-transition: all 0.5s ease 0s;}
#zhuan_q .ab_more:hover{ background:#c82126; color:#fff;}


#zhuan_q img{transform:translate3d(0px,-100px,0px);transition:all 1s ease 0s; opacity:0;}
#zhuan_q.swiper-slide-active img{transform:translate3d(0px,0px,0px);opacity:1;}

#news{ background:#000;}

#news{ width:100%;}
.news_title{ width:100%;}
.news_div{ width:100%; padding-top:20px; padding-bottom:20px;}
.as_div{ padding-top:20px;  overflow:hidden;}
.xxk_bottom{height:399px; overflow:hidden;}



.as{ display:none;}
.new_ultab ul li{ padding:0px 0px; cursor:pointer; line-height:35px; margin:0px 15px; display:inline-block; font-size:17px; color:#937c74;}
.new_ultab{ text-align:center; }
.new_ultab ul li.news_cli{ color:#d8d2b8; border-bottom:solid 3px #d8d2b8;}

.ax_left{ width:49%; float:left; text-align:left;}
.ax_right{ width:49%; float:right; text-align:left;}
.as_top span{ color:#cfc7af; font-size:22px; display:block;}
.as_top span b{ display:block; width:40px; height:1px; background:#573c31; margin:20px 0px;}
.as_top h3{color:#cfc7af; font-size:24px; display:block; line-height:40px; font-weight:normal;}
.as_top em{ color:#8e7c72; line-height:24px;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;}
.as_top{ padding-bottom:20px; border-bottom:solid 1px #573c31;}
.news_title img{ width:700px; height:auto;}
.as_bottom{ padding-top:30px; }
.as_bottom img{ width:100%; height:auto; display:block;}
.nes{    max-width: 1300px;    width: 100%;    margin: 0px auto;}
.ab_divv ul li:hover{ bottom:10px;}
.nesw_ppp{ position:absolute; top:60px; right:20px;}

#news img{transform:translate3d(0px,-100px,0px);transition:all 1s ease 0s; opacity:0;}
#news.swiper-slide-active img{transform:translate3d(0px,0px,0px);opacity:1;}

.ixwm{ width:100%; height:100%;}
.wm_top{ width:100%; height:80%; background:url(../images/jiu_035.jpg) no-repeat center;background-size: cover !important;overflow: hidden;}
.wm_bottom{ width:100%; position:absolute; bottom:0px; padding-bottom:10px;}


.wm_top{display: table; table-layout: fixed;}
.ixwm_div{  display: table-cell;   vertical-align: middle;   height:100%;}
.wmtop_tit{ max-width: 1300px;    width: 100%;    margin: 0px auto; text-align:left; color:#fff;}
.wmtop_tit span{ display:block; font-size:24px; line-height:40px;}
.wmtop_tit em{ color:#fff; font-size:18px; display:block; line-height:30px;}

.wmbottom_div{ max-width: 1300px;    width: 100%;    margin: 0px auto; overflow:hidden; padding-top:40px;}

.wmbottom_div input{ width:27%; height:35px; border:solid 1px #ececec; background:#fff; float:left; padding:5px 10px;}

.wmbottom_div input.free_inp_btn{ background:#f3a314; color:#fff; border:solid 1px #f3a314; width:19%;}


.wm_bottom{ background:#171717;}
.wm_litop{ max-width:1300px; margin:0px auto; overflow:hidden; color:#fff; padding:50px 0px; padding-bottom:20px;}

.wmtop_left{ width:30%; float:left; text-align:left; border-left: solid 3px #cf000e; padding-left:30px;}
.wmtop_cen{ width:40%; float:left; text-align:left;}
.wmtop_right{ width:30%; float:right;}

.wmtop_left span{ display:block; font-size:24px;}
.wmtop_left em{ display:block; line-height:40px; color:#cf000e; font-size:30px;}
.wmtop_cen span{ line-height:35px;}

.wmtop_right ul li{ width:50%; float:left; text-align:center;}
.wmtop_right ul li span{ display:block; text-align:center;}

.wm_licen{ max-width: 1300px;    width: 100%;    margin: 0px auto; color:#EBEBEB; text-align:left; padding-top:20px; border-top:solid 1px #ececec; }
.wm_libot{ max-width: 1300px;    width: 100%;    margin: 0px auto; color:#EBEBEB; text-align:center; padding-top:10px; }
.wm_libot a{ text-align:right; float:right; color:#fff;}

.wm_top{transform:translate3d(0px,-100px,0px);transition:all 1s ease 0s; opacity:0;}
.wm_bottom{transform:translate3d(0px,100px,0px);transition:all 1s ease 0s; opacity:0;}
#lx_wm.swiper-slide-active .wm_top,#lx_wm.swiper-slide-active .wm_bottom{ transform:translate3d(0px,0px,0px);opacity:1;}

.wmbottom_div input.free_inp_btn{ cursor:pointer;}
.logo{ position:absolute; top:0px; left:30px; z-index:9999;}

.ab_title span{ display:none;}
.news_title span{ display:none;}

.swiper-container-vertical>.swiper-pagination-bullets{ right:inherit; left:10px;}
.xf_ed{    position: fixed; top:50%; margin-top:-112px;    right:2px; cursor:pointer; width:45px; z-index:9999;}
.dianh_1{ width:45px; height:45px; background:#8c8c8c; color:#fff ; line-height:45px; text-align:center; position:relative; margin-bottom:3px; border-radius:3px;transition: all 0.5s ease 0s; -moz-transition: all 0.5s ease 0s; -webkit-transition: all 0.5s ease 0s;}
.dianh_1 i{ font-size:30px; color:#fff;}

.qq_1{ width:45px; height:45px; background:#8c8c8c;color:#fff;  line-height:45px;  text-align:center; margin-bottom:3px; border-radius:3px;transition: all 0.5s ease 0s; -moz-transition: all 0.5s ease 0s; -webkit-transition: all 0.5s ease 0s;}
.qq_1 i{ font-size:30px; color:#fff;}
.qq_1 span{ display:block  ; width:140px ; position:absolute; right:-600px; background:#cf000e;transition: all 0.5s ease 0s; -moz-transition: all 0.5s ease 0s; -webkit-transition: all 0.5s ease 0s; color:#fff;}
.qq_1:hover span{ right:45px ;}


.weixin_1{ width:45px; height:45px; background:#8c8c8c; color:#fff; line-height:45px;  text-align:center; margin-bottom:3px; border-radius:3px;transition: all 0.5s ease 0s; -moz-transition: all 0.5s ease 0s; -webkit-transition: all 0.5s ease 0s;}
.weixin_1 i{ font-size:30px;}
.dianh_1 span{ display:block  ; width:140px ; position:absolute; right:-600px; background:#cf000e;transition: all 0.5s ease 0s; -moz-transition: all 0.5s ease 0s; -webkit-transition: all 0.5s ease 0s; color:#fff;}

.dianh_1:hover span{ right:45px ;}


.weixin_1 span{ display:block  ; width:100px ; position:absolute; right:-600px; background:#8c8c8c;transition: all 0.5s ease 0s; -moz-transition: all 0.5s ease 0s; -webkit-transition: all 0.5s ease 0s; margin-bottom:3px; border-radius:3px;}
.weixin_1 span img{ width:100px; height:100px;}
.weixin_1:hover span{ right:45px;}

.dianh_1:hover,.qq_1:hover,.weixin_1:hover{ background:#cf000e; color:#fff;}
.xf_left{ width:49px; height:102px; position:absolute; z-index:999; bottom:100px; left:3px;}
.xf_left ul li{ width:49px; margin-bottom:2px; height:49px; font-size:18px; text-align:center; background:#cf000e; color:#fff; border-radius:0px 4px 4px 0px;transition: all 0.5s ease 0s; -moz-transition: all 0.5s ease 0s; -webkit-transition: all 0.5s ease 0s;}
.xf_left ul li a{ color:#fff;}

.xf_left ul li:hover{ background:#fff; color:#cf000e;}
.xf_left ul li:hover a{ color:#cf000e;}

.nk-wrap{ margin-top:65px;}

.nav_we{ max-width:1400px; margin:0px auto;}
.nk-wrap{  margin-top:65px; padding:30px 0px; background:#f4ebe1;}

.div_wh{ overflow:hidden;max-width:1400px; margin:0px auto;}

.cp_divvv .swiper-slide{ padding:30px 0px;position:relative; bottom:0px; margin:0px;transition: all 0.5s ease 0s; -moz-transition: all 0.5s ease 0s; -webkit-transition: all 0.5s ease 0s; background:none; position:relative; height:474px;}

.cp_divvv .swiper-button-next{ right:0px;}
.cp_divvv .swiper-button-prev{ left:0px;}

.cp_divvv .swiper-button-prev{ background-image:url(../images/t6.png);}

.cp_divvv .swiper-button-next{  background-image:url(../images/t7.png);}

.cp_divvv .swiper-slide:hover{ background:#cf000e;}
.cp_divvv .swiper-slide:hover .abdiv_text em{ color:#fff;}
.cp_divvv .swiper-slide:hover .abdiv_text span{ color:#fff;}

.cp_divvv .abdiv_text{border-left: solid #bfb9b1 1px;}

.ljgm{ display:none; color:#fff; position:absolute; bottom:10px; width:100%; text-align:center; left:0px;}
.ljgm span{ display:block;}
.ljgm i{ display:block; padding-top:5px;}
.cp_divvv .swiper-slide:hover .ljgm{ display:block;}
.cp_divvv .swiper-slide:hover{}
.cp_divvv .swiper-slide:hover .abdiv_text{ position:absolute; top:0px; left:0px;}

.wm_bottomxq{ background:#171717;}
.wm_bottomxq .wm_libot{ padding-bottom:15px;}


.nk-wrap2{ background:#fff;}
.cp_bleft{ width:30%; float:left;}
.cp_bright{ width:65%; float:right; overflow:hidden; position:relative;}
.cp_ttitle{ width:204px; height:201px; background:url(../images/t8.png) no-repeat; padding-top:70px;}
.cp_ttitle span{ font-size:18px; color:#636363; display:block;}
.cp_ttitle em{ font-size:24px; color:#000; display:block;}

.cp_boyt span{ background:#cf000e; width:140px; height:50px; line-height:50px; text-align:center; color:#fff; font-size:20px; border-radius:50px; display:block; margin-top:50px; margin-bottom:30px;}
.cp_divvv{ overflow:hidden;}
.cp_boyt em img{ display:block; margin:0px auto;}

.cp_bright .swiper-slide img{ width:100%; height:auto; display:block;}
.cp_bright .swiper-button-prev{ background-image:url(../images/t6.png);}

.cp_bright .swiper-button-next{  background-image:url(../images/t7.png);}

.cp_bright .swiper-pagination-bullet{ width:30px; height:6px; border-radius:3px; background:#fff;}
.swiper-container2{ position:relative;}

.cp_enxq{ margin-top:30px;}
.cp_enxq p{ line-height:30px; font-size:15px;}

.sxp{ margin-top:50px; padding-top:20px; border-top:solid 1px #ececec;}
.sxp ul li{ width:33.33%; float:left; font-size:16px;}
.sxp ul li.shang_yp{ text-align:left;}
.sxp ul li.fh_yp{ text-align:center;}
.sxp ul li.xia_yp{ text-align:right;}
.sxp ul li a:hover{ color:#cf000e;}


.about_poi{     margin-top: 465px;    overflow: hidden; background:#fff;position: relative;    box-shadow: 0 -2px 5px rgba(0, 0, 0, .1);
    z-index: 1;}
.brand-one{ max-width:1300px; margin:0px auto; padding-bottom:30px;}



.tiop img{ display:block; margin:0px auto;}
.b1_left{ width:60%; float:left; padding:50px; line-height:30px; font-size:16px;}
.b1_right{ width:40%; float:right;}
.container{ overflow:hidden;}
.brand-two{  background: url(../image/brand3.png) no-repeat;  height: 460px;    background-position: center;  background-size: cover;}

.brand-three{ max-width:1300px; padding:40px 0px; margin:0px auto;}
.two_left{ width:50%; float:left;}
.two_right{ width:50%; float:right; padding-top:40px;}
.two_left img{ max-width:100%; height:auto; display:block;}
.two_right h2{ font-size:20px;}
.two_right .count{ font-size:50px; display:block; font-weight:normal; padding:15px 0px;}
.two_right h3{ font-size:20px; line-height:30px; padding:20px 0px; padding-top:0px; font-weight:normal;}

.two_right p{ color:#888; font-size:16px; line-height:26px;}

.brand-four {    background: #baad98;}

.four_ddd{ max-width:1300px; margin:0px auto; padding:40px 0px; color:#fff; overflow:hidden;}
.brand-four h2{ font-weight:normal; font-size:30px;}
.four_left{ width:30%; float:left;}
.four_right{ width:65%; float:right;}

.four_right p{ font-size:16px; line-height:24px;}

.ryzz img{ display:block; margin:0px auto;}
.brand-x { max-width:1300px; margin:0px auto;}

.brand-five{ padding:50px 0px; text-align:center;}

.brand-five h2{ padding:20px 0px; font-weight:normal; font-size:22px;}
.nk-banner{ position: fixed; top: 65px; left: 0; display: flex; flex-flow: column wrap; justify-content: center; align-items: center; width: 100%; height: 400px; z-index: 0; }
.nk-banner .font{ width: 600px; padding-bottom: 10px; margin: auto; background: rgba(255, 255, 247, .3); border: 1px solid rgba(0, 157, 124, .2); outline: 10px solid rgba(255, 255, 255, .5) }
.nk-banner .title{ text-align: center; padding: 30px 0 10px 0; }
.nk-banner .title .cn{ font-size: 28px; line-height: 30px; color: #fff;}
.nk-banner .title .en{ font-size: 16px; line-height: 24px; color: #fff;}
.nk-banner .title .ico{ width: 60px; height: 30px; margin: auto; background: url('../images/lang.png') center center no-repeat; background-size: 50% auto; }
.nk-banner .description{ padding: 0 50px 20px; line-height: 25px; text-align: center; font-size: 16px; letter-spacing:1px; color: #666; }

.newsting_left{ width:50%; float:left;}
.newsting_right{ width:50%; float:right;}
.news_ting{ max-width:1200px; margin:0px auto;}

.newsting_left img{ width:100%; height:auto;}
.news-top-right{ padding:40px 20px;}
.news-top-right em{ color:#333; display:block; font-weight:normal; font-size:16px;}
.news-top-right h2{ color:#333; display:block; font-weight:normal; font-size:20px; padding:3px 0px;overflow: hidden;text-overflow:ellipsis;white-space: nowrap; padding-top:60px;}
.news-top-right p{ padding-top:20px; height:96px; overflow:hidden;}
.news-more{width: 127px;     height: 31px;    line-height: 31px;    border: 1px solid black;    background: white;    text-align: center;    display: block;    font-size: 14px;    color: rgb(51, 51, 51);    margin-top:30px;}

.news-top{ overflow:hidden; padding-top:20px;}

.news-list{ padding:20px 0px;}
.news_listleft{ width:15%; float:left; text-align:center; padding-top:50px;}
.news_listcenter{ width:60%; float:left;}
.news_listright{ width:20%; float:right;}

.news_listright img{ max-width:100%; height:auto; display:block;}

.news-item{ padding:20px; overflow:hidden; background:#fff;}

.news_bg{ background:#f7f7f7;}


.news-content{ background:#fff; padding:40px; margin-top:40px; padding-bottom:0px; margin-bottom:40px;}
.li_center{ margin:0px auto; overflow:hidden; padding:30px 20px; position:relative; background:#fff; margin-bottom:10px;}
.pic_li{ width:356px; float:left; position:relative; left:0px;transition: all 0.6s ease 0s; -moz-transition: all 0.6s ease 0s; -webkit-transition: all 0.6s ease 0s;}
.text_li{ width:750px; float:left;}
.pic_li span{ color:#494949;font-size:26px; width:80px; float:left; margin-top:40px;}
.pic_li em{ font-size:16px; display:block;}
.pic_li img{ width:256px; height:158px; float:right;}
.text_li{ padding:30px;}
.text_li span{ font-size:16px; color:#494949; display:block; line-height:34px;}
.text_li em{ font-size:14px; color:#969191; line-height:24px; height:43px; display:block; overflow:hidden;}
.more_li{ position:absolute; top:50%; right:20px; margin-top:-20px; border-radius:50%; width:40px; height:40px; text-align:center; line-height:40px; background:#fff;transition: all 0.6s ease 0s; -moz-transition: all 0.6s ease 0s; -webkit-transition: all 0.6s ease 0s;}
.more_li i{ color:#575757; font-size:16px;}
.news_li:hover{ background:#F7F7F7;}
.news_li:hover .pic_li span,.news_li:hover .text_li span{ color:#1175a4;}
.news_li:hover .more_li{ background:#f5f5f5;}
.news_li:hover .more_li i{ color:#1175a4;}
.news_detaxq .case_title em{    border: solid 7px #f8f7f7;}

.li_center:hover .pic_li{ left:10px;}
.text_li span{ color:#cf000e;}
.li_center:hover .more_li{ background:#cf000e;}
.li_center:hover .more_li i{ color:#fff;}

.news-more:hover{ background:#cf000e; color:#fff;}

#page{ color:#292929; width:100%; overflow:hidden;}
#page ul{ overflow:hidden; text-align:center; width:100%; margin:20px auto; position: static !important;}
#page ul li{ display:inline-block; width: auto;padding: 10px 0px;}
#page ul li a{ color:#292929; padding:5px 13px;border:solid 1px #CCC;}
#page ul li.active a{ color:#fff; background:#cf000e; border:solid 1px #cf000e;}
#page ul li:hover a{ color:#fff; background:#cf000e; border:solid 1px #cf000e;}


.news-hd{ border-bottom:solid 1px #ececec; padding-bottom:20px;}
.news-hd h1{ text-align:center; font-weight:normal;}
.news-hd p{ text-align:center; padding-top:10px;}
.news-bd{ padding:20px 0px;}
.news-bd p{ line-height:24px; font-size:15px;}
.news-bd p img{ max-width:100%; height:auto; display:block; margin:10px auto;}
.sxpp ul{ overflow:hidden;}
.sxpp ul li{ width:50%; float:left; text-align:center; line-height:50px; }
.sxpp ul li:hover{ background:#baad98}
.sxpp ul li a{ display:block; color:#444;}
.sxpp ul li:hover a{ color:#fff;}

.jiam_div{margin-top:20px;}
.jia_1 img{ display:block; margin:0px auto;}



.list-bread{ padding: 20px 0; margin:0px auto; margin-bottom: 30px; border-bottom: 1px solid #eee; text-align: left; font-size: 0; max-width:1300px;  }
.list-bread span,
.list-bread a{ display: inline-block; font-size: 14px; }
.list-bread span:first-child{ color: #999; }
.list-bread span:last-child{ color: #cf000e; }
.list-bread a{ color: #222; }
.list-bread a:after{ content:'/'; display: inline-block; padding: 0 .5em; color: #ccc }

.jia_1{ padding:40px 0px; max-width:1300px; margin:0px auto; }


.jia_2{ background: #baad98; padding:50px 0px;}
.jia2_div{ max-width:1300px; margin:0px auto;}
.jia_title { color:#fff; text-align:center;}
.jia_title span{ font-size:30px; display:block;}
.jia_title em{ display:block; font-size:22px; padding:10px 0px;}
.jia2_xq{ padding:30px 0px; padding-top:50px;}
.jia2_xq ul li{ width:25%; color:#fff; padding:0px 40px; float:left; text-align:center;}
.jia2_xq ul li span{ font-size:20px; padding:10px 0px; display:block;}
.jia2_xq ul{ overflow:hidden;}
.jia2_xq ul li i{ font-size:60px;}
.jia2_xq ul li em{ padding-top:5px;}

.jia_3{ background:#f7f7f7; padding:30px 0px;}
.jia3_div{ max-width:1300px; margin:0px auto;}
.jia3_div ul li{ text-align:center; font-size:30px; width:40%; color:#fff; margin:0px 5%; float:left; padding:15px 0px;transition: all 0.5s ease 0s; -moz-transition: all 0.5s ease 0s; -webkit-transition: all 0.5s ease 0s;}
.jia3_div ul li i{ font-size:30px; padding-right:18px;}
.jia3_div ul { overflow:hidden;}

.jia3_div ul li { background:#baad98;}
.jia3_div ul li a{ color:#fff; display:block;}
.jia3_div ul li:hover{ background:#776c5b;}


.list-contact{ width: 1200px; padding-bottom: 30px; margin: 0 auto 20px auto; text-align: center; font-size: 0; border-bottom: 1px dotted rgba(0, 157, 124, .2); }
.list-contact li{ display: inline-block; width: 30%; }
.list-contact li a{ display: block; width: 100%; height: 100%; }
.list-contact li i{ display: block; font-size: 48px; line-height: 90px; color: #999; }
.list-contact li .name{ font-size: 20px; line-height: 40px; color: #222; }
.list-contact li .info{ font-size: 16px; line-height: 30px;  color: #999; }

.info-contact{ width: 1200px; padding-bottom: 50px; margin: auto; text-align: center; font-size: 0;}
.info-contact li{ display: inline-block; width: 50%; padding: 0 40px; text-align: left; }
.info-contact li h1{ font-size: 20px; line-height: 2.75; }
.info-contact li h5{ font-size: 14px; line-height: 30px; font-weight:normal; }
.info-contact li h2{ font-size: 16px; font-weight: bold; line-height: 30px; }


.content{ padding:30px 0px;}


@media (min-width:1200px) {
.nav{ width:70%; float:right;}
.logo{ position:absolute; top:0px; left:30px; z-index:9999;}
.nav_ul ul li{ display:inline-block; line-height:80px; padding:0px 15px;}
.nav_ul{ text-align:center;}
.nav_ul ul li a{ color:#fff; font-size:15px;}
.nav_ul ul li a:hover{ color:#cf000e;}

.header_tt .dic_nav{ width:880px; float:right;}
.header_tt .dic_nav ul li{ display:inline-block; float:left;}

.header_tt{ width:100%; height:65px; background:#000;    box-shadow: 0 2px 5px rgba(0, 0, 0, .1); padding:0px 30px; top:0px; position:fixed; z-index:9999;}
.header_tt .nav_xq{ height:65px;}
.header_tt .nav_button{ display:none }
.header_tt .nav_xq ol{ display:block; padding:0px; height:65px; line-height:65px; margin:0px;}
.header_tt .nav_xq ol li{ display:inline-block; font-size:16px; }
.header_tt .nav_xq ol li a{ padding:0px 20px; color:#fff; display:block;}
.header_tt .nav_xq ol li:hover{ background:#fff;}
.header_tt .nav_xq ol li:hover a{ color:#cf000e;}

.header_tt .nav_xq ol li.cli{ background:#fff;}
.header_tt .nav_xq ol li.cli a{ color:#cf000e; display:block;}


}
@media (max-width:1400px) {
.about_div{ max-width:1000px;}
.ab_title img{ width:360px;}
.logo img{ width:100px; height:auto;}
#banner.swiper-slide-active .banner_text div img{ width:750px; height:auto;}
.im_title span img{ width:280px; height:auto; display:block; margin:0px;}
.im_right{ padding:30px;}
.im_title em{ font-size:24px; line-height:50px;}
.im_nr{ padding:10px 0px; line-height:20px;}
.img_1div{ height:410px; margin-top:-210px;}
.news_title img{ width:500px;}
.as_top span b{ margin:10px 0px;}
.as_top h3{ font-size:18px; line-height:30px;}
.as_bottom{ padding-top:0px;}
.xxk_bottom{ height:280px;}
.nesw_ppp img{ width:150px; height:auto;}

.div_wh{ padding:0px 15px;}
}

@media (max-width:1300px) {
.about_div{ padding:0px 15px;}
.nes{ padding:0px 15px;}
.wmtop_tit,.wmbottom_div{ padding:0px 15px;}
.wm_bottom{ padding:0px 15px;}
.brand-x{ padding:30px 15px;}

.list-bread{ padding:20px 15px;}
.jia_1{ padding:20px 10px;}
.jia_1 img{ max-width:100%; height:auto; display:block;}

}
@media (max-width:1200px) {
.news_list{ padding:0px 15px;}
.newlist_rg { width: 600px;}
.header_tt .nav_xq ol {
    display: none;
}
.nav .nav_ul{top: -100%;bottom: 0; left: 0; right: 0; background:url(../images/jiu_035.jpg) top center no-repeat; height: 100%; z-index: 9; display:block; position:fixed;transition: all 1s ease 0s; -moz-transition: all 1s ease 0s; -webkit-transition: all 1s ease 0s; width:100%;background-size: cover !important;overflow: hidden;}
.nav_t .nav_ul{top: 0;transition: all 1s ease 0s; -moz-transition: all 1s ease 0s; -webkit-transition: all 1s ease 0s;}
.nav.nav_t .nav_button{ background:#fff}
.nav.nav_t .nav_button span{ background:#903034;}

.nav .nav_button{background: transparent; border: none; display: block;  background:#cf000e; height: 50px; position: fixed; top: 20px; right: 30px; width: 50px; border-radius:50%; z-index: 9999;}
.nav .nav_button span{height: 2px;  left: 0; position: absolute; width: 100%; background:#fff;}
.nav .nav_button span.hamb-top{ top:0px; opacity:1;transition: all 0.5s ease 0s; -moz-transition: all 0.5s ease 0s; -webkit-transition: all 0.5s ease 0s;}
.nav .nav_button span.hamb-middle{ top:9px;opacity:1;}
.nav .nav_button span.hamb-bottom{ top:18px;opacity:1;transition: all 0.5s ease 0s; -moz-transition: all 0.5s ease 0s; -webkit-transition: all 0.5s ease 0s;}

.nav .nav_ul{    display: table;   table-layout: fixed;}
.nav .nav_ul ul{    display: table-cell;   vertical-align: middle;    width: 100%;    height: 100%;}



.nav .nav_ul{}
.nav .nav_ul li{ text-align:center; font-size:30px; position:relative; width:100%; float:none; line-height:60px; height:60px; }
.nav .nav_ul li em{ display:none;}
.nav .nav_ul li.cli a i, .nav .nav_ul li:hover a i{ display:none;}
.nav .nav_ul li a{ display:block; border-bottom:solid 1px #7e7e7e; color:#fff; position:relative; z-index:2; width:100%; margin:0px auto; border-bottom:none;}
.nav .nav_ul li a:hover{}
.nav .nav_ul li:before{background:rgba(255, 255, 255, 0.5);content:'';height:100%;left:0;position:absolute;top:0;-webkit-transition:width 0.2s ease-in;transition:width 0.2s ease-in;width:3px; z-index:1;}
.nav .nav_ul li:hover:before {-webkit-transition:width 0.2s ease-in;transition:width 0.2s ease-in;width:100%;}
.nav .clost span.hamb-top{ top:10px; opacity:0.7;transform:rotate(90deg);-ms-transform:rotate(7deg);/*IE9*/-moz-transform:rotate(7deg);/*Firefox*/-webkit-transform:rotate(45deg);/*Safari&#229;’&#338;Chrome*/-o-transform:rotate(90deg); }
.nav .clost span.hamb-middle{ display:none;}
.nav .clost span.hamb-bottom{ top:10px; opacity:0.7; transform:rotate(7deg);-ms-transform:rotate(7deg);	/* IE 9 */-moz-transform:rotate(7deg); 	/* Firefox */-webkit-transform:rotate(-45deg); /* Safari &#229;’&#338; Chrome */-o-transform:rotate(7deg); }




.nav_xq{ width:100%; margin:0px auto;padding:0px;}
.nav_xq .nav_button{background: transparent; border: none; display: block;  margin-left: 15px; position: fixed; width: 110px; z-index: 9999; right:10px; top:10px;}
.nav_xq .nav_button span{height: 2px;  left: 0; position: absolute; width: 100%; background:#fff;}
.nav_xq .nav_button span.hamb-top{ top:0px; opacity:1;transition: all 0.5s ease 0s; -moz-transition: all 0.5s ease 0s; -webkit-transition: all 0.5s ease 0s;}
.nav_xq .nav_button span.hamb-middle{ top:8px;opacity:1;}
.nav_xq .nav_button span.hamb-bottom{ top:16px;opacity:1;transition: all 0.5s ease 0s; -moz-transition: all 0.5s ease 0s; -webkit-transition: all 0.5s ease 0s;}
.nav_xq ul{  position:fixed; top:0px; width:360px; height:100%; right:-800px;text-align:center; z-index:999;background:url(../images/menu_bg.jpg) top center no-repeat;transition: all 0.6s ease 0s; -moz-transition: all 0.6s ease 0s; -webkit-transition: all 0.6s ease 0s; background-size: cover !important;    overflow: hidden;  }


.nav_xq ul.li_mei{right:0px;}
.nav_xq ul{}
.dic_nav{  width:100%; height:100%;  display: table;   table-layout: fixed;}
.dic_aidiv{    display: table-cell;   vertical-align: middle;    width: 100%;    height: 100%;}
.nav_xq ul li{ position:relative;}
.nav_xq ul li a{ padding:10px 20px; display:block;  color:#fff; position:relative; z-index:2;}
.nav_xq ul li a:hover{}
.nav_xq ul li:before{background:rgba(232, 176, 18, 0.55);content:'';height:100%;left:0;position:absolute;top:0;-webkit-transition:width 0.2s ease-in;transition:width 0.2s ease-in;width:3px; z-index:1;}
.nav_xq ul li:hover:before {-webkit-transition:width 0.2s ease-in;transition:width 0.2s ease-in;width:100%;}
.nav_xq .clost span.hamb-top{ top:5px; opacity:0.7;transform:rotate(90deg);-ms-transform:rotate(7deg);/*IE9*/-moz-transform:rotate(7deg);/*Firefox*/-webkit-transform:rotate(45deg);/*Safari&#195;￥a€&#8482;&#197;’Chrome*/-o-transform:rotate(90deg); }


.nav_xq .nav_button em{ display:block; text-align:center; width:60px; float:left; font-size:16px;}
.nav_xq .nav_button em b{ display:block; font-size:18px; font-weight:normal; }
.nav_xq .t_bu{ width:40px; position:relative; float:right;    margin-top: 15px;}
.nav_xq .nav_button span{height: 2px;  left: 0; position: absolute; width: 100%; background:#232323;}
.nav_xq .nav_button span.hamb-top{ top:0px; opacity:1;transition: all 0.5s ease 0s; -moz-transition: all 0.5s ease 0s; -webkit-transition: all 0.5s ease 0s; width:30px; margin-left:10px; }
.nav_xq .nav_button span.hamb-middle{ top:9px;opacity:1; width:40px;}
.nav_xq .nav_button span.hamb-bottom{ top:18px;opacity:1;transition: all 0.5s ease 0s; -moz-transition: all 0.5s ease 0s;-webkit-transition: all 0.5s ease 0s; width:30px;margin-left:10px;}
.nav_xq .clost span.hamb-top{ top:10px; opacity:0.7;transform:rotate(90deg);-ms-transform:rotate(7deg);/*IE9*/-moz-transform:rotate(7deg);/*Firefox*/-webkit-transform:rotate(45deg);/*Safari&#195;￥a€&#8482;&#197;’Chrome*/-o-transform:rotate(90deg); }
.nav_xq .clost span.hamb-middle{ display:none;}
.nav_xq .clost span.hamb-bottom{ top:10px; opacity:0.7; transform:rotate(7deg);-ms-transform:rotate(7deg);	/* IE 9 */-moz-transform:rotate(7deg); 	/* Firefox */-webkit-transform:rotate(-45deg); /* Safari &#195;￥a€&#8482;&#197;’ Chrome */-o-transform:rotate(7deg); }


.nav_xq.nav_t .nav_button{ display:block; top:10px; right:0px;}
.nav_xq.nav_t ol{ display:none;}
.nav_xq.nav_t ol{ display:block; width:40%; position:fixed; background:#fffff7; height:100%; right:0px; top:70px; margin:0px; padding:0px; z-index:9999;}
.nav_xq.nav_t ol li{ width:100%; display:block;line-height: 65px; text-align:center; font-size:16px;}


.logo_t{ width:60px;}
.logo_t span img{ display:block; width:100%; height:auto; }

.nk-wrap{ margin-top:0px; padding:80px 0px;}
.header_tt{ background:#fff; box-shadow:0 0 10px #ddd; position:fixed; top:0px; left:0px; z-index:999;}

.news_ting{ padding:0px 15px;}

.pic_li span{ display:none;}
.pic_li{ width:256px;}
.text_li{ padding:30px 17px; width:650px;}

.list-contact,.info-contact{ width:100%;}


}
@media (max-width:1024px) {
.text_li{ padding:30px 17px; width:600px;}
}
@media (max-width:992px) {
.cp_div ul li{ width:49%;}
.t_tit{ padding-top:40px;}
.newlist_le{ width:150px;}
.newlist_rg{ width:500px;}
.news_list ul li{ height:120px; margin-bottom:15px;}
.ry_xq ul li{ height:auto;}
.cp_bright{ width:100%; float:none;}
.cp_bleft{ width:100%; float:none; padding-top:30px;}
.b1_left{ padding:15px;}

.pic_li{ float:none; margin:0px auto;}
.text_li{ float:none; margin:0px auto; width:100%;}
.pic_li img{ float:none;}
.li_center{ padding:20px 0px; border-bottom:solid 1px #ececec;}
.newsting_left{ width:100%; float:none; padding-top:10px;}
.news-top-right{ padding:20px;}
.news-top-right h2{ padding-top:20px;}
.newsting_right{ width:100%; float:none;}

.jia2_xq ul li{ padding:0px 10px;}
.jia_2{ padding:20px 0px;}
.jia2_xq ul li i{ font-size:50px;}
.jia_title span{ font-size:16px;}
.jia_title em{ padding:4px 0px;}
.jia2_xq{ padding:15px 0px;}
.jia2_xq ul li{ width:50%; padding-bottom:10px;}
.jia3_div ul li{ font-size:16px;}
.jia3_div ul li i{ font-size:16px;}

}

@media (max-width:768px) {
.img_1div{ width:100%;}
.im_left{ display:none;}
.im_right{ width:96%; float:none; }
.img_1div{left:0px; margin-left:0px;}
.im_title span img{ width:200px;}
#banner.swiper-slide-active .banner_text div img{ width:400px;}
.im_right{ padding:20px;}
.ab_divv ul li{ width:36%; margin:10px 6%;}
.abdiv_text{ width:100%; margin:0px; padding-top:10px; padding-left:5px;}
.abdiv_text span{ font-size:12px;}
.abdiv_text em{ font-size:14px; line-height:18px;}
.ab_divv ul li:nth-child(even){ padding:0px;}
.ab_title img{ display:none;}

.ab_title span{ display:block; color:#fff; font-size:18px;}
.ab_more{ width:80px; height:30px; line-height:30px; bottom:10px; top:inherit; right:0;}
.news_title span{ display:block;}
.news_title img{ display:none;}
.nesw_ppp{ opacity:0.4;}
.wmtop_left{ display:none;}
.wmtop_cen{ display:none;}
.wmtop_right{ width:100%;}
.wm_licen{ display:none;}
.wm_litop{ padding:20px 0px;}
.sxp{ margin-top:20px;}
.nk-banner .font{ width:80%;}
.nk-banner{ height:260px;}
.about_poi{ margin-top:320px;}
.tiop img{ max-width:100%; height:auto;}
.b1_left{ width:100%; float:none;}
.b1_right,.two_left,.two_right{ width:100%; float:none;}
.two_right{ padding:0px 15px;}
.four_left,.four_right{ width:100%; float:none;}

.info-contact li{ padding:0px 10px;}
.list-contact li i{ font-size:30px; line-height:30px;}
.list-contact li .info{ font-size:14px; line-height:20px;}
.info-contact li{ width:100%; float:none;}
.pic_div ul li{ width:49%;}
}
@media (max-width:420px) {
#banner.swiper-slide-active .banner_text div img{ width:260px;}	
.cp_divvv .swiper-slide{ height:252px;}
}