.enter-y {
    -webkit-transform: translateY(50px);
    transform: translateY(50px);
    opacity: 0;
    -webkit-transition: all 0.5s;
    transition: all 0.5s
}

.enter-y-y {
    -webkit-transform: translateY(-50px);
    transform: translateY(-50px);
    opacity: 0;
    -webkit-transition: all 0.5s;
    transition: all 0.5s
}

.enter-y-r {
    -webkit-transform: translateY(-50px);
    transform: translateY(-50px);
    opacity: 0;
    -webkit-transition: all 0.5s;
    transition: all 0.5s
}

.enter-x {
    -webkit-transform: translateX(50px);
    transform: translateX(50px);
    opacity: 0;
    -webkit-transition: all 0.5s;
    transition: all 0.5s
}

.enter-x1 {
    -webkit-transform: translateX(450px);
    transform: translateX(450px);
    opacity: 0;
    -webkit-transition: all 0.5s;
    transition: all 0.5s
}

.enter-x-r {
    -webkit-transform: translateX(-50px);
    transform: translateX(-50px);
    opacity: 0;
    -webkit-transition: all 0.5s;
    transition: all 0.5s
}

.enter-x-r1 {
    -webkit-transform: translateX(-150px);
    transform: translateX(-150px);
    opacity: 0;
    -webkit-transition: all 0.5s;
    transition: all 0.5s
}

.show .delay-1 {
    -webkit-transition-delay: 0.2s !important;
    transition-delay: 0.2s !important
}

.show .delay-2 {
    -webkit-transition-delay: 0.4s !important;
    transition-delay: 0.4s !important
}

.show .delay-3 {
    -webkit-transition-delay: 0.6s !important;
    transition-delay: 0.6s !important
}

.show .delay-4 {
    -webkit-transition-delay: 0.8s !important;
    transition-delay: 0.8s !important
}

.show .delay-5 {
    -webkit-transition-delay: 1s !important;
    transition-delay: 1s !important
}

.show .delay-6 {
    -webkit-transition-delay: 1.2s !important;
    transition-delay: 1.2s !important
}

.show .delay-7 {
    -webkit-transition-delay: 1.4s !important;
    transition-delay: 1.4s !important
}

.show .enter-y,
.show .enter-x,
.show .enter-x1,
.show .enter-y-r,
.show .enter-x-r,
.show .enter-x-r1,
.show .enter-y-y {
    opacity: 1;
    -webkit-transform: translate(0);
    transform: translate(0)
}

h4 {
    color: #252525;
    font-size: 22px;
    font-weight: 600
}

.rightPage {
    padding-top: 40px;
    padding-left: 200px
}

.rightPage .baseHeader {
    margin-bottom: 2%
}

.rightPage .baseHeader p {
    font-size: 14px
}

.rightPage .baseHeader p .baseHeaderArrow {
    padding: 0 5px
}

.rightPage .baseHeader p .baseHeaderPage {
    color: #0270c4
}

.rightPage .baseHeader h1 {
    color: #005bac;
    font-size: 32px;
    font-weight: 600;
    margin-top: 35px;
    margin-bottom: 5px
}

.rightPage .baseHeader h3 {
    color: #969999;
    font-size: 20px;
    font-weight: 600
}

.rightPage .banner .bannerImg {
    width: 100%
}

.pagePdd {
    padding-left: 150px;
    padding-right: 200px;
    position: relative
}

.paginationBox {
    margin-top: 25px;
    text-align: center
}

.baImg {
    position: absolute;
    right: 200px;
    top: -80px;
    max-width: 32%
}

.pagefotFirst {
    background-image: url("/static/home/img/public/pgff.jpg");
    background-repeat: no-repeat;
    background-size: cover
}

.pagefotFirst .pagefotFirstWord {
    padding: 4% 0 4% 150px
}

.pagefotFirst .pagefotFirstWord p {
    line-height: 1.6;
    color: #fff
}

.pagefotFirst .pagefotFirstWord p:first-child {
    font-size: 46px;
    font-weight: 600
}

.pagefotFirst .pagefotFirstWord p:nth-child(2) {
    font-size: 18px
}

.pagefotFirst .pagefotFirstWord button {
    color: #fff;
    font-size: 22px;
    padding: 8px 18px;
    margin-top: 5%;
    border-radius: 3px;
    border: 1px solid #fff;
    background: transparent;
    -webkit-transition: all 0.3s;
    transition: all 0.3s
}

.pagefotFirst .pagefotFirstWord a:hover button {
    color: #252525;
    background-color: #fff
}

.pagefotSec {
    margin: 5% 0
}

.pagefotSec h4 {
    margin-bottom: 35px
}

.pagefotSec .row {
    margin: 0
}

.pagefotSec .row .pagefotSecCol .pagefotSecImg {
    overflow: hidden;
    margin-bottom: 15px
}

