.NavPull@charset "utf-8";
html,body{height:100%;}
body{ margin:0px; padding:0px; margin:0px auto; font-size:14px; line-height:24px; color:#666666; width:100%; min-width:320px; zoom:1;font-family:"微软雅黑";}
ul,li,form, dl,dt,dd,div,ul,li,p,em,i,address{ font-style:normal; list-style:none; padding: 0px; margin: 0px;}
h1,h2,h3,h4,h5,h6{ padding:0px; margin:0px;}
select,input,textarea,button{ font-size:14px; border-radius:0; -webkit-border-radius:0; color:#414446;}
input:focus { outline: none;}
input,button,select,textarea{ border:0px;outline:none;/*-webkit-appearance:none;*//*强制去除表单自带的样式*/ }
button{ cursor:pointer;}
textarea{resize:none;/*-webkit-appearance:none;*//*强制去除textarea自带的样式*/ }
textarea,input,select { background:none; border:none; margin:0; padding:0;}
article,aside,footer,header,hgroup,nav,section,figure,figcaption,address{ display: block;} /*html5设置*/
figure,figcaption{ margin:0px; padding:0px;}
audio,canvas,progress,video { display: inline-block; vertical-align: baseline;}
img{max-width:100%;border:none;border:0;}
a{ color:#666666; text-decoration:none; noline:-webkit-tap-highlight-color:rgba(0,0,0,0);transition:all 0.2s linear; -webkit-transition:all 0.2s linear;}
a:focus {outline:none; -moz-outline:none;}
a:hover{ text-decoration:none; color:#0069b0;}
*:hover{transition:all 0.2s linear; -webkit-transition:all 0.2s linear;}
.fl{ float:left;}.fr{ float:right;}.tr{ text-align:right;}.tc{ text-align:center;}
.hidetxt{ display:none;}
.clear{ clear:both;}
.clearfix{overflow:hidden;_zoom:1;}
.clearfix:after{ content: ''; display: block; clear: both; height: 0; visibility: hidden;}
.clearfix{*zoom:1;}
dl:after,ul:after{content:".";clear:both;display:block;overflow:hidden;font-size:0;height:0;}
:-moz-placeholder {color: #808080;}.NavPull
::-moz-placeholder {color: #808080;}
input:-ms-input-placeholder,
textarea:-ms-input-placeholder {font-size:16px;color:#999;}
input::-webkit-input-placeholder,
textarea::-webkit-input-placeholder {font-size:16px;color:#999;}
select{-webkit-border-radius: 0;-moz-border-radius: 0;border-radius: 0;-moz-background-clip: padding;-webkit-background-clip: padding-box;background-clip: padding-box;-webkit-appearance: none;-moz-appearance: none;appearance: none; cursor:pointer;
appearance:none;
-moz-appearance:none;
-webkit-appearance:none;
}
select::-ms-expand { display: none; }/*Ie clear arr*/

.relative{ position:relative;}
.both{clear:both;}

/*font*/
.f_red{color:#ff0000;}
.f_blue{color:#0069b0;text-decoration:underline;}
.Scale-img{overflow:hidden;cursor:pointer;zoom:1;}
.Scale-img img,.Scale-img span{opacity:1;-webkit-transition:opacity 0.35s,-webkit-transform 0.35s;transition: opacity 0.35s, transform 0.35s;}
.Scale-img:hover img,.Scale-img:hover span{opacity:1;-webkit-transform:scale3d(1.2,1.2,1);transform: scale3d(1.2,1.2,1); top:0px; left:0px;}


/*pages*/
.Pages{zoom:1;text-align:center;color:#999;clear:both;}
.Pages span{padding:0px 0px;display:inline-block;}
.Pages a{display:inline-block;margin:0px 4px;line-height:28px;text-align:center;}
.Pages .p_page a{display:inline-block;vertical-align:middle;border:1px solid #e5e5e5;}
.Pages .p_page .a_prev,.Pages .p_page .a_next,.Pages .p_page .a_first,.Pages .p_page .a_end{ display:inline-block;vertical-align:middle;color:#999;font-size:14px;font-family:Arial;}
.Pages .p_page .num a{display:inline-block;width:28px;text-align:center;vertical-align:middle;font-size:14px;color:#999;font-family:Arial;}
.Pages a.a_prev,.Pages a.a_next{width:28px;height:28px;}
.Pages .p_page .num a:hover,.Pages .p_page .num a.a_cur{background:#28a0f0;color:#fff;border:1px solid #28a0f0;}
.Pages a.a_prev:hover,.Pages a.a_next:hover{background:#28a0f0;color:#fff;border:1px solid #28a0f0;}
@media ( max-width:768px){
    .Pages{margin-top:30px;}
}
@media ( max-width:320px){
    .Pages a{margin:0px;}
}
/*pages end*/
/*内容宽度 s*/
.w1300{width:1300px;margin:0 auto;}

@media(max-width:1366px){
    .w1300{width:92%;}
}   

/*内容宽度 e*/


/*Top*/
.Header{width:100%;}
.Header .w1300{position:relative;}
.Htop{height:140px;}
.Htop .logo{margin-top:35px;float:left;}
.Htop .Htoprh{float:right;}
.icdl{float:left;margin-top:43px;}
.icdl dd{display:inline-block;margin-left:15px;}
.Hph{float:left;width:240px;position:relative;padding-left:54px;box-sizing:border-box;height:54px;border:1px solid #d9d9d9;border-radius:100px;position:relative;margin:42px 20px 0 30px;}
.Hph p{font-size:18px;color:#0b89dd;height:100%;line-height:54px;border-left:1px solid #d9d9d9;padding-left:10px;}
.Hph .ph{position:absolute;top:18px;left:20px;}

.en{float:right;margin:58px 0px 0 0px;position:relative;}
.en select{width:50px;height:20px;color:#666;padding-left:8px;background:#eee;border-radius:100px;border:none;background:url(../images/jts.png) right center no-repeat;}
.en select option{font-size:16px;color:#666;}


.pcnav{width:100%;height:60px;background:#28a0f0;position:relative;}
.MainNav li{float:left;position:relative;width:16.66666%;background:url(../images/line.png) center right no-repeat;}
.MainNav li:last-child{background:none;}
.MainNav li span a{display:block;color:#fff;text-align:center;font-size:18px;line-height:60px;position:relative;}
.MainNav li:hover span a,.MainNav li.onnav span a{color:#fff;}
.MainNav li:hover,.MainNav li.onnav{background:#e63232;}


.NavPull{ width:100%; top:60px; left:50%;transform:translate(-50%,0%); position:absolute; z-index:100; display:none; background:rgba(248,248,248,.7); text-align:center;}
.NavPull dd a{ color:#333; display:block; padding:5px 15px;box-sizing:border-box;border-bottom:1px solid #eee;font-size:14px;text-align:left;}
.NavPull dd a:hover{ color:#fff; background:rgba(230,50,50,.8);}
.NavPull.null{background:none;padding:0; box-shadow: 0 0px 0px none;}

.mstbg{ position:fixed; left:0px; top:0px; width:100%; height:100%; background:rgba(0,0,0,0.4); z-index:886; display:none;}
.openbtn,.closebtn{ cursor:pointer; display:none;width:26px; position:fixed; right:10px; z-index:999;}
.openbtn.on{ display:none !important;}
.openbtn{ position:absolute; right:10px; top:12px;}
.closebtn{ z-index:999; top:8px; right:200px;}
.closebtn.auto{ position:fixed; left:0px; top:0px; width:100%; height:100%; z-index:887; display:none;}
.openbtn span,.closebtn span{ display:block; height:3px; background:#201a1a; margin:6px 0px;transition:all 0.2s linear; -webkit-transition:all 0.2s linear;}
.closebtn span{background:#fff;}
.closebtn .sp1 {
    -webkit-transform: translate(0, 6px) rotate(45deg) !important;
    -moz-transform: translate(0, 6px) rotate(45deg) !important;
    -ms-transform: translate(0, 6px) rotate(45deg) !important;
    -o-transform: translate(0, 6px) rotate(45deg) !important;
    transform: translate(0, 6px) rotate(45deg) !important;}
.closebtn .sp2 {
    -webkit-transform: translate(0, -3px) rotate(-45deg) !important;
    -moz-transform: translate(0, -3px) rotate(-45deg) !important;
    -ms-transform: translate(0, -3px) rotate(-45deg) !important;
    -o-transform: translate(0, -3px) rotate(-45deg) !important;
    transform: translate(0, -3px) rotate(-45deg) !important;}   
.mobilenav{ display:none;}

@media ( max-width:1199px){
    .Header{padding-bottom:10px;}
    .w1300{width:95%;}
    .Htop .logo{margin-top:10px;}
    .Htop .logo img{height:34px;}
    .Hph{height:35px;width:180px;padding-left:35px;display:none;margin:20px auto 0;float:none;}
    .Hph p{font-size:14px;line-height:35px;}
    .Hph .ph{top:10px;left:12px;height:15px;}
    .Hph1{display:block;}
    .icdl{float:none;width:100%;display:none;margin-top:15px;}
    .icdl1{display:block;}
    .icdl dd{width:33.3333%;display:block;float:left;text-align:center;margin-left:0px;}
    .icdl dd img{height:40px;height:40px;}
    .en{margin:20px 40px 0px 0px;width:45px;}
    .en select{width:45px;}

    .MainNav li:after{display:none;}
    .MainNav li span a:after{display:none;}
    .Htop{height:auto;}
    .Header .openbtn{ display:block;}
    .MainNav li{padding:0px;}
    .MainNav li:hover, .MainNav li.onnav{background:none}
    .MainNav li:hover span a,.MainNav li.onnav span a{color:#e63745;}
    .MainNav{ position:fixed; z-index:999; width:200px; padding-right:0; height:100%; overflow-y:auto; background:#fff; right:-200px; top:0px;}
    .MainNav ul{ margin-top:0px;}
    .MainNav li{ position:relative; cursor:pointer; float:none; border-bottom:1px solid #ddd; width:auto;margin-left:0px!important;}
    .MainNav li span a{ height:auto; display:block; line-height:46px; height:46px; padding-left:20px; color:#000000; text-align:left;}
    .MainNav .arr{  position:absolute; z-index:2; width:100%; height:46px; left:0px; top:0px;}
    .MainNav .arr i{ position:absolute; background:url(../images/arr.png); width:17px; height:10px;right:10px; top:18px;transition:all 0.2s linear; -webkit-transition:all 0.2s linear;}
    .MainNav li.onnav .arr i{dis-moz-transform: translate(0, -3px) rotate(-180deg) !important;
        -ms-transform: translate(0, -3px) rotate(-180deg) !important;
        -o-transform: translate(0, -3px) rotate(-180deg) !important;
        transform: translate(0, -3px) rotate(-180deg) !important;}
    .NavPull { position:static;transform:translate(0%,0%); background:#f2f2f2; text-align:left; margin-bottom:-1px;width:100%;margin-left:0px;}
    .NavPull dd a{ display:block;padding:5px 0px 5px 5px; text-align:center; color:#333; font-size:14px; border-bottom:1px solid #ddd;}
    .NavPull dd .sub{ position:static; background:none;display:block;}
    .NavPull dd .sub dd a{ padding-left:36px; line-height:22px; background:url(../images/dot3.gif) 21px 10px no-repeat;}

    .pcnav{ display:none;}
    .mobilenav{ display:block;}
}

/*top e*/

/*bottom s*/
.link{background:#e63232;}
.link .w1300{position:relative;padding:30px 0 30px 80px;box-sizing:border-box;}
.link span{font-size:18px;color:#fff;position:absolute;top:30px;left:0px;}
.link span img{display:inline-block;margin-right:15px;vertical-align:middle;margin-top:-6px;}
.link a{display:inline-block;font-size:18px;color:#fff;margin:0 40px;}
.link a:hover{transform:translateY(-5px);}
.foot{padding:70px 0 60px;background:#1f1f1f;}
.foot .ftfl{width:60.31%;float:left;}
.ftfl dl{position:relative;float:left;padding-left:54px;padding-bottom:20px;box-sizing:border-box;border-bottom:1px solid rgba(255,255,255,.15)}
.ftfl dl dt{position:absolute;top:8px;left:0px;}
.ftfl dl dd{float:left;}
.ftfl dl dd.dd2{float:right;}
.ftfl dl dd .p1{font-size:20px;color:#fff;}
.ftfl dl dd .p2{font-size:18px;color:rgba(255,255,255,.2);}
.ftfl dl:nth-child(1),.ftfl dl:nth-child(3),.ftfl dl:nth-child(4){width:40%;}
.ftfl dl:nth-child(2){width:55%;margin-left:5%;}
.ftfl dl:nth-child(4){margin-left:5%;}
.ftfl dl:nth-child(3),.ftfl dl:nth-child(4){margin-top:35px;}

.foot .ftrh{width:33.47%;float:right;}
.ftul{float:right;}
.ftul li{display:inline-block;margin-left:30px;}
.ftul li .tb{position:relative;width:54px;height:54px;}
.ftul li .tb .i1,.ftul li .tb .i2{display:block;position:absolute;left:0;top:0;}
.ftul li .tb .i1{transition:400ms;}
.ftul li .tb .i2{-webkit-transform:scale(0); transform:scale(0); opacity:0; filter:alpha(opacity=0); transition:500ms;}
.ftul li p{margin-top:20px;font-size:18px;color:#4d4d4d;}
.ftul li:hover .tb .i2{ -webkit-transform:scale(1); transform:scale(1); opacity:1; filter:alpha(opacity=100);}
.ftul li:hover .tb .i1{ opacity: 0; filter: alpha(opacity=0); -webkit-transform: scale(1.2); transform: scale(1.2);}
.ftul li:hover p{color:#f7931e;}

.ftp{text-align:right;margin-top:30px;}
.ftp p{font-size:16px;color:#fff;line-height:24px;}
.ftp p a{color:#fff;}
@media ( max-width:1280px){
   .link a{margin:0 20px;}
}
 

@media ( max-width:1199px){
    .foot{padding:40px 0 30px;}
    .ftfl dl dd .p1{font-size:16px;}
    .ftfl dl dd .p2{font-size:14px;}
    .ftp p{font-size:14px;}
    .link .w1300{padding:15px 0 15px 80px}
    .link span{font-size:16px;}
    .link a{margin:0 20px;font-size:14px;}
    .link span{top:15px;}
    .link span img{margin-right:5px;}
    
}

@media ( max-width:997px){
   .foot .ftfl,.foot .ftrh{width:100%;float:none;}
   .foot .ftrh{margin-top:20px;}
   .ftul{float:none;text-align:center;}
   .ftp{text-align:center;margin-top:15px;}
   .ftfl dl:nth-child(3), .ftfl dl:nth-child(4){margin-top: 15px;}
   .ftul li{margin:0 8px;}
}


@media ( max-width:560px){
    .ftfl dl{float:none;padding-bottom:10px;margin-top:10px;}
    .ftfl dl:nth-child(1), .ftfl dl:nth-child(3), .ftfl dl:nth-child(4){width:100%;}
    .ftfl dl:nth-child(2),.ftfl dl:nth-child(4){width:100%;margin-left:0px;}
    .foot{padding:20px 0;}
    .ftp p{line-height:18px;}
    .ftul li .tb{width:40px;height:40px;}
    .link a{margin:0 6px;}
}
/*bottom e*/

/*首页*/
/*
 .Banner002403 为demo编号
 */
.Banner002403{ position: relative;}
.Banner002403 .bx-wrapper,
.Banner002403 .bx-viewport{ position:relative; overflow:hidden; z-index:1;}
/*分页数字*/
.Banner002403 .bx-pager{ position:absolute; z-index:3; left:0; bottom:5%; width:100%; text-align:center;}
.Banner002403 .bx-pager div{ display:inline-block;  margin:0 10px;}
.Banner002403 .bx-pager div a{position:relative;font-size:16px;color:rgba(255,255,255,.6);text-align:left;font-weight:bold;display:inline-block;text-indent:0px; transition:all ease-in-out 0.3s;}
.Banner002403 .bx-pager div a.active{text-indent:0;width:180px; position:relative;color:rgba(255,255,255,1);}
.Banner002403 .bx-pager div a.active::before{position:absolute; content:''; width:18px; height:3px; background:#fff;bottom:-1px;margin-left:1px;}
.Banner002403 .bx-pager div a::after{width:0px;position:absolute;top:13px; left:25px; content:'';height:1px; background:rgba(255,255,255,.4);transition:all linear 0.5s;}
.Banner002403 .bx-pager div a.active::after{width:160px;}

/*分页数字 end*/
.Banner002403 .list li{background-repeat:no-repeat;background-position:center top;background-size:cover;}
.Banner002403 .list li figure{height:800px;margin: 0 auto; position: relative;}
.Banner002403 .list li p{margin:0;opacity:0; transition:all ease-in-out 0.3s;-webkit-transition:all ease-in-out 0.3s;-ms-transition:all ease-in-out 0.3s;-moz-transition:all ease-in-out 0.3s;}
.Banner002403 .list li.on p{ opacity: 1;}
@media(max-width:1366px){
    .Banner002403 .list li figure{height:600px;}
}
@media(max-width:767px){
    .Banner002403 .list li figure{height:400px;}
    .Banner002403 .list li p img{ transform: scale(0.8); -webkit-transform: scale(0.8);-ms-transform: scale(0.8);-moz-transform: scale(0.8);}
}
@media(max-width:640px){
.Banner002403 .list li figure{height:300px;}
}
/*第一张*/
.Banner002403 .list li.li1 p:nth-child(1){ padding-top:130px; width: 70%;}
.Banner002403 .list li.li1.on p:nth-child(1){ width: 80%;}
@media(max-width:1440px){
    .Banner002403 .list li.li1 p:nth-child(1){ padding-top:100px; width:40%;}
    .Banner002403 .list li.li1.on p:nth-child(1){ width: 50%;}
}
@media(max-width:1199px){
    .Banner002403 .list li.li1 p:nth-child(1){width: 90%;padding-top:70px}
    .Banner002403 .list li.li1.on p:nth-child(1){ width: 100%;} 
    .Banner002403 .bx-pager div a.active{width:18px;}
    .Banner002403 .bx-pager div a::after{display:none;}
}

/*左右按钮*/
.Banner002403 .bx-controls-direction{ display:block;}
.Banner002403 .bx-controls-direction a {position:absolute; z-index: 99; overflow: hidden; display: block; width:44px; height:44px;  top: 50%; margin-top: -22px; opacity: 0; background-repeat: no-repeat;
-ms-transition:left 400ms, right 400ms,opacity 300ms;
transition:left 400ms, right 400ms,opacity 300ms;
-webkit-transition:left 400ms, right 400ms,opacity 300ms;
-moz-transition:left 400ms, right 400ms,opacity 300ms;
-o-transition:left 400ms, right 400ms,opacity 300ms;
}
.Banner002403 .bx-controls-direction .bx-prev {left:40px; background:url(../images/Banner002403-l_btn.png) center center no-repeat;background-size:100% 100%;opacity:1;}
.Banner002403 .bx-controls-direction .bx-next {right:40px;background:url(../images/Banner002403-r_btn.png) center center no-repeat;background-size:100% 100%;opacity:1;}
/*.Banner002403 .bx-controls-direction.on .bx-prev {left:70px; opacity: 1;}
.Banner002403 .bx-controls-direction.on .bx-next {right:70px; opacity: 1;}*/
@media(max-width:640px){
    .Banner002403 .bx-controls-direction a{width:30px;height:30px;}
    .Banner002403 .bx-controls-direction .bx-prev{left:10px;}
    .Banner002403 .bx-controls-direction .bx-next{right:10px;}
    .Banner002403 .bx-pager div a.active{font-size:14px;}
    .Banner002403 .bx-pager div a.active::before{margin-left: 0px;height:2px;}
}
/*左右按钮 end*/


/*关于我们*/
.AboutBox{width:100%;height:500px;background:#dbdbdb;position:relative;overflow:hidden;}
.AboutBox .abimg{position:absolute;top:0px;right:0px;}
.AboutBox .AbTit{width:48.16%;position:relative;z-index:1;margin-top:80px;}
.AboutBox .AbTit .Abt1{font-size:52px;color:#0b89dd;font-weight:bold;line-height:54px;}
.AboutBox .AbTit .Abcon{font-size:16px;color:#595959;line-height:28px;margin:30px 0 50px 0;}
.more{display:block;width:180px;height:50px;line-height:50px;font-size:18px;color:#666;text-align:center;border:1px solid #666;border-radius:100px;transition:all .3s linear;}
.more:hover{color:#fff;transform:scale(1.1);background:#28a0f0;border:1px solid #28a0f0;}
.more1{margin:0 auto;}

/*产品中心*/
.ProBox{padding:80px 0;}
.Hometit{position:relative;font-size:52px;color:#0b89dd;font-weight:bold;text-transform:uppercase;text-align:center;}
.Hometit1{text-align:left;}
.Hometit span{color:#333;padding-right:15px;}
.Hometit a{position:absolute;top:7px;right:0px;}


.ProSilder{margin:60px 0 50px;position:relative;}
.ProSilder .ProPic{position:relative;padding-top:75%;}
.ProSilder .ProPic span{position:absolute;left:0px;top:0px;width:100%;height:100%;background-position:center center;background-repeat:no-repeat;background-size:contain;}

.ProSilder .item p{width:100%;padding:20px 46px 20px 20px;box-sizing:border-box;font-size:16px;color:#fff;background:#28a0f0;position:relative;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.ProSilder .item p img{position:absolute;top:24px;right:20px;width:auto;}
.ProSilder .owl-nav{width:100%;}
.ProSilder .owl-dots{display:none;}
.ProSilder .owl-carousel .owl-nav.disabled{display:block;}
.ProSilder .owl-carousel .owl-nav button.owl-prev,.ProSilder .owl-carousel .owl-nav button.owl-next{width:46px;height:46px;text-indent:999px;overflow:hidden;}
.ProSilder .owl-carousel .owl-nav button.owl-prev{position:absolute;top:50%;transform:translate(0%,-50%);left:-100px;background:url(../images/fl.png);}
.ProSilder .owl-carousel .owl-nav button.owl-next{position:absolute;top:50%;transform:translate(0%,-50%);right:-100px;background:url(../images/rh.png);}
.ProSilder .owl-carousel .owl-nav button.owl-prev:hover{background:url(../images/fl1.png);}
.ProSilder .owl-carousel .owl-nav button.owl-next:hover{background:url(../images/rh1.png);}

.ProSilder .item:hover p{background:#e63232}
.HomeBox{padding:80px 0;background:#f5f5f5;}
.Video{width:46.16%;float:left;padding-top:25px;}
.Video .ViBox{margin-top:55px;position:relative;}
.Video .ViBox video{position:absolute;width:100%;height:100%;left:0px;top:0px;background:#000;}
.Video .ViBox img{display:block;width:100%;}


.News{width:50%;float:right;padding-top:25px;}
.NewSlider{position:relative;margin-top:55px;}
.NewSlider dd{padding-bottom:32px;border-bottom:1px solid #e6e6e6;margin-bottom:20px;}
.NewSlider .Ntit{font-size:18px;color:#000;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.NewSlider .Ntime{font-size:12px;color:#0b89dd;margin:10px 0;}
.NewSlider .Ncon{font-size:14px;color:#666;line-height:24px;height:48px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;}
.NewSlider dd:hover .Ntit{color:#e63232;}

.NewSlider .owl-nav{width:100%;}
.NewSlider .owl-dots{display:none;}
.NewSlider .owl-carousel .owl-nav.disabled{display:block;}
.NewSlider .owl-carousel .owl-nav button.owl-prev,.NewSlider .owl-carousel .owl-nav button.owl-next{width:20px;height:16px;text-indent:999px;overflow:hidden;}
.NewSlider .owl-carousel .owl-nav button.owl-prev{position:absolute;bottom:-31px;transform:translate(0%,-50%);right:32px;background:url(../images/jtf.png);}
.NewSlider .owl-carousel .owl-nav button.owl-next{position:absolute;bottom:-31px;transform:translate(0%,-50%);right:0px;background:url(../images/jtr.png);}
.NewSlider .owl-carousel .owl-nav button.owl-prev:hover{background:url(../images/jtf1.png);}
.NewSlider .owl-carousel .owl-nav button.owl-next:hover{background:url(../images/jtr1.png);}

@media(max-width:1599px){
    .ProSilder .owl-carousel .owl-nav button.owl-prev{left:0px;}
    .ProSilder .owl-carousel .owl-nav button.owl-next{right:0px;}
    
}

@media(max-width:1366px){
    .AboutBox .AbTit{width:60%;}
}

@media(max-width:1199px){
    .AboutBox .AbTit .Abt1{font-size:38px;line-height:36px;}
    .Hometit{font-size:42px;}
}

@media(max-width:997px){
    .AboutBox .AbTit .Abt1{font-size:30px;line-height:30px;}
    .Hometit{font-size:32px;}
    .AboutBox{height:auto;padding:40px 0 0 0;}
    .AboutBox .abimg{position:static;}
    .AboutBox .AbTit{width:100%;margin-top:0px;margin-bottom:25px;}
    .AboutBox .AbTit .Abcon{margin:15px 0 20px 0;}
    .more{width:140px;height:40px;line-height:40px;font-size:14px;}
    .ProBox{padding:40px 0;}
    .HomeBox{padding:40px 0 70px 0;}
}

@media(max-width:640px){
    .AboutBox .AbTit .Abt1{font-size:24px;line-height:24px;}
    .Hometit{font-size:24px;}
    .Video,.News{float:none;width:100%;}
    .News{margin-top:40px;}
    .Video .ViBox,.NewSlider{margin-top:25px;}
    .NewSlider .Ntime{margin:5px 0px;}
    .NewSlider dd{padding-bottom:20px;}
    .ProSilder .item p{padding:10px 20px 10px 10px}
    .ProSilder .item p img{top:15px;right:10px;}
    .ProSilder{margin:30px 0;}
    .AboutBox .AbTit .Abcon{font-size:15px;line-height:23px;}
}


/*公司简介*/
.nyban,.nyban img{width:100%;height:auto;}

.lm{width:100%;height:56px;border-bottom:1px solid #ddd;text-align:center;white-space:nowrap;overflow-x:auto;}
.lm a{font-size:14px;color:#3f3f3f;font-family:Arial;line-height:56px;display:inline-block;position:relative;margin:0 30px;}
.lm a:after{content:"";display:block;width:100%;height:2px;background:#e63232;position:absolute;bottom:0px;left:0px;opacity:0;}
.lm a:hover,.lm a.on{color:#e63232;}
.lm a:hover:after,.lm a.on:after{opacity:1;}
.LmTit{font-size:30px;color:#2a2a2a;font-weight:bold;text-align:center;}
.LmTit:after{content:"";display:block;width:38px;height:3px;background:#e63232;margin:28px auto 0;}


.IntoBox{padding:80px 0 120px 0;}
.IntoCon{margin-top:60px;}
.IntoBox .Intofl{width:50%;float:left;}
.IntoBox .Intofl img{width:100%;height:auto;}
.IntoBox .Intorh{width:50%;font-size:14px;color:#2a2a2a;font-family:Arial;float:left;padding:25px 0 0 45px;box-sizing:border-box;}
.IntoBox .Intorh p{font-size:14px;color:#2a2a2a;font-family:Arial;line-height:30px;}
.IntoBox .Intorh p.p1{margin-bottom:45px;}


.IntoBox .Intofl1{width:50%;font-size:14px;color:#2a2a2a;font-family:Arial;float:left;padding:55px 45px 0 0px;box-sizing:border-box;}
.IntoBox .Intofl1 p{font-size:14px;color:#2a2a2a;font-family:Arial;line-height:30px;}
.IntoBox .Intofl1 p.p1{margin-bottom:45px;}
.IntoBox .Intorh1{width:50%;float:right;}
.IntoBox .Intorh1 img{width:100%;height:auto;}

@media(max-width:1366px){
    .IntoBox .Intorh p.p1{margin-bottom:20px;}
    .IntoBox .Intorh p,.IntoBox .Intofl1 p{line-height:25px;}
}

@media(max-width:1199px){
    .IntoBox{padding:40px 0;}
    .LmTit{font-size:24px;}
    .LmTit:after{margin-top:15px;}
    .IntoBox .Intorh{padding:0px 0 0 20px;}
    .IntoBox .Intofl1{padding:0px 20px 0 0px}
}

@media(max-width:997px){
    .IntoBox .Intofl,.IntoBox .Intorh,.IntoBox .Intofl1,.IntoBox .Intorh1{float:none;width:100%;}
     .IntoBox .Intorh{padding:20px 0;}
    .IntoBox .Intofl1{padding:20px 0;}
    .IntoBox .Intofl1 p.p1{margin-bottom:20px;}
    .IntoCon{margin-top:40px;}
}


@media(max-width:640px){
    .LmTit{font-size:20px;}
    .LmTit:after{margin-top:10px;}
    .IntoBox .Intorh p, .IntoBox .Intofl1 p{line-height:24px;}
}


/*企业文化*/
.CulBox{padding:80px 0 100px 0;}
.CulCon{margin-top:40px;}
.CulCon dl dd{width:32.31%;background:#f7fbfd;float:left;margin-right:1.52%;margin-top:1.52%;transition:all .3s linear;}
.CulCon dl dd:nth-child(3n){margin-right:0px;}

.CulCon dl dd .Whbox{padding:30px 30px 0 30px;box-sizing:border-box;transition:all .3s linear;border:1px solid transparent;}
.CulCon dl dd .Whbox .wic{position:relative;font-size:20px;color:#2a2a2a;font-family:Arial;font-weight:bold;padding-left:40px;box-sizing:border-box;}
.CulCon dl dd .Whbox .wic img{position:absolute;top:-4px;left:0px;}
.CulCon dl dd .Whbox .Wcon{font-size:15px;color:#707070;line-height:20px;font-family:Arial;margin-top:20px;}
.CulCon dl dd:hover{box-shadow:0 0 30px rgba(40,160,240,.15);background:#fff;}
.CulCon dl dd:hover .Whbox{border:1px solid #daebf7;}
.CulCon dl dd:hover .Whbox .wic{color:#e63232;}
@media(max-width:1199px){
    .CulBox{padding:40px 0;}
    .CulCon{margin-top:20px;}
    .CulCon dl dd .Whbox{padding:10px 10px 0 10px;}
}

@media(max-width:997px){
    .CulCon dl dd .Whbox .wic{font-size:16px;}
    .CulCon dl dd .Whbox .Wcon{font-size:14px;margin-top:10px;}
}

@media(max-width:640px){
    .CulCon dl dd{width:48%;margin-right:0px;}
    .CulCon dl dd:nth-child(2n){float:right;}
}

@media(max-width:560px){
    .CulCon dl dd{float:none;width:100%;margin-top:20px;}
    .CulCon dl dd:nth-child(2n){float:none;}

    .CulCon dl dd .Whbox{padding:20px;}
}


/*公司新闻*/
.PicList002273{margin-top:60px;}
.PicList002273 .left img{width: 100%;transition:all .3s ease;}
.PicList002273 .right time{position:absolute;right:0px;top:2%;border-left:1px solid #e6e6e6;padding:34px 0 34px 24px;}
.PicList002273 .right time .t1{font-size:24px;color:#3f3f3f;font-weight:bold;font-family:Arial;}
.PicList002273 .right time .t2{font-size:14px;color:#3f3f3f;font-family:Arial;font-weight:bold;border-bottom:1px solid #dcdcdc;display:inline-block;}


.PicList002273 .right .h3{color:#3f3f3f;font-size:16px;font-family:Arial;font-weight:bold;margin: 10px 0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.PicList002273 .right .p{color:#6f6f6f;font-size: 14px;font-family:Arial;}
.PicList002273 ul li{margin-bottom: 30px;transition:all .3s linear;padding:20px;}
.PicList002273 ul li:hover .left img{transform:scale(1.1);}
.PicList002273 ul li:hover{background:#28a0f0;}
.PicList002273 ul li:hover time .t1,.PicList002273 ul li:hover time .t2,.PicList002273 ul li:hover .right .h3,.PicList002273 ul li:hover .p{color:#fff;}

@media screen and (min-width:768px ) {
  .PicList002273 .left{float: left;width:17.1%;}
  .PicList002273 .right{float: right;width:82.9%;position:relative;padding:0 11% 0 3%;box-sizing:border-box;}
  .PicList002273 .right .time{margin-top: 0px;}

}

@media screen and (min-width:1024px ) {
  .PicList002273 .right .time{margin-top: 15px;}
  .PicList002273 ul li{position: relative;}
}

@media screen and (min-width:1200px ) {
    .PicList002273 .left{float: left;overflow:hidden;}
    .PicList002273 .right{float: left;}
    .PicList002273 .right .time{margin-top: 14px;}
    .PicList002273 .right .h3{line-height: 18px;margin:15px 0 17px;}
    .PicList002273 .right .p{line-height: 19px;}
    .PicList002273 ul li{padding-right: 20px;}
}

@media(max-width:1199px){
   .PicList002273 ul{margin-bottom:30px;}
   .PicList002273{margin-top:40px;}
}

@media(max-width:997px){
   .PicList002273 .right .h3{font-size:16px;}
   .PicList002273 .right{padding-right:16%;}
}

@media(max-width:640px){
   .PicList002273 .right{padding-right:0%;}
   .PicList002273 .right time{position:static;text-align:left;border-left:0px;padding:17px 0;}
   .PicList002273 .right time .t1{font-size:20px;line-height:18px;}
   .PicList002273 ul li{padding:0 10px 15px;}
   .PicList002273 ul li{margin-bottom:15px;}
   .PicList002273 .right time .t2{margin-bottom:10px;}
   .PicList002273 .right .h3{margin-top:22px;}
}

/*荣誉资质*/
.HonrBox{padding:80px 0 60px 0;}
.Hntop{margin-top:80px;border:1px solid #daebf7;display:flex;}
.Hntop .Hnfl{width:55.47%;padding:44px;box-sizing:border-box;background:#f4f9fd;text-align:center;}
.Hntop .Hnrh{width:44.53%;padding:0 70px;box-sizing:border-box;display:flex;flex-direction:column;justify-content:center;}
.Hntop .Hnrh .hlogo{margin-bottom:60px;}
.Hntop .Hnrh .ht1{font-size:24px;color:#454545;}
.Hntop .Hnrh .ht2{font-size:14px;color:#888;margin-top:20px;}

.Hnul{margin:40px 0 60px 0;}
.Hnul li{width:31%;float:left;margin-right:3.5%;margin-top:40px;}
.Hnul li:nth-child(3n){margin-right:0px;}

.Hnul li .HnPic{padding:24px 24px 60px 24px;border:1px solid #daebf7;background:#f7fbfd;}
.Hnul li .HnPic .zzimg{overflow:hidden;position:relative;padding-top:66%;}
.Hnul li .HnPic .zzimg span {position:absolute;left:0px;top:0px;width:100%;height:100%;background-position:center center;background-repeat:no-repeat;background-size:contain;}
.Hnul li .HnPic .zname{font-size:18px;color:#454545;margin-top:30px;height:48px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;}

@media(max-width:1199px){
   .HonrBox{padding:40px 0;}
   .Hntop{margin-top:40px;}
   .Hnul li .HnPic{padding-bottom:40px;}
   .Hnul{margin:20px 0 40px 0;}
}

@media(max-width:997px){
   .Hntop{display:block;}
   .Hntop .Hnfl,.Hntop .Hnrh{width:100%;float:none;}
   .Hntop .Hnrh{padding:30px 20px;}
   .Hntop .Hnrh .hlogo{margin-bottom:20px;}
   .Hntop .Hnfl{padding:30px 20px;}
   .Hnul li .HnPic{padding:15px 15px 30px 15px;}
   .Hnul li .HnPic .zname{font-size:14px;margin-top:15px;line-height:20px;height:40px;}


}

@media(max-width:480px){
   .Hntop .Hnrh .ht1{font-size:18px;}
   .Hntop .Hnrh .ht2{margin-top:10px;line-height:22px;}
   .Hntop .Hnrh{padding:20px 10px;}
   .Hnul li{width:48.5%;margin-right:0px;margin-top:20px;}
   .Hnul li:nth-child(2n){float:right;}
   .Hnul{margin-top:10px;}
   .Hnul li .HnPic{padding:10px 10px 15px 10px;}

}


/*数据库*/
.DataBox{padding:}
.DataBox .hd{text-align:center;margin:45px 0 50px 0;}
.DataBox .hd li{display:inline-block;width:105px;height:40px;border:1px solid #e8e8e8;font-size:16px;color:#2a2a2a;text-align:center;line-height:40px;margin:0 -2px;cursor:pointer;}
.DataBox .hd li.on{background:#0b89dd;border:1px solid #0b89dd;color:#fff;}
.DataBox .hd li.on a{color:#fff;}
.DataBox .bd dl{margin-bottom:50px;}
.DataBox .bd dd{border-bottom:1px dashed #cacaca;position:relative;padding:15px 0;padding-right:140px;box-sizing:border-box;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.DataBox .bd dd a{font-size:15px;color:#494848;transition:all .3s linear;}
.DataBox .bd dd i{display:inline-block;width:4px;height:4px;background:#999;vertical-align:middle;margin:-2px 10px 0 0;}
.DataBox .bd dd span{font-size:14px;color:#999;position:absolute;top:20px;right:0px;}
.DataBox .bd dd:hover a{color:#0b89dd;font-weight:bold;}
.DataBox .bd dd:hover i{background:#0b89dd;}

@media(max-width:998px){
   .DataBox .hd{margin:30px 0;}
   .DataBox .bd dl{margin-bottom:30px;}
}


@media(max-width:640px){
   .DataBox .bd dd{padding:10px 130px 10px 0px;}
   .DataBox .bd dd a{font-size:14px;}
   .DataBox .bd dd span{top:10px;}
}

@media(max-width:480px){
   .DataBox .bd dd{padding:10px 100px 10px 0px;}
   .DataBox .bd dd a{font-size:14px;}
   .DataBox .bd dd span{top:10px;}
}


/*服务*/
.SerBox{padding:130px 0 100px 0;}
.zpcon{margin-top:40px;}
.JobList dd{padding:22px 0;height:auto;background:#fff;border:1px solid #daebf7;margin-bottom:10px;position:relative;}
.JobList dd .box .num{position:absolute;top:21px;left:28px;font-size:16px;color:#e63232;font-weight:bold;font-family:Arial;}
.JobList dd .box .boxtit{font-size:16px;color:#3f3f3f;font-weight:bold;font-family:Arial;padding:0 55px 0 80px;background-image:url(../images/jbtn.png);background-position:98% center;background-repeat:no-repeat;}
.JobList dd.lion{padding-bottom:0px;}
.JobList dd.lion .box .boxtit{background-image:url(../images/jbtn1.png);}
.JobList dd .Con{margin-top:22px;background:#f7fbfd;border-top:2px solid #daebf7;padding:40px 55px 40px 56px;position:relative;display:none;font-size:14px;color:#6f6f6f;line-height:24px;font-family:Arial;position:relative;}
.JobList dd .con .nums{position:absolute;top:40px;left:28px;font-size:16px;color:#28a0f0;font-weight:bold;}

@media(max-width:1199px){
   .SerBox{padding:40px 0;}
}

@media ( max-width:768px){
    .JobList dd{padding:15px 0;}
    .JobList dd .box .num{font-size:14px;left:8px;top:12px;}
    .JobList dd .box .boxtit{padding:0 20px 10px 30px;font-size:14px;line-height:20px;}
    .JobList dd .Con{padding:20px 20px 10px 30px;line-height:18px;font-size:14px;margin-top:10px;}
    .JobList dd .con .nums{top:20px;left:8px;}
}

@media ( max-width:640px){
    .zpcon{margin-top:30px;}
}

.LxBox{padding:70px 0;}
.LxBox .lxdl{margin:80px 0 30px 0;}
.LxBox .lxdl dd{width:20%;text-align:center;float:left;}
.LxBox .lxdl dd .lximg{text-align:center;}
.LxBox .lxdl dd .lximg:after{content:"";display:block;width:104px;height:1px;background:url(../images/line1.jpg) center center no-repeat;margin:15px auto;}
.LxBox .lxdl dd .lt1{font-size:18px;color:#28a0f0;font-family:Arial;}
.LxBox .lxdl dd .lt2{font-size:18px;color:#000;font-family:Arial;margin-top:15px;}
.LxBox .lxdl dd .lt3{font-size:16px;color:#888;font-family:Arial;}
.LxBox .lxmap{border:2px solid #dfdfdf;}
.LxBox .lxmap img{width:100%;height:auto;}

@media ( max-width:1199px){
    .LxBox{padding:40px 0;}
    .LxBox .lxdl{margin-top:40px;}
}

@media ( max-width:997px){
    .LxBox .lxdl dd .lt1{font-size:14px;margin-top:0px;}
    .LxBox .lxdl dd .lt2{font-size:14px;margin-top:0px;}
    .LxBox .lxdl dd .lt3{font-size:14px;}
    .LxBox .lxdl dd .lximg:after{width:80px;margin:15px auto 10px;}
}

@media ( max-width:640px){
    .LxBox .lxdl{margin-top:20px;}
    .LxBox .lxdl dd{width:33.333%;margin-top:20px;}
}

@media ( max-width:480px){
    .LxBox .lxdl dd{width:50%;}
}


/*产品*/
.Proul{margin:40px 0 60px 0;}
.Proul li{width:32.08%;float:left;margin-right:1.87%;margin-top:20px;}
.Proul li:nth-child(3n){margin-right:0px;}

.Proul li .HnPic{padding:20px 20px 40px 20px;background:#f8f8f8;}
.Proul li .HnPic .zzimg{overflow:hidden;position:relative;padding-top:66%;}
.Proul li .HnPic .zzimg span {position:absolute;left:0px;top:0px;width:100%;height:100%;background-position:center center;background-repeat:no-repeat;background-size:contain;}
.Proul li .HnPic .zname{text-align:center;font-size:16px;color:#454545;margin-top:30px;height:48px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;}

@media(max-width:1199px){
   .Proul li .HnPic{padding-bottom:40px;}
   .Proul{margin:20px 0 40px 0;}
}

@media(max-width:997px){
   .Proul li .HnPic{padding:15px 15px 30px 15px;}
   .Proul li .HnPic .zname{font-size:14px;margin-top:15px;line-height:20px;}
   .Proul li .HnPic .zname{height:40px;}

}

@media(max-width:480px){
   .Proul li{width:48.5%;margin-right:0px;margin-top:20px;}
   .Proul li:nth-child(2n){float:right;}
   .Proul{margin-top:10px;}
   .Proul li .HnPic{padding:10px 10px 15px 10px;}

}


/*产品详情*/
.CpSlider{width:42%;float:left;background:#f8f8f8;padding:20px;box-sizing:border-box;position:relative;}
.CpSlider .item{padding:80px 0 100px;background:#fff;}

.CpSlider .owl-nav{width:100%;}
.CpSlider .owl-dots{display:block;text-align:center;position:absolute;left:0px;bottom:30px;width:100%;}
.CpSlider .owl-carousel .owl-nav.disabled{display:none;}
.CpSlider .owl-carousel .owl-nav .owl-next,.CpSlider .owl-carousel .owl-nav .owl-prev{display:none;}
.CpSlider .owl-carousel button.owl-dot{display:inline-block;width:9px;height:9px;background:#d2d2d2;border-radius:50%;margin:0 5px;}
.CpSlider .owl-carousel button.owl-dot.active{background:#0b89dd;}

.CpTxT{width:58%;float:right;padding:20px 60px 0px 60px;box-sizing:border-box;}
.CpTxT .Cpt1{font-size:30px;color:#2a2a2a;font-family:Arial;}
.CpTxT .Cpt1:after{content:"";display:block;width:38px;height:3px;background:#e5e5e5;margin-top:30px;}
.CpTxT .Cptext{margin-top:50px;}
.CpTxT .Cptext,.CpTxT .Cptext p,{font-size:14px;color:#2a2a2a;font-family:Arial;line-height:36px;}

.xqbox{margin-top:60px;}
.xqbox .xqtop{width:100%;height:55px;background:#f8f8f8;}
.xqbox .xqtop span{display:inline-block;padding:0 20px;font-size:24px;color:#fff;font-family:Arial;text-align:center;line-height:55px;background:#2ba1f0;}
.xqul{padding:0 30px;}
.xqul li{margin-top:60px;position:relative;font-size:14px;color:#2a2a2a;line-height:36px;font-family:Arial;padding-left:45px;box-sizing:border-box;}
.xqul li i{display:block;width:10px;height:10px;background:#d2d2d2;position:absolute;top:14px;left:0px;border-radius:50%;}

.xqt{background:url(../images/tbg.png) center bottom no-repeat;text-align:center;margin-top:100px;}
.xqt .p1{font-size:30px;color:#e63232;font-family:Arial;font-weight:bold;}
.xqt .p2{font-size:30px;color:#e63232;font-family:Arial;font-weight:bold;}

@media(max-width:997px){
   .CpSlider,.CpTxT{width:100%;float:none;}
   .CpTxT{padding:30px 20px;}
   .CpTxT .Cptext{margin-top:30px;}
   .xqbox{margin-top:30px;}
   .xqul li{padding-left:0px;margin-top:15px;line-height:24px;}
   .xqul li i{left:-16px;top:7px;}
   .xqt{margin-top:30px;}
   .xqt .p1,.xqt .p2{font-size:18px;}
   .xqbox .xqtop span{font-size:16px;line-height:45px;}
   .xqbox .xqtop{height:45px;line-height:45px;}
}

@media(max-width:640px){
   .CpTxT .Cpt1{font-size:22px;}
   .CpTxT .Cpt1:after{margin-top:15px;}
}


/*新闻详情*/
.SubPage{margin-top:45px;}
.Titleinfo{ color:#666; padding:10px 0px 24px 0px; line-height:20px; margin-bottom:25px; text-align:center; border-bottom:1px dashed #e6e6e6;}
.Titleinfo .tit{ font-size:20px; color:#666; padding-bottom:18px;}
.Titleinfo .date i{ margin:0px 12px; display:inline-block;}
.Shares1,.Shares{ display:inline-block; *display:inline;zoom:1; vertical-align:top;}
.SinglePage{word-wrap:break-word;font-size:16px;line-height:36px;color:#656565;}
.SinglePage p{text-indent:2em;margin-bottom:10px;}
.PrevNextBox {margin:30px 0 0 0;position:relative; color:#656565;border-top:1px solid #eee;padding-top:30px;}
.PrevNextBox dl{ width:100%; line-height:35px;text-align:left; font-size:16px; overflow:hidden; }
.PrevNextBox dl span{color:#666}
.PrevNextBox dl:hover a{color:#cd1f24;}
.PrevNextBox dl div{text-overflow:ellipsis; white-space:nowrap; *white-space:nowrap; overflow:hidden; max-width:90%;}
.SinglePage  img,.SinglePage p img{display:block!important;margin:0 auto;}
@media (max-width: 998px){
    .SinglePage{font-size:14px;line-height:26px;}
}

@media ( max-width:640px){
    .Titleinfo{ padding-bottom:15px; margin-bottom:15px;}
    .Titleinfo .tit{ font-size:18px; padding-bottom:10px;}
    .PrevNextBox dl{ width:auto; line-height:40px; height:40px;font-size:14px; text-align:left;}
    .PrevNextBox dl div{width:90%; margin:0px auto;}
    .PrevNextBox dl.fl{ float:none;}
    .PrevNextBox dl.fr{ float:none;}
    .Shares1{margin-top:10px;}
    .SubPage{margin-top:10px;}
    .newboxs{padding:40px 0;}
}

/*ship*/
.ship{display:block;position:fixed;width:64px;height:auto;right:0px;top:50%;transform:translate(0%,-50%);z-index:100;}
.ship ul li{text-align:center;margin-bottom:1px;}
.ship ul li a{display:block;width:64px;height:64px;overflow:hidden;}
.ship ul li a img{transition:all .3s ease-in-out;}
.ship ul li a:hover img{transform:scale(1.2);}
.ship ul li a i{display:inline-block;line-height:0px;margin-top:12px;}
.ship ul li p{font-size:14px;color:#888;margin-top:5px;}
.ship .fspho{width:210px;height:61px;background:#fff;border:1px solid #e8e8e8;position:absolute;top:0px;right:64px;font-size:14px;color:#333;line-height:61px;text-align:center;display:none;}
.ship .fspho p{font-size:14px;color:#888;}


/*视频列表*/
.vidl{margin-bottom:50px;margin-top:60px;}
.vidl dd{transition:all .3s linear;width:32.5%;float:left;margin-right:1.2%;margin-bottom:25px;position:relative;cursor:pointer;}
.vidl dd .vibox{width:100%;height:auto;background:#000;}
.vidl dd .vt{font-size:14px;color:#666;text-align:center;padding:15px 10px;}
.vidl dd:nth-child(3n){margin-right:0px;}
.vidl dd video{width:100%;height:auto;}
.vidl dd:hover{box-shadow:0 0 35px rgba(1,35,54,.3);}

@media ( max-width:997px){
   .vidl{margin-bottom:20px;margin-top:30px;}
}

@media ( max-width:559px){
    .vidl dd{width:48%;margin-right:0px;}
    .vidl dd:nth-child(2n){float:right;}
    .vidl dd{margin-bottom:15px;}
    .vidl dd .vt{padding:5px;}
}