/* 公共样式表css */

@charset "UTF-8";

/*项目 详情页 开始*/

.weizhi {
    background: #f2f2f2!important;
}

.weizhi .breadcrumb {
    padding: 8px 15px;
    border-radius: 4px;
}

.weizhi .breadcrumb>li {
    display: inline-block;
}

.weizhi .breadcrumb li a {
    color: #333;
    line-height: 37px;
}

.weizhi .breadcrumb>li+li:before {
    padding: 0 5px;
    color: #393939;
    content: "/\00a0";
}

.animsition {
    background-color: #f8f8f8;
}

.animsition h1.ej-tit {
    font-size: 24px;
    color: #0099E5;
    line-height: 60px;
    padding: 20px;
    font-weight: 600;
    text-align: center;
}

.met-showproduct-head {
    background: #fff;
    padding: 30px 0;
}

.met-showproduct-head .w1100 {
    width: 1100px;
    margin: 0 auto;
}

.w1200 {
    width: 1200px;
    margin: 0 auto;
}

.met-showproduct-head .left {
    width: 50%;
}

.met-showproduct-head .left .imgl {width: 560px;height: 320px;border-radius: 0px;box-shadow: 5px 5px 5px #999;}

.met-showproduct-head .left .imgl img{width: 100%;height: auto;border-radius: 0px;}
	
.met-showproduct-head .right {
    width: 48%;
}

.met-showproduct-head .right .de-li {
    color: #76838f;
    float: left;
    width: 50%;
    margin-bottom: 15px;
}

.met-showproduct-head .right .de-li.last {
    width: 100%;
}

.met-showproduct-head .black-333 {
    color: #333;
}

.met-showproduct-head .product-intro h1 {
    font-size: 28px;
    margin-top: 0;
    padding-left: 15px;
}

.met-showproduct-head .product-intro p.description {
    color: #5e7387;
    margin-bottom: 15px
}

.met-showproduct-head .product-intro .para {
    border-top: 1px solid #EEEEEE;
    border-bottom: 1px solid #EEEEEE;
    padding: 15px;
    padding-bottom: 0;
    font-size: 15px;
}

.met-showproduct-head .product-intro .tools {
    font-size: 15px;
    color: #7d7d7d;
    line-height: 1.7;
}

.met-showproduct-head .product-intro .tools {
    margin: 15px 15px 0
}


/*图片 js*/

.zoombox {
    width: 800px;
    height: auto;
    margin: 0 auto;
}

.zoompic {
    width: 100%;
    height: auto;
    background: url(../img/loading.gif) no-repeat;
}

.zoompic{
	width: 100%;
	height: auto;
}

.sliderbox {
    overflow: hidden;
    width: 100%;
}

.sliderbox .arrow-btn {
    width: 38px;
    height: 76px;
    background: url(../img/arrow-btn.png) no-repeat;
    cursor: pointer;
}

.sliderbox #btn-left {
    float: left;
    background-position: 0 0;
}

.sliderbox #btn-left.dasabled {
    background-position: 0 -76px;
}

.sliderbox #btn-right {
    float: right;
    background-position: -38px 0;
}

.sliderbox #btn-right.dasabled {
    background-position: -38px -76px;
}

.sliderbox #btn-right.dasabled {
    background-position: -38px -76px;
}

.sliderbox .slider {
    float: left;
    height: 180px;
    max-width: 724px;
    margin: 0 auto;
    position: relative;
    overflow: hidden;
    display: inline;
}

.sliderbox .slider ul {
    position: relative;
    left: 0;
}

.sliderbox .slider li {
    float: left;
    list-style: none;
    width: 100px;
    text-align: center;
    padding: 0!important;
    border-bottom: none!important;
    line-height: 0!important;
    margin-left: 10px;
}

.sliderbox .slider li img {
    border: solid 2px #eee;
    padding: 1px;
    width: 100%;
    min-height: 70px;
}

.sliderbox .slider li.current img {
    border: solid 2px #C9232B;
}


/*图片 js 结束*/


/*内容 开始*/

.met-showproduct-body {
    width: 100%;
}

.met-showproduct-body:last-child {
    padding-bottom: 100px;
}

.product-content-body {
    background: #fff;
    padding: 50px;
    border-radius: 15px;
}

.product-content-body strong {
    color: #393939;
}