.pagefotSec .row .pagefotSecCol .pagefotSecImg img {
    width: 100%;
    -webkit-transition: all 0.4s;
    transition: all 0.4s
}

.pagefotSec .row .pagefotSecCol a {
    color: #6e6e6e;
    font-size: 16px
}

.pagefotSec .row .pagefotSecCol:hover .pagefotSecImg img {
    width: 110%
}

.baseSec {
    width: 100%;
    padding-top: 40px;
    position: relative;
    margin-bottom: 8%
}

.baseSec h4 {
    margin-bottom: 18px
}

.baseSec p {
    color: #595757;
    font-size: 16px;
    line-height: 1.4;
    width: 55%;
    text-indent: 34px;
    margin-bottom: 35px;
    word-break: break-word
}

#sidebar {
    width: 200px;
    position: fixed;
    left: 0;
    top: 0;
    bottom: 0;
    background-color: #222
}

#sidebar #sidebarTopBox {
    position: absolute;
    left: 0;
    top: 0;
    width: 350px
}

#sidebar #sidebarTopBox #logoBox {
    height: 110px;
    background-color: #005bac
}

#sidebar #sidebarTopBox #logoBox img {
    width: 80%;
    margin: 40px 0 0 10%
}

#sidebar #sidebarTopBox #searchBox {
    height: 40px
}

#sidebar #sidebarTopBox #searchBox form input[type="search"] {
    width: 200px;
    height: 40px;
    border: 0;
    float: left;
    color: #555
}

#sidebar #sidebarTopBox #searchBox form button {
    width: 150px;
    height: 40px;
    border: 0;
    float: left;
    background-color: #bfbfbf
}

#sidebar #sidebarTopBox #searchBox form button span {
    color: #262626;
    font-size: 18px;
    font-weight: 600
}

#sidebar #sidebarTopBox #searchBox form button img {
    width: 25px;
    margin-right: 18px
}

#sidebar .sidebarTopBoxIn {
    width: 200px !important
}

#sidebar .sidebarTopBoxIn #logoBox {
    height: 80px !important
}

#sidebar .sidebarTopBoxIn #logoBox img {
    margin: 30px 0 0 10% !important
}

#sidebar .sidebarTopBoxIn #searchBox form input[type="search"] {
    width: 160px !important
}

#sidebar .sidebarTopBoxIn #searchBox form button {
    width: 40px !important
}

#sidebar .sidebarTopBoxIn #searchBox form button img {
    width: 25px !important;
    margin-right: 0 !important
}

#sidebar .sidebarTopBoxIn #searchBox form button span {
    display: none
}

#sidebar #sidebarMidBox {
    margin-top: 20px;
    padding-top: 10px
}

#sidebar #sidebarMidBox ul a li {
    width: 100%;
    height: 55px;
    padding-left: 15px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

#sidebar #sidebarMidBox ul a li img {
    width: 16px;
    text-align: right;
    margin-right: 5px;
    vertical-align: text-bottom
}

#sidebar #sidebarMidBox ul a li span {
    color: #fff;
    font-size: 14px;
    vertical-align: text-bottom;
    padding-right: 15px
}

#sidebar #sidebarMidBox ul a .sideBackground {
    background-color: #eaeaea
}

#sidebar #sidebarMidBox ul a .sideBackground span {
    color: #151515
}

#sidebar #sidebarMidBox .sidebarFirstUl a li {
    height: 55px
}

#sidebar #sidebarMidBox .sidebarFirstUl a li span {
    line-height: 55px
}

#sidebar #sidebarMidBox .siderHidden {
    top: 150px;
    left: 200px;
    width: 150px;
    height: 100%;
    padding-left: 0;
    position: absolute;
    background-color: #eaeaea;
    display: none;
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px
}

#sidebar #sidebarMidBox .siderHidden a li span {
    color: #000
}

#sidebar #sidebarMidBox .siderHidden a:hover li span {
    color: #0270c4
}

#sidebar #sidebarMidBox .sidProHidden1 a li {
    height: 55px;
    position: relative
}

#sidebar #sidebarMidBox .sidProHidden1 a li span {
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%)
}

#sidebar #sidebarMidBox .sidProHidden1 a .sidProHidden1Li {
    border-radius: 3px;
    background-color: #bfbfbf
}

#sidebar #sidebarMidBox .siderDisplay {
    display: block !important
}

#sidebar .sidebarMidBoxIn {
    margin-top: 0 !important;
    padding-top: 0 !important
}

#sidebar .sidebarMidBoxIn .siderHidden {
    top: 120px !important
}

#sidebar #sidebarBotBox {
    position: fixed;
    left: 20px;
    bottom: 20px;
    height: 60px
}

#sidebar #sidebarBotBox img {
    width: 15px;
    margin-right: 3px
}

#sidebar #sidebarBotBox p {
    color: #fff;
    font-size: 12px;
    padding-left: 1px
}

#sidebar #sidebarBotBox .langLine {
    padding: 0 5px
}

