/*===========================内页样式============================*/


/*===========================内页斑斓============================*/


/*============================内页背景===========================*/
.pageBg{background:#f7f9fa; padding-bottom:20px;}

/*==========================面包屑导航===========================*/
.breadcrumb{line-height:30px; font-size:20px; margin-top:20px;  background:none;}
.breadcrumb>li+li:before{color:#000;}
.breadcrumb>li>a{color:#000;}

/*=========================内页公共标语==========================*/
.pagePublicTile{font-size:30px; line-height:30px; color:#000;}
.pagePublicTileLine{margin:15px 0px 20px 0px; width:90px; height:2px; background:#d30000;}

/*=========================搜索及分享部分========================*/
.pageSearchBox{float:left; margin-bottom:15px;}
.pageSearchBox .form{border:solid 1px #bfbfbf; height:35px; line-height:35px;}
.pageSearchBox .form .input{width:87%; border:none; height:33px; padding:0px 10px; }
.pageSearchBox .form .submit{width:13%; height:30px; border:none; background:url(../images/page_01.png) no-repeat 50% 48%;}
.pageShareBox{float:right;}
.pageShareBox ul li{float:right; margin-left:7px;}
.pageShareBox ul li,.pageShareBox ul li a{width:32px; height:32px;}
.pageShareBox ul .f1{background:url(../images/page_11.png) no-repeat 50%;}
.pageShareBox ul .f2{background:url(../images/page_12.png) no-repeat 50%;}
.pageShareBox ul .f3{background:url(../images/page_13.png) no-repeat 50%;}
.pageShareBox ul .f4{background:url(../images/page_14.png) no-repeat 50%;}
.pageShareBox ul .f5{background:url(../images/page_15.png) no-repeat 50%;}
.pageShareBox ul .f6{background:url(../images/page_16.png) no-repeat 50%;}
.pageShareBox ul .f7{background:url(../images/page_17.png) no-repeat 50%;}

/*==========================跳转面包屑===========================*/
.goBreadcrumb{width:100%;/*width:260px;*/}
.goBreadcrumb ul li{font-size:16px; margin:0px 5px; font-family:Arial;}
.goBreadcrumb ul li a,.goBreadcrumb ul li{color:#828283;}
.goBreadcrumb ul .active a{text-decoration:underline; color:#e70006;}


/*==========================产品列表留言==========================*/
.inquirySelectBox{margin-top:30px;}
.inquirySelectBox .list{border-color:#000; height:37px; line-height:35px; padding:0px 10px; margin-bottom:10px;}
.inquirySelectBox .leftName{width:70%;}
.inquirySelectBox .leftName a{color:#000; font-weight:bold; font-size:14px;}
.inquirySelectBox .deleteButt{background:url(../images/page_20.png) no-repeat 50%; height:35px; width:35px; margin-left:10px;}
.inquirySelectBox .smallPic{width:30px; height:30px; margin-top:3px;}
.selectToolBox{max-width:300px; padding-top:15px;}
.selectToolBox ul li{width:140px; height:30px; line-height:30px; font-weight:bold; color:#000; border-color:#000; border-radius:15px;}

/*==========================产品列表=============================*/
.pageProductListBox{padding-top:50px;}
.pageProductList{margin-bottom:30px;}
.pageProductList .NameBox{height:120px; background:#fff;}
.pageProductList .NameBox .details{padding-top:25px;}
.pageProductList .NameBox .details{font-size:16px; color:#000;}
.pageProductList .NameBox .inquiry{width:125px; height:30px; line-height:28px; border:solid 1px #bfbfbf; margin-top:20px;}
.pageProductList:hover .NameBox .details{color:#d30000;}
.pageProductList:hover .NameBox .inquiry{border:solid 1px #d30000; color:#d30000;}

/*==========================案例列表=============================*/
.pageCaseListBox{padding-top:50px;}
.pageCaseListBox .pageCaseList{margin-bottom:60px;}
.pageCaseListBox .pageCaseList .title{color:#000; font-size:22px; margin:15px 0px 0px 0px;}
.pageCaseListBox .pageCaseList p{line-height:25px; color:#6c6c6c;}
.pageCaseListBox .pageCaseList .ditails{background:#f1f3f4; color:#6c6c6c; height:45px; line-height:35px; padding:5px 10px; margin-top:10px;}
.pageCaseListBox .pageCaseList .ditails .like a{background:url(../images/page_04.png) no-repeat 10px 50%; color:#e70006; padding-left:27px;}
.pageCaseListBox .pageCaseList .ditails .more{padding-left:25px; background:url(../images/page_03.png) no-repeat 8px 50%;  line-height:35px; border-left:solid 1px #dee0e0;}
.pageCaseListBox .pageCaseList .ditails .more,.pageCaseListBox .pageCaseList .ditails .more a{height:35px;}
.pageCaseListBox .pageCaseList .ditails .more a{color:#d30000;}

/*==========================新闻列表=============================*/
.pageNewsBox{padding-top:50px;}
.pageNewsList{margin-bottom:35px;}
.pageNewsList .published{color:#6c6c6c;}
.pageNewsList .published ul li{margin-right:5px;}
.pageNewsList .published ul .t1{background:url(../images/page_18.png) no-repeat left 50%;}
.pageNewsList .published ul .t2{background:url(../images/page_19.png) no-repeat left 50%;}
.pageNewsList .published ul .t1,.pageNewsList .published ul .t2{padding-left:20px;}
.pageNewsList .title{font-size:30px; margin:10px 0; color:#000;}
.pageNewsList p{font-size:16px; line-height:30px; color:#808080; }
.pageNewsList .ditails{background:#f1f3f4; color:#6c6c6c; height:45px; line-height:35px; padding:5px 10px; margin-top:10px;}
.pageNewsList .ditails .like a{background:url(../images/page_04.png) no-repeat 10px 50%; color:#e70006; padding-left:27px;}
.pageNewsList .ditails .more{padding-left:25px; background:url(../images/page_03.png) no-repeat 8px 50%;  line-height:35px; border-left:solid 1px #dee0e0;}
.pageNewsList .ditails .more,.pageNewsList .ditails .more a{height:35px;}
.pageNewsList .ditails .more a{color:#d30000;}

/*==========================新闻详情=============================*/
.pageNewsDetailsTitle{}
.pageNewsDetailsTitle .title{font-size:30px; color:#000;}
.pageNewsDetailsTitle .publish{width:400px; height:30px; padding-bottom:10px;}
.pageNewsDetailsTitle .publish ul li{padding-left:20px; margin-left:5px; height:30px; line-height:30px;}
.pageNewsDetailsTitle .publish ul .t1{background:url(../images/page_04.png) no-repeat left 50%;}
.pageNewsDetailsTitle .publish ul .t1 a{color:#e70006 !important;}
.pageNewsDetailsTitle .publish ul .t2{background:url(../images/page_18.png) no-repeat left 50%;}
.pageNewsDetailsTitle .publish ul .t3{background:url(../images/page_19.png) no-repeat left 50%;}
.pageNewsDetailsTitle .publish ul span{height:20px; width:1px; background:#a8a8a8; margin:5px 10px;}
.pageNewsDetailsBox{padding-top:50px;}
.pageNewsDetailsBox .gap{height:1px; background:#b0b0b0; margin:15px 0px 10px 0px;}
.pageNewsDetailsBox .paging{width:150px; margin:30px 0px; padding:0px 15px;}
.pageNewsDetailsBox .paging .left,.pageNewsDetailsBox .paging .right{width:56px; height:56px;}
.pageNewsDetailsBox .paging .left{background:url(../images/page_06.png) no-repeat 50%;}
.pageNewsDetailsBox .paging .right{background:url(../images/page_07.png) no-repeat 50%;}

/*======================最新发布新闻滚动图=======================*/
.pageLatest{padding-top:20px;}
.pageLatest .explain{ margin-bottom:20px; font-size:26px; color:#000; font-weight:bold;}
.pageLatest #pageLatestTab{margin-top:50px;}
.pageLatest .owl-carousel{background:none;}
.pageLatest .owl-wrapper-outer{box-shadow:none;}
.pageLatest .title{color:#000; font-size:22px; margin:15px 0px 0px 0px;}
.pageLatest p{min-height:53px; color:#6c6c6c;}
.pageLatest .ditails{background:#f1f3f4; color:#6c6c6c; height:45px; line-height:35px; padding:5px 10px; margin-top:10px;}
.pageLatest .ditails .like a{background:url(../images/page_04.png) no-repeat 10px 50%; color:#e70006; padding-left:27px;}
.pageLatest .ditails .more{padding-left:25px; background:url(../images/page_03.png) no-repeat 8px 50%;  line-height:35px; border-left:solid 1px #dee0e0;}
.pageLatest .ditails .more,.pageCaseListBox .pageCaseList .ditails .more a{height:35px;}
.pageLatest .ditails .more a{color:#d30000;}

/*==========================联系我们================================*/
.pageContactBox{padding-top:50px;}
.pageContactBox .title{font-size:26px; margin-bottom:15px; color:#000; font-weight:bold;}
.pageContactBox p{font-size:14px; color:#6c6c6c; margin-bottom:30px;}
.pageContactBox .add{padding-left:65px; background:url(../images/page_10.png) no-repeat left top;}
.pageContactBox .add .bt{font-size:22px; color:#000;}
.pageContactBox .add .dit{margin-top:10px;}
.pageContactBox .add .dit ul{margin-top:15px;}
.pageContactBox .add .dit ul li{line-height:25px;}
.pageContactBox .left{margin-bottom:20px;}
.pageContactBox .right .inputJuli{margin-bottom:10px;}
.pageContactBox .right .inputJuli .input{height:30px; line-height:30px; padding:0px 10px;}
.pageContactBox .right .inputJuli .meskuang{min-height:85px; padding:5px 10px;}
.pageContactBox .right .inputJuli .input,.pageContactBox .right .inputJuli .meskuang{border:solid 1px #bfbfbf;  background:rgba(0,0,0,0);}
.pageContactBox .right .submit{width:135px; height:40px; line-height:40px; background:#d30000; color:#fff;}
.pageContactBox .right .submitBox{padding:0 15px;}
.pageMapBox{margin-top:80px;}

/*=========================产品详情==============================*/
.pageProductDetailsBox{padding-top:50px;}
.pageProductDetailsBox .magnifierBox{float:left; padding:0px 15px; margin-bottom:15px;}
.pageProductDetailsBox .magnifierBox .gallery{width:470px; height:470px;}

.pageProductDetailsBox .magnifierBox .childPic{width:470px; background:none; box-shadow:none;}
.pageProductDetailsBox .magnifierBox .childPic img{width:100px; height:100px;}
.pageProductDetailsBox .magnifierBox .childPic .active{border:solid 2px #d30000;}
.pageProductDetailsBox .magnifierBox .childPic .owl-wrapper-outer{box-shadow:none;}
.pageProductDetailsBox .magnifierBox .childPic .owl-wrapper-outer .owl-item{margin-right:3px;}
.magnify{position:relative; margin-bottom:20px;}
.large {width:180px; height:180px; position:absolute; border-radius:50%; box-shadow: 0 0 0 7px rgba(255,255,255,0.8),0 0 7px 7px rgba(0,0,0,0.3),inset 0 0 40px 2px rgba(0,0,0,0.3); display:none; z-index:998;}
.small{display:block;}

.pageProductDetailsBox .Details{float:right;}
.pageProductDetailsBox .Details .pageProducTitle{font-size:24px; margin-bottom:5px; color:#000;}
.pageProductDetailsBox .Details .intro{line-height:30px; font-size:16px; color:#808080;}
.pageProductDetailsBox .Details span{height:1px; background:#ddd; margin:15px 0px;}
.pageProductDetailsBox .Details .productName{color:#000;}
.pageProductDetailsBox .Details .ProductParameter{margin-top:5px;}
.pageProductDetailsBox .Details .ProductParameter ul li{height:40px; line-height:40px; color:#000; padding-left:20px;}
.pageProductDetailsBox .Details .ProductParameter .parameterName{width:17%;}
.pageProductDetailsBox .Details .ProductParameter .parameter{width:69%;}
.pageProductDetailsBox .Details .inquiry{margin-top:35px; height:50px; line-height:50px; width:170px; font-size:18px; background:#d30000;}
.pageProductDetailsBox .Details .inquiry a{color:#fff;}
.pageProductDetailsBox .Details .share{margin-top:35px;}
.pageProductDetailsBox .Details .share ul li,.pageProductDetailsBox .Details .share ul li a{width:32px; height:32px;}
.pageProductDetailsBox .Details .share ul li{margin-right:8px;}
.pageProductDetailsBox .Details .share ul .f1{background:url(../images/page_11.png) no-repeat 50%;}
.pageProductDetailsBox .Details .share ul .f2{background:url(../images/page_12.png) no-repeat 50%;}
.pageProductDetailsBox .Details .share ul .f3{background:url(../images/page_13.png) no-repeat 50%;}
.pageProductDetailsBox .Details .share ul .f4{background:url(../images/page_14.png) no-repeat 50%;}
.pageProductDetailsBox .Details .share ul .f5{background:url(../images/page_15.png) no-repeat 50%;}
.pageProductDetailsBox .Details .share ul .f6{background:url(../images/page_16.png) no-repeat 50%;}
.pageProductDetailsBox .Details .share ul .f7{background:url(../images/page_17.png) no-repeat 50%;}
#xsProductDetailsPic{margin-bottom:20px;}
#xsProductDetailsPic .owl-wrapper-outer,#maylikeBox .owl-wrapper-outer{box-shadow:none; background:none;}
#maylikeBox{background:none; margin-top:30px;}
.mayYouLikeBox .mayLikeProductLine{height:1px; background:#ddd; margin:25px 0px;}
.mayYouLikeBox .title{font-size:28px; padding-left:40px; line-height:28px; height:28px; color:#000; background:url(../images/page_02.png) no-repeat left 50%;}
.mayYouLikeBox .maylikeBoxTab #maylikeBox .item{margin:0px 35px;}
.mayYouLikeBox .mayLikeButLeft,.mayYouLikeBox .mayLikeButRight{top:35%; width:30px; height:57px; z-index:99;}
.mayYouLikeBox .mayLikeButLeft{left:0px; background:url(../images/page_08.png) no-repeat 50%;}
.mayYouLikeBox .mayLikeButRight{right:0px; background:url(../images/page_09.png) no-repeat 50%;}

.PageProductDetailsIntroductionBox{margin:50px 0px;}
.PageProductDetailsIntroductionBox .detailsNav{border:none;}
.PageProductDetailsIntroductionBox .detailsNav li{margin-right:8px;}
.PageProductDetailsIntroductionBox .detailsNav li a{font-size:16px; width:175px; height:55px; line-height:55px; color:#000; border:none; background:#f2f2f2 !important; padding:0px; }
.PageProductDetailsIntroductionBox .detailsNav .active a{color:#d30000 !important;}
.PageProductDetailsIntroductionBox .bgBox{padding:15px 0px; background:#fff;}
.PageProductMessage .left .title{font-size:26px; margin-bottom:20px; color:#000;}
.PageProductMessage .left p{line-height:25px; color:#6c6c6c;}
.PageProductMessage .right .input{line-height:45px; height:45px; padding:0px 10px; }
.PageProductMessage .right .meskuang,.PageProductMessage .right .input{background:rgba(0,0,0,0); margin-bottom:10px; border:solid 1px #bfbfbf;}
.PageProductMessage .right .meskuang{padding:10px; min-height:90px;}
.PageProductMessage .right .submit{width:135px; height:40px; line-height:40px; color:#fff; background:#d30000;}
.PageProductMessage .right .submitBox{padding:0px 15px;}

/*1~~~320*/
@media screen and (min-width:1px) and (max-device-width:320px){
	
}

/*1~~~370*/
@media screen and (min-width:1px) and (max-device-width:370px){
	
}

/*1~~~991*/
@media screen and (min-width:1px) and (max-device-width:991px){
	
}

/*1~~~1170*/
@media screen and (min-width:1px) and (max-device-width:1170px){
	
}

/*1~~~767*/
@media screen and (min-width:1px) and (max-device-width:767px){
	.breadcrumb{margin:10px 0px; line-height:20px; font-size:16px;}
	.pagePublicTile{font-size:16px; line-height:20px;}
	.pageShareBox{float:left;}
	.pageShareBox ul li{float:left; margin-left:0px; margin-right:7px;}
	.pageProductList .NameBox .details{padding-top:10px;}
	.pageProductList .NameBox .details{font-size:12px}
	.pageProductList .NameBox .inquiry{margin-top:15px;}
	.pageProductList .NameBox{height:85px;}
	.pageProductList .NameBox .inquiry{width:110px; height:20px; line-height:18px;}
	.pageCaseListBox .pageCaseList{margin-bottom:30px;}
	.pageCaseListBox .pageCaseList .title{font-size:16px;}
	.pageCaseListBox .pageCaseList p{font-size:14px;}
	.pageNewsList .title{font-size:20px;}
	.pageNewsList p{font-size:14px; line-height:25px;}
	.pageNewsDetailsTitle .title{font-size:20px;}
	.pageNewsDetailsTitle .publish{width:240px; height:30px; margin-bottom:10px;}
	.pageProductDetailsBox .Details .intro{line-height:20px; font-size:14px;}
	.pageProductDetailsBox .Details .ProductParameter ul li{padding-left:0px;}
	.pageProductDetailsBox .Details .pageProducTitle{font-size:18px;}
	.pageProductDetailsBox .Details .inquiry{height:30px; line-height:30px;}
	.PageProductDetailsIntroductionBox .detailsNav li a{width:135px; margin-top:10px; height:30px; line-height:30px; font-size:14px;}
	.PageProductMessage .right .submit{width:100%;}
}

/*1~~~991*/
@media screen and (min-width:1px) and (max-device-width:991px){
	.pageProductDetailsBox{padding-top:20px;}
}

/*768*/
@media screen and (max-device-width:768px) and (min-width:768px){
	
}

/*768~~~~991*/
@media screen and (min-width:768px) and (max-device-width:991px){
	.breadcrumb{margin:10px 0px; line-height:30px; font-size:18px;}
	.pagePublicTile{font-size:24px; line-height:30px;}
	.pageProductList .NameBox .details{padding-top:10px;}
	.pageProductList .NameBox .details{font-size:14px}
	.pageProductList .NameBox .inquiry{margin-top:15px;}
	.pageProductList .NameBox{height:95px;}
	.pageProductDetailsBox .Details .inquiry{margin-top:20px; height:30px; line-height:30px;}
	.pageProductDetailsBox .Details .share{margin-top:20px;}
	.PageProductDetailsIntroductionBox .detailsNav li a{width:130px;}
}

/*768~~~1199*/
@media screen and (min-width:768px) and (max-device-width:1199px){

}

/*992~~~1023*/
@media screen and (min-width:992px) and (max-device-width:1023px){
	
}

/*992~~~1199*/
@media screen and (min-width:992px) and (max-device-width:1199px){
	.pageProductDetailsBox .Details .pageProducTitle{font-size:20px;}
	.pageProductDetailsBox .Details .intro{line-height:25px; font-size:14px;}
	.pageProductDetailsBox .Details span{margin:8px 0px;}
	.pageProductDetailsBox .Details .ProductParameter ul li{line-height:40px; height:40px;}
}

/*1024*/
@media screen and (max-device-width:1024px) and (min-width:1024px){

}

/*1025~~~1199*/
@media screen and (min-width:1025px) and (max-device-width:1199px){
	
}

/*<=1200px*/
@media screen and (min-width:1200px){ 
	.pageProductDetailsBox .Details{padding-left:40px;}
}

/*<=1170px*/
@media screen and (min-width:1200px){ 
	.inquirySelectBox .col-lg-4{padding:0px 8px;}
}



.page-left-ProductSort{ /*padding-top:50px;*/}
.page-left-ProductSort .top-title{font-size:18px; color:#000; height:30px; line-height:30px; font-weight:bold; border-bottom:solid 1px #044686; margin-bottom:20px;}
.page-left-ProductSort .list{border-bottom:solid 1px #999; padding-bottom:10px; margin-bottom:10px;}
.page-left-ProductSort .list .sortName{font-size:15px; font-weight:bold; color:#333;}
.page-left-ProductSort .list .sortName:hover{color:#044686;text-decoration:none;transition: all .5s;-ms-transition: all .5s;-moz-transition: all .5s;-webkit-transition: all .5s}
.page-left-ProductSort .list .iconShow,.page-left-ProductSort .list .iconClose{width:19px; height:19px; right:0px; top:2px;}
.page-left-ProductSort .list .iconShow{background:url(../images/icon_131.png) no-repeat 50%;}
.page-left-ProductSort .list .iconClose{display:none; background:url(../images/icon_131h.png) no-repeat 50%;}
.page-left-ProductSort .list .liebBox{display:none; min-height:1px;}
.page-left-ProductSort .list .liebBox ul li{line-height:35px; height:35px;}
.page-left-ProductSort .list .liebBox ul li a{padding:0px 10px;}
.page-left-ProductSort .list .liebBox ul li a:hover,.page-left-ProductSort .list .liebBox ul .on a{background:#e0e0e0; color:#044686;text-decoration:none;transition: all .5s;-ms-transition: all .5s;-moz-transition: all .5s;-webkit-transition: all .5s}
.page-right-ProductList .boxRow{margin:0px -10px;}
.page-right-ProductList .listPic{padding:0 10px; margin-bottom:20px;}
.page-right-ProductList .listPic .name{font-size:14px; color:#333; margin-top:10px; font-weight:bold;}
.page-right-ProductList .listPic a{border-color:#ccc;}
.page-right-ProductList .listPic a:hover{border-color:#044686;text-decoration:none;transition: all .5s;-ms-transition: all .5s;-moz-transition: all .5s;-webkit-transition: all .5s}







