@charset "sut-8";
/*    共有的title    */
.totalTitle{padding: 34px 0 41px 0; text-align: center;}
.totalTitle h2{font-weight: normal; text-transform: uppercase;font-size: 24px; color: #a9a9a9; 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: 18px; 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;}
/*      产品中心      */
.product{padding-bottom: 36px; background-color: #f5f5f5;}
.product .productList .bd{position: relative;}
.product .productList .bd ul{width: 306px;}
.product .productList .bd ul li{width: 284px; height: 292px; margin:0 0 39px 0;}
.product .productList .bd ul li .listPic{height: 232px; overflow: hidden; position: relative;}
.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;}
.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;}
.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%);}


.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;}
.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;}
.product .productList .bd .prev,.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;}
.product .productList .bd .prev{left: -82px;}
.product .productList .bd .next{right: -82px;}
.product .productList .bd .prev::before,.product .productList .bd .next::before{content: ""; width: 15px; height: 25px; position: absolute; top: 50%; left: 50%; margin-left: -7.5px; margin-top: -12.5px;}
.product .productList .bd .prev::before{background: url("../images/arrowl.png") no-repeat center center; background-size: contain;}
.product .productList .bd .next::before{background: url("../images/arrowr.png") no-repeat center center; background-size: contain;}
.product .productList .bd .prev:hover,.product .productList .bd .next:hover{ background-color: #2067b7;}
/*     */
.product .productList .bd ul li:hover .listWord{background-color: #2067b7;}
.product .productList .bd ul li:hover .listWord p{color: #ffffff;}
.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);}
.product .productList .bd ul li:hover .listPic .modelW{opacity: 1; visibility: visible;}
/*      区块切换        */
.block .blockTitle{padding: 64px 0 36px 0; }
.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: #2067b7; 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: #2067b7;}
.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: #2067b7;}
.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 80px 0;}
.information .newsTitle{padding-bottom: 11px;}
.information .newsTitle h3{line-height: 39px; font-weight: normal; font-size: 18px;}
.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: 5px; background-color: #e7e7e7; position: relative;}
.information .newsTitle p::before{content: ""; width: 71px; height: 5px; background-color: #2067b7; position: absolute; left: 0; top: 0;}
.information .aboutUs{width: 561px; 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: 312px; padding-left: 20px;}
.information .aboutUs .aboutSite .aboutWord h3{font-size: 18px; line-height: 35px; margin-bottom: 18px; color: #424141; font-weight: normal;}
.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: 561px; margin-left: 78px; float: left;}
.information .newsMore .newsSite .newsFirst{height: 137px; border-bottom: 1px dashed #cccccc; margin-bottom: 9px;}
.information .newsMore .newsSite .newsFirst .showPic{width: 146px; 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: 415px; padding: 0 5px 0 18px; float: left;}
.information .newsMore .newsSite .newsFirst .showWord h4{line-height: 28px; font-size: 18px; color: #3b3b3b; font-weight: normal;}
.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: 480px; float: left; color: #5f5f5f; padding-right: 30px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
.information .newsMore .newsSite .scoNews .bd ul li span{width: 81px; float: left; color: #c3c2c2;}
.information .newsMore .newsSite .scoNews .bd ul li:hover p{color: #2067B7;}