#sidebar #sidebarBotBox .lang {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

#sidebar #sidebarBotBox .lang .langItem a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

footer {
    padding: 1% 200px 1% 150px;
    background-color: #3d3d3d;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    position: relative
}

footer .footerCol1 {
    width: 30%;
    text-align: left
}

footer .footerCol1 ul li .logo {
    width: 260px;
    max-width: 100%;
    margin-bottom: 5%
}

footer .footerCol1 ul li .phone {
    width: 35px;
    margin-bottom: 15px
}

footer .footerCol1 ul li span {
    color: #fff;
    font-size: 16px;
    padding-right: 3px
}

footer .footerCol1 ul li p {
    color: #fff;
    font-size: 14px;
    margin-top: 8px
}
footer .footerCol1 ul li p a{
	color: #fff;
}
footer .footerCol2 {
    width: 69%
}

footer .footerCol2 .footerNavGroup {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

footer .footerCol2 .footerNavGroup .footerNavItem .footerNavItemUl .footerNavItemLi {
    line-height: 2
}

footer .footerCol2 .footerNavGroup .footerNavItem .footerNavItemUl .footerNavItemLi a {
    color: #fff;
    font-size: 16px
}

footer .footerCol2 .footerNavGroup .footerNavItem .footerNavItemUl .footerNavItemLi:first-child {
    margin-bottom: 15px
}

.face .faceLink {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-transition: all 250ms;
    transition: all 250ms;
    top: 50%;
    padding: 0 !important;
    width: 40px;
    height: 40px;
    border-radius: 5px;
    z-index: 99991;
    line-height: 50px !important;
    background-repeat: no-repeat;
    right: 0;
    position: fixed
}

.face .facebook {
    background-color: #3a5898;
    background-image: url("/static/home/img/public/facebook.png");
    margin-top: -100px
}

.face .facebook:hover {
    width: 100px
}

.face .youtube {
    background-color: #ff363a;
    background-image: url("/static/home/img/public/youtube.png");
    margin-top: -50px
}

.face .youtube:hover {
    width: 100px
}

.face .linkedin {
    background-color: #0976b4;
    background-image: url("/static/home/img/public/linkedin.png");
    margin-top: 0px
}

.face .linkedin:hover {
    width: 100px
}

#index {
    padding-left: 200px
}

#index .indexSwiper .swiper-wrapper .swiper-slide .swiperBg {
    width: 100%;
    height: 100%
}

#index .indexSwiper .swiper-wrapper .indexSlide1 .indexSwiperWord {
    top: 13%;
    left: 15%;
    position: absolute;
    display: block
}

#index .indexSwiper .swiper-wrapper .indexSlide1 .indexSwiperWord p:first-child {
    padding-left: 6%
}

#index .indexSwiper .swiper-wrapper .indexSlide1 .indexSwiperWord p:first-child img {
    width: 42%
}

#index .indexSwiper .swiper-wrapper .indexSlide1 .indexSwiperWord p:nth-child(2) img {
    width: 60%
}

#index .indexSwiper .swiper-wrapper .indexSlide1 .indexSwiperWord p:nth-child(3) {
    padding-left: 12%
}

#index .indexSwiper .swiper-wrapper .indexSlide1 .indexSwiperWord p:nth-child(3) img {
    width: 35%
}

#index .indexSwiper .swiper-wrapper .indexSlide1 .indexSwiperRightImg {
    position: absolute;
    right: 3%;
    bottom: 8%;
    width: 300px
}

#index .indexSwiper .swiper-wrapper .indexSlide1 .indexSwiperRightImg img {
    width: 100%
}

#index .indexSwiper .swiper-wrapper .indexSlide2 .indexSwiperWord .indexSlide2Left {
    position: absolute;
    left: 150px;
    bottom: 8%;
    width: 180px
}

#index .indexSwiper .swiper-wrapper .indexSlide2 .indexSwiperWord .indexSlide2Left img {
    width: 100%
}

#index .indexSwiper .swiper-wrapper .indexSlide2 .indexSwiperWord .indexSlide2Right {
    position: absolute;
    right: 5%;
    bottom: 10%;
    width: 26%
}

#index .indexSwiper .swiper-wrapper .indexSlide2 .indexSwiperWord .indexSlide2Right .indexSlide2RightTitle {
    width: 100%
}

#index .indexSwiper .swiper-wrapper .indexSlide2 .indexSwiperWord .indexSlide2Right .indexSlide2RightSmall {
    margin-top: 20px;
    height: 60px
}

#index .indexSwiper .swiper-wrapper .indexSlide3 .indexSwiperWord .indexSlide3Top {
    position: absolute;
    left: 180px;
    top: 13%;
    width: 40%
}

#index .indexSwiper .swiper-wrapper .indexSlide3 .indexSwiperWord .indexSlide3Top .indexSlide3TopTitle {
    width: 100%
}

