@charset "utf-8";
video{width: 100%;height: auto;}
.st_anli_banner { width:100%; position:relative;}
.st_anli_banner img{ display:inherit;}
.st_anli_banr{ position:absolute; bottom:0px; left:0px; width:100%; height:100%; text-align:center; color:#fff;}
.st_anli_btl{ width:250px; color:#fff; margin:15% auto 3% auto; font-size:1.2em;  text-align:left;}
.st_anli_fc{ border-bottom:solid 1px #eee; font-weight:bold; font-size:1.3em;line-height:1.2em;}
.st_anli_btl p{ padding:5% 0;}
.st_anli_btnr{ font-size:0.85em; line-height:2em; width:900px; margin:auto; text-align:left;}
.st_anli_men{ background-color:#070405; padding:1% 0; width:100%; height:75px; color:#6d6c6c;}
.st_anli_men ul{ width:1020px; margin:auto; display:block;}
.st_anli_men ul li{ float:left; width:190px; height:72px; font-size:1em; padding-left:10px;}
.st_pli{ font-weight:bold; margin-bottom:7px;}
.st_anli_men ul li a{ display:block; color:#6d6c6c;}
.st_anli_men ul li a:hover{ color:#fff;}
.st_meovefu{ border-left:solid 1px #6d6c6c;}

.st_anli_show{ text-align:center; color:#fff; font-size:1em; line-height:2em;}
.st_anli_show p span{ font-size:1.2em; font-weight:bold;}
.st_anlinr{ background-color:#fff; width:100%; float:none; clear:both;}
.st_alnr_show{ padding:4% 0 2%; max-width:800px; width:100%; margin:auto;}
.st_alnr_show h2{ font-weight:bold; color:#000; font-size:1em; line-height:1.6em; padding:1% 0 0 0; margin:0px;}
.st_alnr_show dt{ padding:1% 0;}
.st_alnr_show p{ font-size:0.85em; line-height:1.8em; color:#666; padding:1.5% 0;}
.st_anli_p { margin:auto; margin-top:-1%; max-width:800px; width:100%;}
.anlip {display: block; margin-bottom: 2%; overflow: hidden; text-overflow:ellipsis; white-space: nowrap; color: #666;font-size: 1em;}
.anlip span:first-child { margin-right: 3%;}
.anlip:hover{text-decoration: underline;}
.st_anlinr img{ display:inherit;}

/*加入样式*/
.st_jiaru{  background-image: url(../img/case-bg.jpg);
    background-size: cover;
    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://stone.com/img/about/abg.jpg',sizingMethod='scale');
}
.st_jiaru{ background-image:url(../img/case-bg.jpg); background-repeat:no-repeat; background-size: cover;background-position:center; width:100%; height:150px; text-align:center; font-size:1.2em; color:#fff; line-height:220px;}
.st_jiaru_nr{ padding:4% 0px; width:600px; margin:auto;}
.st_jiaru_nr ul li{ margin:3% auto;}
.st_jiaru_nr ul li h2{ font-size:1.1em; color:#000; padding:1% 0px; margin:0px;}
.st_jiaru_nr ul li dt{ font-size:0.85em; color:#666;padding:1% 0; border-bottom: 1px dashed #ddd;}
.st_jiaru_nr ul li p{ font-size:0.85em; color:#666; line-height:1.6em; padding:2px 0;}
.st_jiaru_cs{ color:#333; font-size:1.1em; line-height:1.8em; padding:1% 0;}

/*服务案例*/
.st_fuwu_nr{ background-color:#efeff0; width:100%; float:none; clear:both; height:250px;}
.st_fuwu_nr ul li{ float:left; width:16.58%; height:250px; border-left:solid 1px #fff; text-align:center;}
.st_fuwu_nr ul li a{ display:block; width:100%; height:250px; color:#333; text-align:left; font-size:1em;
-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}
.st_fuwu_nr ul li a dt{ width:140px; margin:auto; padding-top:90px;}
.st_fuwu_nr ul li a dt p{ font-weight:bold; margin-bottom:5px;}
.st_fuwu_nr ul li a:hover{ color:#fff; background-image:url(../img/anli/fwhover.jpg); background-repeat:no-repeat; background-position:center center; background-size:auto 100%;
-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}
/*服务案例页更多样式*/
/* .myButton{width:100%;height:300px;padding-top: 120px;padding-bottom: 28px;}
.more{text-align: center;font-size: 1.2vw;}
.myFont{font-weight: 400;}
.myFont:hover{text-decoration:underline;cursor: pointer;}
.address{font-weight: 700;font-size: 1vw;}
.address2{line-height: 1.4em;}
.myAdd{margin-top: 58px;opacity: 0.3;}
.md5{margin-bottom: 15px;} */
.ViewMore{height: 200px;text-align: center;position: relative;}
.ViewMoreWorks{position: absolute;top: 50%;left:50%;-webkit-transform: translate(-50%,-50%);transform: translate(-50%,-50%);-moz-transform: translate(-50%,-50%);-o-transform: translate(-50%,-50%);cursor: pointer;font-weight: 300;}
.ViewMoreWorks>.line{text-align: center;position: relative;}
.ViewLine{height: 1px;width: 0px;background: #C70911;position: absolute;left: 50%;-webkit-transform: translateX(-50%);transform: translateX(-50%);-moz-transform: translateX(-50%);-o-transform: translateX(-50%);margin-top: 10px;-webkit-transition: all .3s ease;-moz-transition: all .3s ease;-o-transition: all .3s ease;transition: all .3s ease;}
.ViewLineFull{width: 60px;}
.ViewMoreWorks>p:nth-of-type(1){font-size: 24px;}
.ViewMoreWorks>p:nth-of-type(2){font-size: 14px;margin-top: 5px;}
@font-face {
    font-family: 'iconfont';
    src: url('iconfont.eot');
    src: url('iconfont.eot?#iefix') format('embedded-opentype'),
    url('./iconfont.woff') format('woff'),
    url('./iconfont.ttf') format('truetype'),
    url('iconfont.svg#iconfont') format('svg');
}
.iconfont{
    font-family:"iconfont" !important;
    font-size:1.5vw;font-style:normal;
    -webkit-font-smoothing: antialiased;
    -webkit-text-stroke-width: 0.2px;
    -moz-osx-font-smoothing: grayscale;
}
.section_title {font-size: 18px;border-top: 1px solid #1f1f1f;padding-top: 50px;padding-bottom: 5px;margin-bottom: 40px;letter-spacing: 1px;margin-top: 35px;font-family: "maven_probold","Microsoft YaHei","微软雅黑";text-align: center;font-weight: 500;line-height: 1.1;color: inherit;}
.related_works{padding-right: 15px;padding-left: 15px;max-width: 1200px;min-width:800px;margin-left: auto;margin-right: auto;margin-bottom: 55px;width:65%;}
.clear{clear:both;}
.related{width:31.93%;float:left;min-height: 1px; position: relative;}
.relater-to{width:0.7%;float:left;min-height: 1px;display: block;}
.solution_hover{height: 100%;width: 100%;left: 0;overflow: hidden;position: absolute;text-align: center;top: 0;vertical-align: middle;color:#fff;}
.img_text{display: table-cell;vertical-align: middle;text-align: left;padding: 0 26px;}
.img_text h2{color: #fff;font-family: "Maven Pro","Microsoft JhengHei","微软正黑体","Microsoft YaHei","微软雅黑",Arial,Verdana,sans-serif;font-size: 20px;text-transform: uppercase;margin: 15px 0;opacity: 0;font-weight: 500;}
.img_text h4{font-size: 14px;margin: 0;color: #fff;opacity: 0;font-weight: 500;}
.solution_hover:hover{background: none repeat scroll 0 0 rgba(0,0, 0, 0.6) !important;-webkit-transition: all 0.4s ease-in;-ms-transition: all 0.4s ease-in;transition: all 0.6s ease-in;}
.solution_hover:hover h2{opacity:1;
    -webkit-transform: translate(0px, 15px);
    -ms-transform: translate(0px, 15px);
    transform: translate(0px, 15px);
    -webkit-transition: transform 0.4s ease 0.2s, opacity 0.4s ease 0.2s;
    -ms-transition: transform 0.4s ease 0.2s, opacity 0.4s ease 0.2s;
    transition: transform 0.4s ease 0.2s, opacity 0.4s ease 0.2s;}
.solution_hover:hover h4{opacity:1;
    -webkit-transform: translate(0px, 15px);
    -ms-transform: translate(0px, 15px);
    transform: translate(0px, 15px);
    -webkit-transition: transform 0.4s ease 0s, opacity 0.4s ease 0.1s;
    -ms-transition: transform 0.4s ease 0s, opacity 0.4s ease 0.1s;
    transition: transform 0.4s ease 0s, opacity 0.4s ease 0.1s;
}

/*新闻页面样式*/
.st_news_show{ width:100%; float:none; clear:both;}
.st_news_shnr{ width:1050px; margin:auto; padding:3% 0 5% 0;}
.st_news_shleft{ float:left; width:710px;}
.st_news_shright{ float:right; width:325px;}
.st_news_stile{ font-size:0.85em; line-height:1.8em;width: 750px;margin: 0 auto;}
.st_news_stile p{color: #666;padding: 1% 0;}
.st_news_shleft dt{ color:#333;}
.st_news_shleft h2{ font-size:1.8em; color:#000; padding:10px 0; margin:0px; font-weight: normal;}
.st_news_shleft p{ color:#666; padding:1% 0;}
.st_news_up dt,.st_news_up p{ color:#666; font-size:0.85em; line-height:1.8em; text-align:left;}
.st_news_up h2{ font-size:1.5em; padding:13px 0px; margin:0px; font-weight:normal;}
.st_news_up p{ height:100px; overflow:hidden;}
.st_news_up span{ width:80px; border-bottom:solid 1px #999; display:block; height:20px; margin-bottom:10px;}
.st_news_up a{ color:#000;}

.case_menu{background: #fff;}
.menu-fixed{position: fixed;top: 0px;left: 0;width: 100%;z-index: 10000;-webkit-box-shadow: 0 1px 3px rgba(26,26,26,.1);box-shadow: 0 1px 3px rgba(26,26,26,.1);}
.fuwu-slide>a{color: #000;}
.fuwu-slide>a>li{height: 100px;font-size: 14px;font-weight: 400;position: relative;}
.fuwu-slide>a>li:hover{color: #C70911;cursor: pointer;}
.acte-active{color: #C70911}
.name_box{top: 50px;left:50%;-webkit-transform: translate(-50%,-50%);transform: translate(-50%,-50%);-moz-transform: translate(-50%,-50%);-o-transform: translate(-50%,-50%);position: absolute;text-align: left;}
.name_box>p{white-space:nowrap}
.firstMenu{width: 20%;}
.firstMenu>a>li>.name_box{left: 0;-webkit-transform: translate(0,-50%);transform: translate(0,-50%);-moz-transform: translate(0,-50%);-o-transform: translate(0,-50%);}
.Linefeed{display: none;}
.firstMenu{float: left;}
.menuList{float: right;width: 80%;position: relative;}
.case-menu-box{margin:0 auto;width: 84%;}
.fuwu-next, .fuwu-prev {position: absolute;top: 50%;width: 12px;height: 34px;margin-top: -17px;z-index: 10;cursor: pointer;background-position: center;background-repeat: no-repeat;}
.fuwu-next{right: -50px;}
.fuwu-prev{left: -50px;}
.showscroll{margin-top: 100px;}
@media screen and (max-width: 1200px) {
.case-menu-box{width: 96%;}
.fuwu-prev {left: -10px;}
.fuwu-next {right: -10px;}
}
@media screen and (max-width: 768px) {
.st_news_stile{width: 100%;margin: 0 auto;}
.ViewMore{height: 150px;}
.ViewMoreWorks>p:nth-of-type(1){font-size: 16px;}

.related_works{min-width:1px;width:95%;}
.related{width:95%;float:left;min-height: 1px;}
.relater-to{display: none;}
	
.st_anli_btl{ width:200px; color:#fff; margin:15% auto 0px auto; font-size:1em;  text-align:left;}
.st_anli_btl p{ padding:3% 0;}
.st_anli_btnr{ display:none;}
.st_anli_fc{ border-bottom:solid 1px #eee; font-weight:bold; font-size:1.3em;line-height:1em;}

.st_anli_men{ background-color:#070405; padding:0; width:100%; height:auto; color:#6d6c6c; overflow-x:auto;}
.st_anli_men ul{ width:230%; margin:auto; display:block;}
.st_anli_men ul li{ float:left; width:auto; height:63px; font-size:0.85em; padding:1% 2.5%;}
.st_pli{ font-weight:bold; margin-bottom:5px;}
.st_anli_men ul li a{ display:block; color:#6d6c6c;}
.st_anli_men ul li a:hover{ color:#fff;}
.st_meovefu{ border-left:none;}
.st_meove{ border-top:solid 2px #6d6c6c; color:#fff;}
.st_anli_show{ text-align:center; color:#fff; font-size:0.85em; line-height:2em; padding:2% 1%;}
.st_anli_show p span{ font-size:1.1em; font-weight:bold;}
.st_alnr_show h2{ font-weight:bold; color:#000; font-size:1em; line-height:1.6em; padding:1% 3%;}
.st_alnr_show p{ font-size:0.85em; line-height:1.8em; color:#666; padding:1% 3%;}

.st_jiaru{ background-image:url(../img/case-bg.jpg); background-repeat:no-repeat; background-position:top center; background-size:auto 100%; width:100%; height:120px; text-align:center; font-size:1.1em; font-weight:bold; color:#fff; line-height:150px;}
.st_jiaru_nr{ padding:4% 0px; width:100%; margin:auto;}
.st_jiaru_nr ul li{ margin:3% auto; padding:0 4% 4% 4%; border-bottom:solid 1px #eee;}
.st_jiaru_nr ul li h2{ font-size:1.1em; color:#000; padding:1% 0px; margin:0px;}
.st_jiaru_nr ul li dt{ font-size:0.85em; color:#666;padding:1% 0;}
.st_jiaru_nr ul li p{ font-size:0.85em; color:#666; line-height:1.6em; padding:2px 0;}
.st_jiaru_cs{ color:#333; font-size:1em; line-height:1.8em; padding:4%;}

/*服务案例*/
.st_fuwu_nr{ background-color:#efeff0; width:100%; float:none; clear:both; height:auto; text-align:center;}
.st_fuwu_nr ul li{ float:none; width:100%; height:auto; border-bottom:solid 1px #fff; text-align:center; margin:auto; border-left:none;}
.st_fuwu_nr ul li a{ display:block; width:100%; height:auto; color:#333; text-align:left; font-size:1em;
-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}
.st_fuwu_nr ul li a dt{ width:140px; margin:auto; padding:6% 0;}
.st_fuwu_nr ul li a dt p{ font-weight:bold; margin-bottom:5px;}
.st_fuwu_nr ul li a:hover{ color:#fff; background-image:url(../img/anli/fwhoversj.jpg); background-repeat:no-repeat; background-position:center center; background-size:100% auto;
-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}

/*新闻页面样式*/
.st_news_show{ width:100%; float:none; clear:both;}
.st_news_shnr{ width:92%; margin:auto; padding:4%;}
.st_news_shleft{ float:left; width:100%; margin-bottom:7%;}
.st_news_shright{ float:right; width:100%;}
.st_news_stile{ font-size:0.85em; line-height:1.8em;}
.st_news_shleft dt{ color:#333;}
.st_news_shleft h2{ font-size:1.4em; color:#000; padding:6px 0; margin:0px; font-weight: normal;}
.st_news_shleft p{ color:#666; padding:1% 0;}
.st_news_up dt,.st_news_up p{ color:#666; font-size:0.85em; line-height:1.8em; text-align:left;}
.st_news_up h2{ font-size:1.2em; padding:10px 0px; margin:0px; font-weight:normal;}
.st_news_up p{ height:100px; overflow:hidden;}
.st_news_up span{ width:80px; border-bottom:solid 1px #999; display:block; height:20px; margin-bottom:10px;}
.st_news_up a{ color:#000;}

.myFont{font-size: 16px;}
.fuwu-slide>a>li{font-size: 12px;height: 80px;}
.cate_enname{display: none;}
.name_box{width: 100%;text-align: center;top: 40px;}
.fuwu-prev,.fuwu-next{display: none;}
.showscroll{margin-top: 80px;}
}