html, body {
      position: relative;
}
html{font-size:100px}
@media screen and (max-width:768px){html{font-size:96px}}
@media screen and (max-width:414px){html{font-size:80px}}
@media screen and (max-width:375px){html{font-size:60px}}
@media screen and (max-width:320px){html{font-size:50px}}

body {
font-family: Helvetica Neue, Helvetica, Arial, sans-serif;
margin: 0;
padding: 0;
font-size: 0.16rem; 
color: #4c4c4c;
}
div,dl,dt,dd,ul,ol,li,pre,code,form,fieldset,legend,input,button,textarea,blockquote,h1,h2,h3,h4,h5,h6,p,img {
      margin:0;
      padding:0;
      font-weight:normal;
} 
.swiper-container {
      width: 100%;
      height: 100%;
}
.swiper-slide {
      text-align: center;
      font-size: 0.18rem;
      background: #fff;

      /* Center slide text vertically */
      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;
}
.swiper-slide img{ width: 100%;}
ul,li,dl,dt,dd,ol{
      display:block;
      list-style:none;
}
a{ color: #696969; text-decoration:none;} 
.clear{clear: both;} 
.left{ float: left;}
.right{ float: right;}
img{ display: block;}

.topp{ width: 100%; margin: 0.18rem 0;}
.center{ margin: 0 10%;}
.logo img{ width: 2.3rem;}
.phone{ background: url(http://tianshuihq.com/images/tel.png) no-repeat center left; height: 0.32rem; color: #fc0000; font-size: 0.3rem;padding-left: 0.36rem; line-height: 0.32rem; margin-top: 0.5%;}

.mbanner,.mcontact{ display: none;}
.nav{ margin-right: 3%;}
.nav ul{ margin-top: 0.08rem;}
.nav ul li{ float: left; padding: 0 0.22rem; position: relative; line-height: 0.4rem;}
.nav ul li a:hover{ color: #fc0000;}
.nav ul li dl{ position: absolute; padding:10% 20%; left: 0; top: 0.4rem ;background: #fff; box-shadow: 0.01rem 0.01rem 0.08rem rgba(0,0,0,.3); display: none; z-index: 999;width:110%;}
.nav ul li dl dd{  border-bottom: 0.01rem solid #ddd; line-height: 278%; width: 100%;}
.nav ul li dl dd a{ display: block; float: left;}
.nav ul li dl dd span{ float: right;}
.nav ul li dl dd:hover span{ color: #fc0000;}
.nav ul li:hover dl{ display: block;}

.banner{ width: 100%;opacity:0;}
.banner img{ width: 100%;}
.mdblx{ display: none;}

.about{width: 53%; margin: 0 auto; margin-top: 0.9rem;}
.ab_title{ text-align: center; width: 4.4rem; background: #fc0000; margin: 0 auto; color: #fff; font-size: 0.2rem; line-height: 0.32rem;opacity: 0;}
.ab-con{ line-height: 0.3rem; margin-top: 0.5rem; font-size: 0.14rem; text-align: center;opacity: 0;}

.ab_gun dl dd{ float: left;}
.red{ background: #fc0000; color: #fff;}
.hui{ background: #e6e6e6; color: #fc0000;}
.bai{background: #fff; }
.ab_gun{ margin-top: 0.5rem;opacity: 0;}
.ab_gun dl dd{ width: 25%;}
.ab_gun dl dd .yuan{ width: 1.6rem; height: 0.92rem; border-radius: 0.8rem; text-align: center; padding-top: 0.34rem; padding-bottom: 0.34rem; margin-left: auto; margin-right: auto; text-align: center;}
.ab_gun dl dd .yuan h2{}
.ab_gun dl dd .yuan h2 span{ font-weight: bold; font-size: 0.4rem;}
.ab_gun dl dd .yuan p{  width: 1.2rem; height: 0.01rem; margin: 0.13rem auto;}
.ab_gun dl dd h5{ text-align: center; margin-top: 0.2rem; font-size: 0.14rem;}


.fuwu{ margin-top: 5%; opacity: 0;}
.w1340{ width: 72%; margin: 0 auto;}
.fuwu_tit{ font-size: 0.22rem; color: #fc0000; text-align: center;}
.fuwu_tit span{ font-weight: bold;}

.fuwu_con{ position: relative; margin-top: 0.45rem;}
.fuwu_xian{ width: 100%; height: 0.02rem; background: #fc0000; position: absolute; top: 27.6%;}
.fuwu_con dl{ width: 70%; margin: 0 auto;}
.fuwu_con dl dd{ float: left; width:30%; margin-right: 5%;}
.fuwu_tb{ width:  0.62rem; margin: 0 auto;}
.fuwu_tb img{width: 0.62rem;}
.fuwu_dian{  margin: 0 auto; margin-top: 4.6%; margin-bottom: 0.12rem; background: #fc0000; width: 0.08rem; height: 0.08rem; border-radius: 0.04rem;}
.fuwu_zi{ text-align: center; font-size: 0.18rem; font-weight: bold; color: #fc0000; margin-bottom: 0.14rem;}
.fuwu_kuang{ font-size: 0.14rem;box-shadow: 0.01rem 0.01rem 0.08rem rgba(0,0,0,.3); line-height: 0.26rem; }
.fuwu_kuang p{ padding: 0.2rem; height: 1.04rem;}
.hongxian{ height: 0.07rem; width: 100%; background: #fc0000;}
.fuwu_kuang:hover{ background: #fc0000; color: #fff;}



.why{ width: 100%; margin-top: 5%;}
.tym {text-align: center; opacity: 0;}
.tym h2{ color: #a3a3a3; font-size: 0.22rem; font-family: "microsoft yahei";}
.tym h4{ height: 0.02rem; width: 1.46rem; margin: 0.14rem auto; background: #fc0000;}
.tym h3{ font-size: 0.22rem; color: #fc0000; font-weight: bold;}
.why dl{ background: #fc0000; color: #fff; padding: 5% 0; margin-top: 4%; text-align: center;}
.why dl dd{ width:13.9%; padding: 0 3%; border-right: 0.01rem solid #fff; float: left; opacity: 0;}
.why dl dd h2{ font-size: 0.18rem; font-weight: bold;}
.why dl dd h3{ margin-top: 0.15rem; margin-bottom: 0.3rem;}
.why dl dd h4{ width: 20%; margin: 0 auto;}
.why dl dd h4 img{ width: 100%;}
.why dl dd p{ font-size: 0.12rem; margin-top: 0.35rem;}

.tym h5{ background: #fc0000;width: 1.16rem;font-weight: bold; font-size: 0.22rem; color: #fff; text-align: center; line-height: 0.26rem; margin: 0.12rem auto 0.3rem auto;}

.xcc{ margin-top:5%; width: 100%; }
.xcc ul{ margin-top: 3.4%;}
.xcc ul li{ width: 33.33%; float: left;overflow: hidden;}
.xcc ul li a{ position: relative; display: block;}
.xcc ul li a .cp_img img{ width: 100%;}
.xcc ul li a .fugai{ position: absolute;top: 0; left: 0; background: rgba(252,0,0,.8); width: 100%; height: 100%; text-align: center; color: #fff; opacity: 0;}
.xcc ul li a .fugai h2{ width: 0.66rem; margin: 0 auto; margin-top: 16%; opacity: 0;}
.xcc ul li a .fugai p{ margin: 5% 0 3% 0; font-size: 0.22rem; font-weight: bold; opacity: 0;}
.xcc ul li a .fugai h3{ font-size: 0.12rem; opacity: 0;}
.xcc ul li a:hover .fugai{ opacity: 1;transition:all 0.8s;}
.xcc ul li a:hover .fugai h2{ opacity: 1;transition:all 0.8s;}
.xcc ul li a:hover .fugai p{ opacity: 1;transition:all 0.8s;}
.xcc ul li a:hover .fugai h3{ opacity: 1;transition:all 0.6s;}
.xcc ul li a:hover .cp_img{transform: scale(1.3); transition: all 0.4s;}
.more{   margin: 0 auto; margin-top: 0.46rem;width: 1.36rem;  opacity: 0;}
.more a{ display: block; width:100%;height:  0.32rem;;border-radius: 0.02rem; border: #171717 solid 0.01rem;text-align: center; line-height: 0.32rem; color: #171717;}
.more a:hover{ background: #fc0000; color: #fff;border: #fc0000 solid 0.01rem;}


.mtp11{ margin-top:5%;}
.tym h6{ background: #fc0000;font-weight: bold; font-size: 0.22rem; color: #fff; text-align: center; line-height: 0.26rem; margin: 0.12rem auto 0 auto;}
.w24{ width: 2.4rem; margin-bottom: 0.6rem!important;}
.cho_bg{ background: #fc0000; padding: 3% ;}
.cho_bg img{ width: 100%;}

.w186{ width: 1.86rem;margin-bottom: 0.38rem!important;}

.news_bg{ background: #f0f0f0; padding: 0.5rem 0 0.2rem 0;}
.w1760{width: 90%; margin: 0 auto;}
.news_bg ul{ display: flex;flex-wrap: wrap; }
.news_bg ul li{  width: 24.5%; margin:0 0.25% 2.5% 0.25% ; opacity: 0;}
.news_bg ul li .news_img{ width: 100%; overflow: hidden;}
.news_bg ul li .news_img img{ width: 100%; transition: all 0.6s;}
.news_bg ul li .news_img img:hover{transform: scale(1.5); transition: all 0.6s;}
.news_bg ul li h2{ font-weight: bold; text-align: center; font-size: 0.16rem; margin: 0.2rem 0 0.06rem 0;}
.news_bg ul li h3{ font-size: 0.14rem; color: #7f7f7f; padding: 0 6%;}


.foot_bg{ width: 100%;margin-top: 1.3rem; background: url(http://tianshuihq.com/images/fbg.jpg) no-repeat center; color: #ccc; font-size: 0.2rem; line-height: 1.13rem; font-family: 楷体; opacity: 0;}
.foot_bg img{ width: 100%;}

.foot{ width: 100%; opacity: 0;}
.foot_nav{background: #39393b; width: 100%; padding: 4% 0; color: #aaa;font-size: 0.14rem;}
.w1040{ width: 10.4rem; margin: 0 auto;}
.foot_left{ float: left; width: 36%;}
.foot_left h3{ margin-top: 0.34rem; font-weight: bold;font-size: 0.14rem;}
.foot_left h4{font-weight: bold; margin-top: 0.5%;font-size: 0.14rem;}

.foot-right{ float: right; width: 54%;}
.foot-right ul li{ float: left; margin-left:8%;}
.foot-right ul li a{ color: #aaa;}
.foot-right ul li h2{ font-size: 0.14rem; font-weight: bold; }
.foot-right ul li h3{ width: 0.2rem; height: 0.02rem; margin-top: 10%; font-size: 0.14rem; background: #fc0000;}
.foot-right ul li p{ margin-top: 0.15rem; font-size: 0.12rem;}


.dbdh{ width: 10.4rem; margin: 0 auto; display: flex; flex-wrap: wrap; justify-content: space-between;}
.dbdh .foot_left{ width: 36%;}
.foot_right1{  width: 36%;}
.foot_right1 h2{ color: #f00; text-align: right;}
.foot_right1 h3{ font-weight: bold; font-size: 0.3rem; color: #f00; margin-top: 0.1rem;text-align: right; background: url(http://tianshuihq.com/images/foo_tel.png) no-repeat 38% center;}
.foot_right1 dl{ margin-top: 0.2rem; display: flex; flex-wrap: wrap; justify-content: space-between;}
.foot_right1 dl dd{ margin-left: 0.15rem; margin-bottom: 0.08rem;}
.foot_right1 dl dd a{color: #ddd;}

.foot_right2{ width: 14%;}
.foot_right2 p{ line-height: 0.3rem;}
.foot_right2 img{ width: 100%;}

.footer{ width: 100%; background: #000; color: #aaa; font-size: 0.14rem; line-height: 0.5rem; text-align: center;}



/********.toolbar1*********/
/********.fixtool*********/
.toolbar{width: 52px; position: fixed; right: 0.5%; top: 42%; z-index: 999; display:block;opacity: 0;}
.toolbar dd{width: 51px; height: 51px; margin-bottom: 1px; position: relative;  margin-top:4px; background-color:#424242; border-radius: 8px;}
.toolbar dd i{width: 51px; height: 51px; display: block; position: absolute; left: 0; top: 0; cursor: pointer; text-align: center;}
.toolbar dd i span{width: 35px; height: 35px; display: block; margin: 9px 0 0 8px; *margin: 7px 0 0 0; background: url(../images/rightfixicon.png) no-repeat 0 0;}
.toolbar dd.gottop{display: none;}
.toolbar .slide-tel{display: block; width: 0; height: 52px; line-height: 52px; font-size: 20px; font-family: arial; color: #FFF; position: absolute; padding: 0 0 0 50px; top: 0; right: 0; overflow: hidden;}
.toolbar .pop{position: absolute; right: 90px; top: -65px; background: #fc0000; display: none;}
.toolbar .pop-code{width: 120px; padding: 10px 10px 0;}
.toolbar .pop-code img{width: 120px; height: 120px; display: block;}
.toolbar .pop-code h3{ line-height:30px; text-align: center; color: #f2e8e1; font-size: 14px; font-weight: 400; white-space: nowrap;}
.toolbar .qq span{background-position:-39px -47px;}
.toolbar .qq a{width: 52px; height: 52px; cursor: pointer; display: block;}
.toolbar .qq:hover{background-color:#fc0000; border-radius: 8px;}
.toolbar .qq:hover span{background-position: -36px -47px; }
.toolbar .tel span{background-position:-36px 0;}
.toolbar .tel:hover{background: #fc0000; border-radius:8px;}
.toolbar .tel:hover span{background-position: -36px 0;}
.toolbar .code span{background-position:-36px -95px;}
.toolbar .code:hover{ background-color:#fc0000;  border-radius: 8px;}
.toolbar .code:hover span{background-position:-36px -95px;}
.toolbar .top span{background-position: -36px -142px;}
.toolbar .top:hover{ background-color:#fc0000;  border-radius: 8px;}
.toolbar .top:hover span{background-position: -36px -142px; }
.toolbar dd:hover{}

/* 关于我们 */
.gywm{ width: 100%;position: relative; }
.gywm img{ display: block; width: 100%;}
.gywm .gywm_nr{ position: absolute; width: 8.2rem; right: 10%; top: 20%; text-align: center; opacity: 0;}
.gywm .gywm_nr h2{ color: #fe0100; font-size: 0.22rem;}
.gywm .gywm_nr h3{  height: 0.02rem; width: 0.44rem; background: #fe0100; margin: 2% auto 2% auto;}
.gywm .gywm_nr h4{ font-size: 0.4rem; font-weight: bold;  margin-bottom: 3%;}
.gywm .gywm_nr p{color: #4a4a4a; font-size: 0.12rem; line-height: 0.3rem;}
.gywm_wh{width: 100%; }
.gywm_wh img{width: 100%}

.yzbt{ background: url(http://tianshuihq.com/images/yzbt.jpg) no-repeat center; padding: 1.6rem 0 2.1rem 0; opacity: 0;}
.daziti{ font-size: 0.3rem; line-height: 0.5rem; color: #fff; text-align: center;}
.xiaozt{ font-size: 0.14rem; text-align: center; color: #fff; margin: 0.1rem 0 0.2rem 0;}
.zhongzt{ font-size: 0.3rem; color: #fff; text-align: center;}



.hsxt{ width: 100%; background: #ff0000; font-size: 0.4rem; text-align: center; line-height: 0.68rem; color: #fff;}
.gywm_lc{ margin-top: 1.4rem;}
.w1320{ width: 13.2rem; margin: 0 auto;}
.gywm_lc1{ float: left;}
.gywm_lc1 h3{ color: #f00; font-size: 0.34rem;}
.gywm_lc1 h4{  margin-top: 0.06rem;}
.gywm_lc1 h5{ margin-top: 0.08rem;}
.gywm_lc2{ float: left; width: 3.9rem; color: #4c4c4c; margin-left: 0.8rem; font-size: 0.14rem; line-height: 0.26rem;}
.lc_tubiao{ margin-top: 0.8rem; }
.lc_tubiao ul{ width: 13.2rem; margin: 0 auto; display: flex;flex-wrap: nowrap; justify-content: space-between;}
.lc_tubiao ul li{ width: 8%; opacity: 0;}
.lc_tubiao ul li h2{ height:1.05rem; border-radius: 0.525rem; border: #d7d7d7 0.01rem solid;}
.lc_tubiao ul li h2 img{ width: 50%; margin: 0 auto; vertical-align: middle; margin-top: 25%;}
.lc_tubiao ul li h3{ text-align: center; color: #f00; font-weight: bold; margin: 0.15rem 0;}
.lc_tubiao ul li h4{ font-size: 0.12rem;  text-align: center;}

.dblx{ width: 100%; opacity: 0;}
.dblx ul{width: 12.14rem; margin: 1.5rem auto 0 auto; font-size: 0.12rem;}
.dblx ul li{ float: left; height: 1.55rem; padding-left: 0.3rem; padding-right: 1rem; width: 18%;}
.dblx ul li img{ margin-top: 2%;}
.dblx ul li p{ margin-top: 5%;}
.dblx ul .erweima{ float: left;}


/* 联系我们 */

.contact{ width: 100%;}
.contact img,.mcontact img{ width: 100%;}
.bddt{ width: 12.14rem; margin:1.3rem auto 0 auto;}


/* 观点 */
.gd{ width: 100%; opacity: 0;}
.gd img{ width: 100%;}
.huise{ background: #eee;}
.jzg{ z-index: 99;position: relative;width:64%; margin: 0 auto; height:  6rem;}
.jzg ul{  text-align: center; position: absolute; top: -2rem; left: 0; width: 100%;}
.jzg ul li{ background: #fff; box-shadow: 0 0 0.02rem 0.02rem rgba(0,0,0,.1); margin-bottom: 0.4rem; padding: 0.8rem 0; opacity: 0;}
.jzg ul li h2{ font-size: 0.24rem; }
.jzg ul li h3{ font-size: 0.12rem;color: #000; line-height: 0.2rem;}
.jzg ul li h4{ width: 3rem; background: #fe0100; height: 0.03rem; margin: 1% auto;}
.jzg ul li p{ color: #1f1f1f; font-size: 0.12rem; line-height: 0.3rem;}
.jzg ul li h5{ margin-top: 2%; font-size: 0.3rem;color: #fe0100;}
.yuanze{ text-align: center;padding: 0.6rem 0; opacity: 0;}
.yuanze>h2{ font-size: 0.35rem; color: #fe0100;  }
.yuanze>h3{ font-size: 0.14rem; color: #525252; margin: 1% 0;}
.yuanze>h4{width: 3rem; background: #fe0100; height: 0.03rem; margin: 1% auto;}
.yuanze>p{ }
.yuanze img{ width: 100%;}

.gd_ul{ width: 80%; margin: 0.8rem auto;}
.gd_ul ul{ display: flex; flex-wrap: nowrap; justify-content: space-between; }
.gd_ul ul li{ width: 16%; border: 0.02rem solid #fe0000; padding: 3%; opacity: 0;}
.gd_ul ul li>h3{ width: 100%; height: 0.5rem; line-height: 0.5rem; text-align: center; font-size: 0.16rem; font-weight: bold; color: #fff;}
.gd_ul ul li>h4{ font-size: 0.12rem; margin-top: 0.1rem; line-height: 0.24rem;}
.hongse{ background: #fe0000;}
.heise{background: #000;}


/* 动态 */
.newslist_bt{ font-size: 0.18rem; }
.newslist_bt h2{ float: left; width: 20%; color: #959595; font-weight: lighter; }
.newslist_bt h2 span{ color: #fd0000; font-weight: bold;}
.newslist_bt h3{  width: 80%; height: 0.02rem; background: #dedede; float: right; margin-top: 0.19rem;}
.mbt5{ margin-bottom: 5%;}

/* 新闻详情 */
.detail{ width: 60%; margin: 5% auto;}
.detail h2{ width: 1.92rem; height: 0.02rem; background: #fe0100;}
.detail h3{ margin-top: 0.5rem; font-size: 0.3rem; color: #585858; }
.detail h4{ margin-top: 0.1rem;}
.detail h5{ margin-top: 0.1rem;}
.detail img{ width: 100%;}
.detail p{ font-size: 0.2rem; color: #585858; line-height: 0.36rem;} 
.xq_xk{ margin-bottom: 0.5rem;}



/* 宣传册 */
.xcc_about{  opacity: 0;}
.w850{ width: 8.5rem; margin:0.9rem auto;}
.xcc_bt{font-size: 0.3rem; font-weight: bold; text-align: center; margin-bottom: 0.55rem;}
.xcc_about p{ font-size: 0.12rem; color: #5d5d5d; line-height: 0.28rem; text-align: center;}
.xcc_about ul{ margin-top: 0.9rem;}
.xcc_about ul li{ float: left; width: 25%;  text-align: center;color: #fe0100;}
.xcc_about ul li h2{  font-size: 0.14rem; font-weight: bold;}
.xcc_about ul li h2 span{font-weight: bold; font-size: 0.36rem;}
.xcc_about ul li h3{ font-size: 0.16rem; margin-top: 0.06rem;}

.xcc_1{ background:#e9e9e9; padding: 0.9rem 0; opacity: 0;}
.w930{ width: 9.3rem; margin: 0 auto;}
.xcc1_center h2{  font-size: 0.25rem; text-align: center;}
.xcc1_center h3{ width: 1.65rem; height: 0.02rem; background: #fe0100; margin: 0.2rem auto;}
.xcc1_center h4{ font-size: 0.28rem; text-align: center; color: #fe0100; font-weight: bold;}
.xcc1_center ul{ margin-top: 1rem;text-align: center;}
.xcc1_center ul li{ width: 1.6rem; height: 1.6rem; border-radius: 1rem; display: inline-block; margin-right: 7%; color: #fff; text-align: center;}
.fc{ background: #5c5c5c;}
.fc:hover{background: #fe0000;}
.fe{ background: #fe0000;}
.fe:hover{background: #5c5c5c;}
.xcc1_center ul li h5{ font-size: 1.25em; font-weight: bold; margin-top: 0.3rem; margin-bottom: 0.1rem;}
.xcc1_center ul li p{ font-size: 0.12rem;}
.xcc1_nav{ background: #fe0100; line-height: 0.68rem; color: #fff;}
.xcc1_nce { width: 8rem; margin: 0 auto; }
.xcc1_nce a{ color: #fff; font-size: 0.16rem;}

.why h1{ font-size: 0.12rem; margin-top: 0.3rem; line-height: 0.36rem;}

.xcc_ys{ background: #eee; padding:1rem 0;}
.xcc_ys h2{ text-align: center; color: #434343; font-weight: bold; font-size: 0.32rem; opacity: 0;}
.xcc_ys h2 span{ color: #f00;}
.xcc_ys ul{ width: 11rem; margin:0.5rem auto 0 auto; display: flex;flex-wrap: wrap; justify-content: space-between;}
.xcc_ys ul li{ width: 46%;box-shadow:  0.01rem 0.01rem 0.08rem rgba(0,0,0,.3); background: #fff; padding: 0.3rem 0 0.6rem 0; margin-top: 0.4rem;opacity: 0;}
.xcc_ys ul li h3{ color: #fff;  background: #f00; padding-left: 0.3rem; padding-right: 0.1rem; font-size: 0.26rem;  font-weight: bold;  line-height: 0.4rem;}
.xcc_ys ul li h4{ padding-left: 0.3rem; font-size: 0.2rem; color: #b0b0b0; margin: 0.1rem 0;}
.xcc_ys ul li h5{ padding-left: 0.3rem; color: #010101; line-height: 0.3rem;}

.xcc_wa{ background: url(http://tianshuihq.com/images/xccbg.jpg) center; background-size: cover; width: 100%; padding: 0.6rem 0; margin-top: 0.5rem; }
.xcc_wa ul{ width: 80%; margin: 0 auto;}
.xcc_wa ul li{ float: left; height: 1.62rem; width: 48%; margin-right: 2%; margin-bottom: 1.3%;opacity: 0;}
.xcc_wa ul li:nth-child(even){ margin-right: 0;}
.xcc_shu{ font-family: impact; font-size: 1rem; line-height: 1.62rem; color: #fff; text-align: center; background: #fe0100; width: 18%;}
.xcc_wzi{ width: 72%; height: 1.62rem; background: #fff; padding-right: 10%;}
.xcc_dbt{ float: left; margin: 5%; width: 0.56rem;}
.xcc_dbt h3{ font-size: 0.28rem; color: #fe0100; font-weight: bold;}
.xcc_dbt h4{width: 90%; height: 0.02rem; background: #c4c4c4; margin-top: 0.02rem;}
.xcc_xbt{ margin-top: 5.1%; font-size: 0.12rem;  line-height: 0.28rem; color: #010101;}
.xcc_wzi:hover{ background:#fe0100;}
.xcc_wzi:hover .xcc_dbt h3{ color: #fff;}
.xcc_wzi:hover .xcc_dbt h4{ background: #fff;}
.xcc_wzi:hover .xcc_xbt{ color: #fff;}
.xcc_2{ margin-top: 1rem; }
.xcc_2 ul{ margin:3% auto; width: 70%;}
.xcc_2 ul li{ float: left; width: 23%; margin-right: 2%; background: #eeeeee; text-align: center;opacity: 0;}
.xcc_2 ul li:hover{background: #fe0000; }
.xcc_2 ul li h2{ font-size: 0.3rem; font-weight: bold; line-height: 0.8rem; background: #fe0000; color: #fff;}
.xcc_2 ul li div{ font-size: 0.14rem; color: #010101; line-height: 0.3rem; padding: 0.5rem 0; height: 1.3rem;}
.xcc_2 ul li:hover div{ color: #fff;}

.xcc_3{ margin-top: 1rem;}
.xcc3_bg{ background: #eee; margin-top: 3%; padding: 3% 0; opacity: 0;}
.xcc3_bg ul{ width: 74%; margin:0 auto; padding: 3%; background: #fff;}
.xcc3_bg ul li{ float: left; width: 23%; padding: 1%; border-bottom: 0.01rem solid #f0f0f0;}
.xcc3_bg ul li h2{ font-size: 0.16rem; color: #494949; line-height: 0.5rem;}
.xcc3_bg ul li h2 span{ display: inline-block; width: 0.12rem; height: 0.12rem; border-radius: 0.06rem; background: #f00;}
.xcc3_bg ul li h3{ float: left; font-size: 0.12rem; color: #828282; margin-left: 0.2rem;}
.xcc3_bg ul li h4{ float: right; font-size: 0.1rem; color: #828282;  vertical-align: middle;}
.xcc3_bg ul li h4 img{ display: inline-block; vertical-align: middle;}
.xcc3_bg ul li a:hover{ color: #f00;}


/* 活动庆典 */
.hdqd_hd{ width: 100%; margin: 1rem 0; opacity: 0;}
.hdqd_hd ul{ width: 53%; margin: 0 auto;}
.hdqd_hd ul li{ float: left; width: 24%; text-align: center; border-right: 0.02rem #fe0100 solid; color: #fe0000;}
.hdqd_hd ul li h2{ font-size: 0.16rem;}
.hdqd_hd ul li h2 span{ font-size: 0.26rem; font-weight: bold;}
.hdqd_hd ul li h3{ margin-top: 0.1rem;}
.hdqd1{ margin-top: 1rem;}
.hdqd_bg{ background: #313131; padding-top: 1rem; margin-top: 0.5rem;}
.hdqd_bg ul{ display: flex; flex-wrap: wrap;justify-content: space-between;}
.hdqd_bg ul li{ color: #fff;  width: 25%; margin-bottom: 1rem; opacity: 0;}
.hdqd_szi{ width: 2.3rem; margin: 0 auto;}
.hdqd_szi h2{font-family: impact; font-size: 0.8rem; font-weight: bold; color: #fe0000; float: left;}
.szi_right{ float: left; margin-left: 0.05rem; width: 1.7rem; text-align: center; margin-top: 0.1rem;}
.szi_right h3{ font-weight: bold; font-size: 0.18rem; }
.szi_right h4{ width: 100%; height: 0.02rem; background: #fff; margin: 0.05rem 0;}
.szi_right h5{font-size: 0.18rem; font-weight: bold;}
.hdqd_bg ul li p{ font-size: 0.12rem; text-align: center; margin-top: 0.1rem;}

.hdqd2{ margin-top: 1rem;}
.hdqd2_nav{ margin: 0.5rem auto 0 auto; width: 70%; opacity: 0;}
.hdqd2_nav ul{ display: flex; flex-wrap: wrap; justify-content: space-around;}
.hdqd2_nav ul li{  width: 16%;  text-align: center; margin-bottom: 3%; margin-right: 4%;}
.hdqd2_nav ul li a{ display: block; color: #fff; background: #fe0000; height: 0.8rem; border-radius: 0.1rem;}
.hdqd2_nav ul li a h2{ font-size: 0.2rem; padding-top: 0.2rem;}
.hdqd2_nav ul li a h3{ font-size: 0.14rem;}
.hdqd2_nav ul li a:hover{ background: #5b5b5b;}

.qdhd_imgbg{ width: 100%; margin-top: 1rem; opacity: 0;}
.qdhd_imgbg img{ width: 100%;}

.qdhd3{ margin-top: 1rem;}
.qdhd_ys{ margin: 0.5rem auto 0 auto; width: 70%; opacity: 0;}
.qdhd_ys ul{ display: flex; flex-direction: row; flex-wrap: wrap; justify-content: space-between;}
.qdhd_ys ul li{ width: 31%; background: #e6e6e6; overflow: hidden;height: 4.95rem; text-align: center; padding-bottom: 2%;}
.qdhd_ys ul li img{ width: 100%;transition: all 0.6s;}
.qdhd_ys ul li img:hover{transform: scale(1.1); transition: all 0.6s;}
.qdhd_ys ul li h3{ font-size: 0.22rem; font-weight: bold; margin-top: 0.2rem; margin-bottom: 0.2rem;}
.qdhd_ys ul li p{ font-size: 0.14rem; padding: 0 8%; text-align: left; line-height: 0.26rem;}
.qdhd_ys ul li:hover{ background: #fe0000; color: #fff;}


/* 详情 */
.jcal{ margin: 1rem 0; width: 100%;}
.jcal ul{ margin: 0.8rem auto 0 auto; width: 90%; display: flex; flex-direction: row; flex-wrap: wrap; justify-content: space-between;}
.jcal ul li{ width: 20%; overflow: hidden;}
.jcal ul li img{ width: 100%;transition: all 0.6s;}
.jcal ul li:hover img{transform: scale(1.1); transition: all 0.6s;}



/* container */
*:before,*:after{margin:0;padding:0;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
.container{width:12rem;margin:0 auto; }
.upp{text-transform:uppercase}
.page-banner .m-banner{display:none}
.page-banner{position:relative}
.page-banner .tex{position:absolute;width:100%;left:0;top:40%;color:#fff;text-align:center;font-family:pingfang}
.page-banner .tex .con p:nth-child(1){font-size:.4rem;letter-spacing:0.03rem;color:#fff}
.page-banner .tex .con p:nth-child(2){margin:0.1rem 0;font-size:.25rem;line-height:0.32rem;letter-spacing:1px;font-weight:100}
.page-banner .tex .con .ts_gs{display:inline-block;padding:0.05rem 0.2rem;font-size:.26rem;border:2px solid #fff;font-weight:bold}
.about-intro,.bz_title,.ts_gtxz{font-family:pingfang;text-align:center;padding-top:.4rem; opacity: 0;}
/* .bz_title{ padding-top: 1rem;} */
.eg{color:#9c9c9c;font-size:.35rem;letter-spacing:2px;font-weight:300;margin-bottom:.1rem;font-weight:100;font-family:pingfang}
.ts_ab{display:inline-block;padding:0.05rem 0.4rem;vertical-align:middle;-webkit-transition:all .25s;border:1px solid #ff0004;color:#ff0004;/* font-weight:bold;*/transition:all .25s;border-radius:20rem;font-size:.28rem;margin-bottom:.4rem;margin-top:.05rem}
.ts_advr{background:#ff0000;color:#fff;padding:0 .2rem;display:inline-block}
.about-intro p{line-height:.36rem;font-size:.16rem;margin-bottom:.6rem}
.show_intro{width:78%;margin:0 auto}
.show_intro p{line-height:.36rem;font-size:.14rem;margin-bottom:.6rem}
.ts_bz .show_intro{padding-top:.4rem;}
.show_clist{text-align:center;display:flex;flex-wrap:wrap;justify-content:space-around;padding-bottom:1rem}
.show_clist em{display:inline-block;border:1px solid #666;width:30%;margin-bottom:.2rem;font-size:.18rem;font-style:normal;text-align:center;padding:.2rem 0;height:1.12rem;display:table-cell;vertical-align:middle;display:flex;align-items:center;justify-content:center;text-align:justify;text-align:center; opacity: 0;}
.show_clist em:hover{background:#ff0000;color:#fff}
.show_sp{background:#39393b;padding:.5rem 0; opacity: 0;}
.show_sp ul{display:flex;flex-wrap:wrap;justify-content:space-around;margin:.8rem 0 .4rem 0}
.show_sp ul li{width:42%;background:#fff;border-radius:0.1rem;padding:.2rem;margin-bottom:.5rem}
.abc{background:#ff0000;color:#fff;margin-top:-.35rem;/* width:1.2rem;*/float:left;padding:.3rem .2rem;border-radius:10px;/* margin-right:.4rem;*/}
.abc i{display:inline-block;font-size:1rem;font-style:normal;line-height:.8rem;margin-right:.15rem;font-family:pingfang;font-weight:100}
.abc h2{float:right;font-weight:bold;font-family:pingfang}
.abc h2 span{font-size:.15rem;display:block}
.abo_list{float:right;width:67%}
.ss_l{float:left;width:50%}
.ss_l47{width:47%  }
.show_listname h4{font-weight:bold;font-size:.18rem;margin-bottom:.1rem;color:#000}
.show_listname{position:relative;padding-bottom:.05rem;margin-bottom:.05rem;color:#646464}
.show_listname::before{content:' ';position:absolute;height:1px;bottom:0;left:0;background:#ff0004;width:1.7rem}
.show_listname:last-child::before{height:0}
.show_listname:first-child::before{height:1px}
.center{text-align:center}
.ts_adv{color:#ff0004;display:inline-block;font-weight:bold;font-size:.28rem;border-top:2px solid #ff0004;padding-top:.1rem}
.ts_advn{color:#000;display:inline-block;font-size:.28rem;border-top:2px solid #ff0004;padding-top:.1rem}
.ab_list{margin-top:.5rem}
.ab_list ul,.ab_lists ul,.film_lists ul{display:flex;justify-content:space-around;}
.ab_list ul{ flex-wrap: wrap;}
.ab_list ul li{width:23.4%;background:#434343;border-radius:0.2rem;box-shadow:0 10px 15px #dadada;position:relative;height:1.8rem}
.ab_list ul li:nth-child(2n){background:linear-gradient(to bottom,#fd1115,#ff0004);border-radius:20px;box-shadow:0 10px 15px #dadada;position:relative;height:1.8rem}
.ab_lists{width:90%;margin:0 auto;margin-bottom:1rem; opacity: 0;}
.ab_lists ul li{width:18%;margin-right:.2rem;background:#ff0000;color:#fff;text-align:center;border-radius:16px;padding:.6rem 0;position:relative}
.ff0{background:linear-gradient(180deg,#ff0101 50%,transparent);position:absolute;width:100%;height:100%;top:0;border-radius:16px;z-index:0;transition:all .5s}
.ab_lists ul li:hover .ff0{background:rgb(255 1 1 / 82%)}
.film_five{text-align:center;padding:.8rem 0; opacity: 0;}
.ts_advra{background:#ff0000;color:#fff;padding:0 .2rem;display:inline-block;font-size:.2rem;margin-bottom:.4rem}
.film_lists ul li{width:22%;margin-right:.4rem;background:#ff0000;color:#fff;text-align:center;border-radius:16px;padding:1.26rem 0;position:relative;transition:all .5s;}
/* .film_lists ul li:hover .ff0{background:rgb(255 1 1 / 82%)} */
.film_lists ul li:hover{box-shadow:3px 3px 15px 0px #c5c5c5;margin-top:-.05rem}
.film_lists ul li:nth-child(2n):hover{box-shadow:3px 3px 15px 0px #c5c5c5;}
.film_lists ul li:nth-child(2n) .ff0{background:linear-gradient(180deg,#303030 60%,transparent)}
/* .film_lists ul li:nth-child(2n):hover .ff0{background:rgb(49 49 49 / 91%)} */
.smg{background:#303030;color:#fff;display:inline-block;padding:.05rem .3rem;border-radius:20px;margin-top:.1rem;position:relative;z-index:1;font-size:.16rem}
.film_lists ul li:nth-child(2n) .smg{background:#ff0000}
.film_every{background:#ff0000;margin:1rem 0;padding:.2rem 1.6rem;display:flex;align-items:center}
.film_every a,.film_every img{margin-right:1.1rem}
.film_every a:last-child{margin-right:0}
.film_every a span{color:#ffc8c8;display:block}
.film_every a h3{font-weight:bold;color:#000;font-size:.4rem}
.film_every a  em{font-style:normal;color:#fff}
.film_every img{/* vertical-align:middle;*/width:.5rem;height:.5rem;/* display:inline-block;*/align-items:center}
.repe{background:#000;padding:.1rem 0;width:100%;margin:0.6rem 0;}
.repebg{background:url(http://tianshuihq.com/images/repe.png) repeat-x;height:.35rem;background-size:contain}
.film_ct ul{display:flex}
.film_ct ul li{background:#fff;width:20%;margin-right:.2rem;padding:0.1rem .3rem; opacity: 0;}
.film_ct ul li:first-child,.film_ct ul li:last-child{width:10%}
.film_ct ul li:last-child{margin-right:0rem}
.up{border-bottom:1px solid #d6d6d6;margin-bottom:.2rem}
.up .zl-zz{font-style:normal;font-family:pingfang;font-size:.6rem;font-weight:100;color:#ff0000;display:inline-block;margin-right:.1rem}
.up h3{display:inline-block}
.up span{display:block;font-weight:bold;color:#ff0000}
.down{line-height:.25rem; font-size: 0.14rem;}
.film_fwxm{background:url(http://tianshuihq.com/images/fwxmbg.jpg) no-repeat;background-size:100%;padding:2rem;margin-top:1rem;overflow:hidden;margin-bottom:.5rem}
.fwxm_left{float:left;font-size:.25rem}
.fwxm_right{float:right;font-size:.25rem}
.align_items{display:flex;justify-content:space-around;/* padding-bottom:1rem;*/}
.align_items>div{display:flex;align-items:center;justify-content:center;text-align:justify;text-align:center}
.film_rn{background:#ff0000;color:#fff;padding:0 .4rem;font-weight:bold}
.film_bn{background:#eee;color:#000;/* padding:1rem;*/margin-top:.2rem;padding:0 .4rem;font-weight:bold}
.film_rns{background:#ff0000;color:#fff;/* padding:1rem;*//* background:#ff0000;*//* color:#fff;*/padding:.1rem 0.4rem;font-weight:bold;margin-top:.4rem}
.film_rnn{background:#ff0000;color:#fff;padding:0 .4rem;font-size:.15rem;font-weight:bold}
.film_intro{clear:both;/* overflow:hidden;*/padding-top:.06rem;position:relative;width:100%}
.film_intro:before{content:' ';width:110%;height:.06rem;background:#fff;position:absolute;top:0;left:-5%}
.film_intro p{writing-mode:vertical-rl;height:3rem;display:inline-block;color:#fff;background:hsl(0deg 0% 0% / 40%);font-size:.13rem;padding:.2rem .1rem;line-height:.22rem;margin:0 20px;/* width:130px;*/}
.film_flex{}
.film_intro .fwxm_right p:last-child{margin:0 .6rem;padding:.2rem .3rem}
.film_intro .fwxm_right p:nth-child(2){margin-right:.6rem}
.ab_lists ul li:last-child,.film_lists ul li:last-child{margin-right:0}
.ab_lists ul li h2,.film_lists ul li h2{position:relative;z-index:1;font-size:.3rem;font-weight:bold}
.ab_lists ul li h2 span,.film_lists ul li h2 span{display:block;font-size:.14rem;margin-top:.1rem;font-family:pingfang;font-weight:100}
.show_yd{background:#e5e5e5;width:100%;height:.4rem;text-align:center;margin-bottom:.8rem;}
.show_yd em{display:inline-block;font-style:normal;background:#ff0000;color:#fff;padding:.1rem .2rem;margin:0 .1rem;margin-top:-.1rem;font-size:.25rem;font-family:pingfang; opacity: 0;}
.zl-bg{background:#434343;border-radius:20px;height:100%;height:100%;background-size:100% 100%;transition:all .5s;position:relative}
.ab_list ul li:hover .zl-bg{width:0px;height:0px}
.zl-bgr{background:linear-gradient(to bottom,#fd1115,#ff0004);border-radius:20px;height:100%;height:100%;background-size:100% 100%;transition:all .5s;position:relative}
.ab_list ul li:hover .zl-bgr{width:0px;height:0px}
.zl-nav{position:absolute;top:0;left:0;padding:.5rem .2rem;width:94%;height:100%;color:#fff}
.zl-nav span{display:block;line-height:65px;color:#fff;border-radius:100%;text-align:center;font-size:.6rem;float:left;margin-right:12px;font-weight:100}

.whq_yright{ float: left; width: 70%;}
.zl-nav h2{font-size:28px;font-weight:bold;text-align:left;margin-bottom:.1rem}
.zl-nav .zl-zz{text-align:left;font-size:.14rem}
.ts_td{width:100%;background:#f9f9f9;padding:.8rem 0;margin:.5rem 0;margin-bottom:0; opacity: 0;}
.ts_td ul{display:flex;justify-content:space-around}
.ts_td ul li{padding:.2rem .5rem;border-left:1px solid #dadada}
.ts_td ul li:last-child{border-right:1px solid #dadada}
.ts_td ul li .sq_icon{width:.5rem;margin:0 auto;margin-bottom:.15rem}
.ts_td ul li img{width:100%}
.ts_td ul li h4{font-size:.15rem}
.ts_plist{width:100%}
.ts_lb{background:#ff0000;padding:.15rem 0;text-align:center}
.ts_lb a{color:#fff;padding:0 .15rem;position:relative}
.ts_lb a:first-child::before{width:0px}
.ts_lb a::before{content:' ';position:absolute;height:12px;margin-left:-14px;margin-top:6px;background:rgb(255 255 255 / 64%);width:1px}
.ts_plist ul{display:flex;flex-wrap:wrap}
.ts_plist ul li{width:33.3333333333%;position:relative;overflow:hidden}
.ts_plist ul li .p_img img{width:100%;vertical-align:middle;transition:all 0.6s cubic-bezier(0.215,0.61,0.355,1) 0s}
.ts_plist ul li:hover .p_img img{transform:scale(1.1,1.1)}
.p_more{position:absolute;width:100%;height:100%;background-color:rgba(255,0,4,0.8);left:0;top:0;display:none;color:#fff;text-align:center}
.p_more i{display:inline-block;margin:0 auto;margin-top:18%;text-align:center}
.ts_plist ul li:hover .p_more{display:block}
.mn{margin-top:.3rem;font-size:.3rem;margin-bottom:.1rem}
.p_txt{font-size:.1rem}
.ts_more{text-align:center;margin:.4rem 0;position:relative}
.ts_more a{display:inline-block;border:1px solid #ff0000;height:33px;line-height:33px;padding:0 .4rem;color:#ff0000;font-size:14px;position:relative;overflow:hidden}
.ts_mm{display:inline-block}
.ts_mm:hover a::before{left:0}
.ts_mm a::before{content:"MORE";width:100%;height:100%;color:#fff;background:#ff0000;position:absolute;left:-100%;top:0;transition:380ms}
.ts_pri{margin-bottom:1rem; margin-top: 1rem; opacity: 0;}
.ts_pri ul{display:flex;justify-content:center; flex-wrap: wrap;}
.ts_pri li:nth-child(1){margin-right:.5rem}
.ts_pri li{width:35%;background:#eeeeee;border-radius:20px;padding:.2rem .25rem}
.ts_pri li:hover{box-shadow:0 5px 15px #f3f3f3}
.ts_pri li:hover .ln_name{margin-left:.1rem}
.ln_name{background:#ff0000;display:inline-block;padding:.2rem .15rem;color:#fff;margin-top:-.36rem;transition:all .5s;/* margin-left:.1rem;*/}
.ln_name .eg{color:#fff;letter-spacing:0;font-size:.3rem;font-weight:100;font-family:pingfang}
.ln_name h4{font-size:.28rem;font-weight:bold;position:relative;padding-top:.15rem}
.ln_name h4::before{content:' ';position:absolute;height:1px;background:#fff;width:1.3rem;top:0}
.ln_txt{color:#737171;line-height:25px;padding:.2rem 0 0 .2rem}
.ts_sp{background:url(http://tianshuihq.com/images/sp_bg.jpg) no-repeat center #303030;background-size:100% 100%;padding:.6rem 0;width:100%;overflow:hidden; opacity: 0;}
.sp_title{text-align:center}
.sp_title .eg{color:#adadad}
.sp_name{color:#fff;font-weight:bold;font-size:.36rem;position:relative;padding-top:.12rem}
.sp_name::before{content:' ';position:absolute;height:1px;background:#ff0004;width:1.3rem;top:0;left:45%}
.sp_intro{display:inline-block;background:#ff0004;color:#fff;border-radius:20px;font-size:.18rem;padding:.05rem .2rem;margin:.25rem 0}
.sp_list ul{display:flex;flex-wrap:wrap;justify-content:center}
.sp_list li{text-align:center;position:relative;width:200px;margin-right:130px;padding-top:20px;color:#fff;margin-bottom:.2rem}
.sp_list li .sq-logo{margin:0 auto;width:1.2rem;height:1.2rem;border-radius:100%;border:4px solid #e01714;background:#fff;margin-bottom:.2rem;text-align:center}
.sp_list li:nth-child(4n){margin-right:0px}
.sp_list li .sq-logo img{/* margin-top:23px;*/transition:all .7s;max-width:42%;margin:0 auto;padding:.16rem .14rem .05rem .14rem}
.sp_list li .sq-logo span{color:#000;font-weight:bold;text-align:center;display:block}
.sp_list li h1{font-size:20px;font-weight:bold;line-height:40px}
.sp_list li h1::after{content:'';display:block;width:28px;height:2px;background:#ff0004;margin:0 auto}
.sp_list li p{line-height:24px;margin-top:15px;color:#efefef}
.sq-logo{animation:big 1s linear infinite alternate}
@keyframes big{to{transform:scale(1.1,1.1)}
}.bz_list{margin:.5rem 0}
.bz_list li{background:#eeeeee;padding:.4rem 0;overflow:hidden}
.bz_list li:nth-child(2n){background:#ff0000}
.bz_l{float:left;position:relative;width:30%;margin-right:20%}
.bz_l i{position:absolute;font-family:Impact;font-size:1rem;left:0;color:#d8d8d8;font-style:normal;z-index:0}
.bz_list li:nth-child(2n) i{color:#b20a0a}
.bz_list li:nth-child(2n) h2{color:#fff}
.bz_list li:nth-child(2n) .bz_intro{color:#fff}
.bz_list li:nth-child(2n) .eg{color:#000}
.bz_l h2{font-size:.3rem;color:#ff0004;position:relative;z-index:1;margin-top:.6rem;font-weight:bold;padding-left:.1rem}
.bz_l .eg{font-size:.18rem;letter-spacing:0;padding-left:.1rem;padding-top:.1rem}
.bz_r{float:left;width:40%}
.bz_pic{display:flex}
.bz_pic img{margin-right:10px;width:2rem}
.bz_intro{line-height:30px;margin-bottom:.16rem}
.ts_partner{background:#ff0000;padding:.6rem;overflow:hidden;margin:1rem 0; opacity: 0;}
.partner_list{background:#fff;width:100%;overflow:hidden}
.partner_list ul{display:flex;flex-wrap:wrap}
.partner_list ul li{width:16.4%;border-right:1px solid #f2f2f2;border-bottom:1px solid #f2f2f2; opacity: 0;overflow:hidden}
.partner_list ul li:nth-child(6n){border-right:0}
.partner_list ul li img{width:100%;transition:all 0.6s cubic-bezier(0.215,0.61,0.355,1) 0s}
.partner_list ul li:hover img{transform:scale(1.3)}
.news_grey{background:#eee;padding:1rem;margin:1rem 0}
.news_white{background:#fff;width:100%}
.ts_news ul{padding:1rem 0;display:flex;flex-wrap:wrap}
.ts_news ul li{width:25%;border-bottom:1px solid #e0e0e0;margin-bottom:.4rem}
.ts_news ul li a{padding-left:.2rem;display:inline-block;width:100%}
.ts_news ul li h2{color:#737272;margin-bottom:.2rem}
.ts_news ul li:hover h2{color:#ff0000}
.ts_news ul li h2 i{width:.1rem;height:.1rem;background:#ff0000;display:inline-block;border-radius:50px;margin-right:15px;vertical-align:middle}
.news_xq{font-size:.15rem;padding-bottom:.2rem;color:#989898;padding-left:.25rem}
.news_xq span{float:right}
.news_xq span img{width:20px;display:inline-block;vertical-align:middle;margin-right:10px}
.linian{margin-top:.9rem; opacity: 0;}
.linian ul{display:flex}
.linian ul li{width:25%;padding:0 2%}
.linian ul li h2{background:#ff0000;border-radius:50px;color:#fff;font-weight:bold;font-size:.26rem;margin-bottom:.2rem;text-align:center;padding:.1rem 0}
.linian ul li p{padding:0 .2rem;line-height:25px;font-size:.14rem;color:#696969}
.film_fwlc{background:url(http://tianshuihq.com/images/fwlcbg.jpg) no-repeat center;background-size:100%;padding:.6rem 0;margin:1rem 0;width:100%;overflow:hidden}
.fwlc_list{width:80%;margin:0 auto;background:linear-gradient(90deg,transparent,#000 80%,transparent);padding:.3rem .5rem;color:#fff;margin-top:.5rem;margin-bottom:.5rem}
.fwlc_list ul{display:flex}
.fwlc_list .oone li{background:#fff;margin-left: 1.8rem;color:#000;padding-right:.06rem;}
.fwlc_list .oone li:first-child{margin-left:.3rem}
.fwlc_list .ttwo li{background:#fff;margin-left: 1.8rem;color:#000;padding-right:.06rem;}
.fwlc_list .ttwo li:first-child{}
.fwlc_list ul li i{background:#ff0000;display:inline-block;color:#fff;font-style:normal;font-size:.3rem;padding:0 .06rem;margin-right:.06rem}
.fwlc_list ul li span{line-height:10px;display:inline-block;vertical-align:text-top}
.yuan1{display:flex;position:relative;justify-content:space-around;margin:.2rem}
.yuan1::before{content:' ';position:absolute;height:1px;background:#fff;width:100%;left:0;top:.1rem;z-index:0}
.yuan1 i{width:.2rem;height:.2rem;background:#ff0000;border-radius:50px;z-index:1;position:relative}
@media (min-width:768px){.container{width:750px}
}@media (min-width:993px){.container{width:970px;max-width:100%}
}@media (min-width:1200px){.container{width:1170px;max-width:100%}
}@media (min-width:1259px){.container{width:1460px}
}

.wap_nav,.footeree,.h80,.gywm_dis{ display: none;}
 .pd140{ padding-bottom: 1.4rem; opacity: 0;}

@media screen and (min-width: 2000px){
   .fuwu_xian{  top: 25.8%;} 
   .fuwu_kuang p{ height: 1.4rem; font-size: 0.16rem;}
    
} 


@media screen and (min-width: 1024px) and (max-width: 1440px) {
      .fuwu_kuang p{ font-size: 0.1rem;}
      .gd_ul ul li>h3{ font-size: 0.10rem;}
}

@media (max-width:1000px){
	.jzg ul li h5{ font-size: 0.22rem;}
	.jzg ul li p{ width: 94%; margin: 0 auto; font-size: 0.16rem;}
	
		.mdblx{ display: block; margin-bottom: 0.2rem;}
		.news_bg ul li h2{ margin-top: 0.1rem;}
		.dblx{margin-bottom: 0.2rem;}
	  .banner,.contact{ display: none;}
	  .mbanner,.mcontact{ display: block;}
      .phone,.fuwu{ display: none;}
      .about{ width: 94%; margin-top: 0.4rem;}
      .ab_title{ width: 100%; font-size: 0.2rem; line-height: 0.5rem;}
      .ab-con{ margin-top: 0.3rem; font-size: 0.17rem; line-height: 0.36rem;}
      .ab_gun dl{ display: flex; flex-wrap: wrap; justify-content: space-between;}
      .ab_gun dl dd{ width: 48%; margin-bottom: 2%;}
      .fuwu_xian{ display: none;}
      .w1340{ width: 100%;}
      .fuwu_con dl{ width: 94%;}
      .fuwu{ margin-top: 10%;}
      .fuwu_con{ margin-top: 5%;}
      .fuwu_dian{display: none;}
      .fuwu_tb{display: none;}
	  
	  .xcc_about p{ font-size: 0.17rem; line-height: 0.36rem;}
      .fuwu_con dl dd{ width: 100%; margin-right: 0; margin-bottom: 5%;}
	  .tym h5{ font-size: 0.18rem;}
	  .why dl { padding: 0;}
      .why dl dd{ width: 94%; border-right: none; margin-top: 3%; border-bottom: 0.04rem solid #fff; padding-bottom: 3%;}
	  .why dl dd h2{ font-size: 0.2rem;}
      .why dl dd h3{ margin-bottom: 0.15rem; margin-top: 0.1rem;}
      .why dl dd p{ margin-top: 0.15rem; font-size: 0.16rem;}
     
      .xcc ul li{ width: 100%;}
      .sxcc ul li:nth-child(5){ display: none;}
	  .sxcc ul li:nth-child(6){ display: none;}
	  .sxcc ul li:nth-child(7){ display: none;}
	  .sxcc ul li:nth-child(8){ display: none;}
	 
	  
      .xcc ul li:nth-child(9){ display: block;}
	  .xcc ul li:nth-child(10){ display: block;}
	  .xcc ul li:nth-child(11){ display: block;}
	  .xcc ul li:nth-child(12){ display: block;}
	  .nxcc ul li:nth-child(9){ display: block;}
	  .nxcc ul li:nth-child(10){ display:  block;}
	  .nxcc ul li:nth-child(11){ display:  block;}
	  .nxcc ul li:nth-child(12){ display:  block;}
      .nxcc ul li a .fugai{ display: none !important;}
      .chose,.foot_bg,.foot_nav,.toolbar { display: none;} 
      .foot{}
      
      /*****footer*****/
      .bottom_copy {
        text-align: center;
        font-size: .2rem;
        line-height: .35rem;
        padding: .4rem .2rem;
      }
      .bottom_copy a.yyzz{ display:inline-block; padding:0 0.1rem;}
      .footeree {
        background: #3c3c3c;
        box-sizing: border-box;
        width: 100%;
        height: 0.8rem;
        position: fixed;
      
        bottom: 0;
        z-index: 80;
        overflow: hidden;
        max-width: 640px;
        display: block;
      }
      .footeree li {
        float: left;
        width: 25%;
        text-align: center;
      }
      .footeree li i {
        width: .4rem;
        height: .4rem;
        background-position: 0.04rem -1.58rem;
        margin: 0rem auto 0;
      }
      .footeree li a {
        color: #fff;
        font-size: .16rem;
        display: block;
        width: 100%;
        padding-top: .1rem;
      }
      .footeree li .hover {
        background-color:#ff001f;background-size: 100% 100%;
      }
      .footeree li:first-child a {
        border-left: 0;
      }
      .footeree li:nth-child(2) i {
        background-position: -0.42rem -1.58rem;
      }
      .footeree li:nth-child(3) i {
        background-position: -0.96rem -1.58rem;
      }
      .footeree li:nth-child(4) i {
        background-position: -1.4rem -1.58rem;
      }
      .footeree li:nth-child(5) i {
        background-position: 0.08rem -2.04rem;
      }
      .g_top {
        width: 0.68rem;
        height: 0.68rem;
        padding-top: 0.12rem;
        background: url(http://tianshuihq.com/images/g_top.png) no-repeat center center;
        border-radius: 100%;
        position: fixed;
        right: 0.1rem;
        bottom: 1.4rem;
        display: block;
        z-index: 999;
        background-size: cover;
      }
      .g_tel {
        width: 0.68rem;
        height: 0.68rem;
        padding-top: 0.12rem;
        background: url(http://tianshuihq.com/images/fixtelbg.png) no-repeat center center;
        background-size: cover;
        border-radius: 100%;
        position: fixed;
        right: 0.1rem;
        bottom: 2.2rem;
        display: block;
        z-index: 999;
      }
      .g_tel a {
        display: block;
        width: 100%;
        height: 100%;
      }
      .icon {
        background: url(http://tianshuihq.com/images/icon11.png) no-repeat;
        display: block;
        background-size: 4rem auto;
        vertical-align: middle;
      }
      .h80{ height: 0.8rem; display: block;}
      .yctp{ display: none;}
      .gywm_dis{ display: block; width: 100%; margin-top: 10%;}
      .gywm_dis .gywm_nr{ width: 96%; text-align: center; margin: 0 auto;}
      .gywm_dis .gywm_nr h2{ color: #fe0100; font-size: 0.22rem;}
      .gywm_dis .gywm_nr h3{  height: 0.02rem; width: 0.44rem; background: #fe0100; margin: 2% auto 2% auto;}
      .gywm_dis .gywm_nr h4{ font-size: 0.4rem; font-weight: bold;  margin-bottom: 3%;}
      .gywm_dis .gywm_nr p{ font-size: 0.17rem; line-height: 0.36rem; }
      .gywm{ display: none;}
      .hsxt{ font-size: 0.26rem; margin-top: 2%;}
      .w1320{ width: 100%;}
      .gywm_lc{ margin-top: 10%;}
      .gywm_lc2{ display: none;}
      .gywm_lc1{ text-align: center; float: none;}
      .lc_tubiao{ margin-top: 5%;}
      .lc_tubiao ul{ flex-wrap: wrap; width: 96%; justify-content: start;}
      .lc_tubiao ul li{ width: 30%; margin-bottom: 3%;margin-right: 3%;}
      .lc_tubiao ul li h2{height: 1.38rem; border-radius:0.69rem;}
      .yzbt{ display: none;}
       .pd140{ padding-bottom: 0;}
		.sp_intro{ font-size: 0.16rem; line-height: 0.3rem;}
       .dblx ul{ width: 100%; margin-top: 0.3rem; border-top:0.01rem solid #acacac;}
       .dblx ul li{ width: 36%; padding-left: 3%; padding-right: 10%; margin-bottom: 3%; padding-top: 4%;}
       .dblx ul li:nth-child(2){ border-right: none !important;} 
       

       .jzg{width: 94%; height: 4rem;}
       .jzg ul{ top: -0.7rem;}
       .jzg ul li{ padding: 0.2rem 0;}
       .yuanze{ width: 94%; margin: 0 auto; padding: 0.9rem 0 0.4rem 0; }
	   .yuanze > h3{ margin: 3% 0;}
	   .yuanze > h2{ font-size: 0.3rem;}
	   .yuanze > p{ margin-top: 2%;}
	   .gd_ul ul li > h4{ font-size: 0.16rem;}
       .gd_ul{ width: 94%; margin: 0.3rem auto;}
       .gd_ul ul{ flex-wrap: wrap;}
       .gd_ul ul li{width: 42%;margin-bottom: 3%;}
	   
	   .ab_list ul li{ width: 48%; margin-bottom: 2%; height: 1.9rem !important;}
	   .zl-nav .zl-zz{ text-align: center; width: 94%; margin: 0 auto; font-size: 0.16rem; margin-top: 0.06rem;}
      
       .n_blo{ display: block;}
       .newslist_bt{ font-size: 0.11rem;}
       .news_bg{ padding-top: 0.3rem;}
       .news_bg ul li{width: 98%; margin: 0 1% 5% 1%;}
       .detail{ width: 90%;}
       
       .bddt{ width: 100%; margin-top: 0.3rem; margin-bottom: 0.3rem;}
       .up{ margin-bottom: 0.1rem;}
       .show_sp{ display: none;}
       .w850{ width: 94%; margin:10% auto;}
       .xcc_bt{ margin-bottom: 5%;}
       .xcc_about ul{ margin-top: 5%;}
       .xcc_1{ padding: 10% 0;}
       .w930{ width: 94%;}
       .xcc1_center ul{ margin-top: 10%;}
       .xcc1_center ul li{ margin-bottom: 8%; margin-right:8%; width: 1.8rem; height: 1.8rem; border-radius: 1.1rem;}
	   .xcc1_center ul li p{ font-size: 0.15rem;}
       .xcc1_center ul li:nth-child(2n){ margin-right: 0;}
       .xcc1_nce{ width: 94% !important;}
	   .xcc_ys h2{ margin-bottom: 0.3rem;}
       .xcc1_nav{ line-height: 0.48rem;}
       .tym{ width: 96%; margin: 0 auto;}
	   .why h1{ font-size: 0.17rem; margin-top: 0.17rem;}
       .xcc_ys{ padding: 8% 0;}
       .xcc_ys ul{ width: 94%; margin: 0 auto;}
       .xcc_ys ul li{ width: 100%; margin-top: 0.1rem;}
	   .xcc_ys ul li h5{ font-size: 0.18rem;}
       .why{ margin-top: 8%;}
       .xcc_wa{ margin-top: 5%;}
       .xcc_wa ul{ width: 94%;}
       .xcc_wa ul li{ width: 100%;}
       .xcc_3{ display: none;}
       .xcc_wzi{ width: 77%; padding-right: 5%;}
       .xcc_2{ margin-top: 8%;}
       .xcc_dbt{ width: 20%;}
       .xcc_xbt{ width: 70%; float: left; font-size: 0.14rem;}
	  
       
       .xcc_2 ul{ width: 94%;margin-top: 6%;}
       .xcc_2 ul li{ width: 49%; margin-bottom: 3%;}
       .xcc_2 ul li:nth-child(2n){ margin-right: 0;}
       .hdqd_hd{ margin: 8% auto;}
       .hdqd_hd ul{ width: 94%;}
       .hdqd1{ margin-top: 8%;}
       .hdqd_bg{ margin-top: 5%; padding-top: 8%;}
       .hdqd_bg ul{ width: 94%; margin: 0 auto;}
       .hdqd_bg ul li{ width: 47%;}
       .hdqd_szi{ width: 100%}
       .szi_right{ width: 68%;}
       .szi_right h3{ font-size: 0.16rem;}
       .hdqd_bg ul li{ margin-bottom: 10%;}
       .hdqd2{ margin-top: 8%;}
       .hdqd2_nav{ width: 94%; margin: 5% auto 0 auto;}
       .hdqd2_nav ul{ justify-content: space-between;}
       .hdqd2_nav ul li{width: 31%; margin-right: 3%;}
       .hdqd2_nav ul li:nth-child(3n){ margin-right: 0;}
       .hdqd2_nav ul li:nth-child(10){ display: none;}
       .hdqd2_nav ul li a h2{ padding-top: 0.1rem;}
       .qdhd_imgbg{ display: none;}
       .qdhd3{ margin-top: 8%;} 
	   .qdhd_ys ul li h3{margin-top: 0.15rem; margin-bottom: 0.1rem;}
       .qdhd_ys ul li{ width: 100%; height: auto; padding-bottom: 6%;}
	   .qdhd_ys ul li p{font-size: 0.16rem; line-height: 0.32rem;}
       .qdhd_ys{ width: 100%;}
	   .jcal{ margin: 8% 0;}
	   .jcal ul{ margin-top: 0.3rem; width: 100%;}
	   .jcal ul li{ width: 100%;}
	   .jcal ul li:nth-child(5){ display: none;}
	   .jcal ul li:nth-child(6){ display: none;}
	   .jcal ul li:nth-child(7){ display: none;}
	   .jcal ul li:nth-child(8){ display: none;}
	   .jcal ul li:nth-child(9){ display: none;}
	   .jcal ul li:nth-child(10){ display: none;}
}

/* 首页 */
.banner.show{opacity:1;animation:fadeIn .6s;}
.toolbar.show{opacity:1;animation:fadeInRight .6s;}
.ab_title.now{
  animation: fadeInUp 0.8s;
  opacity: 1;
}
.ab-con.now{
  animation: fadeInUp 0.8s;
  opacity: 1;
}
.ab_gun.now{
  animation: fadeInUp 0.8s;
  opacity: 1;
}
.fuwu.now{
  animation: fadeInUp 0.8s;
  opacity: 1;
}
.why dl dd.now{
  animation: fadeInUp 0.8s;
  opacity: 1;
}
.tym.now{
  animation: fadeInUp 0.7s;
  opacity: 1;
}
.news_bg ul li.now{
  animation: fadeInUp 0.8s;
  opacity: 1;
}
.ts_partner.now{
  animation: fadeInUp 0.8s;
  opacity: 1;
}
.foot_bg.now{
  animation: fadeInUp 0.8s;
  opacity: 1;
}
.foot.now{
  animation: fadeInUp 0.8s;
  opacity: 1;
}
.more.now{
  animation: fadeInUp 0.8s;
  opacity: 1;
}
.partner_list ul li.now{
  animation: fadeInUp 0.8s;
  opacity: 1;
}

.xccli1{
  opacity: 0;
}
.xccli1.now{
  animation: fadeInUp 0.6s;
  opacity: 1;
}
.xccli2{
  opacity: 0;
}
.xccli2.now{
  animation: fadeInUp 0.6s;
  opacity: 1;
}
.xccli3{
  opacity: 0;
}
.xccli3.now{
  animation: fadeInUp 0.6s;
  opacity: 1;
}
.xccli4{
  opacity: 0;
}
.xccli4.now{
  animation: fadeInUp 0.6s;
  opacity: 1;
}


/* 关于我们 */
.pd140.now{
  animation: fadeInUp 0.8s;
  opacity: 1;
}
.yzbt.now{
  animation: fadeInUp 0.8s;
  opacity: 1;
}
.dblx.now{
  animation: fadeInUp 0.8s;
  opacity: 1;
}
.gywm_nr.now{
  animation: fadeInUp 0.8s;
  opacity: 1;
}
.lc_tubiao ul li.now{
  animation: fadeInUp 0.8s;
  opacity: 1;
}

/* 宣传册 */
.xcc_about.now{
  animation: fadeInUp 0.8s;
  opacity: 1;
}
.xcc_1.now{
  animation: fadeInUp 0.8s;
  opacity: 1;
}
.xcc_2 ul li.now{
  animation: fadeInUp 1.2s;
  opacity: 1;
}
.xcc_ys h2.now{
  animation: fadeInUp 0.8s;
  opacity: 1;
}
.xcc_ys ul li.now{
  animation: fadeInUp 0.8s;
  opacity: 1;
}
.xcc_wa ul li.now{
  animation: fadeInUp 0.8s;
  opacity: 1;
}
.xcc3_bg.now{
  animation: fadeInUp 0.8s;
  opacity: 1;
}

/* 活动庆典 */
.hdqd_hd.now{
  animation: fadeInUp 0.8s;
  opacity: 1;
}
.hdqd_bg ul li.now{
  animation: fadeInUp 0.8s;
  opacity: 1;
}
.hdqd2_nav.now{
  animation: fadeInUp 0.8s;
  opacity: 1;
}
.qdhd_imgbg.now{
  animation: fadeInUp 0.8s;
  opacity: 1;
}
.qdhd_ys.now{
  animation: fadeInUp 0.8s;
  opacity: 1;
}

/* 文化墙 */
.about-intro,.bz_title,.ts_gtxz.now{
  animation: fadeInUp 0.8s;
  opacity: 1;
}
.ts_td.now{
  animation: fadeInUp 0.8s;
  opacity: 1;
}
.ts_pri.now{
  animation: fadeInUp 0.8s;
  opacity: 1;
}
.ts_sp.now{
  animation: fadeInUp 0.8s;
  opacity: 1;
}


/* 展厅展馆 */
.show_yd em.now{
  animation: fadeInUp 1.2s;
  opacity: 1;
}
.ab_lists.now{
  animation: fadeInUp 0.8s;
  opacity: 1;
}
.show_clist em.now{
  animation: fadeInUp 0.8s;
  opacity: 1;
}
.container.now{
  animation: fadeInUp 0.8s;
  opacity: 1;
}
.ts_bz .show_intro.now{
  animation: fadeInUp 0.8s;
  opacity: 1;
}

/* 宣传片 */
.show_sp.now{
  animation: fadeInUp 0.8s;
  opacity: 1;
}
.film_five.now{
  animation: fadeInUp 0.8s;
  opacity: 1;
}
/* .film_lists ul li.now{
  animation: fadeInUp 0.8s;
  opacity: 1;
} */
.film_ct ul li.now{
  animation: fadeInUp 0.8s;
  opacity: 1;
}
.linian.now{
  animation: fadeInUp 0.8s;
  opacity: 1;
}

/* 观点 */
.jzg ul li.now{
  animation: fadeInUp 0.8s;
  opacity: 1;
}
.gd_ul ul li.now{
  animation: fadeInUp 1.2s;
  opacity: 1;
}
.yuanze.now{
  animation: fadeInUp 0.8s;
  opacity: 1;
}
.gd.show{opacity:1;animation:fadeIn .6s;}