#index .indexSwiper .swiper-wrapper .indexSlide3 .indexSwiperWord .indexSlide3Top .indexSlide3TopSmall {
    height: 50px;
    margin-top: 20px
}

#index .indexSwiper .swiper-wrapper .indexSlide3 .indexSwiperWord .indexSlide3Bot {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: absolute;
    left: 150px;
    bottom: 10%;
    width: 180px
}

#index .indexSwiper .swiper-wrapper .indexSlide4 .indexSwiperWord {
    position: absolute;
    top: 13%;
    left: 180px
}

#index .indexSwiper .swiper-wrapper .indexSlide4 .indexSwiperWord p {
    margin-bottom: 1%
}

#index .indexSwiper .swiper-wrapper .indexSlide4 .indexSwiperWord p:first-child {
    width: 150px
}

#index .indexSwiper .swiper-wrapper .indexSlide4 .indexSwiperWord p:nth-child(2) {
    width: 35%
}

#index .indexSwiper .swiper-wrapper .indexSlide4 .indexSwiperWord p:nth-child(3) {
    width: 40%
}

#index .indexSwiper .swiper-wrapper .indexSlide4 .indexSwiperWord img {
    width: 100%
}

#index .indexSwiper .swiper-wrapper .indexSlide5 .indexSwiperWord .indexSlide2Left {
    position: absolute;
    left: 150px;
    top: 32%;
    width: 30%
}

#index .indexSwiper .swiper-wrapper .indexSlide5 .indexSwiperWord .indexSlide2Left img {
    width: 100%
}

#index .indexSwiper .swiper-wrapper .indexSlide5 .indexSwiperWord .indexSlide2Right {
    position: absolute;
    right: 5%;
    bottom: 8%;
    width: 230px
}

#index .indexSwiper .swiper-wrapper .indexSlide5 .indexSwiperWord .indexSlide2Right img {
    width: 100%
}

#about .aboutThr {
    margin-top: 8%;
    padding: 3% 200px 3% 150px;
    background-image: url("/static/home/img/service/index/tbg.jpg")
}

#about .aboutThr ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

#about .aboutThr ul li {
    text-align: center;
    vertical-align: text-top
}

#about .aboutThr ul li img {
    width: 80px;
    margin-bottom: 15px
}

#about .aboutThr ul li p {
    font-size: 16px
}

#about .aboutFour {
    margin: 5% 0
}

#about .aboutFour h4 {
    margin-bottom: 30px
}

#about .aboutFour ul li {
    width: 30%;
    margin-right: 4.5%;
    display: inline-block;
    vertical-align: text-top
}

#about .aboutFour ul li img {
    width: 100%
}

#about .aboutFour ul li:nth-child(3) {
    margin-right: 0
}

#idea .ideaThr {
    margin-top: 8%;
    padding: 3% 150px 3% 150px;
    background-image: url("/static/home/img/service/index/tbg.jpg")
}

#idea .ideaThr ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

#idea .ideaThr ul .ideaThrLi {
    width: 35%;
    padding: 0 35px;
    border-right: 1px solid #a9a4a3
}

#idea .ideaThr ul .ideaThrLi ul .ideaThrImg {
    width: 35%;
    padding-right: 25px
}

#idea .ideaThr ul .ideaThrLi ul .ideaThrImg img {
    width: 100%
}

#idea .ideaThr ul .ideaThrLi ul .ideaThrWord {
    width: 64%;
    text-align: center
}

#idea .ideaThr ul .ideaThrLi ul .ideaThrWord h2 {
    font-size: 18px;
    color: #2a2a2a;
    line-height: 2
}

#idea .ideaThr ul .ideaThrLi ul .ideaThrWord p {
    font-size: 16px;
    color: #2d2d2d
}

#idea .ideaThr ul .ideaThrLi:nth-child(3) {
    border-right: 0
}

#idea .ideaFour {
    margin: 5% 0
}

#idea .ideaFour ul .ideaFourLi {
    display: inline-block;
    vertical-align: text-top
}

#idea .ideaFour ul .ideaFourLi h4 {
    margin-bottom: 18px
}

#idea .ideaFour ul .ideaFourLi ul li {
    line-height: 1.6;
    color: #595757;
    font-size: 16px
}

#idea .ideaFour ul .ideaFourLi1 {
    max-width: 30%;
    margin-right: 5%
}

#idea .ideaFour ul .ideaFourLi2 {
    max-width: 60%
}

#idea .ideaFour p img {
    width: 100%
}

#data .dataThr {
    margin-top: 8%;
    padding: 3% 200px 3% 150px;
    background-image: url("/static/home/img/service/index/tbg.jpg")
}

#data .dataThr ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

#data .dataThr ul .dataThrLi {
    width: 25%;
    padding: 0 15px
}

#data .dataThr ul .dataThrLi ul .dataThrImg {
    width: 30%;
    padding-right: 15px
}

#data .dataThr ul .dataThrLi ul .dataThrImg img {
    width: 100%
}

