﻿@charset "utf-8";

/**/
.com{
    margin-left: 10px;
}
.news-list div.com1{
    overflow: hidden;
}
.news-list{
    /*padding-left: 65px;*/
    margin-top: 110px;
}

.social{
    background: url(../img/index/bg3.jpg) center no-repeat;
    /*-ms-behavior: url("./backgroundsize.min.htc");*/
    /*behavior: url("./backgroundsize.min.htc");*/
    /*height: 100%;*/

    /*background: url(http://cdn.dowebok.com/139/images/bg.jpg) center no-repeat;*/
    background-size: cover;
    -ms-behavior: url(../css/backgroundsize.min.htc);
    behavior: url(../css/backgroundsize.min.htc);
}

.news-list div.com {
    position: relative;
    /*width: 197px;*/
    /*width:310px;*/
    /*height: 267px;*/
    width:240px;
    height: 325px;
    float: left;

}
.news-list1{
    width: 1150px;
}
.background {
    filter: alpha(opacity=70); /*IE滤镜，透明度50%*/
    -moz-opacity: 0.7; /*Firefox私有，透明度50%*/
    opacity: 0.7; /*其他，透明度50%*/
    height: 100%;
    width: 100%;
    background-color: #5074b1;
    position: absolute
}
.bg_color{
    filter: alpha(opacity=50); /*IE滤镜，透明度50%*/
    -moz-opacity: 0.5; /*Firefox私有，透明度50%*/
    opacity: 0.5; /*其他，透明度50%*/
}
.circle{
    position: absolute;
    height: 100%;
    width: 100%;
    background: url("../img/index/circle.png" ) no-repeat;
    background-position-x: 70px;
    background-position-y: 70px;
    z-index: 1;
}
.news-list .com img {
    position: absolute;
    width:100%;
}
img{border:0px}
.first{
    position: absolute;top: 0;text-align: center;z-index: 1
}
.text1{margin-top:90px;font-size: 24px;color: white;width: 240px;text-align: center}
.text2{margin-top:90px;font-size: 16px;color: white;width: 240px;text-align: center}
.text3{margin-left:50px;margin-top:210px;font-size: 24px;color: white}
.text4{margin-left:90px;margin-top:90px;font-size: 24px;color: white}
.text5{margin-left:100px;margin-top:90px;font-size: 16px;color: white}
.text6{margin-top:90px;font-size: 20px;color: white;text-align: center}
.text7{margin-top:90px;font-size: 16px;color: white;width: 240px;text-align: center}
.text8{margin-top:80px;font-size: 16px;color: white;width: 240px;text-align: center}
.text8 img{
    width: 22% !important;
    position: relative !important;
}
.margin_left_0{
    margin-left: 0;
}
.html_content1{
    /*width: 960px;*/
    /*height: 100%;*/
    width:100%;
    padding-left: 30px;
}
@keyframes bounceInLeft {
    from, 60%, 75%, 90%, to {
        animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    }

    0% {
        opacity: 0;
        transform: translate3d(-3000px, 0, 0);
    }

    60% {
        opacity: 1;
        /*transform: translate3d(25px, 0, 0);*/
    }

    75% {
        /*transform: translate3d(-10px, 0, 0);*/
    }

    90% {
        /*transform: translate3d(5px, 0, 0);*/
    }

    to {
        transform: none;
    }
}

.bounceInLeft {
    animation-name: bounceInLeft;
    animation-duration: 2s;
    animation-fill-mode: both;
}

/*@media (max-width: 1600px) {*/


    /*.container{*/
    /*width: 228px;*/
    /*}*/


    /*.news-lists dl {*/
        /*width: 264px;*/
    /*}*/

    /*.hide_scroll {*/
        /*overflow: hidden;*/
        /*height: 100%;*/
        /*width: 993px;*/
        /*position: relative;*/
    /*}*/



    /*#main {*/
        /*position: relative;*/
        /*margin: 0 auto;*/
        /*width: 1200px;*/
        /*height: 642px;*/
        /*min-height: 642px;*/
    /*}*/
/*}*/

/*@media (min-width: 1600px) {*/


    /*#main {*/
        /*position: relative;*/
        /*margin: 0 auto;*/
        /*width: 1600px;*/
        /*height: 855px;*/
        /*min-height: 642px;*/
    /*}*/


    .news-lists dl {
        width: 386px;
    }

    .news-lists dl .title {
        margin-top: 398px;
    }
    .com{
        margin-left: 43px;
        margin-bottom: 40px;
    }
    .news-list .com1{
        height: 328px;
    }
    /*.news-list{*/
        /*!*padding-left: 65px;*!*/
        /*margin-top: 210px;*/
    /*}*/
/*}*/
