body{background: #f7f7f7;}
.animate-5{transition:all .5s;-webkit-transition: all .5s;-moz-transition: all .5s;-ms-transition: all .5s;-o-transition: all .5s;}
.animate-5:hover{transition:all .5s;-webkit-transition: all .5s;-moz-transition: all .5s;-ms-transition: all .5s;-o-transition: all .5s;}
.space{white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.clamp{display: -webkit-box;-webkit-box-orient: vertical;overflow: hidden;}
.margint-40{margin-top: 40px;}
.margint-20{margin-top: 20px;}
.padding-tb60{padding: 60px 0;}
.padding-tb40{padding: 30px 0;}
.paddinglr-10{padding: 0 10px;}
.paddinglr-5{padding: 0 5px;}
.bg-1{background: #fff;}
.in-title{font-size: 28px;font-weight: bold;color: #333}
.title{font-size: 22px;font-weight: bold;color: #333;}
.content-bg{padding: 30px;background: #fff;}
.content-text{font-size: 15px;line-height: 2;color: #666;}
.text-p p{margin: 0;}

@media(max-width: 996px){
    .paddinglr-10{padding: 0 5px;}
    .paddinglr-5{padding: 0 10px;}
    .content-bg{padding: 10px;}
    .in-title{font-size: 24px;}
    .title{font-size: 20px;}
    .content-text{font-size: 14px;}
}

/*首页样式*/
ul.pro-list{font-size: 0;}
ul.pro-list li{width: 14%;height: 360px;padding: 0 10px;display: inline-block;vertical-align: top;}
ul.pro-list li .pro-content{height: 100%;position: relative;}
ul.pro-list li .pro-content a{width: 100%;height: 100%;position: absolute;top: 0;left: 0;background: rgba(0,0,0,.3);}
ul.pro-list li .pro-content a h4,ul.pro-list li .pro-content a .pro-text{width: 100%;padding: 20px;position: absolute;left: 0;top: 50%;transform: translateY(-50%);-webkit-transform: translateY(-50%);}
ul.pro-list li .pro-content a .pro-text h6{font-size: 14px;color: #fff;line-height: 1.6;-webkit-line-clamp: 3;height: 4.8em;}
ul.pro-list li .pro-content a .pro-text h3{font-size: 14px;color: #fff;}
ul.pro-list li a h4,ul.pro-list li a h5{font-size: 20px;font-weight: bold;color: #fff;line-height: 1.6;}
ul.pro-list li.active{width: 30%;}
ul.pro-list li.active .pro-content a h4,ul.pro-list li .pro-content a .pro-text{opacity: 0;}
ul.pro-list li.active .pro-content a .pro-text{opacity: 1;}

.index_news a{display: block;background: #fff;position: relative;}
.index_news a .index-h{height: 345px;overflow: hidden;}
.index_news a h6{position: absolute;top: 0;left: 0;background: #3d7abf;font-size: 14px;color: #fff;padding: 6px 12px;}
.index_news a .index_news_content,.news_bg a{padding: 20px;display: block;background: #fff;}
.index_news a .index_news_content h3,.news_bg a h3{font-size: 18px;color: #333;font-weight: bold;}
.index_news a .index_news_content h4,.news_bg a h4{margin-top: 10px;font-size: 14px;color: #666;line-height: 1.6;-webkit-line-clamp: 3;height: 4.8em;}
.news_bg a h4{-webkit-line-clamp: 2;height: 3.2em;}
.index_news a .index_news_content h5{margin-top: 20px;font-size: 14px;color: #666;}
.index_news a:hover .index_news_content h3,.index_news a:hover .index_news_content h5,.news_bg a:hover h3{color: #3d7abf;}
.index_news a:hover,.news_bg a:hover{box-shadow: 0 2px 10px rgba(0,0,0,.16);}
.index_news a:hover img{transform: scale(1.06);-webkit-transform: scale(1.06);}

ul.cases-list li{width: 20%;float: left;height: 400px;position: relative;background: url(../images/bg111.jpg) no-repeat;background-size: 100% 100%;box-shadow: 0 2px 20px #f3f3f3;overflow: hidden;}
ul.cases-list li .infobox{height: 200px;padding: 20px;}
ul.cases-list li .infobox h4{padding-left: 26px;position: relative;}
ul.cases-list li .infobox h4:before{content: "";width: 0;height: 0;border: 8px solid #3d7abf;border-left: 14px solid #3d7abf;border-right: none;border-top-color: transparent;border-bottom-color: transparent;position: absolute;top: 50%;transform: translateY(-50%);-webkit-transform: translateY(-50%);left: 0;}
ul.cases-list li .picbox{height: 200px;overflow: hidden;}
ul.cases-list li:nth-child(even) .infobox{width: 100%;position: absolute;left: 0;top: 0;}
ul.cases-list li:nth-child(even) .picbox{width: 100%;position: absolute;left: 0;bottom: 0;}
ul.cases-list li .infobox h5{font-size: 14px;line-height: 1.6;-webkit-line-clamp: 3;height: 4.8em;}
ul.cases-list li .infobox .view{font-size: 14px;color: #888;position: absolute;bottom: 20px;left: 20px;}
ul.cases-list li a:hover h4,ul.cases-list li a:hover .infobox .view{color: #3d7abf;}
ul.cases-list li a:hover .picbox img{transform: scale(1.06);-webkit-transform: scale(1.06);}

@media(max-width: 996px){
    ul.pro-list li{width: 16.66%;height: 240px;padding: 0;}
    ul.pro-list li.active{width: 16.66%;}
    ul.pro-list li .pro-content a h4,ul.pro-list li .pro-content a .pro-text{padding: 10px;}
    ul.pro-list li a h4,ul.pro-list li a h5{opacity: 1;font-size: 18px;line-height: 1.4;}
    ul.pro-list li .pro-content a .pro-text h6,ul.pro-list li .pro-content a .pro-text h3{display: none;}
    .index_news a .index-h{height: 240px;}
    ul.cases-list li{width: 100%;}
    ul.cases-list li .infobox{padding: 15px;}
    ul.cases-list li .infobox .view{bottom: 15px;left: 15px;}
}

/*方案中心*/
.flex-center{display: flex;justify-content: left;align-items: center;}
.schemes-img a{display: block;background: #fff;margin-bottom: 20px;}
.schemes-img a .schemes-img-h{height: 300px;}
.schemes-img a .schemes-content{padding: 20px;}
.schemes-img a .schemes-content h5,.scheme-text h4{line-height: 1.6;-webkit-line-clamp: 3;height: 4.8em;}
.schemes-img a:hover .schemes-content h4{color: #3d7abf;}
.schemes-img a:hover{box-shadow: 0 2px 10px rgba(0,0,0,.16);}

.brief-content .brief-left{width: 36%;height: 300px;overflow: hidden;}
.brief-content .brief-right{width: 62%;padding-left: 40px;}
.brief-content .brief-right .title{font-size: 36px;padding-bottom: 20px;position: relative;}
.brief-content .brief-right .title:before{content: "";width: 40px;height: 4px;background: #3d7abf;position: absolute;bottom: 0;left: 0;}
.scheme-img-bg a{background: #f7f7f7;margin-bottom: 20px;overflow: hidden;border-radius: 5px;box-shadow: 0 1px 6px rgba(0,0,0,.16);}
.scheme-img-bg a .scheme-img{width: 50%;height: 200px;overflow: hidden;}
.scheme-img-bg a .scheme-text{width: 50%;padding: 20px;}
.scheme-img-bg a .scheme-text h3{font-size: 18px;}
.scheme-img-bg a .scheme-text h4{font-size: 14px;}
.scheme-img-bg a:hover{background: #3d7abf;}
.scheme-img-bg a:hover h3,.scheme-img-bg a:hover h4,.scheme-img-bg a:hover span{color: #fff;}

@media(max-width: 996px){
    .brief-content{display: block;}
    .brief-content .brief-left,.schemes-img a .schemes-img-h{width: 100%;height: 220px;}
    .brief-content .brief-right{width: 100%;padding: 20px 0 0;}
    .brief-content .brief-right .title{font-size: 28px;}
    .scheme-img-bg a .scheme-img{height: 200px;}
    .scheme-img-bg a .scheme-text{padding: 10px;}
    .scheme-img-bg a .scheme-text h5{margin-top: 20px;}
}

/*产品中心*/
ul.pro_img li{padding: 5px;display: flex;justify-content: left;align-items: center;background: #fff;margin-bottom: 20px;box-shadow: 0 1px 5 rgba(0,0,0,.16);}
ul.pro_img li .box-img{width: 26%;height: 240px;overflow: hidden;}
ul.pro_img li .box-text{width: 74%;padding: 0 35px 0 40px;}
ul.pro_img li .box-text h4{padding-left: 20px;position: relative;}
ul.pro_img li .box-text h4:before{content: "";width: 6px;height: 100%;background: #3d7abf;position: absolute;top: 0;left: 0;}
ul.pro_img li .box-text h5{line-height: 1.8;-webkit-line-clamp: 3;height: 5.4em;}
ul.pro_img li .box-text h6 a{color: #333;margin: 0 6px;}
ul.pro_img li .box-text a:hover h4,ul.pro_img li .box-text h6 a:hover{color: #3d7abf;}

.product-img a{padding: 10px;display: block;margin-bottom: 20px;background: #fff;border-radius: 5px;overflow: hidden;}
.product-img a .pro-img-h{height: 200px;}
.product-img a h3{margin-top: 20px;font-size: 18px;font-weight: bold;color: #333;}
.product-img a h4{margin-top: 10px;font-size: 14px;color: #666;line-height: 1.8;-webkit-line-clamp: 2;height: 3.6em;}
.product-img a span{color: #333;}
.product-img a:hover{box-shadow: 0 2px 10px rgba(0,0,0,.16);transform: translateY(-5px);}
.product-img a:hover span{color: #3d7abf;text-decoration: underline;}

.details-left{width: 47%;}
.MagicZoomPup{background: #000;}
.MagicZoomBigImageCont{background: #fff;}
#tsImgS img,.MagicZoomBigImageCont{border: 1px solid #efefef;}
#tsShopContainer li,#tsShopContainer img{vertical-align: top;}
#tsShopContainer{width: 100%;margin: 0 auto;position: relative;}
#tsShopContainer #tsPicContainer{width: 100%;padding: 15px 0;position:relative;}
#tsShopContainer #tsPicContainer #tsImgSArrL,#tsShopContainer #tsPicContainer #tsImgSArrR{position: absolute;top: 50%;transform: translateY(-50%);cursor:pointer;}
#tsShopContainer #tsPicContainer #tsImgSArrL{left: 0;}
#tsShopContainer #tsPicContainer #tsImgSArrR{right: 0;}
#tsShopContainer #tsPicContainer #tsImgSArrL i,#tsShopContainer #tsPicContainer #tsImgSArrR i{display: block;font-size: 30px;font-weight: bold;color: #888;}
#tsShopContainer #tsPicContainer #tsImgSArrL:hover i,#tsShopContainer #tsPicContainer #tsImgSArrR:hover i{color: #f00;}
#tsShopContainer #tsPicContainer #tsImgSCon{width: 88% !important;margin-left: 6%;overflow: hidden;}
#tsShopContainer #tsPicContainer #tsImgSCon ul{width: 100%;overflow: hidden;}
#tsShopContainer #tsPicContainer #tsImgSCon li{width: 100px;padding: 0 4px;float: left;cursor: pointer;}
#tsShopContainer #tsPicContainer #tsImgSCon li img{padding: 2px;border: 1px solid  #e4e4e4;display:block;}
#tsShopContainer #tsPicContainer #tsImgSCon li.tsSelectImg img{border-color: #F00;}
.details-right{width: 50%;}

@media(max-width: 996px){
    ul.pro_img li .box-img{width: 40%;height: 160px;}
    ul.pro_img li .box-text{width: 60%;padding: 0 5px 0 10px;}
    ul.pro_img li .box-text h6{display: none;}
}

/*关于金石*/
.site_bg{padding: 15px 0;background: #eee;}
ul.site_ul li{float: left;color: #666;}
ul.site_ul li a{font-size: 14px;display: block;margin: 0 6px;color: #666;}
ul.site_ul li a:hover{color: #3d7abf;}
#dituContent{width: 100%;height: 500px;}
.iw_poi_title{color: #c52;font-size: 14px;font-weight: bold;overflow: hidden;padding-right: 13px;white-space: nowrap;}
.iw_poi_content{font: 12px arial,sans-serif;overflow: visible;padding-top: 4px;white-space: -moz-pre-wrap;word-wrap: break-word;}
.partner-img a{display: block;margin-bottom: 20px;border: 1px solid #eee;}
.partner-img a:hover{box-shadow: 0 2px 10px rgba(0,0,0,.16);}

.news-list a{width: 100%;background: #fff;padding: 15px;margin-bottom: 20px;display: flex;justify-content: left;align-items: center;}
.news-list a .news-img{width: 30%;height: 120px;overflow: hidden;}
.news-list a .news-text{width: 70%;padding-left: 20px;}
.news-list a .news-text h4{font-size: 18px;color: #333;font-weight: bold;}
.news-list a .news-text h5{margin: 15px 0;font-size: 12px;color: #aaa;}
.news-list a .news-text h6{font-size: 14px;color: #888;line-height: 1.5;-webkit-line-clamp: 2;height: 3em;}
.news-list a:hover{box-shadow: 0 2px 15px rgba(0,0,0,.2);}
.news-list a:hover .news-text h4{color: #3d7abf;}
.time{color: #888;}
.prev_next a{font-size: 16px;line-height: 2;color: #666;}
.prev_next a:hover{color: #3d7abf;}

ul.story-list li a{overflow: hidden;position: relative;display: flex;justify-content: left;align-items: center;background: #fff;margin-bottom: 20px;}
ul.story-list li .infobox{width: 70%;padding: 2% 4%;}
ul.story-list li .picbox{width: 30%;height: 320px;overflow: hidden;}
ul.story-list li:nth-child(even) .infobox{position: absolute;right: 0;}
ul.story-list li .infobox h5{font-size: 16px;color: #888;line-height: 1.8;-webkit-line-clamp: 4;height: 7.2em;}
ul.story-list li a:hover h4{color: #3d7abf;}
ul.story-list li a:hover img{transform: scale(1.06);-webkit-transform: scale(1.06);}
.bsTop{width: 208px !important;}
.bsBox{height: 256px !important;}

@media(max-width: 996px){
    #dituContent{margin-top: 20px;height: 320px;}
    .partner-img a{margin-bottom: 10px;}

    .news-list a{padding: 0;}
    .news-list a .news-img{height: 92px;}
    .news-list a .news-text{padding: 10px;}
    .news-list a .news-text h5{display: none;}
    .news-list a .news-text h6{margin-top: 10px;}
    .prev_next a{font-size: 14px;}

    ul.story-list li a{display: block;}
    ul.story-list li:nth-child(even) .infobox{position: static;}
    ul.story-list li .infobox{width: 100%;padding: 15px;}
    ul.story-list li .infobox h5{font-size: 14px;margin-top: 15px;}
    ul.story-list li .picbox{width: 100%;height: 200px;}
}