.body{ position: relative;}
/************************** Index Banner Video ***************************/

@media screen and (min-width: 1201px){
    .body{ margin: 0 auto;}
    .body .index_pro_list{ width: 1200px; margin: 0 auto;}
    .index_pro_list .pro_item{ float: left; width: 32.33%; background: #fff; margin-left: 18px;}
    .index_pro_list .pro_item:first-child{ margin-left: 0;}
    .index_pro_list .pro_item:hover { box-shadow: 0 18px 30px rgba(0, 0, 0, 0.2); opacity: 0.9;}
    .index_pro_list .pro_item .pro_a{ width: 100%;; max-height: 442px; margin: 0 auto; overflow: hidden;}
    .index_pro_list .pro_item .pro_a img{ max-width: 100%; max-height: 442px;width:initial; /*-webkit-transform: scale(1); -webkit-transition: all .2s linear; -ms-transition: all .2s linear; -o-transition: all .2s linear; -moz-transition: all .2s linear; transition: all .2s linear;*/}
    /*.index_pro_list .pro_item .pro_a:hover img{-webkit-transform: matrix(1.08, 0, 0, 1.08, 0, 0); -ms-transform: matrix(1.08, 0, 0, 1.08, 0, 0); -moz-transform: matrix(1.08, 0, 0, 1.08, 0, 0); -o-transform: matrix(1.08, 0, 0, 1.08, 0, 0); transform: matrix(1.08, 0, 0, 1.08, 0, 0);}*/

    .index_pro_list .pro_item .pro_info{ width: 100%; height: 78px; line-height: 30px; text-align: center;}
    .index_pro_list .pro_item .pro_info div{ width: 100%; height: 30px;}
    .index_pro_list .pro_item .pro_info .pro_name{ font-size: 14px; margin-top: 16px; color: #fff; text-align: center; color: #333; overflow: hidden;}
    .index_pro_list .pro_item .pro_info .pro_brief{ display: inline-block; font-size: 12px; color: #fff; color: #b0b0b0; overflow: hidden;}

    .body .index_info{ width: 1200px; margin: 0px auto;}
    .index_info .facebook{ float: left; width: 50%;}
    .index_info .facebook .facebook_title{ width: 100%; height: 47px; line-height: 47px; border-bottom: 1px solid #000; font-size: 18px; background: url('/images/facebook_img.png?t=1') no-repeat left center; text-indent: 45px;}
	.index_info .facebook .facebook_title>div{font-size: 18px;}
	.index_info .facebook .facebook_title .news_more{font-size: 18px; color: #b0b0b0;}
	.index_info .facebook .facebook_title .news_more a{ margin-right:10px;}
    .index_info .facebook .facebook_con{ width: 500px; margin: 0 auto; margin-top: 14px;}

    .index_info .news{ float: left; width: 48%; margin-left: 19px;}
    .index_info .news .news_title{ width: 100%; height: 47px; line-height: 47px; border-bottom: 1px solid #000; font-size: 18px; background: url('/images/news_img.png?t=1') no-repeat left center; text-indent: 39px;}
	.index_info .news .news_title>div{font-size: 18px;}
    .index_info .news .news_title .title_en{ font-size: 18px; color: #b0b0b0;}
	.index_info .news .news_title .news_more{font-size: 18px; color: #b0b0b0;}
	.index_info .news .news_title .news_more a{ margin-right:10px;}

    .index_info .news .news_con .news_ban{ margin: 13px 0px;}
    .index_info .news .news_con .news_ban a img{ width: 100%;}
    .index_info .news .news_con .news_list{ width: 100%; overflow: hidden;}
    .index_info .news .news_con .news_list .news_item{ width: 100%; background: url('/images/news_list_bg.jpg?t=1') no-repeat left center; text-indent: 26px; padding: 8px 0px;}
    .index_info .news .news_con .news_list .news_item .news_a{ display: block; float: left; width: 83%; height: 15px; overflow: hidden; font-size: 12px;}
    .index_info .news .news_con .news_list .news_item .news_time{ float: right; width: 16%; font-size: 12px;}
    .index_info .news .news_con .news_list .news_item:hover .news_a{ color: #de6a10;}
    .index_info .news .news_con .news_list .news_item:hover .news_time{ color: #de6a10;}

    /************************** Index Banner Video ***************************/
    .swipe_pc_video{ width: 100%; height: 420px; position: relative; overflow: hidden; z-index: 1;}
    .swipe_pc_video .slider_pc_video{ height: 100%; overflow: hidden;}
    .swipe_pc_video .slider_pc_video .hiSlider-wrap{ height: 100%;}
    .swipe_pc_video li{ width: 100%; height: 100%; text-align: center;}
    .swipe_pc_video li .banner_img{ display: block; width: 100%; height: 420px; position: relative;}
    .swipe_pc_video li .banner_img img{ width: 100%;}
    .swipe_pc_video li .banner_img .name{ display: block; width: 100%; height: 57px; line-height: 57px; position: absolute; left: 0px; bottom: 0px; font-size: 18px; background: rgba(0, 0, 0, 0.5); z-index: 1000; text-align: center; color: #fff;}
    .swipe_pc_video li .banner_img:hover .name{ color: #eaeaea;}

    .swipe_pc_video .banner_img .video_bg{ display: none; width: 100%; height: 100%; position: absolute; left: 0px; top: 0px; background: url('/images/video_banner_bg.png?t=1') no-repeat center;}
    .swipe_pc_video .banner_img:hover .video_bg{ display: block;}
    .swipe_pc_video a{ display: block; position: absolute; top: 50%; margin-top: -35px; width: 36px; height: 70px; font-size: 0; cursor: pointer; z-index: 11;}
    .swipe_pc_video .hiSlider-btn-prev{ left: 20%; background: url('/images/prev.png?t=1') no-repeat center;}
    .swipe_pc_video .hiSlider-btn-next{ right: 20%; background: url('/images/next.png?t=1') no-repeat center;}
    .swipe_mobile_video{ display: none;}
}

@media screen and (min-width: 1024px) and (max-width: 1200px){
    .body{ width: 100%; margin-top: 15px;}
    .body .index_pro_list{ width: 100%;}
    .body .index_pro_list{ width: 1000px; margin: 0 auto;}
    .index_pro_list .pro_item{ float: left; width: 32.33%; margin-left: 15px; background: #fff;}
    .index_pro_list .pro_item:hover { box-shadow: 0 18px 30px rgba(0, 0, 0, 0.2); opacity: 0.9;}
    .index_pro_list .pro_item:first-child{ margin-left: 0;}
    .index_pro_list .pro_item .pro_a{ max-width: 100%; max-height: 442px; margin: 0 auto; overflow: hidden;}
    .index_pro_list .pro_item .pro_a img{ max-width: 100%; max-height: 442px;width:initial; /*-webkit-transform: scale(1); -webkit-transition: all .2s linear; -ms-transition: all .2s linear; -o-transition: all .2s linear; -moz-transition: all .2s linear; transition: all .2s linear;*/}
    /*.index_pro_list .pro_item .pro_a:hover img{-webkit-transform: matrix(1.08, 0, 0, 1.08, 0, 0); -ms-transform: matrix(1.08, 0, 0, 1.08, 0, 0); -moz-transform: matrix(1.08, 0, 0, 1.08, 0, 0); -o-transform: matrix(1.08, 0, 0, 1.08, 0, 0); transform: matrix(1.08, 0, 0, 1.08, 0, 0);}*/

    .index_pro_list .pro_item .pro_info{ width: 100%; min-height: 94px; line-height: 30px; text-align: center; overflow: hidden;}
    .index_pro_list .pro_item .pro_a:hover .pro_info{ display: block;}
    .index_pro_list .pro_item .pro_info .pro_name{ font-size: 18px; margin-top: 16px; color: #333;}
    .index_pro_list .pro_item .pro_info .pro_brief{ display: inline-block; font-size: 14px; color: #b0b0b0;}

    .body .index_info{ width: 1000px; margin: 0px auto;}
    .index_info .facebook{ float: left; width: 50%;}
    .index_info .facebook .facebook_title{ width: 100%; height: 47px; line-height: 47px; border-bottom: 1px solid #000; font-size: 18px; background: url('/images/facebook_img.png?t=1') no-repeat left center; text-indent: 45px;}
	.index_info .facebook .facebook_title>div{font-size: 18px;}
	.index_info .facebook .facebook_title .news_more{font-size: 18px; color: #b0b0b0;}
	.index_info .facebook .facebook_title .news_more a{ margin-right:10px;}
    .index_info .facebook .facebook_con{ margin-top: 21px;}
    .index_info .facebook .facebook_con img{ width: 100%;}

    .index_info .news{ float: left; width: 48%; margin-left: 19px;}
    .index_info .news .news_title{ height: 47px; line-height: 47px; border-bottom: 1px solid #000; font-size: 18px; background: url('/images/news_img.png?t=1') no-repeat left center; text-indent: 39px;}
	.index_info .news .news_title>div{font-size: 18px;}
    .index_info .news .news_title .title_en{ font-size: 18px; color: #b0b0b0;}
	.index_info .news .news_title .news_more{font-size: 18px; color: #b0b0b0;}
	.index_info .news .news_title .news_more a{ margin-right:10px;}

    .index_info .news .news_con .news_ban{ margin: 13px 0px;}
    .index_info .news .news_con .news_ban a img{ width: 100%;}
    .index_info .news .news_con .news_list{ width: 100%; overflow: hidden;}
    .index_info .news .news_con .news_list .news_item{ width: 100%; background: url('/images/news_list_bg.jpg?t=1') no-repeat left center; padding: 8px 0px;}
    .index_info .news .news_con .news_list .news_item .news_a{ float: left; display: block; float: left; width: 83%; height: 15px; overflow: hidden; font-size: 12px; text-indent: 18px;}
    .index_info .news .news_con .news_list .news_item .news_time{ float: right; width: 16%; font-size: 12px;}
    .index_info .news .news_con .news_list .news_item:hover .news_a{ color: #de6a10;}
    .index_info .news .news_con .news_list .news_item:hover .news_time{ color: #de6a10;}

    /*.body .index_video_banner{ margin-top: 48px; height: 420px;}*/
    /*.index_video_banner{ width: 100%; height: 100%; position: relative; z-index: 1;}*/
    /*.index_video_banner .banner_img{ width: 100%; max-height: 940px; color: #eaeaea; position: absolute; left: 0px; top: 0px; z-index: 5;}*/
    /*.index_video_banner .banner_img img{ width: 100%; max-height: 420px;}*/
    /*.index_video_banner .banner_img .name{ display: block; width: 100%; height: 57px; line-height: 57px; position: absolute; left: 0px; bottom: 0px; font-size: 18px; background: rgba(0, 0, 0, 0.5); z-index: 1000; text-align: center;}*/
    /*.index_video_banner .banner_img:hover .name{ color: #eaeaea;}*/

    /*.index_video_banner .banner_img .video_bg{ width: 100%; height: 100%; position: absolute; left: 0px; top: 0px; background: url('/images/video_banner_bg.png') no-repeat center;}*/
    /*.index_video_banner .video_btn{ position: relative; width: 1200px; height: 100%; margin: 0px auto; z-index: 8;}*/
    /*.index_video_banner .video_btn{ position: absolute; top: 50%; margin-top: -35px; cursor: pointer; z-index: 11;}*/
    /*.index_video_banner .prev{ left: 20%;}*/
    /*.index_video_banner .next{ right: 20%;}*/

    /************************** Index Banner Video ***************************/
    .swipe_pc_video{ width: 100%; height: 100%; position: relative; overflow: hidden; z-index: 1;}
    .swipe_pc_video .slider_pc_video{ overflow: hidden;}
    .swipe_pc_video .slider_pc_video .hiSlider-wrap{ height: 100%;}
    .swipe_pc_video li div{ width: 100%; height: 100%; text-align: center;}
    .swipe_pc_video li div .banner_img{ display: block; width: 100%; height: 420px; position: relative;}
    .swipe_pc_video li div .banner_img img{ width: 100%;}
    .swipe_pc_video li div .banner_img .name{ display: block; width: 100%; height: 57px; line-height: 57px; position: absolute; left: 0px; bottom: 0px; font-size: 18px; background: rgba(0, 0, 0, 0.5); z-index: 1000; text-align: center; color: #fff;}
    .swipe_pc_video li div .banner_img:hover .name{ color: #eaeaea;}

    .swipe_pc_video .banner_img .video_bg{ display: none; width: 100%; height: 100%; position: absolute; left: 0px; top: 0px; background: url('/images/video_banner_bg.png?t=1') no-repeat center;}
    .swipe_pc_video .banner_img:hover .video_bg{ display: block;}
    .swipe_pc_video .video_btn{ position: absolute; top: 50%; margin-top: -35px; cursor: pointer; z-index: 11;}
    .swipe_pc_video .prev_pc{ left: 20%;}
    .swipe_pc_video .next_pc{ right: 20%;}
    .swipe_mobile_video{ display: none;}
}

@media screen and (max-width: 1023px){
    .body .index_pro_list{ width: 100%; margin: 0px auto;}
    .index_pro_list .pro_item{ width: 10.23rem; height: 4.35rem; margin-top: 5px; background: #fff;}
    .index_pro_list .pro_item .pro_a{ float: left; width: 3rem; height: 100%; position: relative; overflow: hidden; margin: 0 auto; margin-left: 1.07rem;}
    .index_pro_list .pro_item .pro_a img{ max-width: 100%; max-height: 3.92rem;width:initial; /*-webkit-transform: scale(1); -webkit-transition: all .2s linear; -ms-transition: all .2s linear; -o-transition: all .2s linear; -moz-transition: all .2s linear; transition: all .2s linear;*/}
    /*.index_pro_list .pro_item .pro_a:hover img{-webkit-transform: matrix(1.08, 0, 0, 1.08, 0, 0); -ms-transform: matrix(1.08, 0, 0, 1.08, 0, 0); -moz-transform: matrix(1.08, 0, 0, 1.08, 0, 0); -o-transform: matrix(1.08, 0, 0, 1.08, 0, 0); transform: matrix(1.08, 0, 0, 1.08, 0, 0);}*/

    .index_pro_list .pro_item .pro_info{ float: left; width: 5rem; height: 100%; line-height: 0.5rem; text-align: center; margin-left: 0.5rem;}
    .index_pro_list .pro_item .pro_a:hover .pro_info{ display: block;}
    .index_pro_list .pro_item .pro_info div{ width: 100%; max-height: 1.2rem; font-size: 0.45rem;}
    .index_pro_list .pro_item .pro_info .pro_name{ margin-top: 1.2rem; color: #333; overflow: hidden;}
    .index_pro_list .pro_item .pro_info .pro_brief{ display: inline-block; color: #b0b0b0; overflow: hidden; margin-top: 0.2rem;}

    .body .index_info{ width: 100%; margin: 0px auto;}
    .index_info .facebook{ float: left; width: 100%;}
    .index_info .facebook .facebook_title{ width: 100%; height: 0.47rem; line-height: 0.47rem; border-bottom: 1px solid #000; font-size: 0.4rem; background: url('/images/facebook_img.png?t=1') no-repeat 0.2rem center; background-size: 0.45rem 0.45rem; text-indent: 0.8rem;}
	.index_info .facebook .facebook_title>div{font-size: 0.4rem;}
	.index_info .facebook .facebook_title .news_more{font-size:0.4rem; color: #b0b0b0;}
	.index_info .facebook .facebook_title .news_more a{ margin-right:0.1rem;}
    .index_info .facebook .facebook_con{ width: 100%; margin: 0px auto; margin-top: 0.21rem;}
    .index_info .facebook .facebook_con img{ width: 100%;}

    .index_info .news{ float: left; width: 100%;}
    .index_info .news .news_title{ width: 100%; height: 0.47rem; line-height: 0.47rem; border-bottom: 1px solid #000; font-size: 0.4rem; background: url('/images/news_img.png?t=1') no-repeat 0.2rem center; background-size: 0.35rem; text-indent: 0.7rem; margin-top: 0.1rem;}
    .index_info .news .news_title .title_en{ color: #b0b0b0;}
	.index_info .news .news_title>div{font-size: 0.4rem;}
    .index_info .news .news_title .title_en{ font-size: 0.4rem; color: #b0b0b0;}
	.index_info .news .news_title .news_more{font-size: 0.4rem; color: #b0b0b0;}
	.index_info .news .news_title .news_more a{ margin-right:0.1rem;}
	
    .index_info .news .news_con .news_ban{ margin: 0.13rem 0px;}
    .index_info .news .news_con .news_ban a img{ width: 100%;}
    .index_info .news .news_con .news_list{ width: 100%; overflow: hidden;}
    .index_info .news .news_con .news_list .news_item{ width: 95%; background: url('/images/news_list_bg.jpg?t=1') no-repeat left center; text-indent: 0.4rem; padding: 10px 0px; margin: 0 auto;}
    .index_info .news .news_con .news_list .news_item .news_a{ float: left; display: block; float: left; width: 78%; height: 0.42rem; overflow: hidden; font-size: 0.36rem;}
    .index_info .news .news_con .news_list .news_item .news_time{ float: right; width: 22%; font-size: 0.32rem;}
    .index_info .news .news_con .news_list .news_item:hover .news_a{ color: #de6a10;}
    .index_info .news .news_con .news_list .news_item:hover .news_time{ color: #de6a10;}


    /************************** Index Banner Video ***************************/
    .swipe_mobile_video{ width: 100%; height: 100%; position: relative; overflow: hidden; z-index: 1;}
    .swipe_mobile_video #slider_mobile_video{ overflow: hidden;}
    .swipe_mobile_video li{ width: 100%; height: 100%; text-align: center;}
    .swipe_mobile_video li .banner_img{ display: block; width: 100%; height: 3.91rem; position: relative;}
    .swipe_mobile_video li .banner_img img{ width: 100%;}
    .swipe_mobile_video li .banner_img .name{ display: block; width: 100%; height: 0.4rem; line-height: 0.4rem; position: absolute; left: 0px; bottom: 0px; font-size: 0.14rem; background: rgba(0, 0, 0, 0.5); z-index: 1000; text-align: center; color: #fff;}
    .swipe_mobile_video li .banner_img:hover .name{ color: #eaeaea;}
    /*.swipe_mobile .banner_img .video_bg{ width: 10.23rem; height: 3.91rem; position: absolute; left: 0px; top: 0px; background: url('/images/video_banner_bg.png') no-repeat center; background-size: 10.23rem;}*/
    .swipe_mobile_video .video_btn{ width: 20px; height: 40px; position: absolute; top: 50%; margin-top: -20px; cursor: pointer; z-index: 11;}
    .swipe_mobile_video .banner_img:hover .video_bg{ display: block;}
    .swipe_mobile_video a{ display: block; width: 24px; height: 49px; position: absolute; top: 50%; margin-top: -26px; font-size: 0; cursor: pointer; z-index: 11;}
    /*.swipe_mobile_video .prev_mobile{ left: 4%;}*/
    /*.swipe_mobile_video .next_mobile{ right: 4%;}*/
    .swipe_mobile_video .hiSlider-btn-prev{ left: 4%; background: url('/images/prev.png?t=1') no-repeat center; background-size: 100%;}
    .swipe_mobile_video .hiSlider-btn-next{ right: 4%; background: url('/images/next.png?t=1') no-repeat center; background-size: 100%;}
    .swipe_pc_video{ display: none;}
}

@media screen and (min-width: 801px) {
    .body .videos_bg{ width: 100%; height: 100%; background: rgba(0, 0, 0, 0.6); position: fixed; left: 0; top: 0; z-index: 10000;}
    .videos_bg .videos_con{ width: 800px; height: 600px; background: url('/images/loading.gif?t=1') no-repeat center #fff; background-size: 20%; position: absolute; left: 50%; top: 50%; margin-left: -400px; margin-top: -300px; overflow: hidden;}
    /*.videos_bg .videos_con .videos_list{ width: 100%; height: 100%;}*/
    .videos_bg .videos_con .videos_item{ width: 100%; height: 100%;}
    .videos_bg .videos_con .videos_item iframe{ width: 100%; height: 100%;}
}

@media screen and (max-width: 800px){
    .body .videos_bg{ width: 100%; height: 420px; background: url('/images/video_banner_bg.png?t=1') no-repeat center rgba(0, 0, 0, 0.6); position: fixed; left: 0; top: 0; z-index: 10000;}
    .videos_bg .videos_con{ width: 100%; height: 420px; background: url('/static/themes/default/images/loading.gif?t=1') no-repeat center #fff; position: absolute; left: 0; top: 50%; margin-top: -50%; overflow: hidden;}
    /*.videos_bg .videos_con .videos_list{ width: 100%; height: 100%;}*/
    .videos_bg .videos_con .videos_item{ width: 100%; height: 100%;}
    .videos_bg .videos_con .videos_item iframe{ width: 100%; height: 100%;}
}