#data .dataThr ul .dataThrLi ul .dataThrWord {
    width: 59%
}

#data .dataThr ul .dataThrLi ul .dataThrWord h2 {
    font-size: 26px;
    font-weight: 600;
    color: #2a2a2a
}

#data .dataThr ul .dataThrLi ul .dataThrWord p {
    font-size: 12px;
    color: #2d2d2d
}

#position .positionSec {
    width: 100%;
    padding-top: 40px;
    position: relative;
    margin-bottom: 8%
}

#position .positionSec h4 {
    margin-bottom: 18px
}

#position .positionSec p {
    color: #595757;
    font-size: 16px;
    line-height: 1.4;
    width: 55%
}

#position .positionSec ul {
    margin-top: 35px
}

#position .positionSec ul li {
    padding: 15px 0;
    border-top: 1px dashed #d6d6d6
}

#position .positionSec ul li h5 {
    color: #005bac;
    font-size: 18px;
    font-weight: 600;
    margin-bottom: 15px
}

#position .positionSec ul li p {
    width: 100%
}

#position .positionSec ul li:first-child {
    border-top: 0
}

#position .positionSec .positionSecMargin {
    margin-top: 20px
}

#position .positionThr {
    margin-top: 8%;
    padding: 3% 250px 3% 200px;
    background-image: url("/static/home/img/service/index/tbg.jpg")
}

#position .positionThr ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

#position .positionThr ul li {
    text-align: center;
    width: 20%
}

#position .positionThr ul li img {
    width: 100px;
    margin-bottom: 5px
}

#position .positionThr ul li p {
    font-size: 16px;
    width: 80%;
    margin: 0 auto
}

#service .serviceThr {
    margin-top: 8%;
    padding: 5% 0;
    background-image: url("/static/home/img/service/index/tbg.jpg")
}

#service .serviceThr .row {
    margin: 0;
    padding: 0 200px 0 150px
}

#service .serviceThr .row .serviceThrCol ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

#service .serviceThr .row .serviceThrCol ul li img {
    width: 80px;
    margin-right: 15px
}

#service .serviceThr .row .serviceThrCol ul li p {
    line-height: 1.6;
    color: #000
}

#service .serviceThr .row .serviceThrCol ul li p:first-child {
    font-size: 18px;
    font-weight: 600;
    display: block
}

#service .serviceThr .row .serviceThrCol ul li p:last-child {
    font-size: 16px
}

#service .serviceFour {
    margin: 5% 0
}

#service .serviceFour h4 {
    margin-bottom: 35px
}

#service .serviceFour img {
    width: 70%;
    margin-left: 15%
}

#men .menThr {
    margin-top: 8%;
    margin-bottom: 5%
}

#men .menThr .menThrLine {
    width: 40%;
    height: 6px;
    margin-top: 25px;
    background-color: #0068b7
}

#men .menThr .menThrWord {
    margin-top: 25px
}

#men .menThr .menThrWord p {
    color: #595757;
    font-size: 16px;
    margin-bottom: 0;
    line-height: 1.6
}

#men .menThr .menThrContact {
    margin-top: 25px
}

#men .menThr .menThrContact p {
    color: #252525;
    font-size: 16px;
    font-weight: 600;
    margin-bottom: 0;
    line-height: 1.6
}

#men .menThr button {
    border: 0;
    color: #fff;
    font-size: 16px;
    margin-top: 25px;
    padding: 12px 35px;
    background-color: #0068b7
}

#contact .contactSec {
    width: 100%;
    padding-top: 40px;
    position: relative;
    margin-bottom: 8%
}

#contact .contactSec h4 {
    margin-bottom: 18px
}

#contact .contactSec p {
    color: #595757;
    font-size: 16px;
    line-height: 1.4;
    width: 55%
}

#contact .contactSec p a{
    color: #595757;
}

#contact .contactSec .contactSecMargin {
    margin-top: 20px
}

#contact .contactSec #map {
    width: 32%;
    height: 380px
}

#news .newsSec h4 {
    margin-bottom: 18px
}

#news .newsThr {
    margin-top: 8%;
    padding: 2% 0;
    background-image: url("/static/home/img/service/index/tbg.jpg")
}

#news .newsThr .newsThrWord {
    max-width: 1400px;
    padding: 0 200px 0 150px
}

#news .newsThr .newsThrWord .newsThrTtitle {
    padding-bottom: 30px
}

#news .newsThr .newsThrWord .newsThrTtitle .newsThrA {
    text-align: right
}

#news .newsThr .newsThrWord .newsThrTtitle .newsThrA a {
    color: #005bac;
    font-size: 16px;
    font-weight: 600
}

#news .newsThr .newsThrWord ul li {
    padding: 14px 0;
    border-bottom: 1px solid #bfbebe
}

#news .newsThr .newsThrWord ul li a span {
    font-size: 16px;
    color: #595757
}

