html,body{
    height:100%;
    width: 100%;
    margin: 0 auto;
}
.content{
        /*width: 1200px;*/
        width: 95%;
        margin: 0 auto;
    /*width:1200px!important;*/
    /*padding-right:15px;*/
    /*padding-left:15px;*/
    /*margin-right:auto;*/
    /*margin-left:auto;*/
    /*z-index:10;*/
    /*position:relative*/

}

@media screen and (max-width: 1920px) and (min-width: 1400px) {
    .detailcontent{
        width: 1200px;
        /*width: 95%;*/
        margin: 0 auto;
    }

}
@media screen and (max-width: 1400px)  {
    .detailcontent{
        max-width: 1000px;

        margin: 0 auto;
    }

}
ul {
  list-style: none;
  padding: 0px;
  margin: 0px;
}





.hearder_navbar {
  width: 100%;
  height: 100px;
  position: absolute;
  top: 0px;
  left: 0px;
  background-color: transparent;
  /*position: fixed;*/
  /*top: 0px;*/
  /*left: 0px;*/
  /*background: rgba(0, 0, 0, 0.6);*/
  /*background-image: linear-gradient(45deg, rgb(16, 85, 158) 3%, rgb(30, 136, 229) 55%, rgb(64, 186, 245) 91%);*/
  z-index: 100;
}
.hearder_navbar .hearder_navbar_content {
  height: 100%;
}
.hearder_navbar .hearder_navbar_content .logo {
  height: 100%;
  float: left;
  margin: 16px 47px 0 0;
}
.hearder_navbar .hearder_navbar_content .logo img {
  width: 140px;
  margin-top: 15px ;
}
.hearder_navbar .hearder_navbar_content .navul {
  height: 100%;
  float: left;
}
.hearder_navbar .hearder_navbar_content .navul ul {
  display: block;
  height: 100%;
  list-style: none;
  padding: 0px;
  margin-left: 50px;
}
.hearder_navbar .hearder_navbar_content .navul ul li {
  display: inline-block;
  color: #fff;
  height: 100%;
  line-height: 80px;
  cursor: pointer;
  padding-left: 10px;
  padding-right: 10px;
  box-sizing: border-box;
}
.hearder_navbar .hearder_navbar_content .navul ul li a {
  display: block;
  width: 100%;
  line-height: 100px;
  color: #FFFFFF;
  /*padding: 20px 10px;*/
  padding: 0 10px;
  font-size: 16px;
}
.hearder_navbar .hearder_navbar_content .navul ul li a:hover {
  /*color: #509cfa;*/
  /*color: blue;*/
}
.hearder_navbar .hearder_navbar_content .navul ul li.activeli {
  /*border-bottom: 2px solid blue;*/
}
.hearder_navbar .hearder_navbar_content .navul ul li.activeli a {
  /*color:blue;*/
}
.hearder_navbar.fixed{position:fixed;
    width:100%;top:0;height: 60px;
    background-color: #111;
}
.hearder_navbar.fixed .hearder_navbar_content .navul ul li {
    display: inline-block;
    color: #fff;
    height: 60px;
    line-height: 60px;
    cursor: pointer;
    padding-left: 10px;
    padding-right: 10px;
    box-sizing: border-box;
}
.hearder_navbar.fixed .hearder_navbar_content .navul ul li a {
    width: 100%;
    line-height: 60px;
    color: #FFFFFF;
    font-size: 16px;
}
.hearder_navbar.fixed .hearder_navbar_content .logo img {
    width: 100px;
    margin-top: 0px ;
}
/*中英文切换*/
.navbar-right{float:right!important}
.navbar-right {
    line-height: 100px;
    color: #ffffff;
}
.navbar-right span {
    font-size: 16px;
    padding: 0 8px;
    cursor: pointer;
}
/*中英文切换*/
.slider_box {
  height: 722px;
}
.slider_box .slider_content {
  position: relative;
  height: 100%;
}
.slider_box .slider_content img {
  width: 100%;
  height: 100%;
}
.slider_box .slider_content .mySlideshow {
  display: block;
  height: 721px;
}
.slider_box .slider_content .mySlideshow li {
  display: block;
  width: 100%;
  height: 100%;
}
.slider_box .slider_content .mySlideshow li img {
  width: 100%;
  height: 100%;
}
.slider_box .slider_content .radot {
  display: block;
  position: absolute;
  left: 0px;
  bottom: 20px;
  margin-left: 45%;
}
.slider_box .slider_content .radot li {
  display: inline-block;
  width: 18px;
  height: 18px;
  border-radius: 50%;
  background: #a3d2e4;
  margin-right: 8px;
  cursor: pointer;
}
.slider_box .slider_content .radot li.checked {
  background: #FFFFFF;
}
.productdisplay {
  height: 556px;
}
.productdisplay .productdisplay_content {
  height: 100%;
  position: relative;
}
.productdisplay .productdisplay_content .product_dis_img {
  display: block;
  margin: 0 auto;
  margin-top: 68px;
  margin-bottom: 70px;
}
.productdisplay .productdisplay_content .productlist {
  width: 100%;
  overflow: hidden;
}
.productdisplay .productdisplay_content .productlist .list_swiper ul {
  display: block;
}
.productdisplay .productdisplay_content .productlist .list_swiper ul li {
  float: left;
  /*width: 218px;*/
  cursor: pointer;
  padding-left: 10px;
  padding-right: 10px;

}
.productdisplay .productdisplay_content .productlist .list_swiper ul li .product_icon {
  display: block;
  width: 110px;
  height: 110px;
  border-radius: 50%;
  background: #3f4246;
  text-align: center;
  padding-top: 36px;
  box-sizing: border-box;
  margin: 0 auto;
  transition: all .8s;
}

