*{ font-family: Helvetica,'Hiragino Sans GB','Microsoft Yahei','微软雅黑',Arial,sans-serif; margin:0; padding:0;  box-sizing: border-box }
a{ color:#333; text-decoration:none;}
a:hover{text-decoration: none}
ul, ol{list-style-type:none;}
img{border:0; max-width:100%;}
.container{ margin:0 auto; position:relative;}
.clear{clear:both;}
h1, h2, h3, h4, h5, h6,b{ font-weight:normal;}
input, textarea,select{outline:medium;}
p{ text-align:justify;}
.fl{ float:left;}
.fr{ float:right;}
.container-fluid{
    padding: 0;
    min-width: 1400px;
}
.container{
    padding: 0;
    width: 1350px;
}
ul,p{
    margin: 0;
}

.bigimg {
    display: block;
    font-size: 0;
    overflow: hidden;
}
.bigimg img{
    width: 100%;
    transition: all 0.3s;
}
.bigimg img:hover{
    transform: scale(1.08);
}


/*顶部导航*/
.navsosobox .container,
.navlistbox .container{
    max-width: 1300px;
}
.navsosobox{
    height: 155px;
    background: url(/style/img/navtopbg.jpg) 0 0 no-repeat;
    background-size: 100% 100%;
}
.navsosobox a {
    height: auto;
    display: inline-block;
    margin: 40px 0 0 0;
}
.navsosobox a img{
    display: inline-block;
}
.navsosobox a span{
    display: inline-block;
    border-left: 1px #ffffffbf solid;
    padding: 0 0 0 24px;
    margin: 14px 0 0 20px;
    vertical-align: top;
}
.navsosobox a span img{
    width: 284px;
}







.navsosobox .formrightbox{
    float: right;
    position: relative;
    margin: 70px 0 0 0;
}
.navsosobox .formrightbox input{
    display: inline-block;
    width: 320px;
    height: 40px;
    background: #FFFFFF;
    border-radius: 70px;
    opacity: 1;
    border: 1px solid #EEEEEE;
    padding: 0 90px 0 16px;
    font-size: 14px;
    font-weight: 400;
    color: #999999;
}
.navsosobox .formrightbox .formbtn{
    width: 58px;
    height: 36px;
    background: #167D84;
    border-radius: 60px;
    font-size: 14px;
    font-weight: 400;
    color: #FFFFFF;
    line-height: 36px;
    border: none;
    position: absolute;
    top: 2px;
    right: 3px;
    cursor: pointer;
}




/*导航区域*/
.navlistbox{
    height: 50px;
    position: relative;
    display: flex;
    background: #127177;
}
.navlistbox .container{
    margin: 0 auto;
    display: block;
}
.navlistbox .container>ul{
    margin: 0 ;
    width: 100%;
}
.navlistbox .container>ul>li{
    width: 14%;
    float: left;
    height: 50px;
    display: inline-block;
    position: relative;
}
.navlistbox .container>ul>li>a{
    display: block;
    color: rgba(255, 255, 255, 1);
    font-size: 18px;
    font-weight: 500;
    line-height: 50px;
    white-space: nowrap;
    text-align: center;
}


.navlistbox .container>ul>li:hover,
.navlistbox .container>ul>li.checknav{
    background: white;
}

.navlistbox .container>ul>li:hover>a,
.navlistbox .container>ul>li.checknav>a{
    color: #127177;
}

.navlistbox .container>ul>li:hover>a span,
.navlistbox .container>ul>li.checknav a span{
    color: #333333;
    font-size: 10px;
}

.navlistbox .container>ul>li ul{
    position: absolute;
    top: 100%;
    z-index: 100;
    width: 100%;
    left: 0;
    display: none;
    background: #127177;
}
.navlistbox .container>ul>li:hover ul {
    display: block;
}
.navlistbox .container>ul>li ul li{
    width: 100%;
    line-height: 50px;
    display: inline-block;
    position: relative;
}
.navlistbox .container>ul>li ul li a{
    display: block;
    text-align: center;
    color: #ffffff;
    font-size: 17px;
}
.navlistbox .container>ul>li ul li:hover{
    background-color: rgb(22 125 132);
}


 
 /*页脚区域*/
.footerbox{
    padding: 40px 0 46px 0;
    background: #167D84 ;
    display: block;
    overflow: hidden;
}
.footerbox .footerleft{
    width: 360px;
    display: inline-block;
    float: left;
}
.footerbox .footerleft .footerlogo{
    display: block;
    margin: 0  0 24px 0;
    padding: 0 0 24px 0;
    border-bottom: 1px rgba(180,180,180,0.3) solid;
}
.footerbox .footerleft .footerfrend h3{
    font-size: 20px;
    font-weight: 400;
    color: #f5f5f5;
}
.footerbox .footerleft .footerfrend ul{
    display: block;
    overflow: hidden;
    margin: 12px -4px 0 -4px;
}
.footerbox .footerleft .footerfrend ul li{
    padding: 0 4px;
    width: 180px;
    display: inline-block;
    float: left;
}
.footerbox .footerleft .footerfrend ul li a{
    width: 100%;
    height: 48px;
    background: #127177;
    font-family: 'Alibabatwo';
    font-size: 17px;
    font-weight: 400;
    color: #ffffff61;
    line-height: 48px;
    display: block;
    text-align: center;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
.footerbox .footerleft .footerfrend ul li a:hover{
    color: #cacaca;
}

.footerbox .footerright{
    float: left;
    width: calc(100% - 360px);
    padding: 0 0 0 80px;
}
.footerbox .footerright .footertel{
    display: inline-block;
    float: left;
}
.footerbox .footerright .footertel h3{
    font-size: 20px;
    font-weight: 400;
    color: #FFFFFF;
    margin: 0 0  20px 0 ;
}


.footerbox .footerright .footertel p{
    margin: 0;
    font-size: 14px;
    font-weight: 400;
    color: #fff;
    line-height: 26px;
}




/*标题*/
.hometitle{
    display: block;
    overflow: hidden;
}
.hometitle .hometitleleft{
    width: 360px;
    height: 40px;
    font-size: 26px;
    display: inline-block;
    font-weight: 500;
    color: #333333;
    line-height: 40px;
    padding: 0 0 0 20px;
    position: relative;
    background: url(/style/img/titlebg1.png) no-repeat left bottom;
    background-size: 100%;
}
.hometitle .hometitleleft:before{
    width:15px;
    height: 15px;
    content: ' ';
    display: inline-block;
    background: url("/style/img/titleicon.png") no-repeat center;
    background-size: 100% 100%;
    position: absolute;
    bottom: 8px;
    left: 0;
    z-index: 10;
}
.hometitle .hometitleleft span{
    font-size: 16px;
    font-weight: 500;
    color: #333333;
    line-height: 16px;
    letter-spacing: -0.8px;
    display: inline-block;
}
.hometitle .homttitleright {
    float: right;
    width: 60px;
    height: 26px;
    background: #F5F6F7;
    display: inline-block;
    margin: 8px 0 0 0;
    font-size: 12px;
    font-weight: 400;
    color: #999999;
    line-height: 26px;
    border-radius: 28px;
    text-align: center;
    transition: all 0.3s;
    position: relative;
    overflow: hidden;
}
.hometitle .homttitleright:after{
    width: 0%;
    height: 100%;
    display: inline-block;
    background: #167d84 ;
    content: ' ';
    position: absolute;
    top: 0;
    transition: all 0.3s;
    left: 0;
}
.hometitle .homttitleright span{
    position: relative;
    z-index: 100;
}
.hometitle .homttitleright i{
    width: 12px;
    height: 8px;
    background: url(/style/img/righticon.png) no-repeat center;
    background-size: 100%;
    vertical-align: top;
    margin: 8px 0 0 2px;
    display: inline-block;
}
.hometitle .homttitleright:hover:after {
   width: 100%;
}
.hometitle .homttitleright:hover{
    color: #ffffff;
}
.hometitle .homttitleright:hover i{
    background: url(/style/img/righticonh.png) no-repeat center;
    background-size: 100%;
}

/*pc轮播图区域*/
.swiperBox img{
    width: 100%;
}
.swiperBox{
    padding: 0;
}
.swiperBox .swiper-pagination-bullet{
    width: 14px;
    height: 14px;
    opacity: 0.56;
    margin: 0 6px;
    border-radius: 0;
    background: #ffffff;
}
.swiperBox .swiper-pagination-bullet-active{
    background: #ffffff;
    opacity: 1;
}
.swiperBox .swiper-slide{
    position: relative;
}
.swiperBox .swiper-slide a{
    position: relative;
    display: block;
}
.swiperBox .swiper-slide a span{
    display: inline-block;
    position: absolute;
    top: 50%;
    left: 50%;
    font-size: 131px;
    font-weight: 700;
    color: #FFFFFF;
    line-height: 131px;
    transform: translate(-50%,-50%);
}
.swiperBox .swiper-container-horizontal>.swiper-pagination {
    bottom: 6%;
}







/*师资队伍*/
.teacher{
    padding:50px 0 40px 0;
}
.teacher .fureul{
    display: block;
    overflow: hidden;
    margin: 38px 0 0 0;
}
.teacher ul{
    margin: 0 -6px;
}
.teacher ul li{
    padding: 0 6px;
    display: inline-block;
    float: left;
    width: 25%;
    text-align: center;
}
.teacher ul li a{
    padding: 20px;
    display: block;
    transition:all 0.4s;
    background: url("/style/img/iconbg.png") no-repeat center;
    background-size: 100% 100%;
}
.teacher ul li a span{
    display: block;
    height:50px;
    line-height: 50px;
    overflow: hidden;
    text-align: center;
}
.teacher ul li a span img{
    display: block;
    margin: 0 auto;
    transition:all 0.3s;
    position: relative;
    top: 0;
}
.teacher ul li a p{
    font-size: 17px;
    text-align: center;
    font-weight: 400;
    color: #333333;
    margin: 5px 0 ;
    line-height: 18px;
    transition:all 0.4s;

}
.teacher ul li a.on,
.teacher ul li a:hover{
    background: #167D84;
}
.teacher ul li a.on span img,
.teacher ul li a:hover span img{
    top: -50px;
}
.teacher ul li a.on p,
.teacher ul li a:hover p{
    color: #ffffff;
}




/*/新闻动态*/
.newsbox{
    padding:80px 0;
    background: url("/style/img/newbigbg.jpg") no-repeat center;
    background-size: 100% 100%;
}
.newsbox .newrow{
    display: block;
    overflow: hidden;
}
.newsbox .leftnew{
    display: inline-block;
    width: 887px;
}
.newsbox .rightnew{
    display: inline-block;
    float:right;
    width: 413px;
}

.newsbox  .hometitle .hometitleleft {
    width: 330px;
}
.newsbox .hometitle .homttitleright:hover {
    color: #167d84;
}
.newsbox .hometitle .homttitleright:hover:after {
    display: none;
}
.newsbox .hometitle .homttitleright:hover i {
    background: url(/style/img/righticonc.png) no-repeat center;
    background-size: 100%;
}



.newsbox .leftnew .newswriper{
    margin-top: 30px;
}
.newsbox .leftnew .newswriper a{
    display: block;
    overflow: hidden;
    background: #ffffff;
}
.newsbox .leftnew .newswriper a .newimg{
    display: inline-block;
    width: 487px;
    float: left;
}
.newsbox .leftnew .newswriper a .newtext{
    display: inline-block;
    width: 400px;
    float: left;
    position: relative;
    padding: 40px 40px 0 40px;
}
.newsbox .leftnew .newswriper a .newtext h4{
    font-size: 24px;
    font-weight: 500;
    color: #333333;
    line-height: 36px;
     height: 72px; /* 定义容器高度 */
     overflow: hidden; /* 隐藏超出容器范围的内容 */
     text-overflow: ellipsis; /* 当文字溢出时显示省略号 */
     display: -webkit-box; /* 必须指定display为-webkit-box才能生效 */
     -webkit-line-clamp: 2; /* 限制最大显示行数为3行 */
     -webkit-box-orient: vertical; /* 垂直布局 */
 }
.newsbox .leftnew .newswriper a:hover .newtext h4{
    color: #167D84;
}
.newsbox .leftnew .newswriper a .newtext p{
    font-size: 14px;
    font-weight: 400;
    color: #666666;
    line-height: 20px;
    margin: 30px 0 0 0;
    height: 80px; /* 定义容器高度 */
    overflow: hidden; /* 隐藏超出容器范围的内容 */
    text-overflow: ellipsis; /* 当文字溢出时显示省略号 */
    display: -webkit-box; /* 必须指定display为-webkit-box才能生效 */
    -webkit-line-clamp: 4; /* 限制最大显示行数为3行 */
    -webkit-box-orient: vertical; /* 垂直布局 */
}
.newsbox .leftnew .newswriper a .newtext .time{
    width: 76px;
    height: 68px;
    display: inline-block;
    position: absolute;
    top: 56%;
    left: -60px;
    background: #B8AA98;
    font-size: 14px;
    font-weight: 500;
    color: #FFFFFF;
    text-align: center;
}
.newsbox .leftnew .newswriper a .newtext .time span{
    font-size: 30px;
    font-weight: 500;
    color: #FFFFFF;
    display: block;
    text-align: center;
    padding: 10% 0 0 0;
    line-height: 30px;
}
.newsbox .leftnew .swiper-pagination-bullet{
    width: 14px;
    height: 14px;
    opacity: 0.56;
    margin: 0 6px;
    border-radius: 50%;
    background: #ffffff;
    border: 1px #B8AA98 solid;
}
.newsbox .leftnew .swiper-pagination-bullet-active{
    background: #B8AA98;
    opacity: 1;
}
.newsbox .leftnew .swiper-container-horizontal>.swiper-pagination {
    bottom: 6%;
    right: 4%;
    display: inline-block;
    left: auto;
    width: auto;
}
.newsbox .leftnew .newtext i{
    width: 50px;
    height: 20px;
    display: inline-block;
    background: url("/style/img/newrighticon.png") no-repeat center;
    background-size: 100%;
    margin: 40px 0 0 0;
}
.newsbox .leftnew .leftnewul{
    margin: 26px 0 0 0;
}
.newsbox .leftnew .leftnewul li a{
    display: block;
    overflow: hidden;
    position: relative;
    padding: 0 120px 0 0px;
    font-size: 16px;
    font-weight: 400;
    color: #666666;
    line-height: 16px;
    margin: 20px 0 0 0 ;
    white-space: nowrap;
    text-overflow: ellipsis;
}
.newsbox .leftnew .leftnewul li a span{
    position: absolute;
    top: 0;
    right: 0;
    letter-spacing: 0;
}
.newsbox .leftnew .leftnewul li a:hover,
.newsbox .leftnew .leftnewul li a:hover span{
    color: #167D84;
}
.newsbox .leftnew .leftnewul li a:before{
    width: 5px;
    height: 5px;
    background: #666666;
    display: inline-block;
    content: ' ';
    vertical-align: top;
    margin: 5px 4px 0 0;
}

.newsbox .rightnew .rightnewul {
    margin-top: 46px;
}
.newsbox .rightnew .rightnewul li a{
    display: block;
    overflow: hidden;
    margin-top: 15px;
    padding:  0 0 15px  70px;
    border-bottom: 1px #cccccc dashed;
    position: relative;
}
.newsbox .rightnew .rightnewul li a .time{
    width: 58px;
    display: inline-block;
    position: absolute;
    top: 0%;
    left: 0px;
    border: 1px #167D84 solid;
    background: none;
    font-size: 14px;
    font-weight: 500;
    color: #167D84;
    text-align: center;
    letter-spacing: -0.5px;
    line-height: 24px;
}
.newsbox .rightnew .rightnewul li a .time span{
    font-size: 26px;
    font-weight: 500;
    color: #FFFFFF;
    display: block;
    background: #167D84;
    text-align: center;
    padding: 10%  0;
    line-height: 30px;
}

.newsbox .rightnew .rightnewul li a h3{
    display: block;
    overflow: hidden;
    position: relative;
    font-size: 18px;
    font-weight: 400;
    color: #333333;
    margin: 0px 0 5px 0;
    white-space: nowrap;
    text-overflow: ellipsis;
}
.newsbox .rightnew .rightnewul li a p{
    font-size: 14px;
    font-weight: 400;
    color: #666666;
    line-height: 20px;
    margin: 0px 0 0 0;
    height: 40px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}
.newsbox .rightnew .rightnewul li a:hover h3 {
   color: #167D84;
}




/**/
.djszbox{
    padding:50px 0;
    background: #167D84;
}
.djszbox .djsztext{
    display: block;
    overflow: hidden;
    padding: 0 0 0 240px;
}
.djszbox .djsztext .djszimg{
    width: 240px;
    height: 210px;
    background: url("/style/img/newimg2.png") no-repeat center;
    background-size: 100% 100%;
    position: absolute;
    top: 0;
    left: 0;
    text-align: center;
    padding: 5% 0  0 0;
}
.djszbox .djsztext .djszimg span{
    font-size: 30px;
    font-weight: 500;
    color: #FFFFFF;
    line-height: 30px;
}
.djszbox .djsztext .djszimg a{
    width: 65px;
    height: 30px;
    background: #4A9BA0;
    display: block;
    font-size: 13px;
    font-weight: 400;
    color: #ffffff;
    line-height: 30px;
    border-radius: 30px;
    text-align: center;
    transition: all 0.3s;
    position: relative;
    overflow: hidden;
    margin: 15px auto 0 auto;
}
.djszbox .djsztext .djszimg a:hover {
    background: #57b9bf;
}
.djszbox .djsztext .djszimg a i{
    width: 12px;
    height: 8px;
    background: url(/style/img/righticonh.png) no-repeat center;
    background-size: 100%;
    vertical-align: top;
    margin: 10px 0 0 2px;
    display: inline-block;
}

.djszbox .djsztext{
    display: block;background: #ffffff;
}
.djszbox .djsztext ul li{
    width: 33.333%;
    float: left;
    display: inline-block;
    height: 210px;
    padding: 20px 20px 0 20px;
    border-left: 1px #167d84 solid;
}
.djszbox .djsztext ul li a:nth-child(1){
    font-size: 18px;
    font-weight: 500;
    color: #333333;
    line-height: 24px;
    height: 48px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

.djszbox .djsztext ul li a:nth-child(1):hover {
    color: #167D84;
}
.djszbox .djsztext ul li p {
    font-size: 14px;
    font-weight: 400;
    color: #666666;
    line-height: 20px;
    margin: 16px 0 0 0;
    height: 80px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
}

.djszbox .djsztext ul li a.morebtn {
    font-size: 15px;
    font-weight: 400;
    color: #747474;
    line-height: 20px;
    margin: 12px 0 0 0;
    display: block;
}
.djszbox .djsztext ul li a.morebtn:hover{
    color: #167D84;
}






/**/
.szjybox{
    padding: 50px 0;
    background: url(/style/img/newbigbgtwo.jpg) no-repeat center;
    background-size: 100% 100%;
}
.szjybox .hometitle .hometitleleft {
    width: 500px;
    background: url(/style/img/titlebg4.png) no-repeat left bottom;
    background-size: 100% 100%;
}
.szjybox .swiper-container{
    margin-top: 40px;
}
.szjybox .swiper-slide a{
    display: block;
    overflow: hidden;
}
.szjybox .swiper-slide a .newtext{
    margin: 10px 0 0 0;
}
.szjybox .swiper-slide a .newtext  h4{
    font-size: 18px;
    font-weight: 500;
    color: #333333;
    line-height: 24px;
    height: 48px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

.szjybox .swiper-slide a .newtext i{
    width: 45px;
    height: 27px;
    background:url("/style/img/btnrigh.png") #F5F6F7 no-repeat center;;
    background-size: 12px;
    display: inline-block;
    margin: 10px 0 0 0;
    border-radius: 27px;
    transition: all 0.3s;
    position: relative;
    overflow: hidden;
}
.szjybox .swiper-slide.on a i,
.szjybox .swiper-slide a:hover i{
    background:url("/style/img/btnrighh.png") #167D84 no-repeat center;;
    background-size: 12px;
}


.szjybox  .swiper-button-prev,
.szjybox .swiper-button-next{
    position: absolute;
    width: 66px;
    height: 66px;
    top: 55%;
    border-radius: 50%;
    z-index: 1111111 !important;
    transform: translate(0,-50%);
    -webkit-transform: translate(0,-50%);
    -moz-transform: translate(0,-50%);
    -ms-transform: translate(0,-50%);
    -o-transform: translate(0,-50%);
    transition: all .3s;
    opacity: 0.8;
}

.szjybox .swiper-button-prev{
    left: -30px;
    background:url(/style/img/swricon.png) no-repeat center   rgba(0,0,0,0.8);background-size:24px;
}
.szjybox .swiper-button-next{
    right: -30px;
    background:url(/style/img/swricon2.png) no-repeat center   rgba(0,0,0,0.8);background-size:24px;
}



/**/
.whyrbox {
    padding: 50px 0 20px 0;
    background: url(/style/img/newfurebg.jpg?v2) no-repeat center;
    background-size: 100% 100%;
}
.whyrbox .whyrtitle{
    width: 290px;
    height: 290px;
    background: url("/style/img/newfuretitlebg.png") no-repeat center;
    background-size: 100% 100%;
    text-align: center;
    color: #ffffff;
    position: absolute;
    top: 48%;
    top: 44%;
    left: 50%;
    border-radius: 50%;
    margin: -145px 0  0 -145px;
    z-index: 1000;
    transition: all 0.3s;
}
.whyrbox .whyrtitle:hover{
    transform:rotate(360deg) ;
}
.whyrbox .whyrtitle span{
    font-size: 38px;
    font-family: monospace;
    font-weight: 600;
    color: #FFFFFF;
    margin: 90px 0 0 0;
    display: block;
}
.whyrbox .whyrtitle em{
    font-size: 25px;
    font-style: normal;
    display: block;
    font-family: 'Alibabatwo';
    font-weight: 600;
    color: #FFFFFF;
    margin: 9px 0 0 0;
    letter-spacing: 4px;
}

.whyrbox .whyrboxul{
    display: block;
    overflow: hidden;
    margin: 0 -18px;
}
.whyrbox .whyrboxul li{
    width: 50%;
    float: left;
    display: inline-block;
    padding: 0 18px;
    margin-bottom: 30px;
}
.whyrbox .whyrboxul li .whyrboxbg{
    display: block;
    height: 390px;
    /*background: #167d84;*/
    background: #ffffff;
    overflow: hidden;
    padding: 30px 0;
}
.whyrbox .whyrboxul li .whyrboxbg .hometitle .hometitleleft {
    background: url(/style/img/titlebg5l.png) no-repeat left bottom;
    background-size: 100%;
    /*color: #ffffff;*/
}
.whyrbox .whyrboxul li .whyrboxbg .hometitle .hometitleleft span {
    /*color: #ffffffde;*/
    color: #999999;
    font-family: 'Alibabatwo';
    font-size: 14px;
    font-weight: 800;
    letter-spacing: 0.5px;
}
.whyrbox .whyrboxul li .whyrboxbg .hometitle .hometitleleft:before {
    background: url(/style/img/titleicon2.png) no-repeat center;
    background-size: 100% 100%;
}
.whyrbox .whyrboxul li .whyrboxbg .hometitle .homttitleright {
    background: none !important;
    /*color: #ffffff;*/
}
.whyrbox .whyrboxul li .whyrboxbg .hometitle .homttitleright:hover{
    /*text-decoration: underline;*/
    color: #ffffff;

}
.whyrbox .whyrboxul li .whyrboxbg .hometitle  .homttitleright i {
    /*background: url(/style/img/righticonh.png) no-repeat center;*/
    /*background-size: 100%;*/
}
.whyrbox .whyrboxul li .whyrboxbg .hometitle  .homttitleright:hover i {
    background: url(/style/img/righticonh.png) no-repeat center;
    background-size: 100%;
}
.whyrbox .whyrboxul li .whyrboxbg .onetext{
    margin: 20px 0 30px  0;
    /*background: #3b989e;*/
    background: #ECF2F2;
    padding: 14px;
}
.whyrbox .whyrboxul li .whyrboxbg .onetext a{
    display: block;
    overflow: hidden;
}
.whyrbox .whyrboxul li .whyrboxbg .onetext a h3{
    font-size: 17px;
    font-weight: 400;
    /*color: #FFFFFF;*/
    color: #333333;
    display: block;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    padding: 0 20% 0  0;
    margin: 0px 0 12px 0;
}
.whyrbox .whyrboxul li .whyrboxbg .onetext a:hover h3{
    color: #127177;
}
.whyrbox .whyrboxul li .whyrboxbg .onetext a .onetextimg{
    padding: 0 0 0 150px;
    position: relative;
    height: 88px;
}
.whyrbox .whyrboxul li .whyrboxbg .onetext a .onetextimg .bigimg{
    width: 140px;
    position: absolute;
    top: 0;
    left: 0;
}
.whyrbox .whyrboxul li .whyrboxbg .onetext a .onetextimg p{
    font-size: 14px;
    font-weight: 400;
    /*color: #ffffffd4;*/
    color: #b4b2b2;
    line-height: 22px;
    height: 68px;
    padding: 6px 0 0px 0;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    /*font-family: 'Alibabatwo';*/

}
.whyrbox .whyrboxul li .whyrboxbg  .texta{
    display: block;
    overflow: hidden;
}
.whyrbox .whyrboxul li .whyrboxbg  .texta a {
    display: block;
    overflow: hidden;
    position: relative;
    padding: 0;
    font-size: 16px;
    font-weight: 400;
    color: #666666;
    line-height: 16px;
    margin:0 0  20px  0;
    white-space: nowrap;
    text-overflow: ellipsis;
    font-family: 'Alibabatwo';
    max-width: 67%;
    float: left; clear: both;

}

.whyrbox .whyrboxul li .whyrboxbg  .texta  a:before {
    width: 5px;
    height: 5px;
    background: #167D84;
    display: inline-block;
    content: ' ';
    vertical-align: top;
    margin: 5px 4px 0 0;
}
.whyrbox .whyrboxul li .whyrboxbg  .texta  a.on:before,
.whyrbox .whyrboxul li .whyrboxbg  .texta  a:hover:before {
    background: #DFCDB4;
}
.whyrbox .whyrboxul li .whyrboxbg  .texta a.on,
.whyrbox .whyrboxul li .whyrboxbg  .texta a:hover{
    color: #DFCDB4;
color: #127177;
}

/*不同区域的*/
.whyrbox .whyrboxul li:nth-child(2n) .whyrboxbg .texta a{
    text-align: right;
    float: right;
}
.whyrbox .whyrboxul li:nth-child(2n) .whyrboxbg .hometitle .hometitleleft{
    float: right;
    text-align: right;
    background: url(/style/img/titlebg5r.png) no-repeat left bottom;
    background-size: 100%;
}
.whyrbox .whyrboxul li:nth-child(2n) .whyrboxbg .hometitle .homttitleright{
    float: left;
}

.whyrbox .whyrboxul li:nth-child(2n)  .whyrboxbg .onetext a h3{
    text-align: right;
    padding: 0  0  0 20%;
}
.whyrbox .whyrboxul li:nth-child(2n) .whyrboxbg .onetext a .onetextimg {
    padding: 0  150px 0 0;
}
.whyrbox .whyrboxul li:nth-child(2n) .whyrboxbg .onetext a .onetextimg .bigimg {
    left: auto;
    right: 0;
}

.whyrbox .whyrboxul li:nth-child(3) .whyrboxbg .hometitle .homttitleright{
    margin: 8px 100px 0 0 ;
}

.whyrbox .whyrboxul li:nth-child(4) .whyrboxbg .hometitle .homttitleright{
    margin:  8px  0 0 100px;
}
.whyrbox .whyrboxul li:nth-child(2n) .whyrboxbg  .texta  a:before{
    display: none;
}
.whyrbox .whyrboxul li:nth-child(2n) .whyrboxbg  .texta  a{
    padding: 0 15px 0 0 ;
}
.whyrbox .whyrboxul li:nth-child(2n) .whyrboxbg  .texta  a:after {
    width: 5px;
    height: 5px;
    background: #167D84;
    display: inline-block;
    content: ' ';
    vertical-align: top;
    margin: 5px  0 0 4px;
    position: absolute;
    top: 0;
    right: 0;
}
.whyrbox .whyrboxul li:nth-child(2n)  .whyrboxbg  .texta  a.on:after,
.whyrbox .whyrboxul li:nth-child(2n)  .whyrboxbg  .texta  a:hover:after {
    background: #DFCDB4;
}