.ywfw_wrapper{width: 1200px;overflow: hidden;position: relative;margin: 60px auto 80px;}
.indextitle{margin-bottom: 35px;}
.indextitle .title{font-weight:bold; font-size:40px; text-align: center;color:#ff6a00;}
.indextitle .title:after{display: block;content:""; width: 70px; height:4px;background:#b5b5b5;margin:10px auto;}
.indextitle .main{ color:#00bab7; text-align: center; margin-top:13px;font-size:20px;font-weight:bold;}
.ywfw_wrapper ul li{float: left;width: 18.4%;margin-right: 2%;position: relative;}
.ywfw_wrapper ul li .ywfu_img{overflow: hidden;}
.ywfw_wrapper ul li:nth-child(5n){margin-right: 0;}
.ywfw_wrapper ul li img{width: 100%;}
.ywfw_wrapper ul li:hover img{transform: scale(1.1); -webkit-transform: scale(1.1);}
.ywfw_wrapper ul li .ywfu_con{background: #ededed;font-weight: bold;font-size: 18px;padding: 15px;text-align: center;}
.ywfw_wrapper ul li:hover .ywfu_con{background:#ff6a00;color: #ffffff;}
.ywfw_wrapper ul li .tituost{width: 100%;position: absolute;left: 0;right: 0; bottom: 0; z-index: 999;background: rgba(0,0,0,.6);   color: #fff; line-height: 40px; font-size:16px ; height: 40px; text-align: center;}
.ywfw_wrapper ul li .dituio{width: 100%;position: absolute;left: 0;right: 0;top:0; bottom: 0; z-index: 999;background: rgba(0,0,0,.6); display: none; transition: all .2s ease; }
.ywfw_wrapper ul li .dituio .tect{  margin-top: 50px; margin-left: 20px;}
.ywfw_wrapper ul li .dituio .tect img{ width: 60px; height: 60px; margin: auto; text-align: center;}
.ywfw_wrapper ul li .dituio .tituo{font-size: 20px;color: #fff; margin-bottom: 20px;padding: 0 20px; margin-top: 10px;} 
.ywfw_wrapper ul li .dituio .biaot{font-size:14px ; width: 100%; color: #fff;padding: 0 20px; line-height: 22px; height: 68px; overflow: hidden;}
.ywfw_wrapper ul li:hover .dituio{display: block;transition: all .2s ease;top:0}
.ywfw_wrapper ul li:hover .tituost{display: none;}

.wmdys_wrapper{width: 1200px;overflow: hidden;position: relative;margin: 60px auto 0;}
.wmdys_wrapper .stepcon {width: 1200px;margin: 0 auto; position: relative;margin-bottom: 46px;padding: 34px 0 0;border-radius: 0 0 20px 20px;}
.wmdys_wrapper .stepcon .heightPc{overflow: hidden;}
.wmdys_wrapper .wmdys_tit{font-size: 40px;color: #ff6a00;font-weight: bold;width: 100%; display:flow-root;padding-bottom: 15px;}
.wmdys_wrapper .steptit{overflow: hidden;}
.wmdys_wrapper .stepcon .heightPc .left-s {float: left;width: 57%;}
.wmdys_wrapper .stepcon .heightPc .imgk {float: right;width: 40%;}
.wmdys_wrapper .stepcon .heightPc:nth-of-type(2n) .left-s {float: right;text-align: right;}
.wmdys_wrapper .stepcon .heightPc:nth-of-type(2n) .left-s img{float: right;}
.wmdys_wrapper .stepcon .heightPc:nth-of-type(2n) .imgk {float: left;}
.wmdys_wrapper .stepcon .heightPc p{font-size: 16px;line-height: 28px;}
.wmdys_wrapper .stepcon .heightPc:hover .imgk img{transform: scale(1.1); -webkit-transform: scale(1.1);}



.caselist{overflow: hidden;margin: 0 auto 80px;;}
.caselist .tabs{width: 1200px;overflow: hidden;position: relative;margin: 0 auto;text-align: center;}
.caselist .tabs .text-item{cursor:pointer;display: inline-block;background: #ededed;font-weight: bold;font-size: 18px;padding: 15px 40px;margin: 10px 2px;}
.caselist .live-case-wrapper{overflow: hidden;background: #f8f8f8;padding: 20px 0 0;margin-top: 20px;}
.caselist .case_wrap_con{width: 1200px;overflow: hidden;position: relative;margin: 0 auto;}
.caselist ul li{float: left;width: 23.5%;margin-right: 2%;margin-bottom: 4%;}
.caselist ul li:nth-child(4n){margin-right: 0;}
.caselist ul li img{width: 100%;}
.caselist ul li .ywfu_con{background: #fefefe;font-size: 18px;padding: 12px 0;text-align: center;}
.live-list{display: none;}
.caselist .case_wrap_con .active{display: block;}
.caselist .tabs .active{background:#ff6a00;color: #ffffff;}
.caselist ul li:hover img{transform: scale(1.1); -webkit-transform: scale(1.1);}
.caselist ul li .ywfu_img{overflow: hidden;}
.caselist ul li:hover .ywfu_con{background:#ff6a00;color: #ffffff;}

.aboutlist{width: 1200px;overflow: hidden;position: relative;margin: 0 auto 80px;}
.aboutlist_con{overflow: hidden;width: 100%;margin: 60px 0 0;}
.aboutlist .about_con_l{float: left;width: 75%;}
.aboutlist .about_con_l .a_content{font-size: 16px;line-height: 28px;text-align: justify;text-indent: 2em;margin-bottom: 40px;letter-spacing: 1px;}
.aboutlist .about_con_l .a_img{width: 100%;}
.aboutlist .about_con_r{float: right;width: 17%;}
.about_con_r ul {overflow: hidden;width: 100%;padding-left: 20px;}
.about_con_r ul li{padding: 15px 0px;float: right;width: 100%;text-align: right;}
.about_con_r ul li h5 {margin-bottom: 5px;font-size: 30px;font-weight: bold;color: #fff;background: #ff6a00;font-family: "SingkaiCSEB Bold GB";text-align: center;line-height: 90px;}
.about_con_r ul li p{font-size: 15px;font-weight: bold;line-height: 24px;}



.newslist{background: #f8f8f8;padding: 60px 0 50px;}
.container {
	padding: 20px 0;
    max-width: 1200px;
    margin: 0 auto;
}
.newslist ul.news-type-tab{text-align: center;margin: 0 0 36px;}
.row {
    margin: 0;
}
.newslist ul.news-type-tab li {
    display: inline-block;
    width: 120px;
    height: 40px;
    margin: 0 48px 0 0;
}
.newslist ul.news-type-tab li a {
    display: block;
    width: 100%;
    height: 100%;
    line-height: 40px;
    text-align: center;
    font-size: 18px;
    color: #777;
    border-radius: 40px;
    background-color: #fff;
    position: relative;
}
.newslist ul.news-type-tab li.active a {
    color: #fff;
    background-color: #ff6a00;
}
.newslist ul.news-type-tab li.active a:after {
    content: "";
    position: absolute;
    left: 50%;
    bottom: -8px;
    border-top: 8px solid #ff6a00;
    border-left: 14px solid transparent;
    border-right: 14px solid transparent;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
}
.newslist .news-wrapper {
    position: relative;
    background: #f8f8f8;
}
.newslist .partnews {
    position: absolute;
    width: 100%;
    top: 0;
    left: 0;
    display: none;
    background-color: #fff;
    transition: all .15s ease;
}
.newslist .wrapper {
    display: flex;
    align-items: stretch;
    justify-content: space-between;
    flex-wrap: wrap;
}
.newslist .thumb {
    width: 576px;
    position: relative;
}
.newslist .thumb .img {
    width: 100%;
    height: 100%;
    display: block;
    overflow: hidden;
}
.newslist .thumb .img img {
    display: block;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    transition: all .45s ease;
    max-height: 405px;
}
.newslist .thumb:hover .img img {
    transform: scale(1.1);
    -webkit-transform: scale(1.1);
}
.newslist .thumb .title {
    position: absolute;
    left: 0;
    bottom: 0;
    height: 48px;
    width: 100%;
    background-color: rgba(28,28,28,.3);
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.newslist .thumb .title h3 {
    font-size: 18px;
    line-height: 1;
    margin: 0;
    font-weight: 400;
    color: #fff;
    padding-left: 16px;
    width: calc(100% - 120px);
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: normal;
    line-height: 14px;
    width: 100%;
    font-size: 14px;
    max-height: calc(1 * 14px + 1px);
    height: calc(1 * 14px + 1px);
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    height: auto;
}
.newslist .thumb .title .details {
    width: 90px;
    height: 100%;
    background-color: #ff6a00;
    transition: all .35s ease;
    font-size: 14px;
    display: flex;
    justify-content: center;
    align-items: center;
}
.newslist .thumb .title .details span {
    color: #fff;
}
.newslist .news-list {
    width: calc(100% - 576px);
    min-height: 405px;
}
.newslist .news-list .item {
    position: relative;
    padding: 33px 125px 33px 25px;
    border-bottom: 1px solid #eee;
    transition: all .35s ease;
}
.newslist .news-list .item:hover{
    background-color: #eee;
}
.newslist .news-list .active{
    background-color: #eee;
}
.newslist .news-list .item h3 {
    color: #282828;
    line-height: 1;
    font-weight: 400;
    margin: 0 0 10px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: normal;
    line-height: 16px;
    width: 100%;
    font-size: 16px;
    max-height: calc(1 * 16px + 1px);
    height: calc(1 * 16px + 1px);
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    height: auto;
}
.newslist .news-list .item p {
    color: #777;
    margin: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: normal;
    line-height: 21px;
    width: 100%;
    font-size: 14px;
    max-height: calc(2 * 21px + 1px);
    height: calc(2 * 21px + 1px);
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    height: auto;
}
.newslist .item .pubdate {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    font-family: Impact;
    right: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
}
.newslist .item .pubdate .date {
    font-size: 30px;
    color: #ddd;
    width: 100%;
    text-align: center;
}
.newslist .item .pubdate .year {
    font-size: 20px;
    color: #ddd;
}
.newslist .active {
    display: block;
    visibility: visible;
    position: relative;
}




.contact-us {
    width: 100%;
    height: 196px;
    background-image: url(../images/bg-call-us.jpg);
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover;
    height: auto;
    overflow: hidden;
    padding: 1rem;
    margin: 0 auto;
    display: flex;
    justify-content: center;
    align-items: center;
}
.contact-us .wrapper {
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
    flex-wrap: wrap;
}
.contact-us .text {
    margin: 0;
}
.contact-us .text h2, .contact-us .text h3 {
    line-height: 1;
    font-weight: 400;
    color: #282828;
    margin: 0;
}
.contact-us .text h2 {
    font-size: 48px;
    margin: 0 0 32px;
}
.contact-us .text h3 {
    font-size: 24px;
}
.contact-us form {
    width: 660px;
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.contact-us form .partnews {
    position: relative;
}
.contact-us form button, .contact-us form input {
    border: none;
    outline: none;
    height: 36px;
    border-radius: 5px;
}
.contact-us form button, .contact-us form input {
    height: 45px;
}
.contact-us form input {
    width: 140px;
    margin-right: 0;
    color: #777;
    padding-left: 14px;
    background-color: #fff;
    border: 2px solid #fff;
    transition: all .35s ease;
    font-size: 14px;
    width: calc((100% - 90px - 2rem) / 2);
}
.contact-us form input {
    width: 240px;
    margin-right: 20px;
    font-size: 16px;
}
.contact-us form button {
    background-color: #ff6a00;
    color: #fff;
    font-size: 16px;
    cursor: pointer;
    transition: all .35s ease;
    width: 90px;
}
.contact-us form button {
    font-size: 16px;
    width: 140px;
}