@charset "utf-8";

.business{padding: 0 0 47px;}
.totalTitle{padding: 74px 0 28px; text-align: center;}
.totalTitle h3{line-height: 38px; font-size: 28px; color: #1b1b1b; font-weight: normal;}
.totalTitle p{line-height: 27px; font-size: 18px; color: #cacaca; font-family: Arial; text-transform: capitalize;}
.business .warp{overflow: hidden;}
.business .majorSlide{height: 423px; position: relative;}
.business .majorSlide .tempWrap{ width: 1200px !important; }
.business .majorSlide .bd ul li{width: 281px; height: 344px; margin: 0 12px; border: 1px solid #dfdfdf; position: relative;}
.business .majorSlide .bd ul li::before{content: ""; width: 279px; height: 6px; background-color: #24c553; position: absolute; top: 0; left: -1px;}
.business .majorSlide .bd ul li .liSite{ padding: 0 20px;}
.business .majorSlide .bd ul li .liSite h3{padding-top: 13px; line-height: 36px; font-size: 15px; color: #464646;
    -webkit-transition: all 0.45s ease-in-out;
    -moz-transition: all 0.45s ease-in-out;
    -ms-transition: all 0.45s ease-in-out;
    -o-transition: all 0.45s ease-in-out;
    transition: all 0.45s ease-in-out;}
.business .majorSlide .bd ul li .liSite .imgPic{width: 100%; height: 158px; border: 1px solid #dfdfdf; margin-bottom: 5px; overflow: hidden;}
.business .majorSlide .bd ul li .liSite .imgPic img{width: 100%; height: 100%;
    -webkit-transition: all 0.45s ease-in-out;
    -moz-transition: all 0.45s ease-in-out;
    -ms-transition: all 0.45s ease-in-out;
    -o-transition: all 0.45s ease-in-out;
    transition: all 0.45s ease-in-out;}
.business .majorSlide .bd ul li .liSite p{line-height: 22px; font-size: 12px; color: #626262;}
.business .majorSlide .bd ul li .liSite .more{display: block;line-height: 22px; position: absolute; left: 20px; bottom: 26px;}
.business .majorSlide .bd ul li .liSite .more a{ font-size: 12px; color: #444444; position: relative;}
.business .majorSlide .bd ul li .liSite .more a::before{content: ""; width: 24px; height: 1px; background-color: #0a4fa4; position: absolute; left: 0; bottom: -7px;
    -webkit-transition: all 0.35s ease-in-out;
    -moz-transition: all 0.35s ease-in-out;
    -ms-transition: all 0.35s ease-in-out;
    -o-transition: all 0.35s ease-in-out;
    transition: all 0.35s ease-in-out;}
.business .majorSlide .bd ul li:hover .liSite p{color: #24c553;}
.business .majorSlide .bd ul li:hover .liSite h3{color: #24c553; font-size: 15px;}
.business .majorSlide .bd ul li:hover .liSite .imgPic 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);}
.business .majorSlide .bd ul li:hover .liSite .more a{color: #24c553;}
.business .majorSlide .bd ul li:hover .liSite .more a::before{width: 100%;}
.business .majorSlide .hd{position: absolute; bottom: 30px; left: 50%;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%);}
.business .majorSlide .hd ul{text-align: center; }
.business .majorSlide .hd ul li{ display: inline-block; width: 9px; height: 9px; border: 1px solid #9c9c9c; border-radius: 50%; background-color: #e6e6e6; margin: 0 5px; cursor: pointer;}
.business .majorSlide .hd ul .on{background-color: #ffffff;}
.business .majorSlide .next,.business .majorSlide .prev{width: 25px; height: 51px; display: block; position: absolute; top: 152px; cursor: pointer;
    -webkit-transition: all 0.35s ease-in-out;
    -moz-transition: all 0.35s ease-in-out;
    -ms-transition: all 0.35s ease-in-out;
    -o-transition: all 0.35s ease-in-out;
    transition: all 0.35s ease-in-out;}
.business .majorSlide .next{right: -50px; background: url("../images/next.png") no-repeat; background-size: contain;}
.business .majorSlide .prev{left: -50px; background: url("../images/prev.png") no-repeat; background-size: contain;}
.business .majorSlide .next:hover{right: -56px;}
.business .majorSlide .prev:hover{left: -56px;}


/*    产品中心     */
.product{height: 926px;}
/*  height: 816px;   */
.product .productList .bd{position: relative;}
.product .productList ul{width: 242px; }
.product .productList ul li{width: 232px; height:auto; background-color: #ffffff; margin-bottom: 8px;}
/*
.product .productList ul li{ height: auto; float: left; background-color: #ffffff; margin-bottom: 8px;
    box-shadow: 1px 1px 2px #e3e9ec; text-align: center; overflow: hidden;}

.product .productList ul li:nth-child(5n){margin-right: 0;}*/
/*      */
.product .productList ul li .liSite{width: 100%; height: 232px; border: 1px solid #dddddd; overflow: hidden;
    -webkit-transition: all 0.35s ease-in-out;
    -moz-transition: all 0.35s ease-in-out;
    -ms-transition: all 0.35s ease-in-out;
    -o-transition: all 0.35s ease-in-out;
    transition: all 0.35s ease-in-out;}
/*  padding-bottom: 11px;    */
.product .productList ul li .conSite{height: 55px; line-height: 20px; width: 100%; background-color: #f7f7f7; color: #000000; display: table;
    -webkit-transition: all 0.35s ease-in-out;
    -moz-transition: all 0.35s ease-in-out;
    -ms-transition: all 0.35s ease-in-out;
    -o-transition: all 0.35s ease-in-out;
    transition: all 0.35s ease-in-out;}
.product .productList ul li .conSite p{font-size: 12px; width: 100%; padding: 0 9px; display: table-cell; vertical-align: middle; text-align: center;}

/*        */
.product .productList ul li img{height: 100%; width: 100%;
    -webkit-transition: all 0.35s ease-in-out;
    -moz-transition: all 0.35s ease-in-out;
    -ms-transition: all 0.35s ease-in-out;
    -o-transition: all 0.35s ease-in-out;
    transition: all 0.35s ease-in-out;}
.product .productList ul li .liSite p{height: 0; overflow: hidden; white-space: normal; text-overflow: ellipsis; line-height: 35px; font-size: 14px; color: #24c553; text-transform: uppercase;
         visibility: hidden; opacity: 0;
    -webkit-transition: all 0.35s ease-in-out;
    -moz-transition: all 0.35s ease-in-out;
    -ms-transition: all 0.35s ease-in-out;
    -o-transition: all 0.35s ease-in-out;
    transition: all 0.35s ease-in-out;}
.product .productList ul li:hover .liSite{border: 1px solid #24c553; }
/*.product .productList ul li:hover img{height: 184px;}*/
/*.product .productList ul li:hover .liSite{padding: 17px 0 28px;}*/
.product .productList ul li:hover .liSite 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);}
.product .productList ul li:hover .liSite p{height: 35px; opacity: 1; visibility: visible;}
.product .productList ul li:hover .conSite{background-color: #24c553; color: #ffffff;}

.product .moreP{text-align: center; margin-top: 50px;}
.product .moreP a{width: 178px; height: 40px; line-height: 38px; display: inline-block; border: 1px solid #073190; border-radius: 3px; font-size: 16px; color: #363636;
    -webkit-transition: all 0.35s ease-in-out;
    -moz-transition: all 0.35s ease-in-out;
    -ms-transition: all 0.35s ease-in-out;
    -o-transition: all 0.35s ease-in-out;
    transition: all 0.35s ease-in-out;}
.product .moreP a:hover{background-color: #24c553; color: #ffffff; border: 1px solid #24c553;}
/*  */
.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: #24c553;}


/*      新闻资讯       */
.newsFor .newsSlide{height: 420px;}
.newsFor .newsSlide{ position: relative;}
/* overflow: hidden;  */
.newsFor .newsSlide .bd{overflow: hidden;}
.newsFor .newsSlide .bd ul li{background-color: #f7f7f7; width: 280px !important; height: 280px !important; padding: 33px 26px 0;position: relative; margin-right: 26px;
    -webkit-transition: all 0.55s ;
    -moz-transition: all 0.55s ;
    -ms-transition: all 0.55s ;
    -o-transition: all 0.55s ;
    transition: all 0.55s ;}
.newsFor .newsSlide .bd ul li h3{line-height: 35px; font-size: 16px; color: #3c3c3c; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; font-weight: normal;
    -webkit-transition: all 0.45s ease-in-out;
    -moz-transition: all 0.45s ease-in-out;
    -ms-transition: all 0.45s ease-in-out;
    -o-transition: all 0.45s ease-in-out;
    transition: all 0.45s ease-in-out;}
.newsFor .newsSlide .bd ul li .lin{height: 2px; margin: 2px 0 27px; position: relative;}
.newsFor .newsSlide .bd ul li .lin span{position: absolute; left: 0; top: 0; display: inline-block; width: 88px; height: 100%; background-color: #24c553;
    -webkit-transition: all 0.45s ease-in-out;
    -moz-transition: all 0.45s ease-in-out;
    -ms-transition: all 0.45s ease-in-out;
    -o-transition: all 0.45s ease-in-out;
    transition: all 0.45s ease-in-out;}
.newsFor .newsSlide .bd ul li .newsSite{line-height: 29px; font-size: 12px; color: #908f8f;
    -webkit-transition: all 0.45s ease-in-out;
    -moz-transition: all 0.45s ease-in-out;
    -ms-transition: all 0.45s ease-in-out;
    -o-transition: all 0.45s ease-in-out;
    transition: all 0.45s ease-in-out;}
.newsFor .newsSlide .bd ul li .newsMore{position: absolute; left: 27px; bottom: 35px; line-height: 22px; color:#c5c5c5;
    -webkit-transition: all 0.45s ease-in-out;
    -moz-transition: all 0.45s ease-in-out;
    -ms-transition: all 0.45s ease-in-out;
    -o-transition: all 0.45s ease-in-out;
    transition: all 0.45s ease-in-out;}
.newsFor .newsSlide .bd ul li:hover{background-color: #24c553;}
.newsFor .newsSlide .bd ul li:hover h3{color: #ffffff;}
.newsFor .newsSlide .bd ul li:hover .lin span{background-color: #ffffff; width: 100%;}
.newsFor .newsSlide .bd ul li:hover .newsSite{color: #ffffff;}
.newsFor .newsSlide .bd ul li:hover .newsMore{color: #ffffff;}
.newsFor .newsSlide .hd{position: absolute; width: 100%; height: 9px; left: 0; bottom: 80px;}
.newsFor .newsSlide .hd ul{text-align: center;}
.newsFor .newsSlide .hd ul li{display: inline-block; width: 9px; height: 9px; border-radius: 50%; border: 1px solid #9c9c9c; margin: 0 6px; cursor: pointer;}
.newsFor .newsSlide .hd ul .on{background-color: #e6e6e6;}
.newsFor .newsSlide .next,.newsFor .newsSlide .prev{width: 25px; height: 51px; display: block; position: absolute; top: 122px; cursor: pointer;
    -webkit-transition: all 0.35s ease-in-out;
    -moz-transition: all 0.35s ease-in-out;
    -ms-transition: all 0.35s ease-in-out;
    -o-transition: all 0.35s ease-in-out;
    transition: all 0.35s ease-in-out;}
.newsFor .newsSlide .next{right: -50px; background: url("../images/next.png") no-repeat; background-size: contain;}
.newsFor .newsSlide .prev{left: -50px; background: url("../images/prev.png") no-repeat; background-size: contain;}
.newsFor .newsSlide .next:hover{right: -56px;}
.newsFor .newsSlide .prev:hover{left: -56px;}