#news .newsThr .newsThrWord ul li a .newsThrDate {
    float: right;
    padding-right: 5px
}

#news .newsThr .newsThrWord ul li a:hover span {
    color: #005bac
}

#news .newsThr .newsThrWord ul li:first-child {
    border-top: 1px solid #bfbebe
}

#news .newsFour {
    margin: 5% 0 2% 0
}

#news .newsFour .newsFourRow {
    margin: 0;
    border-bottom: 1px solid #eaeaea
}

#news .newsFour .newsFourRow .newsFourCol {
    width: 32%;
    padding: 3% 0;
    vertical-align: top;
    display: inline-block;
    border-top: 1px solid #eaeaea
}

#news .newsFour .newsFourRow .newsFourCol .newsFourColImage {
    margin-bottom: 25px;

	overflow:hidden;
}

#news .newsFour .newsFourRow .newsFourCol .newsFourColImage img {
    width: 100%;

}

#news .newsFour .newsFourRow .newsFourCol .newsFourColWord h4 {
    font-size: 18px;
    color: #4a5050;
    line-height: 1.4;
    padding-bottom: 3px;
    font-weight: bolder
}

#news .newsFour .newsFourRow .newsFourCol .newsFourColWord small {
    color: #000;
    font-size: 14px
}

#news .newsFour .newsFourRow .newsFourCol .newsFourColWord p {
    color: #595757;
    font-size: 14px;
    padding-top: 15px;
	height:53px;
	display:block;
}

#news .newsFour .newsFourRow .newsFourCol:nth-child(3n-1) {
    margin: 0 1.5%
}

#hot .hotSec {
    width: 100%;
    padding-top: 40px;
    position: relative;
    padding-top: 40px
}

#hot .hotSec h4 {
    margin-bottom: 18px
}

#hot .hotSec p {
    color: #595757;
    font-size: 16px;
    margin-bottom: 22px;
    width: 55%
}

#hot .hotThr {
    margin-top: 12%;
    padding: 2% 0
}

#hot .hotThr .hotThrWord {
    max-width: 1400px;
    padding: 0 200px 0 150px
}

#hot .hotThr .hotThrWord h4 {
    margin-bottom: 35px
}

#hot .hotThr .hotThrWord ul li {
    padding: 14px 0;
    border-bottom: 1px solid #bfbebe
}

#hot .hotThr .hotThrWord ul li a span {
    font-size: 16px;
    color: #595757;
    display: inline-block
}

#hot .hotThr .hotThrWord ul li a .hotThrTitle {
    max-width: 70%
}

#hot .hotThr .hotThrWord ul li a .hotThrDate {
    float: right;
    max-width: 20%;
    padding-right: 5px
}

#hot .hotThr .hotThrWord ul li a:hover span {
    color: #005bac
}

#hot .hotThr .hotThrWord ul li:first-child {
    border-top: 1px solid #bfbebe
}

#ndetail .ndetailThr {
    margin-top: 5%;
    margin-bottom: 3%
}

#ndetail .ndetailThr .content {
    margin-bottom: 5%
}

#ndetail .ndetailThr .content p {
    color: #595959;
    font-size: 14px
}

#ndetail .ndetailThr .content img {
    max-width: 100%
}

#ndetail .ndetailThr .pageNav {
    text-align: center
}

#ndetail .ndetailThr .pageNav ul li {
    padding: 0 8px;
    display: inline-block
}

#ndetail .ndetailThr .pageNav ul li a {
    color: #000;
    font-size: 14px
}

#ndetail .ndetailThr .pageNav ul li:hover a {
    color: #0270c4
}

#video .videoSec {
    width: 100%;
    padding-top: 40px;
    position: relative
}

#video .videoSec h4 {
    margin-bottom: 18px
}

#video .videoSec p {
    color: #595757;
    font-size: 16px;
    margin-bottom: 22px;
    width: 55%
}

#video .videoThr {
    margin: 12% 0 2% 0
}

#video .videoThr .videoThrRow {
    margin: 0;
    border-bottom: 1px solid #eaeaea
}

#video .videoThr .videoThrRow .videoThrCol {
    width: 32%;
    padding: 3% 0;
    vertical-align: top;
    display: inline-block;
    border-top: 1px solid #eaeaea
}

#video .videoThr .videoThrRow .videoThrCol .videoThrColImage {
    padding-bottom: 25px
}

#video .videoThr .videoThrRow .videoThrCol .videoThrColImage img {
    width: 100%
}

#video .videoThr .videoThrRow .videoThrCol .videoThrColWord h4 {
    font-size: 18px;
    color: #4a5050;
    line-height: 1.4;
    padding-bottom: 3px;
    font-weight: bolder
}

#video .videoThr .videoThrRow .videoThrCol .videoThrColWord small {
    color: #000;
    font-size: 8px
}

#video .videoThr .videoThrRow .videoThrCol .videoThrColWord p {
    color: #595757;
    font-size: 14px;
    padding-top: 15px
}

