@charset "utf-8";
.in-desc {
    overflow: hidden;
   /* background: url(indexlogobg.jpg) no-repeat center / cover;*/
    color: #fff;
}
.section {
    padding: 80px 0;
}
.container {
    padding: 0 15px;
    width: 1200px;
    margin: 0 auto;
}

.clearfix {
    zoom: 1;
}
.in-desc .logo {
    float: left;
    width: 500px;
    text-align: left;
}

.img-center {
    text-align: center;
    font-size: 0;
}

#sylogo {
    display: inline-block;
    width: auto;
    height: auto;
    max-width: 100%;
    max-height: 100%;
    vertical-align: middle;
    -webkit-transition: all 0.5s;
    transition: all 0.5s;
}

.in-desc .text {
    margin-left: 500px;
}
.in-desc .text h4 {
    margin: 0;
    font-size: 30px;
}
.in-desc .text h5 {
    font-size: 18px;
    margin: 20px 0 10px;
}
.in-desc .text a {
    display: inline-block;
    background: url(mbtxIndex.png) no-repeat 0 0;
    width: 236px;
    line-height: 42px;
    padding-right: 40px;
    text-align: center;
    font-size: 18px;
    margin: 30px 30px 0 0;
}


/**/


.section-title {
    text-align: center;
    margin-bottom: 40px;
    font-size: 33px;
}
strong {
    font-weight: bolder;
}
.section-title p {
    font-size: 18px;
    margin: 5px 0 0;
    color: #666;
}
.section-title span {
    color: #2314E0;
    text-transform: uppercase;
}

ul {
    margin: 0;
    list-style: none;
    padding: 0;
}
.clearfix:before, .clearfix:after {
    display: table;
    line-height: 0;
    content: "";
}
.in-seo li {
    float: left;
    width: 33.333333%;
}
.in-seo li a {
    display: block;
    color: #fff;
    background: url(product-bg-red.jpg) no-repeat center / cover;
    text-align: center;
    padding: 30px;
}
.in-seo li:nth-child(even) a {
    background-image: url(product-bg-gray.jpg);
    color: #333;
}

.img-center img {
    display: inline-block;
    width: auto;
    height: auto;
    max-width: 100%;
    max-height: 100%;
    vertical-align: middle;
    -webkit-transition: all 0.5s;
    transition: all 0.5s;
}

.img-center img:hover{
  transform: scale(0.8,0.8);
}

.in-seo li .img-center {
    height: 74px;
    line-height: 74px;
    -webkit-transition: all 0.5s;
    transition: all 0.5s;
}

.in-seo li p {
    margin: 15px 0 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}


.in-menu {
    text-align: center;
    font-size: 0;
    margin-bottom: 30px;
}

.in-menu li {display: inline-block;vertical-align: middle;}
.in-menu li a {display: block;font-size: 18px;line-height: 50px;padding: 0 20px;border: 1px solid #dfdfdf;margin: 20px 0 0 20px;-webkit-transition: all 0.5s;transition: all 0.5s;}
.in-menu li a:hover,.in-menu li.active a {color: #fff;background-color: #2314E0;border-color: #2314E0;}


.index-news-con .img-center {
    float: left;
    width: 320px;
}


.index-news-con .list-2 {
    margin-left: 320px;
}

.list-2 {margin: -30px 0 0 -30px;overflow: hidden;}
.list-2 li {float: left;width: 50%;}
.list-2 li a {display: block;margin: 30px 0 0 30px;overflow: hidden;border: 1px solid #e4e4e4;padding: 12px;}
.list-2 li .date {float: left;width: 65px;background-color: #969393;color: #fff;text-align: center;padding: 7px 0;}
.list-2 li .date strong {display: block;font-family: Impact;font-size: 30px;line-height: 1;margin-bottom: 1px;}
.list-2 li .text {margin-left: 77px;}
.list-2 li .text h4 {margin: 0;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.list-2 li .text p {margin: 5px 0 0;color: #888;height: 40px;overflow: hidden;}
.list-2 li a:hover {border-color: #2314E0;}
.list-2 li a:hover .date {background-color: #2314E0;}

.index-news-con .img-center {float: left;width: 320px;}
.index-news-con .list-2 {margin-left: 320px;}