.product-content-body .all-img img {
    margin: 10px auto;
    display: block;
}

.product-content-body p,
.product-content-body span {
    font-size: 15px;
    line-height: 28px;
    color: #666;
    text-indent: 2em;
}

.product-content-body h1 {
    font-size: 16px;
    text-align: center;
    margin: 10px 0;
}

body.ny .leftNav {
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.5s;
    position: fixed;
    top: 0;
    bottom: 0;
    left: 50%;
    margin: auto 0 auto -712px;
    width: 86px;
    box-sizing: border-box;
    background: #FFFFFF;
    border: 1px solid #EEEFF2;
    border-radius: 5px;
    overflow: hidden;
    transform: translateZ(0);
    height: 272px;
}

body.ny .leftNav.show {
    opacity: 1;
    visibility: visible;
}

body.ny .leftNav-list {
    width: 100%;
    box-sizing: border-box;
    text-align: center;
}

body.ny .leftNav-list li {
    width: 100%;
    height: 45px;
    text-align: center;
    cursor: pointer;
    border-bottom: 1px solid #EEEFF2;
    line-height: 45px;
}

body.ny .leftNav-list li:last-child {
    border: 0;
}

body.ny .leftNav-list li p {
    font-size: 14px;
    color: #666666;
}

body.ny .leftNav-list li.on {
    background: #0099e5;
    border-color: #0099e5;
}

body.ny .leftNav-list li:hover p {
    color: #0099e5;
}

body.ny .leftNav-list li.on:hover p,
body.ny .leftNav-list li.on p {
    color: #fff;
}
/*项目 详情页 结束*/