#video .videoThr .videoThrRow .videoThrCol:nth-child(3n-1) {
    margin: 0 1.5%
}

#vdetail .vdetailSec {
    margin-top: 5%;
    margin-bottom: 3%
}

#vdetail .vdetailSec .content {
    margin-bottom: 3%
}

#vdetail .vdetailSec .content iframe {
    width: 100%;
    height: 600px
}

#vdetail .vdetailSec .pageNav {
    text-align: center
}

#vdetail .vdetailSec .pageNav ul li {
    padding: 0 8px;
    display: inline-block
}

#vdetail .vdetailSec .pageNav ul li a {
    color: #000;
    font-size: 14px
}

#vdetail .vdetailSec .pageNav ul li:hover a {
    color: #0270c4
}

#pro .proBanner .proSwiper .swiper-wrapper {
    height: auto
}

#pro .proBanner .proSwiper .swiper-wrapper .swiper-slide {
    height: auto
}

#pro .proBanner .proSwiper .swiper-wrapper .swiper-slide video {
    width: 100%
}

#pro .proBanner .proSwiper .swiper-wrapper .swiper-slide img {
    width: 100%
}

#pro .proBanner .proSwiper .swiper-button-next {
    outline: none;
    -webkit-transition: .4s all;
    transition: .4s all;
    background: url("/static/home/img/pro/play.svg")
}

#pro .proBanner .proSwiper .swiper-button-next:hover {
    -webkit-transform: scale(1.2);
    transform: scale(1.2)
}

#pro .proBanner .proSwiper .swiper-button-next,
#pro .proBanner .proSwiper .swiper-button-prev {
    width: 50px;
    height: 50px;
    top: unset;
    left: 25px;
    bottom: 35px
}

#pro .proFeatures {
    margin: 5% 0
}

#pro .proFeatures .proFeaturesRow .proFeaturesCol1 {
    width: 60%;
    display: inline-block;
    vertical-align: text-top
}

#pro .proFeatures .proFeaturesRow .proFeaturesCol1 h4 {
    margin-bottom: 25px
}

#pro .proFeatures .proFeaturesRow .proFeaturesCol1 p {
    font-size: 16px;
    color: #595757;
    line-height: 1.6
}

#pro .proFeatures .proFeaturesRow .proFeaturesCol1 p .bstImg {
    width: 50px;
    margin-bottom: 2px
}

#pro .proFeatures .proFeaturesRow .proFeaturesCol2 {
    width: 39%;
    padding-left: 35px;
    display: inline-block;
    vertical-align: text-top
}

#pro .proFeatures .proFeaturesRow .proFeaturesCol2 img {
    max-width: 100%;
    float: right
}

#pro .proPara h4 {
    margin-bottom: 25px
}

#pro .proPara .para {
    display: inline-block;
    vertical-align: text-top
}

#pro .proPara .para table {
    width: 100%;
    margin-bottom: 15px
}

#pro .proPara .para table thead {
    background-color: #e6e6e6
}

#pro .proPara .para table thead tr {
    border-top: 1px solid #0068b7
}

#pro .proPara .para table thead tr th {
    padding: 12px 8px;
    color: #0068b7;
    font-size: 16px;
    border-bottom: 1px dashed #898989
}

#pro .proPara .para table tbody tr td {
    padding: 6px 8px;
    color: #231815;
    font-size: 16px;
    border-bottom: 1px dashed #898989
}

#pro .proPara .para p {
    font-size: 15px;
    color: #595757
}

#pro .proPara .patent {
    width: 29%;
    display: inline-block;
    vertical-align: text-top
}

#pro .proPara .patent img {
    max-width: 100%;
    float: right
}

#pro .prodata {
    margin: 3% 0;
    text-align: center
}

#pro .prodata h4 {
    margin-bottom: 25px;
    text-align: left
}

#pro .prodata .prodataBox {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    text-align: left
}

#pro .prodata .prodataBox ul {
    max-width: 22%
}

#pro .prodata .prodataBox ul li {
    padding: 15px 0;
    border-bottom: 1px dashed #898989
}

#pro .prodata .prodataBox ul li p {
    font-size: 16px;
    line-height: 2
}

#pro .prodata .prodataBox ul:last-child {
    margin-right: 0
}

#pro .prodefect {
    text-align: center
}

#pro .prodefect h4 {
    margin-bottom: 25px;
    text-align: left
}

#pro .prodefect img {
    max-width: 100%
}

#pro .proAccess {
    margin: 5% 0 3% 0
}

#pro .proAccess ul li {
    width: 31%;
    margin-bottom: 5%;
    display: inline-block;
    vertical-align: text-top
}

#pro .proAccess ul li img {
    width: 100%;
    margin-bottom: 25px
}

#pro .proAccess ul li p {
    font-size: 16px;
    color: #595757;
    line-height: 1.4;
    word-break: break-word
}

