/*    共有的title    */
.totalTitle{padding: 34px 0 41px 0; text-align: center;}
.totalTitle h2{font-weight: normal; text-transform: uppercase;font-size: 24px; color: #d5d5d5; line-height: 39px; font-family: Arial; }
.totalTitle .oblique{height: 15px; }
.totalTitle .oblique span{display: inline-block; width: 22px; height: 15px; background: url("../images/oblique.png") no-repeat center center; background-size: contain;}
.totalTitle .words{font-size: 24px; color: #2e2e2e; line-height: 35px;}
/*    解决方案    */
.solution{padding-bottom: 85px;}
.solution .solutionSite li{float: left; width: 177px; height: 213px; margin-right: 27px; text-align: center;}
.solution .solutionSite li:last-child{margin-right: 0;}
.solution .solutionSite li:first-child img{width: auto; height: 100%; margin: 0 auto;}
.solution .solutionSite li .sitePic{width: 177px; height: 175px; line-height: 176px; overflow: hidden; }
/*   border: 1px solid #dddddd; border-bottom: none;  */
/*   vertical-align: middle; */
.solution .solutionSite li .sitePic img{height: 100%; width: 100%;
    -webkit-transition: all 0.65s ;
    -moz-transition: all 0.65s ;
    -ms-transition: all 0.65s ;
    -o-transition: all 0.65s ;
    transition: all 0.65s ;}
.solution .solutionSite li .soluWord{height: 38px; line-height: 38px; font-size: 14px; color: #ffffff; background-color: #575757;
    -webkit-transition: all 0.35s;
    -moz-transition: all 0.35s;
    -ms-transition: all 0.35s;
    -o-transition: all 0.35s;
    transition: all 0.35s;}
.solution .solutionSite li:hover .sitePic img{
    -webkit-transform: scale(1.12);
    -moz-transform: scale(1.12);
    -ms-transform: scale(1.12);
    -o-transform: scale(1.12);
    transform: scale(1.12);}
.solution .solutionSite li:hover .soluWord{background-color: #2067b7;}
/*      产品中心      */
.in_product{padding-bottom: 36px; background-color: #f5f5f5;}
.in_product .productList .bd{position: relative;}
.in_product .productList .bd ul{width: 306px;}
.in_product .productList .bd ul li{width: 284px; height: 292px; margin:0 0 39px 0;}
.in_product .productList .bd ul li .listPic{height: 232px; overflow: hidden; position: relative;}
.in_product .productList .bd ul li .listPic img{width: 100%; height: 100%;-webkit-transition: all 0.35s;
    -moz-transition: all 0.35s;
    -ms-transition: all 0.35s;
    -o-transition: all 0.35s;
    transition: all 0.35s;}
.in_product .productList .bd ul li .listPic .modelW{ opacity: 0; visibility: hidden; width: 100%; height: 100%; position: absolute; top: 0; left: 0; background-color: rgba(26, 89, 159, 0.81);
    -webkit-transition: all 0.35s;
    -moz-transition: all 0.35s;
    -ms-transition: all 0.35s;
    -o-transition: all 0.35s;
    transition: all 0.35s;}
.in_product .productList .bd ul li .listPic .modelW p{position: absolute; top: 50%; padding: 0 15px; font-size: 14px; line-height: 28px; color: #add1f9;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);}


.in_product .productList .bd ul li .listWord{height: 60px; width: 100%; background-color: #ebebeb;
    -webkit-transition: all 0.35s;
    -moz-transition: all 0.35s;
    -ms-transition: all 0.35s;
    -o-transition: all 0.35s;
    transition: all 0.35s;}
.in_product .productList .bd ul li .listWord p{line-height: 60px; font-size: 18px; color: #535353; padding-left: 18px;
    -webkit-transition: all 0.35s;
    -moz-transition: all 0.35s;
    -ms-transition: all 0.35s;
    -o-transition: all 0.35s;
    transition: all 0.35s;}
.in_product .productList .bd .prev,.in_product .productList .bd .next{cursor: pointer; width: 46px; height: 62px; background-color: #cccccc; border-radius: 3px; position: absolute; top: 50%; margin-top: -53px;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -ms-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;}
.in_product .productList .bd .prev{left: -82px;}
.in_product .productList .bd .next{right: -82px;}
.in_product .productList .bd .prev::before,.in_product .productList .bd .next::before{content: ""; width: 15px; height: 25px; position: absolute; top: 50%; left: 50%; margin-left: -7.5px; margin-top: -12.5px;}
.in_product .productList .bd .prev::before{background: url("../images/arrowl.png") no-repeat center center; background-size: contain;}
.in_product .productList .bd .next::before{background: url("../images/arrowr.png") no-repeat center center; background-size: contain;}
.in_product .productList .bd .prev:hover,.in_product .productList .bd .next:hover{ background-color: #2067b7;}
/*     */
.in_product .productList .bd ul li:hover .listWord{background-color: #2067b7;}
.in_product .productList .bd ul li:hover .listWord p{color: #ffffff;}
.in_product .productList .bd ul li:hover .listPic img{
    -webkit-transform: scale(1.2);
    -moz-transform: scale(1.2);
    -ms-transform: scale(1.2);
    -o-transform: scale(1.2);
    transform: scale(1.2);}
.in_product .productList .bd ul li:hover .listPic .modelW{opacity: 1; visibility: visible;}
/*关于我们-新*/
.in_about .text{ width: 80%; margin: auto; font-size: 16px; line-height: 36px; margin-bottom: 15px;}
.in_about .text p{ text-indent: 2em;}
.in_about .img { width: 85%; height: 200px;margin: auto;}
.in_about .img img{ width: 100%; height: 100%;}


/*      区块切换        */
.block .blockTitle{padding: 64px 0 36px 0; border-bottom: 6px solid #f3f3f3;}
.block .blockTitle ul{text-align: center;}
.block .blockTitle ul li{display: inline-block; width: 92px; height: 137px; margin: 0 53px;}
.block .blockTitle ul li .iconSwitch{position: relative; width: 92px; height: 92px; line-height: 92px; text-align: center; margin: 8px 0; background-color: #9d9d9d; border-radius: 50%;
    -webkit-transition: all 0.35s;
    -moz-transition: all 0.35s;
    -ms-transition: all 0.35s;
    -o-transition: all 0.35s;
    transition: all 0.35s;}
.block .blockTitle ul li .iconWord{line-height: 30px; text-align: center; position: relative;}
.block .blockTitle ul li .iconWord::before{content: ""; width: 0; height: 2px; background-color: #fc8018; position: absolute; left: 50%; top: 63px; opacity: 0;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%); visibility: hidden;
    -webkit-transition: all 0.35s;
    -moz-transition: all 0.35s;
    -ms-transition: all 0.35s;
    -o-transition: all 0.35s;
    transition: all 0.35s;}
.block .blockTitle ul li .iconWord p{font-size: 14px; color: #5d5d5d;}
.block .blockTitle ul li .iconSwitch img{height: 42px; width: auto; vertical-align: middle;
    -webkit-transition: all 0.7s;
    -moz-transition: all 0.7s;
    -ms-transition: all 0.7S;
    -o-transition: all 0.7s;
    transition: all 0.7s;}
.block .blockTitle ul li:hover .iconSwitch{background-color: #fc8018;}
.block .blockTitle ul li:hover .iconSwitch img{
    -webkit-transform: rotateY(360deg);
    -moz-transform: rotateY(360deg);
    -ms-transform: rotateY(360deg);
    -o-transform: rotateY(360deg);
    transform: rotateY(360deg);}
.block .blockTitle ul li:hover .iconWord::before{opacity: 1; visibility: visible; width: 100%;}
.block .blockTitle ul .curee .iconSwitch{background-color: #fc8018;}
.block .blockTitle ul .curee .iconWord::before{opacity: 1; visibility: visible; width: 100%;}
/*   */
.block .blockSite{background-color: #f4f4f4; padding: 38px 0 20px 0;}
.block .blockSite .contentSite{display: none;}
.block .blockSite .contentSite ul li{height: auto; width: 280px; float: left; margin-right: 26px; margin-bottom: 18px;}
.block .blockSite .contentSite ul li .pic{height: 390px;}
.block .blockSite .contentSite ul li img{height: 100%; width: 100%;}
.block .blockSite .contentSite ul li .txt{text-align: center; font-size: 14px; line-height: 19px; padding: 7px 12px 0;}
.block .blockSite .conSite02 ul li .txt{height: 26px; overflow: hidden;}
.block .blockSite .contentSite ul li:nth-child(4){margin-right: 0;}
.block .blockSite .contentSite{min-height: 200px;}
/*      关于我们   新闻更多       */
.information{padding: 41px 0 25px 0;}
.information .newsTitle{padding-bottom: 11px;}
.information .newsTitle h3{line-height: 39px; font-weight: normal; font-size: 24px;}
.information .newsTitle h3 span{ color: #494949; }
.information .newsTitle h3 em{color: #a6a6a6; font-family: Arial; text-transform: uppercase; padding-left: 6px;}
.information .newsTitle p{width: 100%; height: 2px; background-color: #e7e7e7; position: relative;    margin-bottom: 18px;}
.information .newsTitle p::before{content: ""; width: 96px; height: 6px; background-color: #2067b7; position: absolute; left: 0; top: -3px;}
.information .aboutUs{width: 662px; float: left;}
.information .aboutUs .aboutSite .aboutPic{width: 249px; height: 307px; overflow: hidden; float: left;}
.information .aboutUs .aboutSite .aboutPic img{width: 100%; height: 100%;
    -webkit-transition: all 0.65s;
    -moz-transition: all 0.65s;
    -ms-transition: all 0.65s;
    -o-transition: all 0.65s;
    transition: all 0.65s;}
.information .aboutUs .aboutSite .aboutWord{float: left; width: calc(100% - 249px); padding-left: 20px;}
.information .aboutUs .aboutSite .aboutWord h3{font-size: 20px; line-height: 35px; margin-bottom: 18px; color: #424141; font-weight: bold;}
.information .aboutUs .aboutSite .aboutWord p{font-size: 14px; color: #7b7b7b; line-height: 27px; text-align: justify;}
.information .aboutUs .aboutSite .aboutWord a{cursor: pointer; width: 118px; height: 37px; line-height: 35px; border: 1px solid #d6d6d6; display: inline-block; margin-top: 45px; text-align: center;
    -webkit-transition: all 0.65s;
    -moz-transition: all 0.65s;
    -ms-transition: all 0.65s;
    -o-transition: all 0.65s;
    transition: all 0.65s;}
.information .aboutUs .aboutSite .aboutWord a em{width: 6px; margin-bottom: -2px; margin-left: 28px; height: 12px; background: url("../images/aboutrr.png") no-repeat center center; background-size: contain; display: inline-block;}
.information .aboutUs .aboutSite .aboutWord a:hover{background-color: #2067b7; color: #fff; border: 1px solid #2067B7;}
.information .aboutUs .aboutSite .aboutWord a:hover em{background: url("../images/aboutrr-it.png") no-repeat center center; background-size: contain;}
.information .aboutUs .aboutSite:hover .aboutPic img{
    -webkit-transform: scale(1.12);
    -moz-transform: scale(1.12);
    -ms-transform: scale(1.12);
    -o-transform: scale(1.12);
    transform: scale(1.12);}
.information .newsMore{width: 48%; margin-left: 78px; float: left;}
.information .img{ width: 45.5%; height: 311px; background: #9c9c9c;float: left;}
.information .img img{ width: 100%; height: 100%; object-fit: cover;}
.information .newsMore .newsSite .newsFirst{height: 137px; border-bottom: 1px dashed #cccccc; margin-bottom: 9px;}
.information .newsMore .newsSite .newsFirst .showPic{width: 26%; height: 119px; float: left; overflow: hidden;}
.information .newsMore .newsSite .newsFirst .showPic img{width: 100%; height: 100%;
    -webkit-transition: all 0.65s;
    -moz-transition: all 0.65s;
    -ms-transition: all 0.65s;
    -o-transition: all 0.65s;
    transition: all 0.65s;}
.information .newsMore .newsSite .newsFirst .showWord{width: 70%; padding: 0 5px 0 18px; float: left;}
.information .newsMore .newsSite .newsFirst .showWord h4{line-height: 28px; font-size: 18px; color: #3b3b3b; font-weight: normal;overflow : hidden; text-overflow: ellipsis; display: -webkit-box;  -webkit-line-clamp: 1;   -webkit-box-orient: vertical; word-break: break-all; /* 追加这一行代码 */}
.information .newsMore .newsSite .newsFirst .showWord p span{line-height: 41px; font-size: 14px; color: #3b3b3b;}
.information .newsMore .newsSite .newsFirst .showWord p:last-child{font-size: 14px; line-height: 28px; color: #9b9a9a;}
.information .newsMore .newsSite .newsFirst:hover .showPic img{
    -webkit-transform: scale(1.12);
    -moz-transform: scale(1.12);
    -ms-transform: scale(1.12);
    -o-transform: scale(1.12);
    transform: scale(1.12);}
.information .newsMore .newsSite .newsFirst:hover .showWord p:last-child{color: #858484;}
/*     */
.information .newsMore .newsSite .scoNews .bd ul li{height: 33px; line-height: 33px; font-size: 14px; line-height: 33px;}
.information .newsMore .newsSite .scoNews .bd ul li p{width: 80%; float: left; color: #5f5f5f; padding-right: 30px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
.information .newsMore .newsSite .scoNews .bd ul li span{width: 20%; float: right; color: #c3c2c2;}
.information .newsMore .newsSite .scoNews .bd ul li:hover p{color: #2067B7;}
.information .newsMore .newsSite .scoNews .bd ul li:first-child{ display: none;}


/* page */
.page { color:#000; line-height:24px; clear:both; display:table; margin:50px auto 0;  }

/*page翻页器页码*/
.page{
    text-align: center;
}
#pagelist,#espcms_bbs_pagelist{color:#818181}
.pagination {font-family: '微软雅黑','Microsoft YaHei UI','Microsoft YaHei',arial, helvetica, sans-serif;overflow: hidden;padding:10px 0px;font-size:12px;margin: 0px;}
/*按钮色彩样式*/
.pagination a {border: #a7a7a7 1px solid;color: #a7a7a7;text-decoration: none;overflow: hidden;padding:5px 12px;margin: 0px 0px 0px 5px;}
.pagination a:visited {text-decoration: none;overflow: hidden;}
.pagination a:active {text-decoration: none;overflow: hidden;}
.pagination a:hover {color: #a7a7a7;background-color: #f3f3f3;overflow: hidden;}
.pagination span.current {border: #a7a7a7 1px solid;color: #a7a7a7;overflow: hidden;padding:5px 12px;margin: 0px 0px 0px 5px;}
.pagination span.disabled {background-color: #f3f3f3;}