@charset "utf-8";
/* CSS Document */
* {
    box-sizing: border-box;
    padding: 0;
    margin: 0;
    font-weight: 300;
}

html{ font-family: "微软雅黑";font-size: 62.5%!important; /* 10÷16=62.5% */; margin: 0; padding: 0;}
body{ background-color:#000; color: #8b8161; line-height: 2rem;}
div{ margin:0; padding: 0;}
li{ list-style:none; list-style-position: outside;}
p{ margin:20px 0; color: #8b8161; font-size: 1.4rem;}


a:link {color:#76644a; text-decoration: none;}		/* 未被访问的链接 */
a:visited {color:#76644a;}	/* 已被访问的链接 */
a:hover {color:#d7ba8f;}	/* 鼠标指针移动到链接上 */
a:active {color:#d7ba8f;}	/* 正在被点击的链接 */

.blank{width:100%; float:left; height: 50px;}
.f35I{font-size:3.5rem; font-style: italic; margin-right: 10px; }
.f30{font-size:3rem}
.f26{font-size:2.6rem}
.f18{font-size:1.8rem}
.f16{font-size:1.6rem}

.XS-bg{width:100%; height: auto;}

/*introduction*/
.XS-introduction-bg01{width:100%;height: auto; background: url(../images/XSJT-introduction_bg01.jpg) center top; padding-top: 200px;}
.XS-introduction-bg02{width:100%;height: auto; background: url(../images/XSJT-introduction_bg02.jpg) center top; padding-top: 100px; padding-bottom: 60px;}
.XS-introduction-img01{ width:100%; margin: auto;}
.XS-introduction-img01 img{ width:100%;cursor: pointer;transition: all 0.6s; opacity: 0.8}
.XS-introduction-img01 img:hover{transform: scale(1.01); opacity: 1}

.XS-introduction-bottom{width:1200px; margin: auto;float: inherit;  overflow: auto;}
.XS-ny-left{ width:25%; float: left;text-align: center;}
.XS-ny-right{width:70%; float:right; }
.XS-ny-right li{ width:163px; float: left; margin-right:30px;}
.XS-ny-right li img{width:100%;cursor: pointer;transition: all 0.6s; opacity: 0.8}
.XS-ny-right li img:hover{transform: scale(1.02); opacity: 1}
.XS-ny-title{ color: #fffbc8; background: url(../images/XS-ny-title-bg.png) left bottom no-repeat; padding-bottom: 25px; margin-bottom: 25px;}
.XS-ny-text{ font-size: 1.4rem; }

/*XSJT-speech*/
.XS-speech-left{width:45%; float:left;}
.XS-speech-right{width:45%; float:right; margin-top: -80px;}

/*XSJT-company*/
.XS-company{ width:98%; float: right; }
.XS-company li{ text-align:center; width:174px;height:145px; overflow: hidden; float:left; font-size: 1.4rem; margin-left: 3%;}

/*XSJT-leader*/
.XS-leader{ width:100%; float: right; }
.XS-leader li{ text-align:center; width:366px;height:330px; overflow: hidden; float:left; font-size: 1.4rem; margin-right: 2%;}
.XS-leader li img{width:100%;}

/*XSJT-organization*/
.XS-organization{ width:100%; float: right; }
.XS-organization img{ width:100%;  }

/*XSJT-brand*/
.XS-brand-bg01{width:100%;height: auto; overflow: auto; background: url(../images/XSJT-brand_bg01.jpg) center top; padding-top: 200px; padding-bottom: 150px; overflow-x: hidden;}
.XS-brand-bg02{width:100%;height: auto; background: url(../images/XSJT-introduction_bg02.jpg) center top; padding-top: 100px; padding-bottom: 60px; overflow: auto; overflow-x: hidden;}
.XS-brand-imgbox{ width: 1200px; margin: auto;overflow: auto;}
.XS-brand-img01{ width:960px; float: left; overflow: hidden;}
.XS-brand-img01 img{ width:100%;cursor: pointer;transition: all 0.6s; opacity: 0.8}
.XS-brand-img01 img:hover {transform: scale(1.02); opacity: 1}


.XS-brand-img02{ width:20%; text-align: right;float: right;}
.XS-brand-pp{width:1200px; float: none; margin: auto; }
.XS-brand-pp-left{width:260px; float: left;}
.XS-brand-pp-title-img{ width:228px; float: left;}
.XS-brand-pp-btn{width:200px; float: right; height: 60px; background: #333130; color: #fff2c7; font-size: 1.6rem; text-align: center; line-height: 60px; margin: 5px 0;}
.XS-brand-pp-btn-current{width:200px; float: right; height: 60px; background: #252423; color: #fff2c7; font-size: 1.6rem; text-align: center; line-height: 60px; margin: 5px 0;}
.XS-brand-pp-right{ width:940px; float: left; background:url(../images/XSJT-brand_bg03.jpg) top center; height: 640px;}
.XS-brand-pp-right-content{width:90%; margin: auto; float: none; overflow: auto;  color: #fff;}
.XS-brand-pp-right-content-title{ color: #fffbc8; border-bottom: 1px solid #3a3937; padding-bottom: 25px; margin-bottom: 25px; margin-top: 50px;}
.XS-brand-pp-right-content-text{ font-size: 1.4rem; height: 100px;  padding-right: 0px;}


.scrollbar{margin-left: 0px;float: left;height: 420px;width: 100%;overflow-y: scroll;margin-bottom: 25px; padding-right: 20px;}
.force-overflow{min-height: 450px;}
/*  STYLE 1 */
#style-1::-webkit-scrollbar-track{-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);border-radius: 10px;background-color: #333;}
#style-1::-webkit-scrollbar{width: 8px;}
#style-1::-webkit-scrollbar-thumb{border-radius: 10px;-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);background-color: #555;}
/*  STYLE 2 */
#style-2::-webkit-scrollbar-track{-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);border-radius: 10px;background-color: #333;}
#style-2::-webkit-scrollbar{width: 8px;}
#style-2::-webkit-scrollbar-thumb{border-radius: 10px;-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);background-color: #555;}
/*  STYLE 3 */
#style-3::-webkit-scrollbar-track{-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);border-radius: 10px;background-color: #333;}
#style-3::-webkit-scrollbar{width: 8px;}
#style-3::-webkit-scrollbar-thumb{border-radius: 10px;-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);background-color: #555;}
/*  STYLE 4 */
#style-4::-webkit-scrollbar-track{-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);border-radius: 10px;background-color: #333;}
#style-4::-webkit-scrollbar{width: 8px;}
#style-4::-webkit-scrollbar-thumb{border-radius: 10px;-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);background-color: #555;}


/* brand切换css */

.brandBox{ width:100%; text-align:left;  float: none; overflow: auto;  }
.brandBox .hd{ width:260px; float: left; line-height:30px;padding:10px 10px 0px 0px;  position:relative;  }
.brandBox .hd ul{ float:left;  position:absolute; margin-top:250px; margin-left: 60px;  }
.brandBox .hd ul li{width:200px; background: #333130; color: #fff2c7; font-size: 1.6rem; text-align: center; line-height: 60px; margin: 10px 0;  }
.brandBox .hd ul li.on{width:200px; height:60px;  background:#252423;  }

.brandBox .bd ul{ padding:15px;  zoom:1;  float: left;width:940px; float: left; height: 640px;background:url(../images/XSJT-brand_bg03.jpg) top right ;}






/*XSJT-news*/
.XS-news-bg{width:100%;height: auto; background: url(../images/XSJT-news_bg01.jpg) center top; padding-top: 145px; overflow-x: hidden; }
.XS-news-title{wdith:100%; float: none; text-align: center;}
.XS-news-btnbox{width:700px; float: none; margin:50px auto 0; text-align: center;}
.XS-news-btn{ width:125px; height: 45px; border:solid 1px #927654; line-height: 45px; font-size: 1.4rem; text-align: center; margin:0 2.5%;
display: inline-block;
  vertical-align: middle;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
  overflow: hidden;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: color, background-color;
  transition-property: color, background-color;}

.XS-news-btn:hover, .XS-news-btn:focus, .XS-news-btn:active {
  background-color: #927654;
  color: white;
}

.XS-news-listbox{width:1280px; margin:30px auto 0px; overflow: auto; float: none; line-height:1rem}
.XS-news-list{ width:100%; height: auto; float: left;background-color:rgba(89, 70, 46, 0.7); border: 1px solid rgba(89, 70, 46, 0.7);margin:20px 0}
.XS-news-list:hover{ border:1px solid #d3a368;}
.XS-news-list-img{width:220px; float: left; height: 150px; background:none; text-align: center; padding-top: 10px;}
.XS-news-list-img:hover{ background:#d3a368;}
.XS-news-list2{width:60%; float: left; margin-left: 5%;}
.XS-news-list3{width:120px; float: right;}
.XS-news-list-title{width:100%; float: left; line-height: 2.2rem; margin:20px 0px; height: 22px; overflow: hidden;}
/*.XS-news-list-text{width:100%; float: left;line-height: 2.1rem;color: #b1b1b1; margin-top: 0px; height: 50px; overflow: hidden;}.XS-news-list-text:hover{color:#b1b1b1}*/

.XS-news-list-text {
    width: 100%;
    float: left;
    line-height: 2.1rem;
    color: #b1b1b1;
    margin-top: 0px;
    height: 40px;
    text-overflow: -o-ellipsis-lastline;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    line-clamp: 2;
    -webkit-box-orient: vertical;
}


.XS-news-list-date{width:100%; float: left; text-align: center; margin-top: 35px;color: #8b8161;}.XS-news-list-date:hover{color: #8b8161;}
.XS-news-list-detail{width:100%; float: left; text-align: center; margin-top: 40px;}

.XS-news-detail-btn{ width:70px; height: 38px; border:solid 1px #927654; line-height: 38px; border-radius: 20px; font-size: 1.4rem; text-align: center; margin:0 6%;
display: inline-block;
  vertical-align: middle;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
  overflow: hidden;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: color, background-color;
  transition-property: color, background-color;}

.XS-news-detail-btn:hover, .XS-news-detail-btn:focus, .XS-news-detail-btn:active {
  background-color: #927654;
  color: white;
}


/*XSJT-detail*/
.XS-detail-bg{ width:100%; float: left; background: url(../images/XSJT-detail-bg01.jpg)repeat-y; padding-top: 200px; padding-bottom: 100px;}
.XS-detail-bg2{ width:1024px; padding: 50px; float:none; margin: auto; background: #333130; overflow: auto;}
.XS-detail-title{width:100%; font-size: 2.6rem; text-align: center; color: #fffbc8; border-bottom: 1px solid #3a3937;padding: 10px 0 30px 0; line-height: 2.6rem; margin-bottom: 20px;}
.XS-detail-title-under{width:100%; float: left; font-size: 1.4rem; text-align: center; color: #60573d;margin-bottom: 20px;}
.XS-detail-text{width:100%; float: left; font-size: 1.4rem }
.XS-detail-text img{ }


/*XSJT-honor*/
.XS-honor-bg{width:100%;height: auto; background: url(../images/XSJT-news_bg01.jpg) center top; padding-top: 105px; overflow-x: hidden; }
.XS-honor-img{ width: 1334px; margin:60px auto; float: none; overflow: hidden;}
.XS-honor-img img{ width:100%;cursor: pointer;transition: all 0.6s; opacity: 0.8}
.XS-honor-img img:hover {transform: scale(1.01); opacity: 1}
.XS-honor-title{wdith:100%; float: none; text-align: center;}
.XS-honor-box{width:1600px; float: none; margin:60px auto ; overflow: auto; }
.XS-honor-boxlist{ width:30%; float: left; margin: 0px 1.5%;}
.XS-honor-boxlist img{width:100%; border: 1px solid #ccac78; padding: 5px;-webkit-transition-duration: 0.3s;transition-duration: 0.3s;}
.XS-honor-boxlist img:hover{border: 5px solid #ccac78;opacity: 0.85}
.XS-honor-btn{width:100px; height: 45px; float:none; margin: auto;}
/*XSJT-honor-list*/
.XS-honor-box li{width:30%; float: left; margin:1.5%;}
.XS-honor-box li img{
    position: absolute!important;
    width: auto!important;
    height: 100%!important;
    top: 50%!important;
    left: 50%!important;
    -webkit-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
	border: 1px solid #ccac78; padding: 5px;
	-webkit-transition-duration: 0.3s;transition-duration: 0.3s;
}
.XS-honor-box li img:hover{border: 5px solid #ccac78;opacity: 0.85}
.honor_pic{
    position: relative;
    text-align: center;
    padding-bottom: 75%;
    width: 100%;
    font-size: 0;
    overflow: hidden;
}



/*XSJT-quality*/
.XS-quality-bg01{ width:100%; float: left; background:url(../images/XSJT-quality_bg01.jpg); padding-top: 200px; padding-bottom: 80px;}
.XS-quality{ width:1132px; float: none; margin: auto; overflow: auto;}
.XS-quality-top1{ width:612px; height: 245px; float: left; }
.XS-quality-top2{ width: 420px; height: 411px; float: right; overflow: hidden; }
.XS-quality-top2 img{ width:100%;cursor: pointer;transition: all 0.6s; opacity: 0.8}
.XS-quality-top2 img:hover {transform: scale(1.05); opacity: 1}
.XS-quality-top3{ width:600px;  float: left; overflow: auto }
.XS-quality-title{ width:100%; float: left; color: #c4a273; font-size: 2.6rem; margin-top: 20px;}
.XS-quality-text{ width:100%; float: left; font-size: 1.4rem; margin-top: 30px; overflow: hidden;}
.XS-quality-text img{width:100%;cursor: pointer;transition: all 0.6s; opacity: 0.8}
.XS-quality-text img:hover {transform: scale(1.01); opacity: 1}

.XS-quality-bg02{width:100%; float: left; padding-top: 50px;background:url(../images/XSJT-quality_bg02.jpg); padding-top: 50px; padding-bottom: 100px;}
.XS-quality-bottom1{ width:1132px;  float: left; overflow: auto }




/*XSJT-callus*/
.XS-callus{width:1300px; margin: auto; float: none; overflow: auto; border-top: 1px solid #b08e5f; margin-top: 50px; background: url(../images/XSJT-call-us_img01.png) no-repeat; padding-top: 100px;}
.XS-callus-text{width:660px; float: left; padding:50px 100px; border: 8px solid #a5804c; margin-top: 50px;}
.XS-callus-text1{ width:100%; float: left; font-size: 2.6rem; margin-bottom: 50px; color: #b89666;}
.XS-callus-text2{ width:100%; float: left; font-size: 1.6rem; color: #dddddd; line-height: 3.5rem}
.XS-callus-map{ width:633px; height: 453px; float: left; margin-left:-30px;}
.XS-callus-map img{ width:100%;cursor: pointer;transition: all 0.6s;}
.XS-callus-map img:hover {transform: scale(1.01);}

/*XSJT-joinus*/
.XS-joinus{width:1300px; margin: auto; float: none; overflow: auto; border-top: 1px solid #b08e5f; margin-top: 50px; background: url(../images/XSJT-join-us_title.png) no-repeat; padding-top: 100px;}
.XS-joinus-left{width:610px; float: left; margin-top: 30px;}
.XS-joinus-left-text{ width:100%; float: left; color: #8b8161; font-size: 1.4rem;}
.XS-joinus-left-title{font-size:28px; color: #fffbc8;line-height: 3.5rem}
.XS-joinus-box{width:100%; float: left; border: 1px solid #a5804c; margin-top: 30px; padding: 60px 15%;}
.XS-joinus-box-row{width:100%; float: left; color: #8b8161; font-size: 1.4rem; line-height: 35px; margin: 8px 0;}
.XS-joinus-box-row1{width:30%; float: left; }
.XS-joinus-box-row2{width:70%; float: right; }
.XS-input{background:none; border: 1px solid #a5804c; height: 35px; margin-right: 5px; width:75%;; color: #8b8161;}
.XS-option{background:none; border: 1px solid #a5804c; height: 35px; margin-right: 5px; width: 75%; color: #8b8161;}
.XS-option2{background:none; border: 1px solid #a5804c; height: 35px; margin-right: 5px; width: 35%; color: #8b8161;}
.XS-joinus-right{width:655px; float: right; background: url(../images/XSJT-join-us_img2.png) no-repeat; padding-left: 2%; padding-bottom: 2%; overflow: auto;}
.XS-joinus-right img{ width:100%;cursor: pointer;transition: all 0.6s;}
.XS-joinus-right img:hover {transform: scale(1.01); }
.XS-joinus-bottom{width:100%; float: left;}

/*XSJT-person*/
.XS-person-bg01{width:100%;height: auto; background: url(../images/XSJT-quality_bg01.jpg) center top; padding-top: 200px; padding-bottom: 100px;}
.XS-person-bg02{width:100%;height: auto; background: url(../images/XSJT-introduction_bg02.jpg) center top; padding-top: 100px; padding-bottom: 60px; overflow: auto;}
.XS-person{width:1200px;margin: auto; float: none; overflow: auto;}
.XS-person-img{width:100%;float:left;}
.XS-person-img img{ width:100%;cursor: pointer;transition: all 0.6s; opacity: 0.8}
.XS-person-img img:hover {transform: scale(1.01); opacity: 1}
.XS-person-rcln{width:90%; float:auto; margin: auto; text-align: left;overflow: auto}
.XS-person-rcln-title{width:100%;  text-align: left;float: left;font-size:28px; color: #fffbc8;line-height: 3.5rem}
.XS-person-rcln-text{width:100%;  text-align: left;float: left; color: #8b8161; font-size: 1.4rem; }

.XS-person-bottm{width:1300px; margin: auto; float: none; overflow: auto;}
.XS-zp-box{width:1300px; margin:30px auto 0px; overflow: auto; float: none;}


.XS-zp-list{ width:100%; height: auto; float: left;background-color:rgba(89, 70, 46, 0.7); border: 5px solid rgba(89, 70, 46, 0.3);margin:20px 0; padding: 15px 0}
.XS-zp-list:hover{ border:5px solid #d3a368;}

.XS-zp-list1{width:65%; float: left; margin-left: 2%;}
.XS-zp-list2{width:120px; float: right;}
.XS-zp-list-title{width:100%; float: left; line-height: 2.2rem; margin:10px 0px;color: #b18f5f;}
.XS-zp-list-text{width:100%; float: left;line-height: 1.8rem;color: #b1b1b1; margin-top: 10px; font-size: 1.4rem;}.XS-news-list-text:hover{color:#b1b1b1}
.XS-zp-list-date{width:100%; float: left; text-align: center; margin-top: 10px;color: #8b8161;}.XS-news-list-date:hover{color: #8b8161;}
.XS-zp-list-detail{width:100%; float: left; text-align: center; margin-top: 30px;}

.XS-zp-detail-btn{ width:90px; height: 35px; line-height: 38px; background: #b69565; color: #fff; border-radius: 5px; font-size: 1.4rem; text-align: center; margin:0 6%;
display: inline-block;
  vertical-align: middle;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
  overflow: hidden;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: color, background-color;
  transition-property: color, background-color;}

.XS-zp-detail-btn:hover, .XS-news-detail-btn:focus, .XS-news-detail-btn:active {
  background-color: #927654;
  color: white;
}


/*XSJT-repearch*/
.XS-research-bg01{ width:100%; float: left;background: url(../images/XSJT-quality_bg01.jpg) repeat-y; padding-top: 200px; padding-bottom: 30px;}
.XS-research{ width:1200px; float: none; margin: auto; overflow: auto; background: url(../images/XSJT-research_01.png) top left no-repeat; padding-top: 10px;}
.XS-research-btn-box{width:100%; float:left; text-align: right; margin-top: 10px;}
.XS-research-btn{ width:125px; height: 45px; line-height: 45px; background: #927654; color: #dad5cd; border-radius: 0px; font-size: 1.4rem; text-align: center; margin:0 1%;
display: inline-block;
  vertical-align: middle;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
  overflow: hidden;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: color, background-color;
  transition-property: color, background-color;}

.XS-research-btn:hover, .XS-news-detail-btn:focus, .XS-news-detail-btn:active {
  background-color: #b69565;
  color: white;
}

.XS-research-top{ width:100%; float: left; margin-top: 100px; background: url(../images/XSJT-research_06.png) center no-repeat}
.XS-research-top1{width:516px; float: left;}
.XS-research-top2{width:631px; float: right; overflow: hidden}
.XS-research-top2 img{ width:100%;cursor: pointer;transition: all 0.6s;}
.XS-research-top2 img:hover {transform: scale(1.02);}

.XS-research-top3{width:435px; float: left; text-align: right; margin-top: 20px;}
.XS-research-top4{width:520px; float: left; margin-top: 40px; }
.XS-research-top4-{width:68%; float: right; }
.XS-research-top4-title{width:100%; float: left;color: #fffbc8; font-size: 2.6rem;}
.XS-research-top4-text{width:100%; float: left; font-size: 1.4rem; margin-top: 20px;}
.XS-research-top5{width:516px; float: left; margin-top: 30px; overflow: hidden;}
.XS-research-top5 img{ width:100%;cursor: pointer;transition: all 0.6s;}
.XS-research-top5 img:hover {transform: scale(1.02);}

.XS-research-top6{width:850px; float: none; margin: 30px auto; overflow: auto;}

.XS-research-bg02{ width:100%; float: left;background: url(../images/XSJT-introduction_bg02.jpg) repeat-y; padding-top: 100px; padding-bottom: 30px;}
.XS-research-bottom{width:1200px; margin: auto;float: none;  overflow: auto;}
.XS-research-left{ width:22%; float: left;text-align: center;}
.XS-research-right{width:77%; float:right; }
.XS-research-right7{width:100%; float: left;}
.XS-research-right7-title{width:100%; float: left; font-size: 2.4rem;color: #fffbc8; font-weight: bold; margin: 20px 0;}
.XS-research-right7-title2{width:100%; float: left; font-size: 1.6rem;color: #fffbc8; font-weight: bold; margin-top:20px;}
.XS-research-right7-text{width:100%; float: left;}

.XS-research-right7-title2 img{ vertical-align:middle; margin-bottom: 15px; margin-left: 15px;}

.XS-research2-top{ width:100%; float: left; margin-top: 100px; background: url(../images/XSJT-research2_04.png) center no-repeat}
.XS-research2-top1{width:100%; float: left; margin-bottom: 20px; }
.XS-research2-top2{width:650px; float: left; overflow: hidden;}
.XS-research2-top2 img{ width:100%;cursor: pointer;transition: all 0.6s;}
.XS-research2-top2 img:hover {transform: scale(1.02);}


.XS-research2-top3{width:435px; float: left; text-align: center; margin-top: 20px;}
.XS-research2-top4{width:400px; float: left; margin-top: 40px; }
.XS-research2-top4-{width:90%; float: right; }
.XS-research2-top5{width:479px; float: left; margin-top: 30px; margin-left: 40px; overflow: hidden;}
.XS-research2-top5 img{ width:100%;cursor: pointer;transition: all 0.6s;}
.XS-research2-top5 img:hover {transform: scale(1.02);}

.XS-research3-top{ width:100%; float: left; margin-top: 100px; background: url(../images/XSJT-research3_05.png) center no-repeat}
.XS-research3-top2{width:631px; float: right; overflow: hidden}
.XS-research3-top5{width:426px; float: none; text-align: right;margin:30px auto 0;  overflow: hidden;}

.XS-research3-top2 img{ width:100%;cursor: pointer;transition: all 0.6s;}
.XS-research3-top2 img:hover {transform: scale(1.02);}

.XS-research3-top5 img{ width:100%;cursor: pointer;transition: all 0.6s;}
.XS-research3-top5 img:hover {transform: scale(1.02);}

.XS-research_img{ width:98%; float: right; }
.XS-research_img li{ text-align:center; width:174px;height:145px; overflow: hidden; float:left; font-size: 1.4rem; margin:0 5%;}

/*XSJT-product*/
.XS-product-bg01{width:100%;height: auto; overflow: auto; background: url(../images/XSJT-detail-bg01.jpg) center top; padding-top: 200px; padding-bottom: 50px; overflow-x: hidden;}
.XS-product-bg02{width:100%;height: auto; background: url(../images/XSJT-introduction_bg02.jpg) center top; padding-top: 100px; padding-bottom: 60px; overflow: auto; overflow-x: hidden;}

.XS-product-top{width:1336px; margin: auto; float: none; overflow: auto; }
.XS-product-top-img1{width:612px; float: left; text-align: center; margin-top: 13%;}
.XS-product-top-img2{width:724px; float: right;}

.XS-product-fenlei{width:1366px; margin:30px auto; float: none; overflow: auto;}
.XS-fenlei1{width:163px; float: left; margin: 55px 2% 0; overflow: hidden;}
.XS-fenlei1 img {   cursor: pointer;  transition: all 0.6s; opacity: 0.7}
.XS-fenlei1 img:hover {    transform: scale(1.1); opacity: 1}

.XS-fenlei2{width:163px; float: left; margin: 77px 2% 0;overflow: hidden;}
.XS-fenlei2 img {   cursor: pointer;  transition: all 0.6s; opacity: 0.7}
.XS-fenlei2 img:hover {    transform: scale(1.1); opacity: 1}

.XS-fenlei3{width:163px; float: left; margin: 0 2%;overflow: hidden;}
.XS-fenlei3 img {   cursor: pointer;  transition: all 0.6s; opacity: 0.7}
.XS-fenlei3 img:hover {    transform: scale(1.1); opacity: 1}

.XS-fenlei4{width:163px; float: left; margin: 82px 2% 0;overflow: hidden;}
.XS-fenlei4 img {   cursor: pointer;  transition: all 0.6s; opacity: 0.7}
.XS-fenlei4 img:hover {    transform: scale(1.1); opacity: 1}

.XS-fenlei5{width:163px; float: left; margin: 18px 2% 0;overflow: hidden;}
.XS-fenlei5 img {   cursor: pointer;  transition: all 0.6s; opacity: 0.7}
.XS-fenlei5 img:hover {    transform: scale(1.1); opacity: 1}

.XS-fenlei6{width:163px; float: left; margin: 88px 2% 0;overflow: hidden;}
.XS-fenlei6 img {   cursor: pointer;  transition: all 0.6s; opacity: 0.7}
.XS-fenlei6 img:hover {    transform: scale(1.1); opacity: 1}

.XS-fenlei7{width:163px; float: left; margin: 40px 2% 0;overflow: hidden;}
.XS-fenlei7 img {   cursor: pointer;  transition: all 0.6s; opacity: 0.7}
.XS-fenlei7 img:hover {    transform: scale(1.1); opacity: 1}

.XS-product-bottom{width:1600px; float: left; }
.XS-product-b-left{width:20%; float: left; text-align: center; }
.XS-product-b-right{width:75%; float: left;}
.XS-product-b-right li{width:273px; float: left; margin: 0 10px;}
.XS-product-b-right li img{border-radius:200px;}

.XS-cpfenlei-title{width:100%; float: left; text-align: center; font-size: 2.6rem; color: #fffbc8; margin-top: 15px;
    background: url(../images/XS-ny-title-bg.png) center bottom no-repeat; padding-bottom: 25px;margin-bottom: 25px;}


.XS-product-newCP{width:1200px; margin:5% auto; float: none; overflow: hidden;}
.XS-product-newCP1{width:22%;  float: left; text-align: center; margin: 0 1%;}


.XS-product-newCP1 img{ width:100%;cursor: pointer;transition: all 0.6s; opacity: 0.8}
.XS-product-newCP1 img:hover {transform: scale(1.05); opacity: 1}


/* 产品效果CSS*/

		.slideTxtBox{ width:1366px;  text-align:left; margin: auto; float: none; overflow: auto;  }
		.slideTxtBox .hd{ width:100%; padding:0 10px 0 20px;  position:relative; float: none; overflow: auto;margin-top: 80px;}
		.slideTxtBox .hd ul li .onclick{  }
		.slideTxtBox .bd{width:100%; margin-top: 100px;}
		.slideTxtBox .bd ul{width:90%; margin: auto; float: none; overflow: auto;}
		.slideTxtBox .bd li{width:273px; float: left; margin: 0 1%; opacity: 1; }
	    .slideTxtBox .bd li img{border-radius:200px;}

@-webkit-keyframes fadeIn {
0% {opacity: 0; /*初始状态 透明度为0*/ 
	margin-left:-20px;}
50% {opacity: 0; /*中间状态 透明度为0*/
	margin-left: -10px;}
100% {opacity: 1; /*结尾状态 透明度为1*/}
}
	
	
#box
{-webkit-animation-name: fadeIn; /*动画名称*/
-webkit-animation-duration: 0.8s; /*动画持续时间*/
-webkit-animation-iteration-count: 1; /*动画次数*/
-webkit-animation-delay: 0.5s; /*延迟时间*/}
	

#box2
{-webkit-animation-name: fadeIn; /*动画名称*/
-webkit-animation-duration: 1.0s; /*动画持续时间*/
-webkit-animation-iteration-count: 1; /*动画次数*/
-webkit-animation-delay: 0.5s; /*延迟时间*/}
	
	
#box3
{-webkit-animation-name: fadeIn; /*动画名称*/
-webkit-animation-duration: 1.2s; /*动画持续时间*/
-webkit-animation-iteration-count: 1; /*动画次数*/
-webkit-animation-delay: 0.5s; /*延迟时间*/}
	
	
#box4
{-webkit-animation-name: fadeIn; /*动画名称*/
-webkit-animation-duration: 1.4s; /*动画持续时间*/
-webkit-animation-iteration-count: 1; /*动画次数*/
-webkit-animation-delay: 0.5s; /*延迟时间*/}
	
	
#box5
{-webkit-animation-name: fadeIn; /*动画名称*/
-webkit-animation-duration: 1.6s; /*动画持续时间*/
-webkit-animation-iteration-count: 1; /*动画次数*/
-webkit-animation-delay: 0.5s; /*延迟时间*/}
	
	
#box6
{-webkit-animation-name: fadeIn; /*动画名称*/
-webkit-animation-duration: 1.8s; /*动画持续时间*/
-webkit-animation-iteration-count: 1; /*动画次数*/
-webkit-animation-delay: 0.5s; /*延迟时间*/}
	
	
#box7
{-webkit-animation-name: fadeIn; /*动画名称*/
-webkit-animation-duration: 2.0s; /*动画持续时间*/
-webkit-animation-iteration-count: 1; /*动画次数*/
-webkit-animation-delay: 0.5s; /*延迟时间*/}



/*XSJT-product-1*/
.XS-product-1-bg01{width:100%;height: auto; background: url(../images/XSJT-introduction_bg01.jpg) center top; padding-top: 200px;}
.XS-product-1-img01{ width:1366px; margin: auto;}
.XS-product-1-img01-1{width:62%; float: left;}
.XS-product-1-img01-2{width:38%; float: left; margin-top: 90px;}
.XS-product-1-img01 img{ width:100%;cursor: pointer;transition: all 0.6s; opacity: 0.9}
.XS-product-1-img01 img:hover{transform: scale(1.01); opacity: 1}
.XS-product-1-text{width:1200px; margin: auto; float: none; overflow: auto; text-align: center; height: auto}
.XS-product-1-text img{width:100%;transition: all 0.6s; opacity: 0.9}

.XS-product-1-text img:hover{transform: scale(1.01); opacity: 1}

.XS-product-1-text1{font-size:2.5rem; line-height: 4rem; color: #ddb06f;}
.XS-product-1-text2{font-size:6rem; line-height: 7rem; color: #ddb06f; font-family: Cambria, Hoefler Text, Liberation Serif, Times, Times New Roman, serif;}
.XS-product-1-text3{font-size:2.2rem; line-height: 3rem;color: #949b9c; margin-top: 40px;}
.XS-product-1-text4{font-size:5vw; line-height: 10rem; font-weight: 900; color: #ddb06f; font-family: Cambria, Hoefler Text, Liberation Serif, Times, Times New Roman, serif; margin-top: 40px;}
.XS-product-1-text5{font-size:2.4vw; line-height: 2.4vw; font-family:"新宋体";color: #ddb06f; }
.XS-product-1-text6{font-size:2.2rem; line-height: 3rem;color: #949b9c; margin-top: 40px;font-family: Cambria, Hoefler Text, Liberation Serif, Times, Times New Roman, serif; margin-bottom: 50px;}
.XS-product-1-textbg1{width:100%; height: auto;  background:url(../images/XSJT-product-1_08.png) center; background-size: cover;}
.XS-product-1-textbg1-1{ color: #fff; font-size: 2.8rem; width:70%; margin: auto; overflow:hidden; line-height: 3.5rem; font-family: Cambria, Hoefler Text, Liberation Serif, Times, Times New Roman, serif; padding: 31% 0 32% 0; height: auto}
.XS-product-1-textbg2{width:100%;height: auto; background:url(../images/XSJT-product-1_09.png) center; margin-top: 90px; background-size: cover;}
.XS-product-1-textbg3{width:100%;height: auto; background:url(../images/XSJT-product-1_10.png) center; margin-top: 90px; background-size: cover;}
.XS-product-1-3{width:100%; float: left; margin-top: 10%; color: #f5db9f; font-family: Cambria, Hoefler Text, Liberation Serif, Times, Times New Roman, serif}
.XS-product-1-3-img{ width:52%; float: left;}
.XS-product-1-3-text{ width:48%; float: left; margin-top: 8%;}
.XS-product-1-3-text1{  font-size: 3rem; line-height: 5rem;}
.XS-product-1-3-text2{  font-size: 2.2rem; line-height: 3rem;}
.XS-product-1-4{width:1200px; float: none; margin: auto; margin-top: 5%; overflow: hidden;}
.XS-product-1-4-1{width:33%; float: left; text-align: center;}


/*XSJT-product-2*/
.XS-product-2-bg01{width:100%;height: auto; background: url(../images/XSJT-introduction_bg01.jpg) center top; padding-top: 200px;}
.XS-product-2-img01{ width:1200px; margin: auto;}
.XS-product-2-img01-1{width:38%; float: left;}
.XS-product-2-img01-2{width:62%; float: left;}
.XS-product-2-img01 img{ width:100%;cursor: pointer;transition: all 0.6s; opacity: 0.9}
.XS-product-2-img01 img:hover{transform: scale(1.01); opacity: 1}
.XS-product-2-textbg1{width:100%; height: auto;  background:url(../images/XSJT-product-2_03.jpg) center; background-size: cover;color: #fff; margin-top: 8%; }
.XS-product-2-textbg1-1{ font-size: 2.8rem; width:100%; margin: auto; overflow:hidden; line-height: 3.5rem;  padding: 8% 0 1% 0; height: auto}
.XS-product-2-textbg1-2{ width:2%; height: 1px; margin: auto; background: #fff;}
.XS-product-2-textbg1-3{font-size: 1.6rem; padding: 3% 10% 15% 10%;}
.XS-product-2-2{width:100%; color: #fff; font-size: 1.6rem; margin-top: 5%; float: left;}
.XS-product-2-2-680{width:680px; margin: auto;  float: none; overflow: hidden;}
.XS-product-2-21{width:56%; float: left;}
.XS-product-2-22{width:44%; float: left;}
.XS-product-2-221{width:100%; float: left; margin-top: 8%;}
.XS-product-2-222{width:100%; float: left; margin-top: 3%;}
.XS-product-2-3{width:1200px; margin: 5% auto; float: none; overflow: hidden;}
.XS-product-2-31{ width:32%; margin:0px 0.5%;  float: left; text-align: center;}



/*XSJT-product-3*/
.XS-product-3-bg01{width:100%;height: auto; background: url(../images/XSJT-introduction_bg01.jpg) center top; padding-top: 200px;}
.XS-product-3-img01{ width:1200px; margin: auto;}
.XS-product-3-img01-1{width:53%; float: left;}
.XS-product-3-img01-2{width:47%; float: left;}
.XS-product-3-img01 img{ width:100%;cursor: pointer;transition: all 0.6s; opacity: 0.9}
.XS-product-3-img01 img:hover{transform: scale(1.01); opacity: 1}

.XS-product-3-2{ width:100%; float: left; margin-top: 5%; }
.XS-product-3-2-860{ width:860px;margin: auto;  float: none; overflow: hidden; }
.XS-product-3-2-text{ width:100%; float: left;color: #c0c0c0; font-size: 2.6rem; font-family:"宋体"; line-height: 3rem}
.XS-product-3-3{width:100%; float: left; background: url(../images/XSJT-product-3_07.png) center top;font-family:"宋体"; margin-top: 8%;}
.XS-product-3-31{ width:170px; margin: auto; float: none; overflow: hidden;}
.XS-product-3-32{ width:100%; float: left; font-size:3.5rem; color: #b8b8b8; line-height: 4rem;font-family:"宋体";}
.XS-product-3-33{ width:100%; float: left;color: #c0c0c0; font-size: 2.4rem; font-family:"宋体";  line-height: 3rem; margin-top: 3%; margin-bottom: 10px;}
.XS-product-3-34{ width:100%; float: left;color: #c0c0c0; font-size: 2rem; font-family:"宋体";  line-height: 2.2rem; margin-top: 3%; margin-bottom: 10px;}
.XS-product-3-4{ width:1366px;margin:5% auto;  float: none; overflow: hidden;}


/*XSJT-product-4*/
.XS-product-4-4-1{width:50%; float: left; text-align: center;}

/*XSJT-product-5*/
.XS-product-5-textbg1{width:100%; height: auto;  background:url(../images/XSJT-product-2_03.jpg) center; background-size: cover;color: #fff; margin-top: 8%; }
.XS-product-5-textbg1-3{font-size: 2rem; padding: 10% 1%; line-height: 2.6rem;}
.XS-product-5-text2{ text-align:left; font-size: 2.6rem; color: #f5db9f; line-height: 3rem; margin: 25px auto; font-family: "宋体"}
.XS-product-5-text3{ width:100%;height: auto;  background:url(../images/XSJT-product-5_06.jpg) center; background-size: cover;color: #fff;  overflow: hidden; }
.XS-product-5-text3-1{ width:60%; float: left; }
.XS-product-5-text3-1 p{color: #d4d4d4; font-size: 2.4rem; text-align: left; font-family: "宋体"; margin: 25px 0px; line-height: 2.8rem;}
.XS-product-5-text3-2{width:35%; float: right;}

.XS-product-5-2{width:100%; color: #fff; font-size: 1.6rem; margin-top: 5%; float: left;}
.XS-product-5-21{width:40%; float: left;}
.XS-product-5-22{width:56%; float: left;}
.XS-product-5-221{width:100%; float: left; margin-top: 8%;}
.XS-product-5-222{width:90%; float: left; margin-left: 10%; margin-top: 3%; text-align: left; color: #f5db9f; font-size: 2.2rem; line-height: 3.2rem; font-family: "宋体";}
.XS-product-5-3{ width:100%;}
.XS-product-5-3-1{width:50%; float: right; color: #d4d4d4; font-size: 2.8rem; text-align: left; line-height: 3.5rem; font-family: "宋体";}

.XS-product-5-4{width:100%; color: #f5db9f; text-align: left; }
.XS-product-5-4-1{width:46%; float: left;}
.XS-product-5-4-2{width:46%; float: right;}
.XS-product-5-4-text{margin-top:5%; font-family: "宋体";line-height: 2.8rem; font-size: 2.2rem;}

.XS-product-5-5{width:100%; float: left; margin-top: 8%;}

.XS-product-5-textbg2{width:100%; height: auto;  background:url(../images/XSJT-product-5_16.png) center no-repeat; background-size:contain; overflow: hidden;}
.XS-product-5-textbg2-1{ color: #fff; font-size: 2.8rem; width:70%; margin: auto; overflow:hidden; line-height: 3.5rem; font-family: Cambria, Hoefler Text, Liberation Serif, Times, Times New Roman, serif; padding: 31% 0 25% 0; height: auto}
.XS-product-5-textbg3{width:100%; height: auto;  background:url(../images/XSJT-product-5_17.png) center no-repeat; background-size:contain; overflow: hidden;}
.XS-product-5-textbg4{width:100%; height: auto;  background:url(../images/XSJT-product-5_18.png) center no-repeat; background-size:contain; overflow: hidden;}
.XS-product-5-textbg5{width:100%; height: auto;  background:url(../images/XSJT-product-5_19.png) center no-repeat; background-size:contain; overflow: hidden;}




/*XSJT-sp*/
.XS-sp{width:100%; float: left; }
.XS-sp-left{ width:60%; float: left;}
.XS-sp-left-img{ width:100%; float: left;}
.XS-sp-left-img img{ width:100%;}
.XS-sp-left-title{width:100%; float: left; font-size: 1.6rem;}
.XS-sp-right{ width:40%; float: left; }
.XS-sp-right-img{ width:38%; float: left; margin-right: 2%}
.XS-sp-right-img img{width:100%;}
.XS-sp-right-title{width:60%; float: left;}
.XS-sp-list{ width:100%; height: auto; float: left;background-color:rgba(89, 70, 46, 0.7); border: 5px solid rgba(89, 70, 46, 0.3);margin:15px 0; padding:10px 0 0 0}
.XS-sp-list:hover{ border:5px solid #d3a368;}

.XS-sp-title{ width:100%; float: left; text-align: center;}


/* 按钮 
.hvr-fade {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
  overflow: hidden;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: color, background-color;
  transition-property: color, background-color;
}
.hvr-fade:hover, .hvr-fade:focus, .hvr-fade:active {
  background-color: #927654;
  color: white;
}
*/


/*翻页*/
.XS-fanye{ width: 100%;float: left;}
.XS-fanye-box{width:380px; margin: auto; float: none; text-align: center; line-height: 35px;}
.XS-fanye-Previous{width:78px; float:left;background: #fff; height: 35px; color: #666666; margin-right: 5px;}
.XS-fanye-Next{width:78px; float:left;background: #a87f4d; height: 35px;color: #fff; margin-left: 5px;}
.XS-fanye-Number{width:35px; float:left; color: #666; background: #fff; margin: 0 5px;}


/*底部*/
.XS-foot{ width:100%;height: auto; float:left;background: #0d0d0d; padding: 3%; color: #b6986c;}
.XS-foot .footmenu{ width: 60%; float: left; font-size: 1.4rem;}
.XS-foot .footmenu ul{ list-style: none; list-style-position: outside; float: left; height: 208px; border-right: 1px #111111 solid; padding:0 2%; margin:0;}
.XS-foot .footmenu ul li{ list-style: none; list-style-position: outside;line-height: 2.2rem} 
.XS-foot .footmenu .title{font-weight:bold;font-size: 1.6rem; line-height: 3.5rem}
.XS-foot .code{width:243px; height: 154px; float: left;}
.XS-foot .contact{ width:25%;  float: right; font-size:1.6rem;line-height: 4.5rem}
.XS-foot .contact1{ width:100%; float: left;} 
.XS-foot .contact1 img{ margin-right:18px; vertical-align:middle;}
.XS-foot .tel{font-size:3.3rem;  font-weight: bold;}

.XS-foot1{ width:96%;height: auto; float:left;background: #060606; padding: 1% 2%; color: #b6986c; font-size: 1.5rem; color: #837253;}
.XS-foot1 .copyright{width:80%; float: left;}
.XS-foot1 .jszc{ width:20%; float: right; text-align: right;}






/*<1800*/
@media screen and (max-width:1799px) 
{
	/*底部*/
	.XS-foot .footmenu{width:50%;}
	.XS-foot .footmenu ul{ padding:0 1%;}
	.XS-foot .contact{ width:32%; }
	
}

/*<1600*/
@media screen and (max-width:1599px) 
{
	/*XS-honor*/
	.XS-honor-box{ width:98%;}
	
	/*XS-product*/
	.XS-product-bottom{width:100%; }
	.XS-product-b-right li{width:20%; }
	.XS-product-b-right li img{ width:100%;}
	
	
	.slideTxtBox .bd li{width:20%;}
	.slideTxtBox .bd li img{ width:100%;}
}



/*<1366*/
@media screen and (max-width:1365px) 
{
	/*底部*/
	.XS-foot .footmenu{width:100%;}
	.XS-foot .footmenu ul{ padding:0 2%;}
	.XS-foot .code{width:100%; text-align: center; }
	.XS-foot .contact{ width:100%; float: left; text-align: center;}
	
	/*XSJT-product*/
	.XS-product-fenlei{width:100%; }
	.slideTxtBox{width:100%;}
	.slideTxtBox .hd{width:100%;}
	.XS-fenlei1{width:12%; }.XS-fenlei1 img{width:100%;}
	.XS-fenlei2{width:12%; }.XS-fenlei2 img{width:100%;}
	.XS-fenlei3{width:12%; }.XS-fenlei3 img{width:100%;}
	.XS-fenlei4{width:12%; }.XS-fenlei4 img{width:100%;}
	.XS-fenlei5{width:12%; }.XS-fenlei5 img{width:100%;}
	.XS-fenlei6{width:12%; }.XS-fenlei6 img{width:100%;}
	.XS-fenlei7{width:12%; }.XS-fenlei7 img{width:100%;}
	
	
	/*XSJT-product*/
	.XS-product-top{width:100%}
	.XS-product-top-img1{width:46%; }.XS-product-top-img1 img{width:100%;}
	.XS-product-top-img2{width:54%;}.XS-product-top-img2 img{width:100%;}
	
	/*XSJT-product-1*/
	.XS-product-1-img01{ width:100%; }
	/*XSJT-product-3*/
	.XS-product-3-4{ width:100%;}.XS-product-3-4 img{width:100%;}
	
}

/*<1334*/
@media screen and (max-width:1333px) 
{
	/*XSJT-honor*/
	.XS-honor-img{ width: 100%;}
	.XS-honor-img img{width:100%;}
}



/*<1300*/
@media screen and (max-width:1299px) 
{
	/*XSJT-news*/
	.XS-news-listbox{width:98%;}
	
	/*XSJT-callus*/
	.XS-callus{width:100%}
	.XS-callus-map{width:50%}.XS-callus-map img{width:100%}
	
	.XS-joinus{width:100%;}
	
	.XS-joinus-box{width:100%; float: left;margin-bottom: 30px; padding: 100px 10%;}
	.XS-joinus-left{width:85%; margin: auto; float: none;}
	.XS-joinus-right{width:80%; float: none; margin:auto;}.XS-joinus-right img{width:100%;}
	
	.XS-person-bottm{width:90%;}
	.XS-zp-box{width:100%;}
	
		
	/*XSJT-joinus*/
	.XS-joinus-bottom{width:96%; margin: auto; float: none;}
	

}



/*<1200*/
@media screen and (max-width:1199px) 
{
	/*introduction*/
	.XS-introduction-bottom{width:98%; margin: auto;float: inherit; overflow: auto;}
	.XS-ny-right img{width:98%;}
	.XS-ny-right li{ width:22%; margin-right: 3%; }
	
	/*XSJT-leader*/
	.XS-leader{ width:100%; float: right; }
	.XS-leader ul{ width:100%;}
	.XS-leader li{ width:30%;  }
	
	/*XSJT-brand*/
	.XS-brand-imgbox{ width: 100%; margin: auto;overflow: auto; overflow-x: hidden;}
	.XS-brand-img02{ width:98%; text-align: center; margin-top: 50px;}
	.XS-brand-pp{width:100%;}
	.XS-brand-pp-right{ width:98%; margin: auto; overflow: auto; float: none;}
	.XS-brand-pp-left{width:98%;margin: auto; overflow: auto; float: none;}
	.XS-brand-pp-title-img{ width:100%; text-align: center;float:none;}


	.XS-brand-pp-btn{width:25%;float: right;height: 60px;background: #333130;color: #fff2c7;font-size: 1.6rem;text-align: center;line-height: 60px;margin: 5px 0;}
	.XS-brand-pp-btn-current{width:25%; float: right; height: 60px; background: #252423; color: #fff2c7; font-size: 1.6rem; text-align: center; line-height: 60px; margin: 5px 0;}
	
	.brandBox .bd ul{width:98%; margin: auto; overflow: auto; float: none;}
	.brandBox .hd{ width:98%; margin: auto; overflow: hidden; float: none; height: 320px; }
	.brandBox .hd ul{ width:100%; margin: auto; overflow: auto; float: none; left:0px;}
	.brandBox .hd ul li{width:25%; float: left; height: 60px;background: #333130;color: #fff2c7;font-size: 1.6rem;text-align: center;line-height: 60px;margin: 5px 0;}
	.brandBox .hd ul li.on{width:25%; height:60px;  background:#252423;  }
	
	
	
	/*XSJT-quality*/
	.XS-quality{ width:100%; }
	.XS-quality-top1{ width:100%; text-align: center}
	.XS-quality-top2{ width:100%; text-align: center; margin: 40px 0px;}
	.XS-quality-top3{ width:80%; margin: auto; float: none; }
	.XS-quality-bottom1{ width:80%; margin: auto; float: none;  }
	
	/*XSJT-person*/
	.XS-person{width:100%;}
	.XS-person-img{width:100%;}.XS-person-img img{width:100%;}
	
	/*XSJT-repearch*/
	.XS-research{ width:100%; }
	.XS-research-top{ background:none;}
	.XS-research-top1{width:100%; text-align: center;}
	.XS-research-top2{width:100%; text-align: center}
	.XS-research-top3{width:100%; text-align: center; margin-top: 20px; margin-bottom: 40px;}
	.XS-research-top4{width:90%; float: none; margin: auto; overflow: auto}
	.XS-research-top4-{width:100%; }
	.XS-research-top5{width:100%; text-align: center; margin-top: 30px;}
	.XS-research-top6{width:90%;  float: none; margin: auto; overflow: auto}
	.XS-research-bottom{width:98%;}
	
	
	.XS-research2-top{  background:none;}
	.XS-research2-top1{width:100%; text-align: center; }
	.XS-research2-top2{text-align: center; width: 100%;}
	.XS-research2-top3{width:100%; text-align: center; margin-top: 20px; margin-bottom: 40px;}
	.XS-research2-top4{width:90%; float: none; margin: auto; overflow: auto }
	.XS-research2-top4-{width:100%;  }
	.XS-research2-top5{width:100%; text-align: center; margin:30px auto; float: none; overflow: auto;}
	
	.XS-research3-top{ background:none;}
	
	
	
	
	/*XS-product*/
	.XS-product-b-right li{width:35%; margin: 30px; }
	.slideTxtBox .bd li{width:30%; margin: 5%; }
	
	.XS-product-newCP{width:100%;}
	
	/*XSJT-product-1*/
	.XS-product-1-text{width:96%; }
	.XS-product-1-4{width:100%; }
	
	/*XSJT-product-2*/
	.XS-product-2-img01{ width:100%; }
	.XS-product-2-3{width:100%; }
	
	/*XSJT-product-3*/
	.XS-product-3-img01{ width:100%;}
}



/*<1024*/
@media screen and (max-width:1023px) 
{	
	/*XSJT-news*/
	.XS-news-list2{width:70%; float: right; margin-left: 0;}
	.XS-news-list3{display:none}
	
	/*XSJT-detail*/
	.XS-detail-bg2{ width:98%; }
	
		
	/*XSJT-callus*/
	.XS-callus-text{width:80%; margin:50px  auto; float: none; overflow: auto;}
	.XS-callus-map{width:80%; text-align: center; margin:auto; float: none; overflow: auto;}
	
	
	/*XSJT-product-1*/
	.XS-product-1-3-text1{  font-size: 2.2rem; line-height: 3rem;}
	.XS-product-1-3-text2{  font-size: 1.4rem; line-height: 2.2rem;}
	
	
	.XS-product-2-21{width:50%; }
	.XS-product-2-22{width:50%;}
	.XS-product-2-221{ margin-top: 0;}
}





/*<900*/
@media screen and (max-width:899px) 
{
	/*底部*/
	.XS-foot1 .copyright{width:100%; text-align: center;  }
	.XS-foot1 .jszc{ width:100%;text-align: center;}
	
	/*XSJT-speech*/
	.XS-speech-left{width:96%; }
	.XS-speech-right{width:50%; margin: auto; text-align: center; float: none;}
	
	/*XSJT-leader*/
	.XS-leader{ width:100%; float: right; }
	.XS-leader ul{ width:90%;}
	.XS-leader li{ width:40%;  }
	
	/*XSJT-brand*/
	.XS-brand-imgbox{width:100%;}
	.XS-brand-img01{ width:100%;} 
	.XS-brand-img01 img{ width:100%;}


	.XS-brand-img02{width:100%;}
	
	/*XSJT-product-1*/
	.XS-product-1-textbg1-1{  font-size: 2rem; line-height: 2.5rem;}
	.XS-product-1-text1{font-size:1.8rem; line-height: 2.2rem;}
	.XS-product-1-text2{font-size:3.8rem; line-height: 4.2rem;}
	.XS-product-1-text3{font-size:1.8rem; line-height: 2.2rem;}
	.XS-product-1-text4{font-size:4rem; line-height: 4.8rem;}
	.XS-product-1-text5{font-size:2rem; line-height: 2.8rem;}
	.XS-product-1-text6{font-size:1.8rem; line-height: 2.2rem;}
	
	.XS-product-1-img01-1{width:100%; }
	.XS-product-1-img01-2{ display: none;}

	.XS-product-2-3{width:90%; }.XS-product-2-3 img{ width:100%;}
	
	.XS-product-5-textbg1-3{font-size:1.6rem;}
	.XS-product-5-text2{font-size:1.8rem; line-height: 2.2rem;}
	.XS-product-5-text3-1{width:100%}
	.XS-product-5-text3-1 p{font-size:1.8rem; line-height: 2.2rem;}
	.XS-product-5-text3-2 { width:50%; margin: auto; float: none;}
	.XS-product-5-222{font-size:1.8rem; line-height: 2.2rem;}
	
	.XS-product-5-21{width:50%; float: none; margin: auto;}
	.XS-product-5-22{width:100%; font-size:1.8rem;}
	
	.XS-product-5-4-text{line-height: 2.2rem; font-size: 1.8rem;}
	.XS-product-5-textbg2-1{font-size: 2rem; line-height: 2.5rem;}
	
	
	/*XSJT-sp*/
	.XS-sp{width:100%; }
	.XS-sp-left{ width:90%;  margin: auto; float: none; overflow: hidden;}
	.XS-sp-right{ width:100%; margin-top: 20px;  }
	.XS-sp-right-img{width:100%;}
	.XS-sp-right-title{width:100%; float: left;}
	
}


/*<860*/
@media screen and (max-width:859px) 
{	
	/*XSJT-news*/
	.XS-news-list2{width:60%;}
	.XS-news-list3{width:60%;}
	
	/*XSJT-repearch*/
	.XS-research-top2{width:80%; margin: auto; float: none; overflow: auto;}
	.XS-research-top2 img{width:100%;}
	
	.XS-research2-top2{width:80%; margin: auto; float: none; overflow: auto;}
	.XS-research2-top2 img{width:100%;}
	
	/*XSJT-product-3*/
	.XS-product-3-2-860{width:90%;}
	.XS-product-3-2-text{ font-size: 1.8rem; line-height: 2.4rem }
	.XS-product-3-33{ font-size: 1.8rem; line-height: 2.4rem }
}



/*<680*/
@media screen and (max-width:679px) 
{
	/*XSJT-leader*/
	.XS-leader{ width:100%; float: right; }
	.XS-leader ul{ width:60%; margin: auto; float: none;}
	.XS-leader li{ width:100%; height: auto; margin-bottom: 10px; }
	
	/*XSJT-honor*/
	.XS-honor-boxlist{ width:70%; float:none; margin:0px auto 15px; }
	/*XSJT-honor-list*/
	.XS-honor-box li{width:70%; float:none; margin:10px auto 15px;}
	
	
	/*XSJT-product-2*/
	.XS-product-2-2-680{width:90%;}
	
	.XS-product-top-img1{display: none;}
	.XS-product-top-img2{width:100%;}
	
}