/*@font-face {
  font-family: Bodoni_72_Oldstyle;
  src: url(/assets/fonts/Bodoni72-OldStyle.ttc);
}
@font-face {
  font-family: DroidSansChinese;
  src: url(/assets/fonts/DroidSansChinese.ttf);
}
@font-face {
  font-family: AgencyFB;
  src: url(/assets/fonts/AgencyFB.ttf);
}
@font-face {
  font-family: HelveticaNeue;
  src: url(/assets/fonts/HelveticaNeue-Bold.otf);
}

font-family: arial, "microsoft yahei";
*/
/*tsnewindex*/
.mauto{margin: 0 auto;}
.tsnewinkv{ background: url(/assets/images/rec-process/gdltbg1.jpg) no-repeat; padding: 1.5rem 0;}
.tsnewinkvtext{ width: 80%;}
.tsnewinkvline{ width: 1.5rem; border-bottom: 0.03rem solid #d5372b; margin: 0.1rem 0 0.3rem;}
.tsnewinkvtextp1{ font-size: 0.4rem; line-height: 0.4rem; color: #FFF;font-family: arial, "microsoft yahei";;}
.tsnewinkvtextp2{ font-size: 0.36rem; line-height: 0.44rem; color: #FFF;font-family: arial, "microsoft yahei";;}
.tsnewinkvtextp3{ font-size: 0.48rem; line-height: 0.48rem; color: #FFF; margin-top:0.6rem;font-family: arial, "microsoft yahei";;}
.tsnewinkvtextbtn1{ background: #d5372b; border-radius: 0.3rem; font-family: arial, "microsoft yahei";; color: #FFF; line-height: 0.44rem; font-size: 0.26rem; display: inline-block; text-align: center; margin-top: 0.6rem; padding: 0.05rem 0.5rem;}
.tsnewinkvtextbtn1:hover{ color: #FFF; background:#bb2d22;}
.center{ text-align: center;}

.tsnewincon1{ padding: 1rem 0.25rem; background: url(/assets/images/rec-process/tsninbg2.jpg) center no-repeat; background-size: cover; text-align: center;}
.tsnewincon1tit{font-size: 0.4rem; line-height: 0.48rem; font-family: arial, "microsoft yahei";;}
.tsnewincon1p1{font-size: 0.4rem; color: #d5372b; margin-top: 0.5rem; line-height: 0.78rem; font-family:arial, "microsoft yahei";;}
.tsnewincon1p2{ font-size: 0.2rem; color: #666; line-height: 0.28rem; font-family: arial, "microsoft yahei";;}

.tsnewinpart5{ display: flex; padding: 0;}
.tsnewinpart5list1{ background: url(/assets/images/rec-process/zplcbg5.jpg) center no-repeat; padding-top: 1rem; padding-bottom: 1rem; background-size: cover;}
.tsnewinpart5list1li{ padding: 0.4rem; box-sizing: border-box;}
.tsnewinpart5list1liicon{ width: 1.27rem; height: 1.27rem; margin: 0; margin-top: 0.5rem;}
.tsnewinpart5list1liicon img{ width: 100%;}
.tsnewinpart5list1lip1{ font-size: 0.32rem; color: #d2d2d2;font-family: arial, "microsoft yahei";; margin-top: 0.4rem; line-height: 0.4rem;}
.tsnewinpart5titp1{ font-size: 0.7rem; line-height: 0.6rem; color: #FFF; font-family: arial, "microsoft yahei";; margin: 0 0.4rem; display: none;}
.tsnewinpart5titp2{ font-size: 0.7rem; line-height: 0.6rem; font-family: arial, "microsoft yahei";; margin: 0 0.4rem; display: block;}
.tsnewinpart5list1lip2{ font-size: 0.18rem; color: #d2d2d2; line-height: 0.26rem;font-family: arial, "microsoft yahei";; margin-top: 0.4rem;}
.tsnewinpart5list2{ background: #f4f5f7; padding-top: 1rem; padding-bottom: 1rem;}
.tsnewinpart5list2li{  padding: 0.4rem; box-sizing: border-box;}
.tsnewinpart5list2liicon{ width: 1.27rem; height: 1.27rem; margin: 0; margin-top: 0.5rem;}
.tsnewinpart5list2liicon img{ width: 100%;}
.tsnewinpart5list2lip1{ font-size: 0.32rem;font-family: "HelveticaNeue"; line-height: 0.4rem; margin-top: 0.4rem;}
.tsnewinpart5list2lip2{ font-size: 0.18rem; color: #999; line-height: 0.26rem;font-family: arial, "microsoft yahei";; margin-top: 0.4rem;}

.tsnewincon2{ background: url(/assets/images/rec-process/tsninbg4.jpg) no-repeat center; padding: 1rem 0;}
.tsnewincon2tit{font-size: 0.7rem; line-height: 0.7rem; text-align: center;font-family:arial, "microsoft yahei";;}
.tsnewincon2bg{ background: url(/assets/images/rec-process/tsninbg5.jpg) right center no-repeat; background-size: 45% 100%; padding: 1.25rem 0; margin: 0.8rem 0 0;}
.tsnewincon2bgtit{ font-size: 0.2rem; line-height: 0.28rem; color: #FFF;font-family: arial, "microsoft yahei";;}
.tsnewincon2text{ background: #d5372b; padding: 1rem; width: 55%; float: left; }
.tsnewincon2text li{ font-size: 0.2rem; line-height: 0.28rem; color: #FFF; font-family: arial, "microsoft yahei"; margin-top: 0.5rem;}
.tsnewincon2line{ background: linear-gradient(90deg, #d5372b 50%,  #FFF 50%); height: 0.03rem; width: 3.6rem;  margin: 0; margin-left: -2.8rem;}

.tsnewincon3{ display: flex; align-items: center; background: url(/assets/images/rec-process/gdltbg4.jpg) center no-repeat; background-size:cover; padding: 1rem 0.15rem;}
.tsnewincon3p{ font-size: 0.7rem;font-family: "HelveticaNeue"; color: #FFF; margin-left: 0.5rem; line-height: 0.7rem;background:url(/assets/images/gdltyhicon.png) center right no-repeat; background-size: auto 55%; padding: 0.6rem 0;}

.tsnewinpart7{ background: url(/assets/images/rec-process/zplcbg7.jpg) center no-repeat; background-size: cover;}
.tsnewinpart7titp{ font-size: 0.48rem; line-height: 0.48rem;font-family: arial, "microsoft yahei";; color: #FFF; margin-top: 0.3rem; margin-bottom: 0.5rem;}
.tsnewinpart7titpbg{ background: url(/assets/images/rec-process/indexyh1icon.png) top right no-repeat; padding-right: 1rem; display: inline-block;}
.tsnewinpart7titp1{ border-bottom: 2px solid #d5372b; padding-bottom: 0.2rem;}
.tsnewinpart7list{ padding: 0 10%;}
.tsnewinpart7list1{ border: 0.01rem solid #e5e5e5; background: #FFF; padding: 0.1rem 0.2rem; min-height: 2rem;}
.tsnewinpart7list1p1{ font-size: 0.32rem;font-family: arial, "microsoft yahei";; margin-top: 0.2rem;}
.tsnewinpart7list1p2{ font-size: 0.2rem;font-family: arial, "microsoft yahei";; margin-top: 0.2rem; line-height: 0.24rem;}
.tsnewinpart7list1line{ border-bottom: 0.02rem solid #d5372b; width: 0.45rem; margin: 0;}
.tsnewinpart7list1:hover{ background: #d5372b;}
.tsnewinpart7list1:hover>.tsnewinpart7list1p1{ color: #FFF;}
.tsnewinpart7list1:hover>.tsnewinpart7list1p2{ color: #FFF;}
.tsnewinpart7list1:hover>.tsnewinpart7list1line{ border-bottom: 0.02rem solid #FFF;}

.tsnewincon4{ background: url(/assets/images/rec-process/indexbg4.jpg) center no-repeat; background-size: cover; margin-top: 1rem;}
.tsnewincon4line{ margin-top: 1rem; border-bottom: 0.04rem solid #FFF; width: 0.5rem;} 
.tsnewincon4titp1{ font-size: 0.7rem; line-height: 0.7rem; color: #FFF; font-family: arial, "microsoft yahei";; margin-top: 0.55rem;}
.tsnewincon4list{ margin-top: 1rem; border-top: 0.01rem solid #ee6356; margin-left: -15px; margin-right: -15px;}
.tsnewincon4list1{ border-right: 0.01rem solid #ee6356; padding: 1.05rem 0.15rem; min-height: 360px; width: 20%;}
.tsnewincon4list1:nth-child(6){ border-right: none;}
.tsnewincon4list1icon{ width: 0.6rem; height: 0.5rem;}
.tsnewincon4list1icon img{ width: 100%;}
.tsnewincon4list1p{ font-size: 0.22rem; color: #FFF; font-family: arial, "microsoft yahei";; margin-top: 0.35rem;}
.tsnewincon4list1:hover{ background: #a50c00;}

.tsnewincon5{ background: #1b1b1b; padding-top: 1rem; padding-bottom: 1rem;}
.tsnewincon5titp{ font-size: 0.7rem; font-family: arial, "microsoft yahei";; color: #FFF; margin-bottom: 0.8rem;}
.tsnewincon5list{ display: flex; justify-content:flex-start; align-items:flex-start; padding: 0.4rem; box-sizing: border-box;}
.tsnewincon5listicon{ width: 10%; max-width: 0.4rem;}
.tsnewincon5listicon img{ width: 100%;}
.tsnewincon5listtext{ width:86%; margin-left: 4%;}
.tsnewincon5listtextp1{ font-size: 0.2rem;font-family: arial, "microsoft yahei";; color: #FFF;}
.tsnewincon5listtextp2{ font-size: 0.16rem;font-family: arial, "microsoft yahei";; color: #FFF; margin-top: 0.4rem;padding-bottom:0.2rem;}
.tsnewincon5listtextp3{font-size: 0.2rem;color:#ffab00; }
.tsnewincon5listtextp3:link{color:#ffab00;}
.tsnewincon5list:hover{ background: #d5372b;}
.tsnewincon5list:hover>.tsnewincon5listicon{filter: invert(100%) sepia(71%) saturate(0%) hue-rotate(69deg) brightness(114%) contrast(100%);}

.tsnewincon6{ width: 100%;}
.tsnewincon6 img{ width: 100%;}

.tsnewincon7{background: url(/assets/images/rec-process/tsninbg9.jpg) no-repeat; background-size: 100% 70%;padding: 1rem 0.25rem; text-align: center;}
.tsnewincon7tit{ font-size: 0.7rem; line-height: 0.7rem; font-family: "HelveticaNeue";}
.tsnewincon7list{ margin-top: 0.4rem;}
.tsnewincon7list1{ float: left; width: 21%; background: #FFF; text-align: left; margin: 2%; min-height: 300px;}
.tsnewincon7list1img img{ width: 100%;}
.tsnewincon7list1 dt{ padding: 0.5rem 0.5rem 0; height: 80px;}
.tsnewincon7list1tit{ padding: 0.2rem 0.5rem 0; font-family: "HelveticaNeue"; font-size: 0.26rem; height: 220px; }
.tsnewincon7list1N{  font-size: 0.14rem; font-family: "HelveticaNeue"; color: #999;  padding: 0.6rem 0.5rem 0.5rem;}
.tsnewincon7text{ display: none; font-size: 0.16rem; line-height: 0.3rem; color: #FFF; padding: 0.5rem; text-align: center;background: #d5372b;}
.tsnewincon7list1:hover>.tsnewincon7list1icon{ display: none;}
.tsnewincon7list1:hover>.tsnewincon7list1tit{ display: none;}
.tsnewincon7list1:hover>.tsnewincon7list1N{ display: none;}
.tsnewincon7list1:hover>.tsnewincon7text{ display: block; height: 430px;overflow: hidden;}


.tsnewinpart9{ margin: 1rem auto;}
.tsnewinpart9titp{ font-size: 0.7rem; line-height: 0.7rem; font-family: "HelveticaNeue"; padding-bottom: 0.7rem;}
.tsnewinpart9titp span{border-bottom: 0.02rem solid #d5372b;}
.tsnewinpart9tit1p{ font-size: 0.3rem; color: #d5372b; font-family: "HelveticaNeue"; padding-left:15px; padding-right: 15px; margin-top: 0.6rem;}
.tsnewinpart9list{ margin-top: 0.6rem;}
.tsnewinpart9list1{ margin: 8px auto;}
.tsnewinpart9list1 img{ width: 100%;}
.text-center{text-align:center;}

.container-fluid{padding-right: 15px;
padding-left: 15px;
margin-right: auto;
margin-left: auto;}

/**案例**/
.tscontent7{ background: url(/assets/images/bg04185.jpg) no-repeat; padding: 5% 3% 2%; text-align: center;}
.tscontent7p1{ font-size: 22px; line-height: 32px; color: #d5372b;}
.tscontent7p2{ font-size: 70px; line-height: 80px; margin-top: 2%; color: #000;}
.tscontent7list{ display: flex; justify-content: space-between; align-items: flex-end; position: relative; bottom: -30px;}
.tscontent7list1{ width: 18%; margin: 3% 0 0; padding: 4% 1%; z-index: 99;}
.tscontent7list1 p{ font-size: 20px; line-height: 26px;margin-top: 8%;}
/*.tscontent7sec{ padding: 6% 3% 8%; }*/
.tscontent7secp{ font-size: 36px; line-height: 46px; color: #FFF;}
.tscontent7sec ul{ margin-top: 4%;}
.tscontent7sec ul li{ margin-top: 1%; color: #FFF; font-size: 20px;}
.tscontent7sec ul li span{ color: #d5372b; font-size: 36px; line-height: 60px;}
.tscontent7line{ border-bottom: 5px solid #d5372b; width: 30px; margin-top: 8%; transition:1s width; display: inline-block;}
.tscontent7list1:hover{ background: #d5372b;}
.tscontent7list1:hover>p{ color: #FFF;}
.tscontent7icon{  height: 60px; overflow: hidden;}
.tscontent7list1:hover>.tscontent7icon img{ margin-top: -60px;}
.tscontent7list1:hover>.tscontent7line{  border-bottom: 5px solid #FFF; width: 50px;}
.tab-icon-list{display:none;background-size: cover;padding: 6% 3% 8%; text-align: left;z-index: 0;}
.tshow{display:inline-block;}
.tscontent7img1{ background: url(/assets/images/bg04186.jpg) no-repeat;}
.tscontent7img2{ background: url(/assets/images/tab-icon001.jpg) no-repeat;}
.tscontent7img3{ background: url(/assets/images/tab-icon002.jpg) no-repeat;}
.tscontent7img4{ background: url(/assets/images/tab-icon003.jpg) no-repeat;}
.tscontent7img5{ background: url(/assets/images/tab-icon004.jpg) no-repeat;}
.tscontent10btn{font-size: 18px; color: #FFF; background: #d5372b; border-radius: 50px; padding: 18px 30px; margin-top:2%; display: inline-block;}


.tscontent17{ background: #d42c25; text-align: center; padding: 6% 3%; margin: 0 -15px;}
.tscontent17p1{ font-size: 50px; line-height: 60px; color: #FFF;}
.tscontent17p2{ font-size: 38px; line-height: 48px; color: #FFF;}
.tscontent17p3{ font-size: 30px; line-height: 40px; color: #fe7f7a; margin-top: 3%;}
.tscontent17p4{ font-size: 35px; line-height: 45px; color: #FFF;}
.tscontent17btn{font-size: 18px; color: #d42c25; background: #FFF; border-radius: 50px; padding: 18px 30px; margin-top:2%; display: inline-block;}
.tscontent17btn:hover{ color: #d42c25; text-decoration: underline;}
/*地域*/
.tsarea{margin: 1rem 0px;}
.tsarea-h1{font-size: 0.56rem;line-height: 0.56rem;color: #000;margin-top: 0.55rem;}
.tsarea-list{margin-top: 1rem;}
.tsarea-list-box {width: 10%; padding: 0px;}
.tsarea-list-box img {width: 100%;
    -webkit-filter: grayscale(100%);
    -moz-filter: grayscale(100%);
    -ms-filter: grayscale(100%);
    -o-filter: grayscale(100%);
    filter: grayscale(100%);
    filter: gray;}
.img-default img{
    width: 100%;
    -webkit-filter: grayscale(0);
    -moz-filter: grayscale(0);
    -ms-filter: grayscale(0);
    -o-filter: grayscale(0);
    filter: grayscale(0);
    filter: gray;
}


@media (max-width: 768px) {
.tscontent7{ padding: 15% 3% 6%;}
/*.tscontent7 a{color:#fff;}
.tscontent7 a:link, a:visited{color:#fff;}*/
.tscontent10btn{font-size: 14px; line-height: 24px;}
.tscontent7p1{ font-size: 18px; line-height: 28px;}
.tscontent7p2{ font-size: 26px; line-height: 36px;}
.tscontent7list{ display: block; bottom: 0px;}
.tscontent7list1{ width: 100%; margin: 3% 0 0; padding: 4% 1%; box-sizing: border-box;}
.tscontent7list1 p{ font-size: 16px; line-height: 26px;}
.tscontent7sec{ padding: 8% 3% 10%;}
.tscontent7secp{ font-size: 22px; line-height: 32px;}
.tscontent7sec ul{ margin-top: 4%;}
.tscontent7sec ul li{ margin-top: 5%; font-size: 14px;}
.tscontent7sec ul li span{font-size: 22px; line-height: 32px;}
.tscontent7line{ border-bottom: 5px solid #d5372b; width: 30px; margin-top: 8%; transition:1s width;}
.tscontent7list1:hover{ background: #d5372b;}
.tscontent7list1:hover>p{ color: #FFF;}
.tscontent7icon{ height: 60px; overflow: hidden;}
.tscontent7list1:hover>.tscontent7icon img{ margin-top: -60px;}
.tscontent7list1:hover>.tscontent7line{  border-bottom: 5px solid #FFF; width: 50px;}

.tscontent17p1{ font-size: 36px; line-height: 46px;}
.tscontent17p2{ font-size: 24px; line-height: 30px;}
.tscontent17p3{ font-size: 22px; line-height: 32px;}
.tscontent17p4{ font-size: 26px; line-height: 36px;}
.tscontent17btn{font-size: 14px; line-height: 24px;}
.tsarea-list-box {width: 20%; padding: 0px;}

}


@media (max-width:1200px){ 
    html { font-size:84.375px; }
    /*tsnewindex*/
    .tsnewincon1tit{font-size: 0.36rem; line-height: 0.44rem;}
    .tsnewincon1p1{font-size: 0.48rem; line-height: 0.56rem;}
    .tsnewincon1p2{ font-size: 0.2rem; line-height: 0.26rem;}
    
    .tsnewinpart5{ display: block;}
    .tsnewinpart5list1li{ display: flex; align-items: flex-start;}
    .tsnewinpart5listlip{ margin-left: 0.3rem; width: 90%;}
    .tsnewinpart5titp1{ display: block;}
    .tsnewinpart5titp2{ display: none;}
    .tsnewinpart5list2li{ display: flex; align-items: flex-start;}
    .tsnewinpart5titp1{ font-size: 0.6rem;}
    
   /* .tsnewinkvtextbtn1{display: block;}*/
    
    .tsnewincon2tit{ font-size: 0.6rem;}
    
    .tsnewincon2{ padding-bottom: 0;}
    .tsnewincon2bg{ background: none; margin: 0;}
    .tsnewincon2text{ width: 100%;}
    
    .tsnewincon3{ display: block;}
    .tsnewincon3p{ font-size: 0.6rem;}
    .tsnewincon3img img{ width: 100%;}
    
    .tsnewinpart7titpbg{ background-size: auto 50%;}
    .tsnewinpart7titp{ font-size: 0.6rem;}
    
    .tsnewincon4titp1{ font-size: 0.6rem;}
    .tsnewincon4list1{ width: 50%; border-top: 1px solid #ee6356; min-height: 240px;}
    
    .tsnewincon5titp{ font-size: 0.6rem; line-height: 0.6rem;}
    
    .tsnewinpart9titp{ font-size: 0.6rem;}
    
    .tsnewincon7list1{ width: 96%;}
    .tsnewincon7{ background-size: cover;}
    
}

