/*banner*/
.banner{height:500px;overflow:hidden; width:100%; position: relative;}
.banner .obj-a{height: 50px; line-height: 50px; font-weight: bold; color: #fff; font-size: 42px; text-align: center; position:absolute; z-index:99; left:44%; top:35%; width:260px; letter-spacing:6px;  animation-name: fadeInDown; animation-duration: 1s;animation-delay: 0.5s; animation-fill-mode: both;}
.banner .obj-b{height: 30px; line-height: 30px; color: #fff; font-size: 42px; text-align: center; position:absolute; z-index:99; left:44%; top:47%;letter-spacing:5px; animation-name: fadeInUp; animation-duration: 1s; animation-delay:0.8s; animation-fill-mode: both;}
.banner .obj-c{height: 30px; line-height: 30px; color: #fff; font-size: 42px; text-align: center; position:absolute; z-index:99; left:40%; top:47%;letter-spacing:5px; animation-name: fadeInUp; animation-duration: 1s; animation-delay:0.8s; animation-fill-mode: both;}
.banner .obj-d{height: 30px; line-height: 30px; color: #fff; font-size: 42px; text-align: center; position:absolute; z-index:99; left:38%; top:47%;letter-spacing:5px; animation-name: fadeInUp; animation-duration: 1s; animation-delay:0.8s; animation-fill-mode: both;}
.banner .obj-e{height: 30px; line-height: 30px; color: #fff; font-size: 42px; text-align: center; position:absolute; z-index:99; left:41%; top:47%;letter-spacing:5px; animation-name: fadeInUp; animation-duration: 1s; animation-delay:0.8s; animation-fill-mode: both;}
.banner .obj-f{height: 30px; line-height: 30px; color: #fff; font-size: 42px; text-align: center; position:absolute; z-index:99; left:42%; top:47%;letter-spacing:5px; animation-name: fadeInUp; animation-duration: 1s; animation-delay:0.8s; animation-fill-mode: both;}
/*页面导航*/
.page_nav{width:100%; height: 68px; border-bottom:#d9d9d9 solid 1px; margin: 0 auto 40px auto;}
.page_nav .container{width: 1400px; height: 68px; margin: 0 auto;}
.page_nav .container .page_nav_con{width: 860px; float: left;}
.page_nav .container .page_nav_con .page_name{width: 130px; float: left; height: 68px;line-height: 68px; font-size: 26px; font-weight: bold; color: #272727; text-align: left; background: url(../images/line.png) no-repeat right;}
.page_nav .container .page_nav_con ul{width:730px; float:left; overflow: hidden;}
.page_nav .container .page_nav_con ul li{width:76px; float:left; height: 68px; line-height: 68px; margin: 0 30px; text-align: center;}
.page_nav .container .page_nav_con a{width:76px; float:left; height: 68px; line-height: 68px;  font-size: 18px; color: #272727; background: url(../iamges/page_nav_hoverbg.png) no-repeat; background-position: -76px 64px;transition: background-position 0.5s;}
.page_nav .container .page_nav_con a:hover{font-weight: 900; background: url(../images/page_nav_hoverbg.png) no-repeat;background-position: 0px 64px;}
.page_nav .container .page_nav_con .on a{font-weight: 900; background: url(../images/page_nav_hoverbg.png) no-repeat bottom; }
.page_nav .container .page_nav_con .on a:hover{background: url(../images/page_nav_hoverbg.png) no-repeat bottom; font-weight: 400;}
.page_nav .container .breadcrumbnav{float:right; padding-top: 24px; text-align: right;}
.page_nav .container .breadcrumbnav span{float:left; height: 32px; line-height: 32px; font-size: 14px; color: #666; width:100px;}
.page_nav .container .breadcrumbnav a{height: 32px; line-height: 32px; font-size: 14px; color: #666;}
.page_nav .container .breadcrumbnav a:hover{color: #e80115;}
.page_nav .container .breadcrumbnav p{float:left; width:24px; text-align: center; padding-top: 3px;}
.page_nav .container .breadcrumbnav .on{color: #e80115; font-weight: bold;}
/*main_box*/
.content_box{width:100%; background: #fff; float: left;}
.content_box .content{width:1400px; margin: 0 auto 40px auto; animation-name: fadeInUp; animation-duration: 0.6s; animation-delay:0.8s; animation-fill-mode: both; height: auto;}
.content_box .content .con_about_box{width:1400px; text-align: left; font-size: 16px; line-height: 32px;}
.content_box .content .con_honors_box{width:1400px; background: #fff; margin: 0 auto;}
.content_box .content .con_honors_box ul{width:1400px;}
.content_box .content .con_honors_box ul li{width:440px; float: left; margin-right: 40px; margin-bottom: 40px; }
.content_box .content .con_honors_box ul .no3{margin-right:0;}
.content_box .content .con_honors_box ul li .honor_img{width:440px; height: 330px; overflow: hidden;}
.content_box .content .con_honors_box ul li .honor_img img{width:100%; transition: transform 0.3s ease;  transform: scale(1); }
.content_box .content .con_honors_box ul li .honor_name{width:440px; height: 56px; overflow: hidden; text-align: center; font-size: 20px; color: #272727; line-height: 56px;}
.content_box .content .con_honors_box ul li a{overflow: hidden; font-size: 20px; color:#272727; background: #f7f8fc;  display: block; height: 100%; transition: all .5s; }
.content_box .content .con_honors_box ul li a:hover{background: #e80115;}
.content_box .content .con_honors_box ul li a:hover .honor_name{color: #fff;}
.content_box .content .con_honors_box ul li a:hover .honor_img img{transform: scale(1.1); /* 悬停时放大1.1倍 */}

.content_box .content .con_videos_box{width:1400px; background: #fff; margin: 0 auto;}
.content_box .content .con_videos_box ul{width:1400px;}
.content_box .content .con_videos_box ul li{width:440px; float: left; margin-right: 40px; margin-bottom: 40px; }
.content_box .content .con_videos_box ul .no3{margin-right:0;}
.content_box .content .con_videos_box ul li .video_img{width:440px; height: 330px; overflow: hidden; position: relative;}
.content_box .content .con_videos_box ul li .zhezhao{position: absolute; background:rgba(0,0,0,.20); z-index: 10; width:440px; height: 330px; top:0; left:0;}
.content_box .content .con_videos_box ul li .zhezhao .iconfont{position: absolute; background: url(../images/play_icon.png) no-repeat; height: 42px; width: 42px; top: 144px; left: 199px;}
.content_box .content .con_videos_box ul li .video_img img{width:100%; transition: transform 0.3s ease;  transform: scale(1); }
.content_box .content .con_videos_box ul li .video_name{width:440px; height: 56px; overflow: hidden; text-align: center; font-size: 20px; color: #272727; line-height: 56px;}
.content_box .content .con_videos_box ul li a{overflow: hidden; font-size: 20px; color:#272727; background: #f7f8fc;  display: block; height: 100%; transition: all .5s; }
.content_box .content .con_videos_box ul li a:hover{background: #e80115;}
.content_box .content .con_videos_box ul li a:hover .video_name{color: #fff;}
.content_box .content .con_videos_box ul li a:hover .video_img img{transform: scale(1.1); /* 悬停时放大1.1倍 */}

.content_box .content .con_environment_box{width:1400px; background: #fff; margin: 0 auto;}
.content_box .content .con_environment_box ul{width:1400px;}
.content_box .content .con_environment_box ul li{width:440px; float: left; margin-right: 40px; margin-bottom: 40px; }
.content_box .content .con_environment_box ul .no3{margin-right:0;}
.content_box .content .con_environment_box ul li .environment_img{width:440px; height: 330px; overflow: hidden;}
.content_box .content .con_environment_box ul li .environment_img img{width:100%; transition: transform 0.3s ease;  transform: scale(1); }
.content_box .content .con_environment_box ul li .environment_name{width:440px; height: 56px; overflow: hidden; text-align: center; font-size: 20px; color: #272727; line-height: 56px;}
.content_box .content .con_environment_box ul li a{overflow: hidden; font-size: 20px; color:#272727; background: #f7f8fc;  display: block; height: 100%; transition: all .5s; }
.content_box .content .con_environment_box ul li a:hover{background: #e80115;}
.content_box .content .con_environment_box ul li a:hover .environment_name{color: #fff;}
.content_box .content .con_environment_box ul li a:hover .environment_img img{transform: scale(1.1); /* 悬停时放大1.1倍 */}
.details_box{width: 100%; background: #f4f6f8; float: left; height: auto;}
.details_box .details_con{width: 1400px; margin: 0 auto;}
.details_box .details_con .breadcrumbnav{float:left; padding-top: 18px; height: 52px;  animation-name: fadeInUp; animation-duration: 0.6s; animation-delay:0.6s; animation-fill-mode: both;}
.details_box .details_con .breadcrumbnav span{height: 32px; line-height: 32px; font-size: 14px; color: #666; width:100px;}
.details_box .details_con .breadcrumbnav a{ height: 32px; line-height: 32px; font-size: 14px; color: #666;}
.details_box .details_con .breadcrumbnav a:hover{color: #e80115;}
.details_box .details_con .breadcrumbnav p{float:left; width:24px; text-align: center; padding-top: 3px;}
.details_box .details_con .breadcrumbnav .on{width:500px; color: #e80115; font-weight: bold;}
.details_box .details_con .details_content{ width: 1320px; float: left; background: #fff; padding: 40px; margin-bottom: 40px; animation-name: fadeInUp; animation-duration: 0.6s; animation-delay:1.0s; animation-fill-mode: both;}
.details_box .details_con .details_content .title_con{ width: 1320px; margin: 0 auto; border-bottom: #f7f7f7 solid 1px; height: 100px;}
.details_box .details_con .details_content .title_con .title_text{ width: 1320px; float: left; height: 40px; line-height: 40px; color: #272727; font-size: 28px; text-align: center; font-weight: 600; margin-bottom: 10px;}
.details_box .details_con .details_content .title_con .other_infor{height:20px; line-height: 40px; margin: 0 auto; width:520px; font-size: 14px; color: #979797;}
.details_box .details_con .details_content .title_con .other_infor .time{height:40px; line-height: 40px; width: 140px; float: left; text-align: left;}
.details_box .details_con .details_content .title_con .other_infor .time span{width: 46px; float: left;}
.details_box .details_con .details_content .title_con .other_infor .time p{width:94px; float: left; }
.details_box .details_con .details_content .title_con .other_infor .author{height:40px; line-height: 40px; width: 240px; float: left; text-align: left;}
.details_box .details_con .details_content .title_con .other_infor .author span{width: 46px; float: left;}
.details_box .details_con .details_content .title_con .other_infor .author p{width:194px; float: left;  white-space: nowrap;  text-overflow: ellipsis; overflow: hidden;}
.details_box .details_con .details_content .title_con .other_infor .statistics{height:40px; line-height: 40px; width: 140px; float: left; text-align: left;}
.details_box .details_con .details_content .title_con .other_infor .statistics span{width: 46px; float: left;}
.details_box .details_con .details_content .title_con .other_infor .statistics p{width:94px; float: left; font-weight: bold;}
.details_box .details_con .details_content .video_intro{ width: 1320px; float: left;}
.details_box .details_con .details_content .video_intro .video_text{ width: 1320px; float: left; font-size: 16px; line-height: 32px; margin-top: 20px;}
.details_box .details_con .details_content .environment_intro{ width: 1320px; float: left; padding-top: 40px; font-size: 16px; color: #272727; line-height: 32px;}
.details_box .details_con .details_content .environment_intro img {margin-bottom: 20px; max-width:1320px; height:auto;}

.content_box .content .con_cases_box{width:1400px; background: #fff; margin: 0 auto;}
.content_box .content .con_cases_box ul{width:1400px;}
.content_box .content .con_cases_box ul li{width:440px; float: left; margin-right: 40px; margin-bottom: 40px; }
.content_box .content .con_cases_box ul .no3{margin-right:0;}
.content_box .content .con_cases_box ul li .case_img{width:440px; height: 330px; overflow: hidden;}
.content_box .content .con_cases_box ul li .case_img img{width:100%; transition: transform 0.3s ease;  transform: scale(1); }
.content_box .content .con_cases_box ul li .case_name{width:440px; height: 56px; overflow: hidden; text-align: center; font-size: 20px; color: #272727; line-height: 56px;}
.content_box .content .con_cases_box ul li a{overflow: hidden; font-size: 20px; color:#272727; background: #f7f8fc;  display: block; height: 100%; transition: all .5s; }
.content_box .content .con_cases_box ul li a:hover{background: #e80115;}
.content_box .content .con_cases_box ul li a:hover .case_name{color: #fff;}
.content_box .content .con_cases_box ul li a:hover .case_img img{transform: scale(1.1); /* 悬停时放大1.1倍 */}
.content_box .content .con_service_box{width:1400px; text-align: left; font-size: 16px; line-height: 32px;}
.details_box .details_con .details_content .case_intro{ width: 1320px; float: left; padding-top: 40px; font-size: 16px; color: #272727; line-height: 32px;}
.details_box .details_con .details_content .case_intro img {margin-bottom: 20px;}

.content_box .content .con_product_box{width:1400px; background: #fff; margin: 0 auto;}
.content_box .content .con_product_box .category{width:1400px;float: left; height:58px; margin-bottom: 40px;}
.content_box .content .con_product_box .category ul{width:1400px; float: left; height:58px; font-size: 20px; color: #333; line-height: 58px;}
.content_box .content .con_product_box .category ul li{width:320px; float: left; height:58px; margin-right: 40px; text-align: center;}
.content_box .content .con_product_box .category ul .spe{margin-right:0px;}
.content_box .content .con_product_box .category a{width:320px; height:58px; color: #333; background: #f7f8fc; float: left; border-radius: 4px; transition: 0.4s all ease; font-weight:bold;}
.content_box .content .con_product_box .category a:hover{color: #fff; background: #e80115;}
.content_box .content .con_product_box .category .on{color: #fff; background: #e80115;}
.content_box .content .con_product_box .product_list{width:1400px;}
.content_box .content .con_product_box .product_list li{width:440px; float: left; margin-right: 40px; margin-bottom: 40px; }
.content_box .content .con_product_box .product_list .no3{margin-right:0;}
.content_box .content .con_product_box .product_list li .product_img{width:440px; height: 330px; overflow: hidden;}
.content_box .content .con_product_box .product_list li .product_img img{width:100%; transition: transform 0.3s ease;  transform: scale(1); }
.content_box .content .con_product_box .product_list li .product_name{width:440px; height: 56px; overflow: hidden; text-align: center; font-size: 20px; color: #272727; line-height: 56px;}
.content_box .content .con_product_box .product_list li a{overflow: hidden; font-size: 20px; color:#272727; background: #f7f8fc;  display: block; height: 100%; transition: all .5s; }
.content_box .content .con_product_box .product_list li a:hover{background: #e80115;}
.content_box .content .con_product_box .product_list li a:hover .product_name{color: #fff;}
.content_box .content .con_product_box .product_list li a:hover .product_img img{transform: scale(1.1); /* 悬停时放大1.1倍 */}

.details_box .details_con .details_content .pro_details_top{ width: 1320px; float: left; margin-bottom: 40px;}
.details_box .details_con .details_content .pro_details_top .pro_pic{ width: 600px; float: left; height: 450px; overflow: hidden; margin-right: 30px; cursor: pointer; animation-name: fadeInLeft;animation-duration: 1s;animation-delay: 1.5s;animation-fill-mode: both;}
.details_box .details_con .details_content .pro_details_top .pro_pic img{ width:100%; transition: transform 0.3s ease;  transform: scale(1); }
.details_box .details_con .details_content .pro_details_top .pro_pic:hover img{transform: scale(1.2); /* 悬停时放大1.2倍 */}
.details_box .details_con .details_content .pro_details_top .pro_intro{ width: 690px; float: right; height: 450px; overflow: hidden; animation-name: fadeInRight;animation-duration: 1s;animation-delay: 1.5s;animation-fill-mode: both;}
.details_box .details_con .details_content .pro_details_top .pro_intro .pro_name{ width:690px; float:left; overflow: hidden; color: #272727; font-size: 24px; font-weight: 600; white-space: normal; text-align: left; height: 40px; line-height: 40px;}
.details_box .details_con .details_content .pro_details_top .pro_intro .pro_intro_text{ width:690px; float:left; overflow: hidden; color: #666; font-size: 16px; text-align: left; height: 310px; line-height: 24px; padding: 10px 0 20px 0;}
.details_box .details_con .details_content .pro_details_top .pro_intro .function{ width:690px; float:left; overflow: hidden; height: 52px;}
.details_box .details_con .details_content .pro_details_top .pro_intro .function .message_button{ width:270px; float:left; height: 52px; margin-right: 30px; background: #e80115;}
.details_box .details_con .details_content .pro_details_top .pro_intro .function .message_button a{ width:186px; height: 52px; color: #fff; font-size: 16px; line-height: 52px; background: url(../images/message_icon.png) no-repeat 44px 13px; display: block; padding-left: 84px;}
.details_box .details_con .details_content .pro_details_top .pro_intro .function .message_button a:hover{ font-weight: bold;}
.details_box .details_con .details_content .pro_details_top .pro_intro .function .message_button a:active{ font-weight: bold;}
.details_box .details_con .details_content .pro_details_top .pro_intro .function .hot_line{ float:left; height: 52px; background: url(../images/hotline_icon.png) no-repeat 0px 8px; color: #e70115; font-size: 36px; font-weight: bold; line-height: 52px; padding-left: 45px;}
.details_box .details_con .details_content .pro_details_part{ width: 1320px; float: left; animation-name: fadeInUp; animation-duration: 1s; animation-delay:1.5s; animation-fill-mode: both; color: #272727; font-size: 16px; line-height: 30px;}

.content_box .content .con_news_box{width:1400px; margin: 0 auto;}
.content_box .content .con_news_box .news_list{width:1400px; float: left;}
.content_box .content .con_news_box .news_list li{width:1400px; height: 240px; box-shadow: 0px 0px 10px 0 rgba(0, 0, 0, 0.1); overflow: hidden; margin-bottom: 40px;}
.content_box .content .con_news_box .news_list li a{width:1400px; height: 240px;}
.content_box .content .con_news_box .news_list li .news_cover{width:320px; height: 240px; float: left; margin-right: 40px;}
.content_box .content .con_news_box .news_list li .news_cover img{width:100%; transition: transform 0.3s ease;  transform: scale(1); }
.content_box .content .con_news_box .news_list li a:hover .news_cover img{transform: scale(1.1); /* 悬停时放大1.1倍 */}
.content_box .content .con_news_box .news_list li a:hover{color: #fff; background: #e80115; display: block;}
.content_box .content .con_news_box .news_list .news_intro{width: 1000px; float: left; padding-right: 40px;}
.content_box .content .con_news_box .news_list .news_intro .news_title{width: 1000px; height: 80px; line-height: 80px; color: #272727; font-size: 20px; font-weight: bold; overflow: hidden;}
.content_box .content .con_news_box .news_list .news_intro .news_overview{width: 1000px; height: 110px; line-height: 32px; color: #666; font-size: 16px; display: -webkit-box; -webkit-box-orient: vertical;-webkit-line-clamp: 2; /* 设置为想要的行数 */overflow: hidden;text-overflow: ellipsis;}
.content_box .content .con_news_box .news_list .news_intro .time{height: 40px; line-height: 40px; color: #979797; font-size: 14px;}
.content_box .content .con_news_box .news_list li a:hover .news_title{color: #fff;}
.content_box .content .con_news_box .news_list li a:hover .news_overview{color: #fff;}
.content_box .content .con_news_box .news_list li a:hover .time{color: #fff;}
.details_box .details_con .details_content .news_intro{ width: 1320px; float: left; padding-top: 40px; font-size: 16px; color: #272727; line-height: 32px;}
.details_box .details_con .details_content .news_intro img {margin-bottom: 20px;}

.content_box .content .con_contact_box{width:1400px; margin: 0 auto;}
.content_box .content .con_contact_box .contact_details{width:1320px; float: left; padding:0px 40px; margin-bottom: 60px;}
.content_box .content .con_contact_box .contact_details .container{width:440px; float: left; cursor: pointer;}
.content_box .content .con_contact_box .contact_details .container .icon_con{width:440px;height: 98px; background: url(../images/contact_icon_bg.png) no-repeat top center; text-align: center; align-items: center; /* 垂直居中 */justify-content: center;  display: flex;}
.content_box .content .con_contact_box .contact_details .container .icon_con img{width:40px; height: 40px; transition: transform 0.3s ease;  transform: scale(1); }
.content_box .content .con_contact_box .contact_details .container:hover .icon_con img{transform: scale(1.1);}
.content_box .content .con_contact_box .contact_details .container .tit_con{width: 440px; height: 50px; line-height: 50px; color: #666; font-size: 20px; font-weight: bold; text-align: center;}
.content_box .content .con_contact_box .contact_details .container .text{width: 440px; height: 100px; line-height: 50px; color: #272727; font-size: 28px; font-weight: bold; text-align: center;}
.content_box .content .con_contact_box .contact_details .map{width:1320px; float: left; height:640px;background: url(../image/ajax-loader.gif) center no-repeat;}

.content_box .content .message_box{width:1400px; float: left; margin-bottom: 60px; margin-top: 20px;}
.content_box .content .message_box .name_box{width:680px; float: left; height: 60px; margin-bottom: 40px;}
.content_box .content .message_box .name_box .input1{width:640px;height: 60px; background: #f7f7f7; line-height: 60px; color: #979797; font-size: 16px; padding: 0 20px; border-radius: 4px;}
.content_box .content .message_box .phone_box{width:680px; float: right; height: 60px; margin-bottom: 40px;}
.content_box .content .message_box .phone_box .input2{width:640px;height: 60px; background: #f7f7f7; line-height: 60px; color: #979797; font-size: 16px; padding: 0 20px; border-radius: 4px;}
.content_box .content .message_box .equipment_box{width:1400px; float:left; height: 60px; margin-bottom: 40px;}
.content_box .content .message_box .equipment_box .input3{width:1360px;height: 60px; background: #f7f7f7; line-height: 60px; color: #979797; font-size: 16px; padding: 0 20px; border-radius: 4px;}
.content_box .content .message_box .input_box{width:1400px; float: left; height: 200px; margin-bottom: 60px;}
.content_box .content .message_box .input_box .inputtext{width:1360px; height: 160px;  background: #f7f7f7; line-height:32px; color: #979797; font-size: 16px; padding:20px; border-radius: 4px; font-family:"微软雅黑",Arial, Helvetica, sans-serif;}
.content_box .content .message_box .coup_box{width:1400px; float: left; height: 68px;}
.content_box .content .message_box .coup_box .btn{width:1400px; height: 68px; color: #fff; font-size: 20px; font-weight: bold; text-align: center; line-height: 68px; background: #272727; border-radius: 4px;}


.details_box .details_con .bottom_nav{ width: 1320px;  background: #fff; padding: 0 40px; animation-name: fadeInUp; animation-duration: 0.6s; animation-delay:1.2s; animation-fill-mode: both; float: left; margin-bottom: 40px; height: 90px;}
.details_box .details_con .bottom_nav .fl{ width:600px; height: 90px; float: left;}
.details_box .details_con .bottom_nav .fl a{width:570px; height: 90px; background: url(../images/fl_bg.png) no-repeat 0px 3px; color: #272727; font-size: 20px; line-height: 90px; padding-left:30px; transition: 0.4s all ease; }
.details_box .details_con .bottom_nav .fl a:hover{ background: url(../images/fl_hover_bg.png) no-repeat 0px 3px; color: #e80115;}
.details_box .details_con .bottom_nav .mid{ width:120px; height: 90px; float: left;}
.details_box .details_con .bottom_nav .mid a{width:120px; height: 90px; background: url(../images/mid_bg.png) no-repeat center 33px; display: block;transition: 0.4s all ease;}
.details_box .details_con .bottom_nav .mid a:hover{ background: url(../images/mid_hover_bg.png) no-repeat center 33px}
.details_box .details_con .bottom_nav .fr{ width:600px; height: 90px; float: right; text-align: right;}
.details_box .details_con .bottom_nav .fr a{width:570px; height: 90px; background: url(../images/fr_bg.png) no-repeat right 3px; color: #272727; font-size: 20px; line-height: 90px; padding-right:30px; transition: 0.4s all ease; }
.details_box .details_con .bottom_nav .fr a:hover{ background: url(../images/fr_hover_bg.png) no-repeat right 3px; color: #e80115;}

/*视频播放器*/
.xh_main{width: 1320px;margin: 0 auto;position: relative;}
.padt100{padding-top: 40px;}@media only screen and (max-width:1320px){.xh_main{width: 100%;}}
.video-wrap{width: 100%;position: relative;overflow: hidden;height:640px;background: #000000;}
.video-wrap video{width:100%;height:100%;object-fit: contain}
.video-controls-bg{position: absolute;width: 100%;height: 65px;left: 0;bottom: 0;background: #000000;opacity: .6;filter: alpha(opacity=60);z-index: -1;}
.video-controls{position: absolute;width: 100%;height: 65px;box-sizing: border-box;padding-top: 5px;left: 0;bottom: -75px;z-index: 3;transition: all ease .4s;}
.loading-line{position: absolute;top: 0;background: rgba(255,255,255,.6);width: 100%;height: 4px;left: 0;}
.loading-line em{position: relative;display: block;width: 1%;height: 4px;background: #ff4444;}
.loading-line span{display: block;position: absolute;left: 1%;margin-left: -10px;width: 10px;height: 16px;top: 50%;margin-top: -8px;background: #FFFFFF;cursor: pointer;}
.video-btn{width: 55px;height: 60px;background-image: url(../images/play.png);background-position: center;background-repeat: no-repeat;background-size: 16px 24px;cursor: pointer;display: inline-block;}
.play{background-image: url(../images/pause.png) !important;}
.pause{background-image: url(../images/play.png) !important;}
.video-time{display: inline-block;line-height: 60px;color: #FFFFFF;vertical-align: top;}
.video-fullscreen{width: 55px;height: 60px;background-image: url(../images/fullscreen.png);background-position: center;background-repeat: no-repeat;background-size: 24px 24px;cursor: pointer;float: right;}
.video-fullscreen-active{position: fixed !important;width: 100%;height: 100%;top: 0;left: 0;background: #000000;}
/*分页样式*/
.content_box .content .paging{width:1400px; margin: 0 auto;}
.content_box .content .paging .menu{width: 1400px;height: 48px; float: left; margin-bottom: 60px;}
.content_box .content .paging .menu .pages{text-align:center; height: 48px; width: 560px; float: left;}
.content_box .content .paging .menu .pages a{width: 48px; height: 48px; margin: 0 5px; text-align: center; line-height: 48px; font-size: 16px; color: #272727; background:#f7f8fc; float: left; border-radius: 4px;}
.content_box .content .paging .menu .pages a:hover{color:#fff; background: #e80115;}
.content_box .content .paging .menu .pages a:active{color:#fff; background: #e80115;}
.content_box .content .paging .menu .current{width: 48px; height: 48px; color:#fff;background-color:#036cb4; line-height: 48px; font-size: 16px;  background: #e80115; border-radius: 4px; float: left;}
.content_box .content .paging .menu .shenglv{width: 48px; height: 48px; color:#272727;line-height: 48px; font-size: 16px;  float: left;}
.content_box .content .paging .menu .left { width: 94px; height:48px; line-height: 48px; float: left; cursor: pointer; background: url(../images/Left-Arrow-Icon.png) no-repeat center #f7f8fc; border-radius: 4px; margin-right: 20px;}
.content_box .content .paging .menu .left:hover{  background: url(../images/Left-Arrow-Iconhover.png) no-repeat center #e80115; }
.content_box .content .paging .menu .left a { width: 94px; height:48px; border: none;}
.content_box .content .paging .menu .right { width: 94px; height:48px; float: left; cursor: pointer; background: url(../images/Right-Arrow-Icon.png) no-repeat center #f7f8fc; border-radius: 4px; margin-left: 15px;}
.content_box .content .paging .menu .right:hover{ background: url(../images/Right-Arrow-Iconhover.png) no-repeat center #e80115; }
.content_box .content .paging .menu .right a { width: 94px; height:48px; border: none;}