@charset "utf-8";
/* CSS Document */
body,ul,li,ol,dl,dt,dd,h1,h2,h3,h4,h5,h6,input,select,textarea,form,p,img,div,pre,fieldset,blockquote,th,td {margin:0;padding:0;outline:none;}
body{color:#333; background-color:#ffffff;}
html{ overflow-x:hidden;}
ul,li,ol,dl,dt,dd{list-style:none}
img{border:none;border-style: none;}
*{ font-family:"Microsoft Yahei"; margin:0; padding:0;}
input,textarea,button{ background: transparent;vertical-align:middle}
input:-webkit-autofill,input:-webkit-autofill:hover,input:-webkit-autofill:focus {/*背景颜色*/box-shadow:0 0 0 60px #ffffff inset;}
a{ color:#333; text-decoration:none;}
:focus{outline:0}
table { border-spacing: 0px; border-collapse: collapse; }
tr { cursor: pointer; }
input, textarea{ border: 0; }
textarea{resize:none}
select{ border:none;outline: none;}
pre{white-space: pre-wrap;word-wrap: break-word;*white-space:normal;}
video{object-fit:fill;}

.clear{ clear:both;}

/*common*/
.wrap{ width:1200px; margin:0 auto;}
.l{float:left !important}
.r{float:right !important}
.o{overflow:hidden}
.c{display:block;height:0;overflow:hidden}
.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden}
.clearfix{*zoom:1}
.hidden{display:none}
.center{text-align:center}
.img-box img,.img{display:block;margin:0;padding:0;width:100%;}
.flexbox{display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex}
.lc{-webkit-box-direction:normal;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden;-o-text-overflow:ellipsis;text-overflow:ellipsis}
/*文字超出省略*/
.ellipsis{-webkit-box-direction:normal;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden;-o-text-overflow:ellipsis;text-overflow:ellipsis}
.ovh1{text-overflow:ellipsis;white-space: nowrap;overflow: hidden;}
.ovh2{-webkit-line-clamp:2}
.ovh3{-webkit-line-clamp:3}
.ovh5{-webkit-line-clamp:5}

/*banner*/
.index_banner_new {width: 100%;height: auto;min-width: 280px;min-height: 160px;margin: 0px auto;position: relative;overflow: hidden}
.index_banner_new ul {margin: 0;padding: 0;width: 100%;height: 100%;position: absolute;z-index: 1}
.index_banner_new ul li {display: none;position: absolute;left: 0;top: 0;width: 100%;height: 100%;overflow: hidden}
.index_banner_new ul li.active {display: block}
.index_banner_new ul li .intro{position: relative}
.index_banner_new ul li img {position: absolute;left: 0;top: 0;width: 100%;height: 100%}
.index_banner_new .dots {position: absolute;bottom: 20px;right: 0;height: 12px;z-index: 2;text-align: center}
.index_banner_new .dots span {display: inline-block;width: 40px;height: 6px;background: #e0e0e0;margin: 0 5px;cursor: pointer;-moz-border-radius: 4px;-webkit-border-radius: 4px;border-radius: 4px}
.index_banner_new .dots span.active {background: #c52c2b}
#tqchina_banner {position: relative}
.tqchina_banner_load {position: absolute;bottom: 0px;left: 0px;z-index: 3;width: 100%}
.tqchina_banner_load i {width: 0%;display: block;height: 1px;background: #f00}
.tqchina_banner_bg {width: 100%;height: 100%;position: absolute;top: 0;left: 0;z-index: 9;background: rgba(0,0,0,0.10)}
a.tqchina_banner_text {display: block;position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);-webkit-transform: translate(-50%, -50%);-moz-transform: translate(-50%, -50%);-ms-transform: translate(-50%, -50%);z-index: 10;color: #fff;text-align: center;width: 100%}
/*banner*/



.index4{ padding:86px 0; background:#f1f1f1;}
.index4_tit{}
.index4_tit1{ font-size:38px; color:#0d0b0d; line-height:66px;}
.index4_tit2{ font-size:16px; color:#666666; line-height:44px;}
.space-ban-wrap {position: relative;overflow: hidden;width:100%;height: 550px;}
.space-ban-inner .swiper-wrapper { margin-right: -285px !important;}
.space-ban-inner .swiper-slide {width:50% !important;height: 550px !important;}
.space-ban-inner .swiper-slide a {display: block;width: 100% !important;height: 550px !important;}
.space-ban-inner .swiper-slide a img {display: block;width: 100%;height: 100%;}


.spatial-datails {position: absolute;left:50%;top: 0;width: 340px;height: 550px;background-color: #f1f1f1;z-index: 100;}
.space-btn-ri, .space-btn-le {width: 40px !important;height: 40px !important;position: absolute;z-index: 999 !important;}
.space-btn-ri {left:54% !important;top: 530px !important;background: url(../images/index-icon-01.png) no-repeat center center !important;background-size: 20% 40%;background-color: #999999 !important;opacity: 0.5;}
.space-btn-le {left: 51% !important;top: 530px !important;background: url(../images//index-icon-02.png) no-repeat center center !important;background-size: 20% 40%;background-color: #999999 !important;opacity: 0.5;}
.spatial-datails > div:nth-child(1) {width: 360px;height: 550px;}
.spatial-btn-con {padding:0 37px;box-sizing: border-box;height: 550px; overflow:hidden;}
.spatial-btn-con .spatial-btn-title {font-size: 26px;color: #555555;margin: 125px 0 58px 0;}
.spatial-btn-con .spatial-btn-text {width: 217px;font-size: 16px;color: #666666;line-height: 34px;height: 142px;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 4;}


.case_title1{color: #765722; font-size: 48px;}

.case_txt1{    font-size: 16px; color: #bdbdbd; margin-top: 20px;}
.case_xs1{   text-align: left; height: 30px;width: 100%;margin-top: 10%;}

.case_xs2{ font-size: 80px;color: #cccccc; margin-top: 1%;font-family: NumberOnly;font-weight: normal !important;}

 .bannerTitle {  color: #222222;
    position: relative;
    padding-bottom: 1rem;
    font-size: 28px;}
	
 .summry {overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    color: #8c8b8b;
    font-size: 14px;
    line-height: 22px;}
.shfw{ width:100%; background:#2a445f; overflow:hidden;}	
.shfw ul li{ width:50%; float:left; height: auto;}
.shfw ul li.li1{ width:30%; padding:5% 10% 0 10% ;}
.shfw ul li.li4{ width:30%; padding:5% 10% 0 10% ;}
.shfw ul li.li5{ width:30%; padding:5% 10% 0 10% ;}
.shfw ul li h1{ font-size:20px; color:#FFF; }
.shfw ul li h2{ font-size:16px;color:#FFF}
.shfw ul li h3{ font-size:16px;color:#FFF}