/**********  所有页面都要共用的样式  **********/

/*0.自定义基础通用样式*/

body {
    background: #f8f8f8;
}

h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
    font-weight: 300;
}

    h1 small, h2 small, h3 small, h4 small, h5 small, h6 small, .h1 small, .h2 small, .h3 small, .h4 small, .h5 small, .h6 small, h1 .small, h2 .small, h3 .small, h4 .small, h5 .small, h6 .small, .h1 .small, .h2 .small, .h3 .small, .h4 .small, .h5 .small, .h6 .small {
        font-weight: 300;
    }

a:visited {
    text-decoration: none;
}

a:focus {
    outline: none;
    text-decoration: none;
}
/*所有按钮加渐变动画*/
.btn {
    -webkit-transition: all 0.225s ease-in-out;
    -moz-transition: all 0.225s ease-in-out;
    -o-transition: all 0.225s ease-in-out;
    transition: all 0.225s ease-in-out;
}
/*所有按钮加渐变动画*/
/*幽灵按钮*/
.btn-outline-inverse{
    color: #fff;
    background: transparent;
    border-color: #fff;
}
.btn-outline-inverse:hover{
    color: #0ba1e4;
    text-shadow: none;
    background-color: #fff;    
}

.btn-outline-blue{
    color: #0ba1e4;
    background: transparent;
    border-color: #0ba1e4;
}
.btn-outline-blue:hover{
    color: #fff;
    text-shadow: none;
    background-color: #0ba1e4;    
}
/*幽灵按钮*/
.carousel-control .icon {

    font-size:100px; position:absolute; top:100px;
}

/*手机端logo展示*/
#header .logo_img { width:273px; height: 53px; background: url("../images/logoww.png") no-repeat; background-size:273px 53px; display: block; }


/*0.自定义基础通用样式*/

/*自定义基础通用样式 */

@media (max-width: 767px){
    /*全部-导航*/
    body{
        padding-top: 0;/*移动端若固定顶部导航的话高度为52px*/
        /*padding-bottom: 55px;*/
    }
    #header .navbar{/*移动端导航不固定顶部*/
        position: relative !important;
    }
    #header .navbar{
        padding-bottom: 0;
    }
    /*全部-导航*/
    /*全部-页脚*/
    #footer .footer-wechat p{
        text-align: left !important;
    }
    /*全部-页脚*/
    /*全部-返回顶部*/
    #clan-slider{
        bottom:55px !important;
    }
    #clan-slider ul li a{
        background-color: rgba(255,255,255,0.9) !important;
        border-color:  transparent !important;
        border-radius: 50% !important;
    }
    #clan-slider #slider-goTop{
        background-position: -92px 0 !important;
    }
    #clan-slider #slider-goTop:hover{
        background-position: 0 0 !important;
    }
    /*全部-返回顶部*/
    .carousel-control .icon {
        display:none;
    }

    /*投资者教育*/
    .our-education-item {
        margin-bottom:10px;
    }

}
/*手机超小屏幕下的单独样式 xs < 768px */

/*大于手机屏幕时的样式 sm >= 768px */
@media (min-width: 768px){
    body{
        padding-top: 82px;/*顶部固定导航条的空间*/
    }
    /*全部-导航*/
    #header .navbar{
        border-radius: 0;
        /*padding: 15px 0;*/
    }
    #header .navbar-right {
        padding: 15px 0;
    }
    #header .navbar-nav>li>a{
        padding: 15px 0;
    }

     #header .logo_img { width: 409px; height: 80px; background: url("../images/logoww.png") no-repeat; background-size:409px 80px; display: block; }
    /*全部-导航*/
}
/*大于手机屏幕时的样式 sm >= 768px */

/*平板小屏幕样式 768px <= sm < 992px */
@media (min-width: 768px) and (max-width: 991px){
    /*全部-页脚*/
    #footer .footer-contact h2{
        font-size: 26px !important;
    }
    /* Safari 7.1+ (9.0 is the latest version of Safari at this time) */
    @media screen and (-webkit-min-device-pixel-ratio:0) {
        #footer .footer-contact h2{
            padding-left: 0;
            font-size: 22px !important;
        }
    }
    /*全部-页脚*/
}
/*平板小屏幕样式 768px <= sm < 992px */