/*案例详情*/
.caseShowall{width: 1100px; padding: 50px; margin: 0 auto;border: 1px solid #eee;margin-bottom: 20px;}
.caseShow{position: relative;overflow: hidden;width: 800px;margin: 0 auto;}
.caseShow .ban_pic{min-height: 500px;position: relative;overflow:hidden;margin-bottom: 1px; border:0px #f5f5f5 solid;}
.caseShow .ban_pic ul{ position:absolute; left:0; top:0;}
.caseShow .ban_pic ul li{ width:800px; height:500px;}
.caseShow .ban_pic ul li img{max-width:100%;height: 500px;margin:auto;display: block;}
.caseShow .min_pic .num{position: relative; height: 50px;overflow:hidden;}
.caseShow .min_pic .num ul{ margin:auto; left:0; top:0;width: 810px;}
.caseShow .min_pic .num ul li{ width:79.5px; height:50px; margin-right:1px;cursor: pointer;transition: all .4s;background-color: #fff}
.caseShow .min_pic .num ul li img{display: block;width: 100%;height: 100%;transition: all .4s;}
.caseShow .min_pic .num ul li:hover,.caseShow .min_pic .num ul li.on{background-color: #000}
.caseShow .min_pic .num ul li:hover img,.caseShow .min_pic .num ul li.on img{opacity: 0.2}
.caseShow .ban_pic .prev1,.caseShow .ban_pic .next1{position: absolute;width: 60px;height: 60px;background: rgba(0,0,0,0.3);cursor: pointer;top: 50%;margin-top: -30px;z-index: 30;transition: all .4s;}
.caseShow .ban_pic .prev1 i,.caseShow .ban_pic .next1 i{position: absolute;width: 100%;height: 100%;left: 0;right: 0;background-repeat: no-repeat;background-position: center center;}
.caseShow .ban_pic .prev1{left: 0;}
.caseShow .ban_pic .prev1 i{background-image: url(../images/pCase-jt1.png);}
.caseShow .ban_pic .next1{ right: 0;}
.caseShow .ban_pic .next1 i{background-image: url(../images/pCase-jt2.png);}
.caseShow .ban_pic .prev1:hover,.caseShow .ban_pic .next1:hover{background: rgba(0,0,0,0.5)}

/*上下页面*/

.detailPage{overflow:hidden;margin: 50px 0;}
.detailPage>div{border: 1px solid #cecece;height: 44px;line-height: 44px;float: left;margin-right: -1px;}
.detailPage .post-prev,.detailPage .post-next{width: 451px;transition: all .4s;}
.detailPage .goList{width: 160px;text-align: center;font-size: 14px;color: #333333;transition: all .4s;}
.detailPage .post-prev a,.detailPage .post-next a,.detailPage .goList a{display: block;transition: all .4s;}
.detailPage .post-prev h4,.detailPage .post-next h4{width: 320px;float: left;padding: 0 20px;overflow:hidden;text-overflow:ellipsis;white-space: nowrap;font-size: 14px;color: #333333;font-weight: normal;}
.detailPage .post-prev h4{text-align: left;}
.detailPage .post-next h4{text-align: right;}
.detailPage .post-prev span,.detailPage .post-next span{background-repeat: no-repeat;width: 114px;text-align: center;vertical-align: middle;}
.detailPage .post-prev span i,.detailPage .post-next span i{display: inline-block;width: 18px;height: 17px;background-repeat: no-repeat;vertical-align: middle; }
.detailPage .post-prev span{display: block;float: left;border-right: 1px solid #cecece;}
.detailPage .post-next span{display: block;float: right;border-left: 1px solid #cecece;}
.detailPage .post-prev span i{background-image: url(../images/pPrev-left1.png);margin-right: 10px;background-position:0  center;transition: all .3s;}
.detailPage .post-next span i{background-image: url(../images/pPrev-right1.png );margin-left: 10px;background-position:-18px  center;transition: all .3s;}
.detailPage .goList:hover,.detailPage .post-prev:hover,.detailPage .post-next:hover{background-color: #666;}
.detailPage .goList:hover  a{color: #fff;}
.detailPage .goList:hover a,.detailPage .post-prev:hover a,.detailPage .post-next:hover a{color: #fff}
.detailPage .post-prev:hover a h4,.detailPage .post-next:hover a h4{color: #fff}
.detailPage .post-prev:hover span i{background-image: url(../images/pPrev-left1.png);margin-right: 10px;background-position:-18px  center;}
.detailPage .post-next:hover span i{background-image: url(../images/pPrev-right1.png );background-position:0  center;}

/*案例封面*/
.pageCase li{border-top: 1px solid #fff;border-bottom: 1px solid #fff;overflow:hidden;}
.pageCase li a{position: relative;display: block;height: 312px;}
.pageCase li a img{position: absolute;top: 0;left: 0;width: 100%;height: 100%;transition: all 2s;opacity: 1;animation: slowBig 6s linear infinite alternate; animation-play-state: paused;transform:scale(1,1)}
.pageCase li a .wrap{position: relative;z-index: 2;padding-top: 100px;}
.pageCase li a h5{font-size: 22px;color: #4c4c4c;text-align: center;font-weight: normal;margin-bottom: 15px;}
.pageCase li a h5 span{display: block;font-size: 32px;color: #4c4c4c;text-transform: uppercase;line-height: 32px;margin-bottom: 5px;}
.pageCase li a i{display: block;width: 13px;height: 15px;background-image: url(../images/pCase-more1.png);background-repeat: no-repeat;background-position: center center;margin: 0 auto;}
.pageCase li a:hover .pic2{opacity: 0;}
.pageCase li a:hover img{animation-play-state: running;transform: none;}
@keyframes slowBig {
  to {transform:scale(1.05,1.05);}
}
.pageCase li a:hover i{background-image: url(../images/pCase-more2.png);}

/*视频内容页*/
.btvf {
	background-color: #fff;
	position: relative;
	height: 100%;
	margin:0 auto;
}

.btvf img {
	width: 100%
}

.btvf .cap_tit {
	padding-top: 20px;
	width: 100%;
	margin: 0 auto;
}

.btvf .cap_tit .c_tit {
	width: 100%;
	text-align: center;
	margin:0 auto;
}

.btvf .cap_tit .c_tit h4 {
	position: relative;
	padding-bottom: 15px;
	font-size: 32px;
	color: #333;
	margin-top: 3px;
	border-bottom:#eee solid 1px;
}

.btvf .cap_tit .c_tit h6 {
	margin-top: 20px;
	line-height: 20px;
	font-size: 16px;
	color: #666;
	text-align:center;
}


.bt-tit {
	position: absolute;
	width: 1200px;
	margin-left: -600px;
	left: 50%;
	top: 35%;
	text-align: center;
	color: #fff
}

.bt-tit h5 {
	font-family: 华文细黑;
	line-height: 130px;
	font-size: 97px
}

.bt-tit p {
	line-height: 49px;
	font-size: 28px
}