#pro .proAccess ul li .proAccessTitle {
    font-size: 17px;
    font-weight: 600;
    color: #005bac;
    margin-bottom: 8px
}

#pro .proAccess ul li .proAccessTitle .bstImg {
    width: 50px;
    margin-bottom: 5px
}

#pro .proAccess ul li:nth-child(3n-1) {
    margin: 0 3%
}

#pro .proOptional h3 {
    color: #0068b7;
    font-size: 20px;
    margin-bottom: 15px
}

#pro .proOptional ul li {
    width: 31%;
    margin-bottom: 3%;
    display: inline-block;
    vertical-align: text-top
}

#pro .proOptional ul li img {
    max-width: 100%;
    margin-bottom: 25px
}

#pro .proOptional ul li p {
    font-size: 16px;
    color: #595757;
    line-height: 1.4;
    word-break: break-word
}

#pro .proOptional ul li .proAccessTitle {
    font-size: 18px;
    font-weight: 600;
    color: #005bac;
    margin-bottom: 8px
}

#pro .proOptional ul li:nth-child(3n-1) {
    margin: 0 3%
}

#pro .proMachine .proMachineBox {
    border-top: 1px dashed #d6d6d6;
    padding-top: 3%
}

#pro .proMachine .proMachineBox h2 {
    color: #005bac;
    font-size: 32px;
    margin-bottom: 5px
}

#pro .proMachine .proMachineBox small {
    color: #969999;
    font-size: 20px
}

#pro .proMachine .proMachineBox img {
    width: 100%;
    max-width: 100%;
    margin-top: 35px
}

#pro .proCombination {
    margin-top: 5%
}

#pro .proCombination h2 {
    color: #005bac;
    font-size: 32px;
    margin-bottom: 5px
}

#pro .proCombination small {
    color: #969999;
    font-size: 20px
}

#pro .proCombination img {
    width: 100%;
    max-width: 100%;
    margin-top: 35px
}

#pro .pageNav {
    margin: 5% 0 3% 0;
    text-align: center
}

#pro .pageNav ul li {
    padding: 0 8px;
    display: inline-block
}

#pro .pageNav ul li a {
    color: #000;
    font-size: 14px
}

#pro .pageNav ul li:hover a {
    color: #0270c4
}

#pro .pageNav ul .pageNavNext a {
    color: #0270c4
}

#pro .proSec {
    margin: 5% 0
}

#pro .proSec ul li {
    width: 32%;
    padding-top: 3%;
    padding-bottom: 3%;
    display: inline-block;
    border-top: 2px dashed #e8e8e8;
    vertical-align: text-top
}

#pro .proSec ul li .proSecTop {
    margin-bottom: 25px;
    background-color: #e9e9e9
}

#pro .proSec ul li .proSecTop img {
    width: 100%;
    padding: 10px
}

#pro .proSec ul li .proSecBot .title {
    color: #4a5050;
    font-size: 18px;
    font-weight: 600;
    line-height: 1.6
}

#pro .proSec ul li .proSecBot small {
    color: #000;
    font-size: 14px;
    font-weight: 300;
    margin-bottom: 15px;
    display: block
}

#pro .proSec ul li .proSecBot a {
    color: #595757;
    font-size: 16px;
    letter-spacing: 0.02em;
    line-height: 1.4
}

#pro .proSec ul li .proSecBot .proSecBotA {
    color: #0270c4;
    font-size: 16px
}

#pro .proSec ul li:nth-child(3n-1) {
    margin: 0 1.5%
}

#search .searchSec {
    margin: 5% 0
}

#search .searchSec h4 {
    padding-bottom: 18px
}

#search .searchSec ul li {
    width: 100%;
    padding: 1.5% 0;
    display: inline-block;
    border-bottom: 2px dashed #e8e8e8;
    vertical-align: text-top
}

#search .searchSec ul li .title {
    color: #4a5050;
    font-size: 22px;
    font-weight: 600;
    line-height: 1.6
}

#search .searchSec ul li small {
    color: #000;
    font-size: 14px;
    font-weight: 300;
    margin-bottom: 15px;
    display: block
}

#search .searchSec ul li a {
    color: #595757;
    font-size: 16px;
    letter-spacing: 0.02em;
    line-height: 1.4
}

#search .searchSec ul li .searchSecBotA {
    color: #0270c4;
    font-size: 16px
}

#search .searchSec ul li:nth-child(3n-1) {
    margin: 0 1.5%
}

#recruit .recruitSec form {
    width: 1200px;
    margin: 0 auto
}

#recruit .recruitSec form .form-group input[type="text"] {
    width: 100%;
    height: 45px;
    padding-left: 5px;
    border-radius: 3px;
    border: 1px solid #969999
}

#recruit .recruitSec form .form-group textarea {
    width: 100%;
    height: 120px
}

#recruit .recruitSec form button {
    padding: 8px 30px;
    font-size: 16px
}

/*# sourceMappingURL=style.css.map */