/*大于992px以上固定宽度为970px md >= 992px */
@media (min-width: 992px){
    /*全部-最大宽度*/
    .container {
        /*width: 970px;*/
    }
    /*全部-最大宽度*/
    /*全部-页脚*/
    #footer .footer-item-last{
        border-right: 2px solid #c1c1c1;
    }
    #footer .footer-contact h2{
        padding-left: 20px;
    }
    /* Safari 7.1+ (9.0 is the latest version of Safari at this time) */
    @media screen and (-webkit-min-device-pixel-ratio:0) {
        #footer .footer-contact h2{
            padding-left: 10px !important;
        }
    }
    /*全部-页脚*/

    .our-video-item a {    width: 130px;}
    .our-video-item a img { margin:0 3px;}

}
/*大于992px以上固定宽度为970px md >= 992px */

/*全部-导航条样式复写*/
#header .navbar-default{
    border:0;
    margin-bottom: 0;
    /*border-bottom: 1px solid rgba(179, 189, 193, 0.75);*/
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
    z-index: 1000;
    background-color: rgba(255,255,255,0.9);
}
#header .navbar-default .navbar-nav>li>a{
    font-size: 16px;
    padding: 16px 25px 5px !important;
}
#header .navbar-default .navbar-nav>li>a:hover{
    color: #cca759;
}
#header .navbar-default .navbar-nav>.active>a, #header .navbar-default .navbar-nav>.active>a:hover, #header .navbar-default .navbar-nav>.active>a:focus{
    color:#cca759;
    background-color: rgba(255,255,255,0);
}
#header .navbar-default .navbar-toggle .icon-bar{
    background-color: none;
}
#header .navbar-default .navbar-nav>li .line-top{
    border-top: 1px solid #cca759;
    width: 18px;
    margin: auto;
}
/*全部-导航条样式复写*/

/**********  所有页面都要共用的样式  **********/
/**********  首页单独的样式  **********/
/*首页样式开始*/

/*首页-行板块*/
.index-row {
    background:#fff;
    padding: 50px 0;
}

.index-row .main-title {
        text-align: center;
        margin-bottom:50px;
    }
.index-row .main-title h2{
       color:#c7571b;
    }
/*首页-行板块*/

/*标题下方的短下划线*/
.line {
    border-top: 1px solid #c7571b;
    width: 30px;
    display:none;
}

.line-big {
    margin: 18px auto 26px;
    border-width: 5px;
    width: 100px;

}
/*平板小屏幕样式 768px <= sm < 992px */
@media(min-width:768px) and (max-width:992) {
    .our-data .our-data-item .number-wrapper {
        font-size: 50px !important;
        line-height: 1.5em !important;
    }
}

.our-data .our-data-item {
    text-align: center;
}

    .our-data .our-data-item .number-wrapper {
        font-family: "Roboto",Arial,Tahoma,sans-serif;
        font-size: 70px;
        line-height: 1.5em;
        color: #0ba1e4;
    }

        .our-data .our-data-item .number-wrapper span {
            display: inline;
        }

    .our-data .our-data-item .title {
        color: #919191;
    }
/**********  首页单独的样式  **********/


/**********  2. 投资者教育 **********/
.our-education {
    background-color:#f5f5f5;
}

.our-education .col-sm-3{
    padding-left:5px;
    padding-right:5px;

}
.our-education-item{

    -webkit-transition:all 0.225s ease-in-out;
    -moz-transition:all 0.225s ease-in-out;
    -o-animation:all 0.225s ease-in-out;
    transition:all 0.225s ease-in-out;
    text-align:left;
    background-color:#fafafa;
    padding:5px;
    box-shadow: 0 0 20px 0 rgba(151, 167, 175, 0.5);
    border-radius:5px;
}

.education-head {
    margin-bottom:10px;
    text-align:left;
    border-left: 5px solid #ddb55e; 
    height: 25px; 
    line-height: 25px; 
    padding: 0 5px;
}
/*栏目下的图片*/
.head-title-pic img{
    width:100%;
    height:76px;
}
.education-head span{
    float:right;
}
.education-head span a{
    text-decoration:none;
    color:#a3a3a3;
}
.our-education-area {
    list-style:none;
    padding: 0;
    margin-top:0px;
    -webkit-margin-before: 0px;
    -webkit-margin-after: 0px;
    -webkit-margin-start: 0px;
    -webkit-margin-end: 0px;
    -webkit-padding-start: 0px;
}


