/*内页代码*/
.sonBan{width: 100%;position: relative;background: #fff;}
.sonBan-img{width: 100%;object-fit: cover;min-height: 400px;}
.sonBan-cont{position: absolute;z-index: 2;width: 100%;height: 100%;display: flex;align-items: center;top: 0;left: 0;}
.sonBan-cont p{font-size: 42px;font-weight: 700;font-family:'Samsung';color: rgba(255,255,255,.3);line-height: 1.1;text-transform: uppercase;}
.sonBan-cont h1, .sonBan-cont h4{font-size: 36px;font-weight: 700;line-height: 1.1;margin-top: 10px;color: #fff;}
.sonMenu{ float: right;font-size: 0;}
.sonMenu-scroll{width: 100%;}

.sonMenu a{display: flex;float: left;height: 68px;font-size: 16px;color: #555;align-items: center;margin: 0 25px;transition: all .4s ease;position: relative;}
.sonMenu a:first-child{margin-left: 0;}
.sonMenu a:last-child{margin-right: 0;}
.sonMenu a::after{content: "";position: absolute;width: 100%;height: 2px;bottom: 0;background: #1867ab;opacity: 0;}
.sonMenu a.active::after,.sonMenu a:hover::after{opacity: 1;transition: all .4s ease;}
.sonMenu a:hover, .sonMenu a.active{color: #1867ab;}

.sonlinkmenu{width: 100%;border-bottom: 1px solid #eee;background: #fff; overflow: hidden;}

.sonlink{float: left;font-size: 0;}
.sonlink a, .sonmenu a{display: inline-block;vertical-align: middle;height: 68px;line-height: 68px;position: relative;}
.sonlink a{font-size: 15px;color: #555;transition: all .4s ease;padding-right: 24px;}
.sonlink a:after{content: ">";position: absolute;color: #888;height: 100%;font-family: "宋体","\5B8B\4F53";width: 24px;text-align: center;font-weight: 700;}
.sonlink a:last-child:after{display: none;}
.sonlink a:last-child{padding-right: 0;}
.sonlink a i{display: inline-block;vertical-align: middle;width: 14px;height: 14px;background: url('../images/sonHome.png') no-repeat;margin-top: -4px;}
.sonlink a:hover{color: #1867ab;}
.sonlink span{display: inline-block;color: #555; font-size: 15px; line-height: 68px; vertical-align: middle;color: #1867ab;}

.xqBan{width: 100%;position: relative;background: #fff;}
.xqBan-img{width: 100%;object-fit: cover;min-height: 200px;}


.about-list1{width: 100%; padding: 40px 0; overflow: hidden;}
.about-list1 .list1-right{float: right; width: calc(100% - 54%);}
.about-list1 .list1-right img{max-width: 100%;}
.about-list1 .right-bg{height: 700px;}
.about-list1 .list1-left{width: 47%; float: left;}
.about-list1 .list1-title{font-size: 32px;line-height: 40px;color: #222;padding: 20px 0 25px;}
.about-list1 .list1-detail{font-size: 16px;line-height: 36px;color: #666;}

.ulimg{margin-top:30px;overflow: hidden;}
.ulimg ul{ margin-left:-1%;}
.ulimg li{ float:left; width:24%; margin-left:1%; text-align:center; margin-bottom:1%;}
.ulimg li img{ max-width:98%;border:2px solid #e2e2e2; padding:1px;}
.ulimg li span{display:block; line-height:24px; font-size:15px; padding-top: 8px; color: #444;}



.zhengshu{margin-top:10px;overflow: hidden;}
.zhengshu ul{ margin-left:-2%;}
.zhengshu li{ float:left; width:31.333%; margin-left:2%; text-align:center; margin-bottom:1.4%;}
.zhengshu li img{ max-width:96%;border:2px solid #e2e2e2; padding:1px;}
.zhengshu li span{display:block; line-height:40px; font-size:15px; padding-top: 8px; color: #444;}


.client{padding:48px 0; overflow: hidden;}
.client ul {margin-right:-0.5%;overflow: hidden; }
.client ul li{ width:16.15%; margin-right:0.5%; margin-bottom: 1%; float:left; box-sizing: border-box;position: relative; background: #fff;}
.client ul li .hz{width:98%;text-align: center; overflow: hidden; border: 1px solid #ddd;}
.client ul li .hz img{ max-width:100%; margin: 0 auto; transition: all .3s;}
.client ul li .hz img:hover{transform: translateY(-10px);}
.client ul li p{font-size: 14px; line-height: 22px;}



.product{width: 100%; padding:40px 0 0; overflow: hidden;}
.product .pro_menu{padding: 11px 30px; line-height: 1.5; font-size: 17px; font-weight: bold; border: 1px solid #1867ab; background: #1867ab; display: inline-block; margin-bottom: 22px; color: #fff;}
.product ul{ margin-left:-2%;}
.product ul li{ float:left; width:23%;  margin-left:2%; text-align:center; margin-bottom:15px;}
.product ul li img{ width:99%; border:1px solid #DDD; padding: 2px;} 
.product ul li img:hover{border:1px solid #1867ab;}
.product li span{display: block; padding-top:15px; line-height: 30px; font-size: 16px; color: #222;}

.product:last-child{padding-bottom: 40px;}

.page-products{background: #f4f4f4; height: 200px; overflow: hidden;}


.product_con{width:100%; background: #f5f5f5; padding: 35px 0 0; overflow: hidden;}
.product_con_t{padding:3%; background: #fff;}
.xiangqing{width: 50%;float: left;}
.gallery-top .swiper-pagination .swiper-pagination-bullet{margin:0 3px;}
.gallery-top .swiper-pagination-bullet{width: 6px;height: 6px;background: #333;opacity: 0.1;}
.gallery-top .swiper-pagination-bullet-active{background: #333;opacity: 1;}
.gallery-top .swiper-button-next,.gallery-top .swiper-button-prev{background:rgba(24,103,171,0.5);width: 50px;height: 50px;text-align: center;line-height: 50px;margin-top: -25px;outline: medium;color: #fff;}
.gallery-top .swiper-button-next:after,.gallery-top .swiper-button-prev:after{font-size: 30px;}
.xiangqing i{font-size: 32px; font-weight:600;}
.gallery-thumbs{margin-top: 10px;}
.gallery-thumbs img,.gallery-top img{max-width: 90%; margin: 0 auto; display: block;}
.gallery-thumbs .swiper-slide {border: 1px solid #CCC;box-sizing: border-box;}
.gallery-thumbs .swiper-slide-thumb-active {border: 1px solid #1867ab;}
.gallery-top{border: 1px solid #ccc;}


.btns-x{padding: 30px 0 0; overflow: hidden;}
.btns-x .sep-transition{padding: 12px 42px; display: inline-block; border-top: 3px solid #1867ab; font-size: 17px; margin: 0 3px; float: left; line-height: 30px;background: #fff; cursor: pointer;}
.act{background: #1867ab !important; color: #fff;}

.product_con_t .t_r{float: right;width: 45%;}
.product_con_t .t_r .title{font-size: 27px;color: #333; border-bottom: 1px solid #DDD; padding-bottom: 15px; margin-bottom: 15px;font-weight: 500;}
.product_con_t .t_r .txtyi{padding:0 0 20px 0;line-height: 32px; font-size: 15px;color: #333; overflow: hidden;}
.product_con_t .t_r .txter{font-size: 21px;color: #444;padding-top: 15px;}
.product_con_t .t_r .txter span{color: #f39800;font-size: 28px;}

.tmore{background: #1867ab; display: table; padding: 10px 28px; border-radius: 24px; color: #fff; font-size: 17px; margin-top: 22px;}
.tmore a{color: #fff;}

.product_con_t .t_r ul{margin-top: 25px; overflow: hidden;}
.product_con_t .t_r li{float: left;width: 128px;height: 45px;line-height: 45px;text-align: center;margin-right: 10px;}
.product_con_t .t_r li a{background: #333;display: flex;justify-content: center;align-items: center;color: #FFF;}
.product_con_t .t_r li a:hover{text-decoration: none;background: #333;color: #FFF;}
.product_con_t .t_r li a.current{background: #4c9548;color: #FFF;}
.product_con_t .t_r li i{margin-right: 10px;font-size: 22px;}


.product_con_b{padding-top: 20px;}
.product_con_b h2{height: 55px;line-height: 55px;border-top: 1px solid #DDD;border-bottom: 1px solid #DDD;background: #1867ab;text-align: center;font-size: 20px; font-weight: bold; color: #fff;}
.product_con_b:after{content:'';display:block;clear:both;}
.product_con_b > .products_cate2{overflow: hidden;}
.product_con_b > .products_cate2 > strong{background: #1867ab;color: #fff;font-weight: normal;width: 200px;display: block;font-size: 18px;line-height: 44px;text-align: center;position: relative;z-index:2;margin: 0 35px;}
.product_con_b > .products_cate2 > .products_content2{padding: 10px 0;margin-bottom: 40px; overflow: hidden;}
.product_con_b .products_cate2 .products_content2 strong{font-size: 18px;font-weight: bold;display: block;line-height: 40px;}
.product_con_b .products_cate2 .products_content2 p{font-size: 15px;color: #333;display: block;line-height: 35px;}
.product_con_b .products_cate2 .products_content2 img{max-width: 100%;}


.product_con_b .products_cate2 .products_content2 table{width:100%!important;background-color: #fff;border:1px solid #777 !important;border-spacing: 0; border-collapse: collapse;}
.product_con_b .products_cate2 .products_content2 table tr,table td{border:1px solid #777 !important;padding:5px!important;}
.product_con_b .products_cate2 .products_content2 table td p{margin: 0px !important;}


.tags{overflow: hidden; margin-bottom: 25px; color:#333; font-size:15px;}
.tags span{float: left; display: block; line-height: 40px;}
.tags a{border-radius: 4px; -webkit-border-radius: 4px; display: inline-block; padding: 5px 10px; margin: 5px; background: #fff; border: 1px solid #dadada;}
.tags a:hover{background: #1048a0; border-color: #1048a0; color: #fff;}

.product_con_b .subright{margin:0 0 30px 0; overflow:hidden;}
.product_con_b .subright .anlitoph4{background: #fff; }
.product_con_b .subright .anlitoph4{height: 48px; line-height: 48px; border: 1px solid #e4e4e4; }
.product_con_b .subright .anlitoph4 span{border-left: 5px solid #1048a0; height: 48px; line-height: 48px; padding-left: 22px; display: block; float: left; color: #1867ab; font-weight: bold; font-size: 16px;}
.product_con_b .subright .divanli{border: 1px solid #e4e4e4; border-top: none; margin-bottom: 10px; padding: 20px;}
.product_con_b .subright .divanli ul{width: 105%; height: 185px;}
.product_con_b .subright .divanli ul li{float: left; margin-left: 10px;}
.product_con_b .subright .divanli ul li:first-child{margin-left: 0;}
.product_con_b .subright .divanli ul li a img{width: 194px; height: 143px; display: block; border: solid 1px #e4e4e4;}
.product_con_b .subright .divanli ul li a span{height: 45px; line-height: 45px; text-align: center; display: block; width: 170px;}
.product_con_b .subright .divanli ul li a:hover img{border-color: #007eb9;}
.product_con_b .subright .divanli ul li a:hover span{color: #1867ab; font-weight: bold;}
.product_con_b .subright .divremmnews{border: 1px solid #e4e4e4; border-top: none; margin-bottom: 10px; padding:20px 15px; background-color: #fff;}
.product_con_b .subright .divremmnews ul{width: 100%; overflow: hidden;}
.product_con_b .subright .divremmnews ul li{float: left; width: 47%; height: 45px; line-height: 45px; margin: 0 1.5%; border-bottom: 1px dashed #ccc;}
.product_con_b .subright .divremmnews ul li a{ float: left; overflow: hidden;}
.product_con_b .subright .divremmnews ul li span{color: #666; float: right;  white-space: nowrap;font-size:13px;}
.product_con_b .subright .divremmnews ul li a:hover{color: #1867ab;}



.news{width: 100%;}
.newslm{width: 100%;padding: 50px 0;}
.newslm-list{width: 100%;border-top: 1px solid #e0e0e0;}
.newslm-link{display: flex;padding: 20px 0;border-bottom: 1px solid #e0e0e0;}
.newslm-cont{display: flex;justify-content: space-between;width: calc(100% - 360px);padding-right: 135px; align-items: center; vertical-align: middle;}
.newslm-num h6{font-size: 28px;color: #333;font-family:'PROXIMA';line-height:2;font-weight: bold;}
.newslm-num{width: 15%;}
.newslm-num span{font-size: 17px;color: #777;line-height: 28px;}
.newslm-theme{width: 83%;overflow: hidden;}
.newslm-theme h2{font-size: 20px;color: #333;font-weight: 700;line-height: 28px;margin-bottom: 14px;transition: all .4s ease;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}
.newslm-theme p{font-size: 15px;color: #777;line-height: 32px;height: 96px;overflow: hidden;-webkit-line-clamp: 3;display: -webkit-box;text-overflow: ellipsis;-webkit-box-orient: vertical;}
.newslm-theme i{display: inline-block;width: 30px;height: 30px;margin-top: 25px;background: url('../images/i_bg4.png')no-repeat center;transition: all .4s ease;}
.newslm-img{width: 360px;overflow: hidden;}
.newslm-img img{width: 80%;object-fit: cover;transition: all .6s ease;}
.newslm-link:hover .newslm-theme h2{color: #1867ab;}
.newslm-link:hover .newslm-img img{transform: scale(1.06);}
.newslm-link:hover .newslm-theme i{background-image: url('../images/i_bg4_on.png');}


/**新闻详情页**/
.NewsInfo{ padding:40px 0; overflow: hidden;}
.NewsInfo .title{ font-size: 22px; font-weight: normal; padding-bottom: 15px; color: #333;}
.NewsInfo .author{ color:#888; line-height: 1.85;padding-bottom: 15px;}
.NewsInfo .main_cont{ font-size: 15px; line-height: 2.2; color:#555; border-top:1px dashed #d5d5d5; border-bottom:1px dashed #d5d5d5; padding:30px 0; }
.NewsInfo .w_cont{ max-width: 100%; margin:0 auto; }
.NewsInfo .w_cont img{max-width:100%; display: block;}
.NewsInfo .pnBox{ font-size: 14px; color:#666666; padding-top: 30px; overflow: hidden;}
.NewsInfo .pnBox .w_d{ max-width: 48%; }
.NewsInfo .pnBox a{ color:#666666; display: block; }
.NewsInfo .pnBox a:hover{ color:#000; }
.t-center{ text-align: center; }

/**联系我们**/
.ContactBlock{padding:60px 0 42px 0; background:#ededed;}
.ContactBlock .content{background:#fff;overflow: hidden;}
.ContactBlock .l_cont{float: left; width: 50%; padding: 5% 3.5% 0; box-sizing: border-box;}
.ContactBlock .l_cont .title{ font-size: 24px; }
.ContactBlock .l_cont .title .line{ display: block; width: 32px; height: 2px; background-color: #c41218; margin:15px 0; }
.ContactBlock .l_cont .ul{ padding-top:25px; }
.ContactBlock .l_cont .ul li{ position: relative; padding-left: 65px; font-size: 16px; line-height: 20px; color:#666666; margin-bottom:30px; }
.ContactBlock .l_cont .ul li .t-cell{ display: table-cell; height: 48px; vertical-align: middle; }
.ContactBlock .l_cont .ul .icons{ height: 48px; width: 48px; position: absolute; left: 0; display: block; border:1px solid #999999; border-radius: 50%; background-image: url(../images/icons.png);background-repeat: no-repeat;}
.ContactBlock .l_cont .ul .phone { background-position:11px -110px; }
.ContactBlock .l_cont .ul .fax { background-position:-48px -110px; }
.ContactBlock .l_cont .ul .mail { background-position:-107px -110px; }
.ContactBlock .l_cont .ul .address { background-position:-167px -110px; }
.ContactBlock .map{float: right; width: 50%;}
.ContactBlock .map #map_container{height: 525px;}

.ContactBlock .bot{ padding-top: 40px; }
.ContactBlock .bot .t-center{ text-align: center; }
.ContactBlock .bot .title{ font-size: 32px; line-height: 1.85; }
.ContactBlock .bot .ltitle{ font-size: 14px; line-height: 25px; color:#777; margin-top: 5px; margin-bottom: 35px; }
.ContactBlock .bot .form{ background-color: #fff; padding:2.2% 2.7%; display: block; }
.ContactBlock .bot .tip{ font-size: 16px; line-height: 22px; color:#666666; }
.ContactBlock .bot .input{ display: block; width: 100%; background-color: #f2f2f2; font-size: 14px; line-height: 32px; padding:8px 2.2%; color:#999; margin:15px 0 20px; }
.ContactBlock .bot .input:focus{ box-shadow: 0 0 10px rgba(0,0,0,0.08); }
.ContactBlock .bot .br{ border-radius: 5px; }
.ContactBlock .bot .submit{ line-height: 44px; height: 44px; padding:0 45px; display: inline-block; background-color: #1867ab; font-size: 15px; color: #fff; cursor: pointer;} 
.ContactBlock .bot .submit:hover{ background-color: #1867ab; }

.c-sm-6 { width: 50%; float: left; padding: 0 15px; box-sizing: border-box;}



@media all and (max-width:1599px) {
    .sonMenu a {margin: 0 32px;}
    .sonTitle .name {font-size: 32px;}
    .sonTitle .desc{margin-top: 18px;}
}
@media all and (max-width:1279px) {
    .sonMenu a {height: 60px;margin: 0 24px;}
    .sonTitle .name {font-size: 28px;}
    .sonTitle .desc{margin-top: 14px;}
}
@media all and (max-width:1000px) {
    .sonMenu{width: 100%;}
    .sonMenu a { font-size: 15px; height: 48px;}
    .sonlink a, .sonmenu a,.sonlink span{height: 48px; line-height: 48px;}
    .about-list1 .list1-left{width: 100%; }
    .about-list1 .list1-title{font-size: 27px;padding: 0 0 15px;}
    .about-list1 .list1-detail{font-size: 15px;line-height: 32px;}
    .about-list1 .list1-right{ width: 100%;margin-top: 28px;}

    .zhengshu li{ width:48%;}
    .client ul {margin-right:-1;overflow: hidden; }
    .client ul li{ width:32.333%; margin-right:1%; margin-bottom: 1.5%;}

    .product ul li{ width:48%; }
    .product li span{font-size: 14px;}
    .product .pro_menu { padding: 8px 25px;line-height: 1.5;font-size: 16px;margin-bottom: 22px;}

    .xiangqing{width: 100%;}
    .product_con_t .t_r{width: 100%; margin: 35px 0;}
    .product_con_t .t_r .title{font-size: 22px;}
    .product_con_t .t_r .txtyi{font-size: 14px;line-height: 32px;}
    .product_con_b .products_cate2 .products_content2 p{font-size: 14px;line-height: 32px;}
    .btns-x .sep-transition {padding: 8px 32px;font-size: 15px;}
    
    .tags{font-size: 14px;}
    .product_con_b .subright .divremmnews ul li{ width: 100%;  margin: 0;}

    .newslm-link{padding: 28px 0}
    .newslm-cont {width: calc(100% - 300px);padding-right:28px;flex-direction: column;justify-content: flex-start;}
    .newslm-num {width:100%;display: flex;margin-bottom: 10px;}
    .newslm-num h6{margin-right:8px; font-size: 22px; line-height: 1; }
    .newslm-num span{font-size: 16px;}
    .newslm-theme h2{font-size: 17px;}
    .newslm-theme { width: 100%;}
    .newslm-theme p {height:81px; line-height: 27px; font-size: 14px;}
    .newslm-theme i {margin-top: 28px;}
    .newslm-img { width: 300px;}

    .c-sm-6 { width: 100%;}

}
@media all and (max-width:640px) {
    .sonBan-img {min-height: 240px;}
    .sonMenu{overflow-x: auto;}
    .sonMenu .contain{width: 100%;}
    .sonlinkmenu{border: none;}
    .sonMenu a{margin:  3px 0 !important; width: 100%;}
    .sonlink a, .sonmenu a,.sonlink span{font-size: 14px;}


    .newslm {padding: 40px 0 48px;}
    .newslm-link {flex-direction: column-reverse;padding: 30px 0;}
    .newslm-cont {width: 100%;padding-right: 0;margin-top: 28px;}
    .newslm-img {width: 100%;}

    .NewsInfo .pnBox .w_d{ max-width: 100%;width: 100%; float: left; }
    .NewsInfo .pnBox a{padding: 6px 0;}

}



/*视频列表*/
.videoList{ margin:48px 0; overflow:hidden;}
.videoList ul{ margin-right:-2%; }
.videoList ul li{ float:left; width:31.333%; margin-right:2%; margin-bottom:2%; overflow:hidden; position:relative;}
.videoList ul li .box{ cursor:pointer; overflow:hidden;}
.videoList ul li img{display: block;width: 100%; height:100%;-webkit-transition:all 1s ease-in-out; -moz-transition:all 1s ease-in-out; -ms-transition:all 1s ease-in-out;
-o-transition:all 1s ease-in-out; transition:all 1s ease-in-out;}
.videoList ul li .imgs{ overflow:hidden; width:100%; position:relative;}
.videoList ul li .imgs img{ display:block; width:100%;-webkit-transform:scale(1); -moz-transform:scale(1); -ms-transform:scale(1); -o-transform:scale(1); transform:scale(1);-webkit-transition:all 0.3s ease-out 0s; -moz-transition:all 0.3s ease-out 0s; -o-transition:all 0.3s ease-out 0s; transition:all 0.3s ease-out 0s;}
.videoList ul li .imgs h3{ font-weight:normal; text-align:center; position:absolute; width:100%; bottom:0; left:0; height:48px; line-height:48px; overflow:hidden; background:rgba(0, 0, 0, 0.75); color:#FFF; font-size:15px;  transition: all 0.3s; z-index:1;white-space:nowrap;text-overflow:ellipsis; }
.videoList ul li .imgs .bgs{ position:absolute; width:100%; height:100%; top:0; left:0;background:rgba(0, 0, 0, 0.4);opacity:0;filter:Alpha(opacity=0); transition:all 0.3s;}
.videoList ul li .imgs .bgs i{ width:61px; height:61px; position:absolute; left:50%; top:0;transform: translate(-50%, 0%); background:url(../images/video_bg1.png) no-repeat; background-size:100% 100%;transition:all 0.3s;}
.videoList ul li:hover .imgs img{-webkit-transform:scale(1.1, 1.1); -moz-transform:scale(1.1, 1.1); -o-transform:scale(1.1, 1.1); -ms-transform:scale(1.1, 1.1); transform:scale(1.1, 1.1);}
.videoList ul li:hover .imgs .bgs{opacity:1.0;filter:Alpha(opacity=100);}
.videoList ul li:hover .bgs i{transform: translate(-50%, -50%); top:50%;}

.popupVideo {display: none;width: 1000px;position: fixed; top: 50%;left: 50%; z-index: 110;transform: translate(-50%, -50%);-webkit-transform: translate(-50%, -50%);
 -moz-transform: translate(-50%, -50%);-ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); background: #fff; border-radius: 10px;padding: 20px;box-sizing: border-box;}
.popupVideo video {width: 100%; display: block;}
.mainFilter { width: 100%;height: 100%; position: fixed;top: 0; left: 0; bottom: 0; right: 0;z-index: 100;display: none;background: url(../images/mainFilter.png);}


/*视频弹出窗口*/
.zz{width: 100%;height:100%;position:fixed;top:0;left:0;z-index:1000;background:#000;opacity: 0.5;display:none;}
#video_play{width:800px;height:450px;border:1px solid #dedede;position:fixed ;left:50%;top:50%;margin-left:-400px;margin-top:-225px;z-index:9999999;display:none;border:6px solid #2a2b2d;border-radius:8px;background:#fff}
#video_play p{ line-height:25px; text-align:center; display:block; padding:5px 15px; font-size:13px;}
.close_v{display:block;width:29px;height:29px;border-radius:4px;position:absolute;top:0px;right:-35px;background:#2a2b2d url(../images/close_tb.png) no-repeat;cursor:pointer;}
.close_v:hover{background:#2a2b2d url(../images/close_tb.png) no-repeat -30px 0px;}

.theme-popover-mask {
    z-index: 9998;
    position:fixed;
    top:0;
    left:0;
    width:100%;
    height:100%;
    background:#000;
    opacity:0.75;
    filter:alpha(opacity=40);
    display:none
}
.theme-popover {
    z-index:9999;
    position:fixed;
    top:50%;
    left:50%;
    width:660px;
    height:360px;
    margin:-180px 0 0 -330px;
    border-radius:5px;
    border:solid 2px #666;
    background-color:#fff;
    display:none;
    box-shadow: 0 0 10px #666;
}


@media all and (max-width:1000px) {
    .videoList ul li{ width:48%;}

      #video_play{width:600px;height:400px;margin-left:-300px;margin-top:-200px;}
}

@media all and (max-width:640px) {
    .videoList ul{ margin-right:0; }
    .videoList ul li{ width:100%;  margin-right:0;}

      #video_play{width:500px;height:360px;margin-left:-250px;margin-top:-180px;}

}

@media all and (max-width:480px) {

      #video_play{width:380px;height:300px;margin-left:-190px;margin-top:-150px;}

}