.productdisplay .productdisplay_content .productlist .list_swiper ul li .product_title {
  text-align: center;
  font-weight: normal;
  font-size: 16px;
  margin-top: 40px;
}
.productdisplay .productdisplay_content .productlist .list_swiper ul li .product_title:hover {
  color: #509cfa;
}
.productdisplay .productdisplay_content .productlist .list_swiper ul li .product_detail {
  text-align: center;
  margin-top: 22px;
  font-size: 14px;
  line-height: 20px;
}
.productdisplay .productdisplay_content .productlist .list_swiper ul li .index_product_detail {
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 5;
}
.productdisplay .productdisplay_content .arrow {
  display: block;
  width: 60px;
  height: 100px;
  background: #f1f1f1;
  text-align: center;
  padding-top: 30px;
  box-sizing: border-box;
  cursor: pointer;
  border-radius: 3px;
  transition: all .5s;
}
.productdisplay .productdisplay_content .arrow i {
  display: inline-block;
  width: 19px;
  height: 36px;
}
.productdisplay .productdisplay_content .arrow:hover {
  background: linear-gradient(to bottom, #25f6ff , #00bfff);
  transform: translateY(3px);
}
.productdisplay .productdisplay_content .arrow:hover i {
  background-position: top;
}
.productdisplay .productdisplay_content .arrow_left {
  position: absolute;
  left: -46px;
  top: 200px;
}
.productdisplay .productdisplay_content .arrow_left i {
  background: url("../../../static/img/tqy/arrow_left.png") no-repeat;
  background-position: bottom;
}
.productdisplay .productdisplay_content .arrow_right {
  position: absolute;
  right: -42px;
  top: 200px;
}
.productdisplay .productdisplay_content .arrow_right i {
  background: url("../../../static/img/tqy/arrow_right.png") no-repeat;
  background-position: bottom;
}
.aboutus {
  background: url("../../../static/img/tqy/customercase2.png") no-repeat;
  background-size: 100% 100%;
  height: 560px;
  padding-top: 60px;
  box-sizing: border-box;
}
.aboutus .aboutus_content .aboutus_img {
  display: block;
  margin: 0 auto;
  margin-bottom: 70px;
}
.aboutus .aboutus_content .aboutus_detail .aoutusoffice {
  display: block;
  /*width: 500px;*/
  width: 40%;
  height: 300px;
  float: left;
  border-radius: 4px;
}
.aboutus .aboutus_content .aboutus_detail .aboutus_info {
  /*width: 584px;*/
  width: 55%;
  float: right;
  text-align: center;
}
.aboutus .aboutus_content .aboutus_detail .aboutus_info p {
  font-size: 18px;
  line-height: 33px;
  padding-top: 40px;
  color: #fff;
  text-indent: 2em;
  text-align: justify;
}
.aboutus .aboutus_content .aboutus_detail .aboutus_info a {
  display: block;
  color: #fff;
  margin-top: 90px;
  font-size: 16px;
  line-height: 40px;
  width: 180px;
  border-radius: 50px;
  margin-left: 36%;
  background-color: #509cfa;
  /*background:linear-gradient(0deg,#6ceefc 3%,#6ceefc 55%,#54bdf7 91%);*/
}
.newsinfo {
  /*background-color: #f4f4f4;*/
  background: url("../../../static/img/tqy/customercase.png") no-repeat;
  background-size: 100% 100%;
  box-sizing: border-box;

  /*padding-top: 64px;*/
  /*padding-bottom: 44px;*/
}
.cusetomer{
  padding-top: 64px;
  padding-bottom: 80px;
}
.cusetomer .cusetomer_title {
  display: block;
  margin: 0 auto;
}
.cusetomer .cusetomer_detail{
  margin-top: 40px;
}
.cusetomer .cusetomer_detail p{
  text-align: center;
  font-size: 16px;
  line-height: 26px;
}
.cusetomer .cusetomer_class{
  width: 486px;
  height: 467px;
  margin: 0 auto;
  margin-top: 70px;
  background: url("../../../static/img/trjn/ditu.png") no-repeat;
  position: relative;
}
.cusetomer .cusetomer_class img{
  position: absolute;
  cursor: pointer;
  transition: all .5s;
}
.cusetomer .cusetomer_class img:hover{
  transform: scale(1.1);
}
.newsinfo .newsinfo_title {
  display: block;
  margin: 0 auto;
}
.newsinfo .newslist ul li {
  display: block;
  padding-top: 20px;
  padding-bottom: 20px;
  border-bottom: 1px solid #d7d7d7;
}
.newsinfo .newslist ul li .newslist_image {
  display: block;
  border-radius: 4px;
  float: left;
  width: 300px;
  height: 200px;
}
.newsinfo .newslist ul li .newslist_detail {
  float: right;
  width: 70%;
}
.newsinfo .newslist ul li .newslist_detail .news_title {
  font-size: 20px;
  font-weight: bold;
}
.newsinfo .newslist ul li .newslist_detail .news_time {
  font-size: 18px;
  color: #999;
  margin-top: 22px;
}
.newsinfo .newslist ul li .newslist_detail .news_content {
  font-size: 18px;
  line-height: 28px;
  color: #666666;
  margin-top: 30px;
  white-space: normal;
  overflow: hidden;
  text-overflow: ellipsis;
}
.newsinfo .newslist ul li .newslist_detail .seemore {
  float: right;
  margin-top: 23px;
  color: #509cfa;
}
.newsinfo .newslist ul li .newslist_detail a:hover {
  color: #0a6aa1;
}
.newsinfo .newslist .loadmore {
  margin: 0 auto;
  text-align: center;
  margin-top: 62px;
  cursor: pointer;
  transition: all .5s;
}
.newsinfo .newslist .loadmore a:hover{
  transform: translateY(-3px);
}
.newsinfo .newslist .loadmore a {
  display: block;
  width: 100%;
  height: 100%;
  text-align: center;
  line-height: 40px;
  color: #fff;
}
.newsinfo .newslist .loadmore i {
  display: inline-block;
  width: 18px;
  height: 13px;
  background: url("../../../static/img/tqy/pullmore.png") no-repeat;
}
.partner {
  background: url("../../../static/img/tqy/customercase.png") no-repeat;
  width: 100%;
  padding-bottom: 30px;
  background-size: 100% 100%;
}
.partner .partner_content {
  padding-top: 70px;
}
.partner .partner_content .title_img {
  display: block;
  margin: 0 auto;
  margin-bottom: 66px;
}
.partner .partner_content .partner_imagelist {
  /*width: 1124px;*/
  width: 100%;
  margin: 0 auto;
  text-align: center;
}
.partner .partner_content .partner_imagelist img {
  padding: 5px;
}
.footer {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  /*height: 80px;*/
   height: 120px;
  background-color: #161a1c;
  padding-top: 55px;
  padding-bottom: 50px;
}
.footer .footer_content {
  width: 100%;
  margin: 0 auto;
}
/*.footer .footer_content img,ul{*/
   /*display: inline-block;*/
   /*vertical-align: middle;*/
 /*}*/
/*.footer .footer_content ul{*/
  /*margin-left: 200px;*/
/*}*/
.footer .footer_content .footer_img {

}
.footer .footer_content .compney_info li {
  color: #777777;
  font-size: 14px;
  line-height: 30px;
}
.footer .footer_content .compney_info li:first-child {
  font-size: 16px;
  color: #adadad;
}
.footer_bottom {
    color: #b3b6b7;
    text-align: center;
    line-height: 40px;
    background-color: #161a1c;
    margin-top: 40px;
}
.newsdetail {
  width: 100%;
  height: 670px;
  position: relative;
}
.newsdetail .bg_img {
  width: 100%;
  height: 670px;
}
.newsdetail .newstitle {
  height: 100%;
  /*width: 100%;*/
  position: absolute;
  top: 0px;
}
.newsdetail .newstitle .title_content {
  width: 700px;
  /*width: 100%;*/
  position: absolute;
  top: 288px;
  left: 50%;
  /*left: 27%;*/
  transform: translateX(-350px);
}
.newsdetail .newstitle .title_content h3 {
  text-align: center;
  font-size: 50px;
  color: #FFFFFF;
  margin-bottom: 30px;
}
.newsdetail .newstitle .title_content hr {
  color: #bababa;
  width: 100%;
  margin-bottom: 26px;
}
.newsdetail .newstitle .title_content p {
  text-align: center;
  color: #fff;
  font-size: 22px;
  margin-bottom: 74px;
}
.newsdetail .newstitle .title_content .callus {
  width: 170px;
  height: 50px;
  margin: 0 auto;
  -webkit-border-radius: 50px;
  -moz-border-radius: 50px;
  border-radius: 50px;
  background-color: #509cfa;
  text-align: center;
  line-height: 50px;
  color: #FFFFFF;
  margin-top: 73px;
  cursor: pointer;
}
.newsdetail .newstitle .title_content .callus i {
  display: inline-block;
  width: 26px;
  height: 30px;
  vertical-align: middle;
  margin-right: 10px;
  background: url("../../../static/img/tqy/callus_erji.png") no-repeat;
}
.newsdetail_content {
  padding-top: 80px;
  padding-bottom: 78px;
}
.newsdetail_content .newsdetail_page h3 {
  font-size: 32px;
  text-align: center;
  margin-bottom: 22px;
}
.newsdetail_content .newsdetail_page .public_time {
  font-size: 16px;
  color: #999;
  margin-bottom: 32px;
  text-align: center;
}
.newsdetail_content .newsdetail_page .shareto {
  color: #868686;
  font-size: 16px;
  text-align: center;
}
.newsdetail .newstitle .detail_title_content {
    width: 700px;
    position: absolute;
    top: 180px;
    left: 50%;
    transform: translateX(-350px);
}
.newsdetail .newstitle .detail_title_content h3 {
    text-align: center;
    font-size: 36px;
    color: #FFFFFF;
    margin-bottom: 30px;
}
.newsdetail .newstitle .detail_title_content p {
    text-align: center;
    color: #fff;
    font-size: 20px;
    line-height: 32px;
    margin-top: 30px;
}
.pagenation {
  float: right;
  padding-top: 70px;
  padding-bottom: 80px;
}
.aboutus_detail_main {
  width: 100%;
  margin: 0 auto;
  padding-top: 124px;
  padding-bottom: 116px;
  box-sizing: border-box;
}
.aboutus_detail_main .aboutus_detail_info img {
  display: block;
  /*width: auto;*/
  width: 40%;
  height:450px;
  float: left;
  padding-top: 51px;
}
.aboutus_detail_main .aboutus_detail_info .aboutus_descrip {
  width: 55%;
  float: right;
  padding-top: 80px;
}
.aboutus_detail_main .aboutus_detail_info .aboutus_descrip h5 {
  font-size: 36px;
  text-align: left;
  font-weight: bold;
}
.aboutus_detail_main .aboutus_detail_info .aboutus_descrip span {
  display: block;
  width: 204px;
  height: 21px;
  background: url("../../../static/img/tqy/english_compney.png") no-repeat;
  margin-top: 12px;
  margin-bottom: 19px;
}
.aboutus_detail_main .aboutus_detail_info .aboutus_descrip p {
  font-size: 18px;
  line-height: 30px;
  text-indent: 38px;
  text-align: justify;
}
.slide-trans-enter-active {
  transition: all .5s;
}
.slide-trans-enter {
  transform: translateX(900px);
}
.slide-trans-old-leave-active {
  transition: all .5s;
  transform: translateX(-900px);
}
.slider_card {
  height: 100%;
  box-shadow: 0px 4px 10px #ccc;
}
.product_index_card {
  transition: all .6s;
  border-radius: 4px;
  margin: 4px;
  overflow: hidden;
}
.product_index_card:hover .product_icon{
  background:linear-gradient(to bottom,#25f6ff, #00bfff)!important;
}
.product_index_card:hover{
  color: #00bbff;
}

.slideInUp {
  animation-name: slideInUp;
}
.animated {
  animation-duration: 1s;
  animation-fill-mode: both;
}
.animated.infinite {
  animation-iteration-count: infinite;
}
@keyframes slideInUp {
  from {
    transform: translate3d(0, 100%, 0);
    visibility: visible;
  }
  to {
    transform: translate3d(0, 0, 0);
  }
}
.customertabs .classtab{
  width: 100%;
}
.customertabs .classtab .tabpage{
  display: inline-block;
  width: 32%;
  padding-top: 30px;
  padding-bottom: 44px;
  position: relative;
  overflow: hidden;
  cursor: pointer;
}
.customertabs .classtab .tabpage img{
  display: block;
  margin: 0 auto;
}
.customertabs .classtab .tabpage i{

}
.customertabs .classtab .tabpage:hover i{
  display: block;
  width: 30px;
  height: 30px;
  border-radius: 50%;
  position: absolute;
  bottom: -15px;
  left: 180px;
  background-color: #fff;
}
.customertabs .classtab .tabpage:hover {
  background:-webkit-gradient(linear, left top, right bottom, from(#00baff), to(rgba(0, 246, 255, 1)));
  box-shadow: 0px 4px 12px #ccc;
}
.activetab{
  background:-webkit-gradient(linear, left top, right bottom, from(#00baff), to(rgba(0, 246, 255, 1)));
  box-shadow: 0px 4px 12px #ccc;
}
.activetab i{
  display: block;
  width: 30px;
  height: 30px;
  border-radius: 50%;
  position: absolute;
  bottom: -15px;
  left: 180px;
  background-color: #fff;
}
.cusetomerlist ul{
  display: block;
  width: 100%;
}
.cusetomerlist ul li{
  float: left;
}
.cusetomerlist ul li img{
  display: inline-block;
  width: 200px;
  height: 200px;
  padding-left: 20px;
  padding-right: 20px;
  margin-bottom: 50px;
}
/*申请试用表单*/
.submitform{
  width: 1000px;
  background-color: #fff;
  border-radius: 5px;
  box-shadow: 0px 4px 12px #ccc;
  position: fixed;
  left: 50%;
  transform: translateX(-500px);
  top: -1000px;
  transition: all .8s;
}
.submitformshow{
  transform:translateY(1200px) translateX(-500px);
}
.submitform .form_head{
  border-bottom: 1px solid #e8e8e8;
}
.submitform .form_head h4{
  text-align: center;
  padding: 0px;
  margin: 0px;
  font-size: 18px;
  padding-top: 40px;
  padding-bottom: 20px;
}
.submitform .form_head p{
  text-align: center;
  color: #999;
  font-size: 14px;
  padding-bottom: 30px;
}
.formbody{
  width: 50%;
  margin: 0 auto;
}
.formbody ul li{
  line-height: 50px;
  font-size: 16px;
  text-align: left;
}
.formbody ul li .forminput{
   border: none;
   outline: none;
   border-bottom: 1px solid #cccccc;
 }
.formbody ul li select{
  border: none;
  outline: none;
  border-bottom: 1px solid #cccccc;
}
.formbody ul li.submitbox{
   text-align: center;
 }
.formbody ul li .submitbox img,h3{
  cursor: pointer;
}