.our-education-area li{

    height:35px;
    line-height:35px;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.our-education-area i{
   width: 3px;
   height: 3px;
   overflow: hidden;
   background: #aaa;
   float: left;
   margin-top: 14px;
   margin-left: 3px;
   padding-left: 2px;
   position: absolute;
}

.our-education-area li a{

   color:#333;
   text-decoration:none;
   padding-left: 10px;
   height:35px;
   display: block;
   -webkit-line-clamp: 1;
   -webkit-box-orient: vertical;
   word-wrap: break-word;
   white-space: nowrap;
   text-overflow: ellipsis;
    overflow: hidden;
}

.our-education-area li a:hover{
   color:#cca759;
   /*color:#299DFF;*/
}

.our-education-item h3{
    line-height: 1.5em;
}
.our-education-item p{
    line-height: 1.5em;
}

/********** 投资者教育结束 **********/

/********** 3.公司动态 **********/
.our-service{background-color:#fff;text-align:center;}
.card-box{padding-top:20px;padding-bottom:20px;box-shadow:0 0 20px 0 rgba(151, 167, 175, 0.5);color: #fff;}
.card-box-img{background: #fff;padding: 6px;box-shadow: 0 0 8px #ccc;width: 473px;height: 905px;overflow: hidden;}
.card-box-img:hover{box-shadow:0 0 40px 0 rgba(38, 55, 64, 0.5);z-index:11;}
.fr {float:left;}
.index-block{ width:100%; padding:15px 20px 15px 15px; text-align:left;  box-shadow:0 0 20px 0 rgba(151, 167, 175, 0.5);}
.index-block dl{ }
.index-block dl .pic{ width:230px; height:105px; overflow:hidden; }
.index-block dl .pic img{}
.index-block dl dt{ font-size:14px; padding-top:18px; height:75px; overflow:hidden;-webkit-line-clamp: 3;   -webkit-box-orient: vertical;word-wrap: break-word;text-overflow: ellipsis; }
.index-block dl dt a{ text-decoration:none; color:#333; }
.index-block dl dt a:hover{ text-decoration:none; color:#cca759;}
.index-block dl .more{font-size:14px;}
.index-block dl .more a{ color:#299DFF}
.index-block dl i.sp {width: 16px;height: 16px;display: inline-block; vertical-align:middle;background-position: -21px -24px;}
/* 图文样式DL */
.dl-pic { overflow: hidden }
.dl-pic dt { font-size: 16px; overflow: hidden; margin-bottom: 10px }
.dl-pic dd.pic { float: left; margin-right: 20px; overflow: hidden }
.dl-pic dd { color: #888; line-height: 20px; overflow: hidden }
.dl-pic dd p { line-height: 25px; }
/********** 公司动态结束 **********/

/********** 4.中讯资讯 **********/
.our-video-item{margin:0 auto; overflow:hidden; margin-bottom:39px;-webkit-margin-after: 5px;}
.our-video-item a{width: 160px; text-decoration: none; float: left; height: 35px; line-height: 35px; border: 1px solid #cca759; color: #cca759; display: inline-block; margin-top: 10px; margin-left: 10px; border-radius: 6px; font-size: 14px;}
.our-video-item a:hover{color:#bc7a34;border:1px solid #bc7a34; font-weight:300;}
.our-video-item a img{margin:0px 12px;float:left;}
.mark_v{position: absolute;left: 123px;top: -32px;}
/**********员工风采 **********/

.our-example{background:#fff;} .our-example-box{padding-top: 15px; padding-bottom:15px;}
.our-example-title{text-align:left;}
.our-example-people{width:100%;margin: auto;position: relative; margin-top:26px;}
.our-example-teacher{margin:0 auto; text-align:center;}
.our-example-teacher img{background: #fff; padding: 6px; box-shadow: 0 0 8px #ccc; max-width: 100%; overflow: hidden;}
.our-example-people .mingshi{position: relative;}
.our-example-people .swiper-container{width: 100%;height: 100%;padding: 10px 0;}
.our-example-people .mingshi .swiper-slide.active .name,
.our-example-people .mingshi .swiper-slide.active .name span{background: #E34D2F;color: #FFFFFF;}
.our-example-people .mingshi .swiper-slide .thebox{text-align: center;font-size: 18px;background: #fff;cursor: pointer;width: 147px;height: 199px;padding: 2px;box-shadow: 0 0 5px #999;border: 1px solid #e2e2e2\9;margin: auto;}
.our-example-people .mingshi .swiper-slide .thebox:hover .name,
.our-example-people .mingshi .swiper-slide .thebox:hover .name span{color: #eb402b;}
.our-example-people .mingshi .swiper-slide.active .thebox:hover .name,
.our-example-people .mingshi .swiper-slide.active .thebox:hover .name span{color: #FFFFFF;}
.our-example-people .mingshi .swiper-slide .pic{height: 167px;overflow: hidden;}
.our-example-people .mingshi .swiper-slide .pic img{display: block;width: 100%;height: 100%;}
.our-example-people .mingshi .swiper-slide .name{height: 32px;line-height: 32px;font-size: 14px;color: #666666;text-align: center;}
.our-example-people .mingshi .swiper-slide .name span{font-size: 16px;color: #333333;}
.our-example-people .mingshi ul{overflow: hidden;position: relative;padding: 20px 0 30px;width: 1086px;margin: auto;}
.our-example-people .mingshi ul li{float: left;width: 147px;height: 199px;border: 2px solid #fdfdfd;box-shadow: 0 0 5px #666;position: relative;margin: 0 15px;}
.our-example-people .mingshi ul li img{display: block;width: 100%;height: 167px;}
.our-example-people .mingshi ul li .name{height: 32px;line-height: 32px;font-size: 14px;color: #666666;text-align: center;}
.our-example-people .mingshi ul li .name span{font-size: 16px;color: #333333;}
.our-example-people .mingshi ul li.active .name{background: #e34d2f;color: #FFFFFF;}
.our-example-people .mingshi ul li.active .name span{color: #FFFFFF;}
.our-example-people .mingshi .ctrl{position: absolute;width: 28px;height: 44px;top: 50%;margin-top: -22px;background: url(../images/mingshitang_c_l.png) left center no-repeat;z-index: 10;display: block;}
.our-example-people .mingshi .ctrl_l{left: 0;}
.our-example-people .mingshi .ctrl_l.end{background-image: url(../images/mingshitang_c_l_d.png);}
.our-example-people .mingshi .ctrl_r{right: 0;background-image: url(../images/mingshitang_c_r.png);}
.our-example-people .mingshi .ctrl_r.end{background-image: url(../images/index/mingshitang_c_r_d.png);}
/**********员工风采结束 **********/

/*首页-最新资讯*/

.our-news{background-color: #ffffff;}
.our-news-item{padding-top: 20px; padding-bottom: 20px;}
.our-news-item a:hover{text-decoration: none;}
.our-news-item .media-left a{width: 140px; height: 110px; overflow: hidden; margin-bottom: 0;}
.our-news-item img{object-fit: cover; width: 100%; height: 100px;}
.our-news-item .media-body{padding-top: 5px; padding-bottom: 5px;}.our-news-item h4{color: #0ba1e4; height: 19px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; word-wrap: break-word;}
.our-news-item h4:hover{font-weight: bold;}
.our-news-item .dynamic-li{color: #999; padding: 2px 0; font-size: 12px;}
.our-news-item .dynamic-li b{float: right; font-weight: 400; width: 30px;}
.our-news-item .dynamic-li a{float: right; display: inline-block; font-weight: 400; color: #999; margin-right: 10px;}
.our-news-item .dynamic-li a:hover{color: #f93;}
.our-news-item .dynamic-li .pic-glob{float: right; display: inline-block; width: 13px; height: 10px; background-position: -131px -58px; margin: 4px 5px 0 0; background-image: url(../images/icons/glob-pic.png); background-repeat: no-repeat;}
.our-news-item p{color: #919191; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; word-wrap: break-word; line-height: 1.5em; height: 3em; overflow: hidden; margin-bottom: 0; font-size: 12px;}
.our-news-more{text-align: center;}
/*首页-最新资讯*/

/*战略合作*/
.our-client{background-color: #e1e1e1;}
.our-client-item{overflow:hidden !important;}
.our-client-item .our-client-logo{text-align: center; border: 1px solid #c1c1c1; margin: 20px auto; overflow: hidden; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out;}
.our-client-item .our-client-logo:hover{background-color: #fafafa; border:1px solid #0ba1e4; box-shadow: 0 0 10px 0 rgba(45,183,245,.5);}
.our-client-item .our-client-logo:hover img{-webkit-filter: none; -moz-filter: none; -ms-filter: none; -o-filter: none; filter: none;}
.our-client-item img{-webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; -webkit-filter: grayscale(100%); -moz-filter: grayscale(100%); -ms-filter: grayscale(100%); -o-filter: grayscale(100%); filter: grayscale(100%); filter: gray;}
/*战略合作*/

/*全部-咨询banner*/

.contact-banner{position: relative; overflow:hidden; padding:0; background:-webkit-linear-gradient(top,#0076d1,#5db8ff); background:-moz-linear-gradient(top,#0076d1,#5db8ff); background:-o-linear-gradient(top,#0076d1,#5db8ff); background:-ms-linear-gradient(top,#0076d1,#5db8ff);}
.contact-banner .waves{position:absolute; height:100%;} .contact-banner .contact-banner-box{margin-top:30px; margin-bottom:40px; text-align:center;}
.contact-banner-box h2{display:block; max-width:10em; margin:0 auto; line-height:2em; border-bottom:2px solid #fff; color:#f5f5f5;}
.contact-banner-box h4{color:#f1f1f1;}
.contact-banner-box .btn{font-size:24px; padding-left: 40px; padding-right: 40px; margin-top: 20px;}
/*全部-咨询banner*/

/*底部*/
.our-footer{background: #354a5f; background-image:url(../images/foot_bj.jpg); background-position:center; background-repeat:no-repeat;}
.footer-main{width: 100%;height: auto;}
.footer-col h3{color: #ffffff;font-size: 16px; text-transform: uppercase;position: relative;padding-bottom: 15px;margin-bottom: 25px;}
.footer-col h3:after{content: "";position: absolute;width: 50px;background: #f57c05;left: 0;bottom: 0;height: 3px;}
.footer-col p{color: #999;font-size: 13px;line-height: 22px;}
.footer-col ul li,
.footer-col ul li a{color: #999;font-size: 13px;line-height: 22px;-webkit-transition: all 0.4s ease 0s; -moz-transition: all 0.4s ease 0s; -o-transition: all 0.4s ease 0s; transition: all 0.4s ease 0s;}
.footer-col ul li{list-style-type: none;margin-bottom: 10px;position: relative;padding-left: 10px;}
.footer-col ul li:before{color: #999;content: "\f0da";font-family: "FontAwesome";left: 0;position: absolute;top: 0;}
.footer-col ul li a:hover{color: #fff;}
.footer-col .news-item{color: #999;padding-bottom: 15px;margin-bottom: 15px;border-bottom: 1px dashed #676666;}
.footer-col .news-item:last-child{border-bottom: 0;padding-bottom: 0;margin-bottom: 0;}
.footer-col .news-item .news-title{font-size: 13px;line-height: 22px;}
.footer-col .news-item .news-title a{color: #999;-webkit-transition: all 0.4s ease 0s; -moz-transition: all 0.4s ease 0s; -o-transition: all 0.4s ease 0s; transition: all 0.4s ease 0s;}
.footer-col .news-item .news-title a:hover{color: #fff;}
.footer-col .news-item .news-date{color: #b5b5b5;font-size: 12px;margin-top: 10px;}
.footer-col .news-item .news-date a{color: #b5b5b5;}
.footer-col .contact-item{color: #999;font-size: 13px;overflow: hidden;margin-bottom: 10px;}
.footer-col .contact-item .icon{float: left;font-size: 16px;margin-right: 10px;}
.footer-col .contact-item .text{float: left;line-height: 22px;}

.footer-bottom{width: 100%;height: auto;background: #282828;padding: 15px 0 5px 0;}
.copyright{font-size: 13px;color: #999; text-align:center;}
.footer-menu{float: right;}
.footer-menu ul{float: right;}
.footer-menu ul li{float: left;list-style-type: none;margin-left: 20px;}
.footer-menu ul li a{color: #999;}
.footer-menu ul li a:hover{color: #fff;}

/*/底部*/

/*首页右侧悬浮*/
.right_fix_box{width: 51px;height: 103px;background: url(../images/right_fix_btn.png) center no-repeat;position: fixed;right: 0;top: 70%;margin-top: -51.5px;z-index: 100;}
.right_fix_box .right_fix{position: relative;width: 100%;height: 100%;}
.right_fix_box .right_fix a{display: block;height: 51px;}
.right_fix_box .right_fix .top{margin-top: 1px;}
.right_fix_box .right_fix .codebox{width: 159px;height: 161px;background: url(../images/right_fix_code.png) center no-repeat;position: absolute;left: -159px;top: -5px;display: none;}
.right_fix_box .right_fix .codebox .colse{position: absolute;display: block;width: 12px;height: 12px;top: 13px;right: 21px;cursor: pointer;}
/*/首页右侧悬浮*/

/* ICON */
/*	精灵  */
.sp { background: url(../images/sprites.png); display: inline-block;}
.sp.more-1 { width: 16px; height: 16px;vertical-align: middle; background-position: -30px 0px; }
.sp.more-2 { width: 16px; height: 16px;vertical-align: middle; background-position: -47px 0px; }
.sp.more-3 { width: 16px; height: 16px;vertical-align: middle; background-position: -41px -24px; }

/*	---------------------------------------------------动画------------------------------------------------------- */
/* 动画效果放大 */
.zoom-pic { overflow: hidden }
.zoom-pic img { transition-duration: 0.5s; }
.zoom-pic:hover img { -moz-transform: scale(1.05); -webkit-transform: scale(1.05); -o-transform: scale(1.05); -ms-transform: scale(1.05); transition-duration: 0.5s; }
/* 动画效果移动 */
.move-pic { overflow: hidden }
.move-pic img { transition-duration: 0.5s; }
.move-pic:hover img { -moz-transform: translateY(-10px); -webkit-transform: translateY(-10px); -o-transform: translateY(-10px); -ms-transform: translateY(-10px); transform: translateY(-10px); }
 @-webkit-keyframes loading { 0% {
width:0%
}
 10% {
width:10%
}
 100% {
width:100%
}
}

@-webkit-keyframes bounceInUp { 0% {
 opacity:0;
 -webkit-transform: translateY(80px);
 transform: translateY(80px);
}

 100% {
 -webkit-transform: translateY(0);
 transform: translateY(0);
}
}
 @keyframes bounceInUp { 0% {
 opacity: 0;
 -webkit-transform: translateY(80px);
 -ms-transform: translateY(80px);
 transform: translateY(80px);
}

 100% {
 -webkit-transform: translateY(0);
 -ms-transform: translateY(0);
 transform: translateY(0);
}
}
.bounceInUp { animation: bounceInUp .8s; -webkit-animation: bounceInUp .8s; -moz-animation: bounceInUp .8s; -o-animation: bounceInUp .8s; }
@-webkit-keyframes fadeIn { 0% {
opacity: 0;
}
100% {
opacity: 1;
}
}
@keyframes fadeIn { 0% {
opacity: 0;
}
100% {
opacity: 1;
}
}
.fadeIn { animation: fadeIn .8s; -webkit-animation: fadeIn .8s; -moz-animation: fadeIn .8s; -o-animation: fadeIn .8s; }
@-webkit-keyframes rotateIn {  0% {
 -webkit-transform: rotate(180deg);
 transform: rotate(180deg);
}
 100% {
 -webkit-transform: rotate(0);
 transform: rotate(0);
}
}
 @keyframes rotateIn {  0% {
 -webkit-transform: rotate(-180deg);
 -ms-transform: rotate(-180deg);
 transform: rotate(-180deg);
}
 100% {
 -webkit-transform: rotate(0);
 -ms-transform: rotate(0);
 transform: rotate(0);
}
}
.rotateIn { animation: rotateIn 4s infinite linear; -webkit-animation: rotateIn 4s infinite linear; -moz-animation: rotateIn 4s infinite linear; -o-animation: rotateIn 4s infinite linear; }

/*所有页面共享的样式如导航,页脚等 */
/*手机超小屏幕下的单独样式 xs < 1000px */
@media (max-width: 1000px) {
    .main-title .h1 img {display:none;}
    .index-row {padding: 10px 0;}
    .index-row .main-title { margin-bottom:20px;}
    .line {display:block;}
    .right_fix_box {display:none;}
    .h1, h1{font-size:24px !important;}
    .card-box-img {
        display: none;
    }
}

@media (max-width: 767px) {
    .card-box-img { width:100%; height:auto;}
     /*公司动态*/
    .index-block dl .pic {width: 133px;height: 105px;}
    .our-video-item a {width:45%;}

    .card-box-img {
        display: none;
    }
}

@media (min-width: 992px) {
   
    .search-name-div {width:366px; margin:0 auto;}
}

/* 大屏幕（大桌面显示器，大于等于 1200px） */
@media (min-width:1200px) {
   .our-video-item{ min-height:164px;}  
  
}

/* 大屏幕（大桌面显示器，谷歌浏览器大于等于 1200px） */
@media screen and (-webkit-min-device-pixel-ratio:0) and (min-width:1200px) {
 .our-video-item{ min-height:156px;}  
}