@media (max-width: 1800px) {
.wwr{ width:45%; float:left; height:100%; background:#d3d3d3;}
.wwrm{ width:80%;}
}
@media (max-width: 1670px) {
.about3{ height:900px;  background-size:100%;}
}
@media (max-width: 1630px) {
.wname{ left:-100px;}
}
@media (max-width: 1560px) {

}
@media (max-width: 1500px) {
.about3{ height:850px; }

.wh-img{ padding-left:10%; }
.wname{left:-8%;}
}
@media (max-width: 1430px) {
.sortbbL{height:300px; }
.sortbbR{ height:300px; }

}
@media (max-width: 1370px) {
.sysmd{ width:100%;}

/*-- banner --*/
.in-img{ height:380px; top:35%;}
.in-img img{ max-width:60%;}
.in-box{ height:380px;}

.about3{ height:780px; }

.whboxss{height:530px;}
.wwrm{ width:100%;  margin-top:30px;}
}
@media (max-width: 1300px) {
.whmd{ width:100%;}

/*--　首页解决方案　--*/
.syscbox{ height:650px;}
.syscbox .p1{ font-size:48px; margin-top:16%;}
.syscbox .p2{ font-size:48px;}
}
@media (max-width: 1260px) {
.md{ width:100%;}
}
@media (max-width: 1240px) {
.symd{ width:100%;}
}
@media (max-width: 1230px) {
.cmd{ width:100%;}

.sortbbL{ height:280px;}
.sortbbR{ height:280px;}

/*-- 关于我们 --*/
.abL{ width:50%; float:left;}
.abLm{ width:90%; padding-left:15px; float:left;}
.abR{ width:50%; float:left;}

.wname{left:-8%; top:-115px; z-index:1;}
}

@media (max-width: 1200px) {
/*-- 视频 --*/
.ab-videos{ height:400px; padding:0 5%;}
}

/* md */
@media (max-width: 1130px) {
.bmd{ width:100%;}

.whboxss{ height:480px;}
.wwl{ width:40%; }
.wwr{ width:60%;}
.wwrm{ width:100%; padding:0px 20px;  margin-top:30px;}
.wss-img{ padding:0px; }

.syte-t-l{ width:40%; }
.syte-t-r .p3{ float:right; padding:10px 10px 10px; height:50px;}

/*--　首页解决方案　--*/
.syscbox{ height:600px;}
.syscbox .p1{ font-size:40px; margin-top:16%;}
.syscbox .p2{ font-size:40px;  margin-top:20px;}
}
/*ipad*/
@media (max-width: 1030px) {
.cpmd{ width:100%;}
.navbox ul li a{ padding:0px 15px;}

.footupl-2{ width:40%; }
.footupl-3{ width:37%;}

/*-- banner --*/
.in-img{ height:280px; top:38%;}
.in-img img{ max-width:70%;}
.in-box{ height:280px;}

.sortbbL{ height:230px;}
.sortbbR{ height:230px;}

.a3-one .p1{ margin-top:30px;}
.a3-one .p3{ margin-top:30px;}
.about3{ height:750px; background-size:140%;}
.a3-one .p4{ position:absolute; top:100%; left:-40%; width:180%;}
}

@media (min-width: 992px) and (max-width: 1199px) {

}

@media (min-width: 768px) and (max-width: 991px) {
.navbox ul li a{ padding:0px 8px;}

/*--　首页解决方案　--*/
.syscbox{ height:500px;}

/*-- 关于我们 --*/
.abinfo{padding:10px 0px;}
.abL{ width:100%;}
.abLm{ width:100%; padding:0;}
.abl-t img{ max-width:50%;}
.abl-line{margin-top:20px;}
.abl-namec{font-size:20px; margin-top:20px;}
.abl-namee{ padding:10px 0px;}

.abR{ width:100%;}
.abr-img{ margin-top:10px;}
.abr-line{ margin:20px 0px}

.about2{ height:520px;}
.aben{height:650px;}
.ab2-line{ width:5%;}
.ab2-logo img{ margin-top:100%;}
.ab2-info{ width:60%;}
.ab2-info-1{margin-top:20%;}

.a3-one .p1{ margin-top:30px;}
.a3-one .p3{ margin-top:30px;}
.about3{ height:650px; background-size:160%;}
.a3-one .p4{ position:absolute; top:100%; left:-40%; width:180%;}

}

@media (max-width: 920px) {
.bmd2{ width:100%;}

.sortbbL{ height:200px;}
.sortbbR{ height:200px;}
}


/* xs */
@media (max-width: 767px) {	
#wrapper {
    padding-left: 0;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
}

#wrapper.toggled {
    padding-left: 220px;
}

#sidebar-wrapper {
    z-index: 99999;
    left: 220px;
    width: 0;
    height: 100%;
    margin-left: -220px;
    overflow-y: auto;
    overflow-x: hidden;
    background: #333333;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
}

#sidebar-wrapper::-webkit-scrollbar {
  display: none;
}

#wrapper.toggled #sidebar-wrapper {
    width: 220px;
}

#page-content-wrapper {
    width: 100%;
}

#wrapper.toggled #page-content-wrapper {
    position:relative;
    margin-right: -220px;
}

/*-------------------------------*/
/*     Sidebar nav styles        */
/*-------------------------------*/

.sidebar-nav {
    position: absolute;
    top: 20px;
    width: 220px;
    margin: 0;
    padding: 0;
    list-style: none;
}

.sidebar-nav li {
    position: relative; 
    line-height: 32px;
    display: inline-block;
    width: 100%;
	padding:8px 5px;
	border-bottom:1px solid #e4e4e4;
}

.sidebar-nav li:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
    height: 100%;
    width: 0px;
    background-color:#000;
    -webkit-transition: width .2s ease-in;
      -moz-transition:  width .2s ease-in;
       -ms-transition:  width .2s ease-in;
            transition: width .2s ease-in;

}
.sidebar-nav i{ padding-right:20px;}
.sidebar-nav li:hover:before,
.sidebar-nav li.open:hover:before {
    width: 100%;
    -webkit-transition: width .2s ease-in;
      -moz-transition:  width .2s ease-in;
       -ms-transition:  width .2s ease-in;
            transition: width .2s ease-in;

}
.sidebar-nav li a {
    display: block;
    color: #FFF;
    text-decoration: none;
    padding: 5px 10px 5px 10px;
	font-size:16px;   
}
.sidebar-nav li a:hover,
.sidebar-nav li a:active,
.sidebar-nav li a:focus,
.sidebar-nav li.open a:hover,
.sidebar-nav li.open a:active,
.sidebar-nav li.open a:focus{
    color: #FFF;
    text-decoration: none;
    background-color: transparent;
}

.sidebar-nav > .sidebar-brand {
    height: 50px;
    font-size: 20px;
    line-height: 45px;
}
.sidebar-nav .dropdown-menu {
    position: relative;
    width: 100%;
    padding: 0;
    margin: 0;
    border-radius: 0;
    border: none;
    background-color:#333333;
    box-shadow: none;
}
.sidebar-brand{ color:#FFF; font-weight:600; font-size:18px; line-height:27px; margin-top:20px;}
.psort{ width:100%; height:auto; float:left; padding-left:0px;}
.psort a{ display:block; color:#ccc; padding:2px 0px; line-height:30px;}

.sidebar-nav li .snav{ background:#fff; width:100%; float:left; box-shadow: 2px 2px 1px rgba(204,204,204,0.5);padding:10px; display:none;}
.sidebar-nav li .snav a{display:block; line-height:28px; font-size:15px; color:#666; text-decoration:none;}
.sidebar-nav li .snav a:hover{ background:#e4e4e4; color:#fff;}


/*-------------------------------*/
/*       Hamburger-Cross         */
/*-------------------------------*/
.phone-title{ width:100%; height:47px; background:#1c1c1c; float:left;}
.phone-title-fix{width:100%; height:47px; background:#1c1c1c; position: fixed; z-index:99999;}
.phome-top-name{ width:100%; text-align:center; float:left; line-height:47px; overflow:hidden; color:#FFF;
text-overflow:ellipsis; white-space: nowrap; padding:0px 16%;}
.phome-top-name i img{ height:40px; margin-top:0px; padding-right:5px;}
.xscen{ position:absolute; top:11px; right:3px; line-height:20px; background:#e60012; padding:3px 7px;
 font-size:12px; color:#FFF;z-index:99999;
-moz-border-radius: 5px; /* Firefox */
-webkit-border-radius: 5px; /* Safari 和 Chrome */
border-radius: 5px; /* Opera 10.5+, 以及使用了IE-CSS3的IE浏览器 */
}
.xscen a{ color:#FFF;}
.hamburger {
  position: fixed;
  top: 9px;  
  z-index: 9999999;
  display: block;
  width: 32px;
  height: 32px;
  margin-left: 15px;
  background-color: transparent;
  border: none;
}
.hamburger:hover,
.hamburger:focus,
.hamburger:active {
  outline: none;
}
.hamburger.is-closed:before {
  content: '';
  display: block;
  width: 100px;
  font-size: 14px;
  color: #FFF;
  line-height: 32px;
  text-align: center;
  opacity: 0;
  -webkit-transform: translate3d(0,0,0);
  -webkit-transition: all .35s ease-in-out;
}
.hamburger.is-closed:hover:before {
  opacity: 1;
  display: block;
  -webkit-transform: translate3d(-100px,0,0);
  -webkit-transition: all .35s ease-in-out;
}

.hamburger.is-closed .hamb-top,
.hamburger.is-closed .hamb-middle,
.hamburger.is-closed .hamb-bottom,
.hamburger.is-open .hamb-top,
.hamburger.is-open .hamb-middle,
.hamburger.is-open .hamb-bottom {
  position: absolute;
  left: 0;
  height: 4px;
  width: 100%;
}
.hamburger.is-closed .hamb-top,
.hamburger.is-closed .hamb-middle,
.hamburger.is-closed .hamb-bottom {
  background-color: #FFF;
}
.hamburger.is-closed .hamb-top { 
  top: 5px; 
  -webkit-transition: all .35s ease-in-out;
}
.hamburger.is-closed .hamb-middle {
  top: 50%;
  margin-top: -2px;
}
.hamburger.is-closed .hamb-bottom {
  bottom: 5px;  
  -webkit-transition: all .35s ease-in-out;
}

.hamburger.is-closed:hover .hamb-top {
  top: 0;
  -webkit-transition: all .35s ease-in-out;
}
.hamburger.is-closed:hover .hamb-bottom {
  bottom: 0;
  -webkit-transition: all .35s ease-in-out;
}
.hamburger.is-open .hamb-top,
.hamburger.is-open .hamb-middle,
.hamburger.is-open .hamb-bottom {
  background-color: #fff;
}
.hamburger.is-open .hamb-top,
.hamburger.is-open .hamb-bottom {
  top: 50%;
  margin-top: -2px;  
}
.hamburger.is-open .hamb-top { 
  -webkit-transform: rotate(45deg);
  -webkit-transition: -webkit-transform .2s cubic-bezier(.73,1,.28,.08);
}
.hamburger.is-open .hamb-middle { display: none; }
.hamburger.is-open .hamb-bottom {
  -webkit-transform: rotate(-45deg);
  -webkit-transition: -webkit-transform .2s cubic-bezier(.73,1,.28,.08);
}
.hamburger.is-open:before {
  content: '';
  display: block;
  width: 100px;
  font-size: 14px;
  color: #fff;
  line-height: 32px;
  text-align: center;
  opacity: 0;
  -webkit-transform: translate3d(0,0,0);
  -webkit-transition: all .35s ease-in-out;
}
.hamburger.is-open:hover:before {
  opacity: 1;
  display: block;
  -webkit-transform: translate3d(-100px,0,0);
  -webkit-transition: all .35s ease-in-out;
}

/*-------------------------------*/
/*            Overlay            */
/*-------------------------------*/

.overlay {
    position: fixed;display: none;width: 100%; height: 100%;overflow:hidden;top: 0;left: 0;right: 0;
    bottom: 0;background-color: rgba(250,250,250,.8);z-index: 9;
} 


/*-- 首页1 --*/
.syone{padding:20px 0px 15px;}

/*-- 首页2--*/
.sytwo{padding-top:40px;}
.sytl{ width:100%; float:left; padding-right:0%;}
.sytl-img{ height:220px; margin-top:0px;}
.sytl-red{ top:55px; right:-10px; width:100px; height:150px; }
.sytr{ width:100%;}
.sytr-t img{width:200px; margin-top:20px;}
.sytr-info{ width:100%;line-height:22px; padding-left:0px; margin-top:20px;}
.sytr-btn{ width:100%; height:auto; padding-left:0px; margin-top:30px;}
.sytr-btn a{ width:120px;}
.sytwobg{ width:100%; text-align:right; padding-right:5px;}
.sytwobg img{ max-width:50%;}

/*-- 首页3 --*/
.sythree{ padding:20px 0px;}
.syte-up-img{ width:49.2%; height:210px; margin-right:0.8%;}
.syte-d-img{ margin-top:5px;}
.syte-dl-img{ width:49.2%; height:210px;}
.syte-dr-img{ width:49.2%; height:210px;}

.syte-t-l{ width:0%;}
.syte-t-r{ width:100%; height:auto; float:left;}
.syte-t-r .p1{ font-size:28px; width:100%}
.syte-t-r .p3{ float:right; padding:10px;}
.syte-r-img{ width:49.2%; height:210px; margin-left:0.8%;}

.tename{ width:100%; height:auto; position:absolute; top:47%; left:0;}
.te-c{ width:100%; height:auto; float:left; text-align:center; font-size:16px; color:#FFF; padding:2px 0px;}
.te-e{ width:100%; height:auto; float:left; text-align:center; font-size:16px; color:#FFF; padding:2px 0px; position:relative; 
visibility:hidden;
filter:alpha(opacity=0);   
-moz-opacity:0;   
-khtml-opacity:0;   
opacity:0; 
transition: 0.6s;-webkit-transition: 0.6s;-moz-transition: 0.6s;
}

.syte-up-img:hover .te-e i{ width:70%; left:15%;}
.syte-dl-img:hover .te-e i{ width:70%; left:15%;}
.syte-dr-img:hover .te-e i{ width:70%; left:15%;}
.syte-r-img:hover .te-e i{ width:70%; left:15%;}

/*-- 首页搜索 --*/
.absearch{ padding:40px 0px; }
.absearchL{ width:100%;}
.absearchL .p1{ font-size:20px;}
.absearchR{ width:100%;}

/*--　首页解决方案　--*/
.syscbox{ height:350px; }
.syscbox p{line-height:40px;}
.syscbox .p1{ font-size:24px; margin-top:22%;}
.syscbox .p2{ font-size:22px; margin-top:20px;}
.syscbox .p3{ font-size:18px; line-height:30px;}

/*--　猜你喜欢　--*/
.syg-t .p2{ font-size:22px; line-height:30px;}
.syg-t .p3{  margin-top:5px; }
.sygone{ margin-top:20px;}
.syg-name{ font-size:13px; height:40px;}

/*-- banner --*/
.ban-line{ height:2px;}
.in-img{height:160px; top:30%;}
.in-img img{ max-width:85%;}
.in-box{height:160px;}

/*-- 关于我们 --*/
.abnavm{ width:100%; float:left;}
.abnav a{ padding:15px 5px; font-size:13px; width:32%}
.abinfo{padding:10px 0px;}
.abL{ width:100%;}
.abLm{ width:100%; padding:0;}
.abl-t img{ max-width:50%;}
.abl-line{margin-top:20px;}
.abl-namec{font-size:20px; margin-top:20px;}
.abl-namee{ padding:10px 0px;}

.abR{ width:100%;}
.abr-img{ margin-top:10px;}
.abr-line{ margin:20px 0px}
.abl-show-en{ line-height:25px;}

.about2{ width:100%; height:auto; padding-bottom:30px;}
.ab2-line{ width:0%;}
.ab2-logo{ width:100%; height:100%; float:left; padding:0px 15px; text-align:center;}
.ab2-logo img{ max-width:40%; margin-top:30px;}
.ab2-info{ width:100%; height:auto; padding:0px;}
.ab2-info-1{ font-size:22px; margin-top:20px;}
.ab2-info-2{ width:100%; margin-top:20px; float:left;}
.ab2-info-3{ width:100%; }

.about3{ height:auto; padding-top:20px; background-size:200%;}
.a3-one{ width:90%; height:auto; float:left; position:relative; margin-left:5%;}
.a3-one .p1{  margin-top:20px;}
.a3-one .p2{ padding:0%; margin-top:20px; font-size:14px;}
.a3-one .p3{ height:70px; margin-top:20px;}
.a3-one .p3 a{ display:inline-block; width:50px; height:50px;}
.a3-one .p4{top:0%; left:0%; width:100%; float:left; position:relative;}
.a3side{ border:0;}

/*-- 视频 --*/
.ab-videos{ height:350px; padding:0px;}

/*-- 团队 --*/
.wh-t .p1{ font-size:22px;}
.wh-t .p2{ font-size:16px;}

.wh-img{ padding:130px 0px 40px; padding-left:10%; }
.wh-one{ width:100%; height:auto; float:left;}
.wh-two{ width:100%; height:auto; float:left;}

.wname{left:-8%; top:-115px;  z-index:1;}
.ws{font-size:22px;}
.ws-img img{ width:30px;}

.whboxs{padding:30px 0px;}
.ws2{ padding:10px; font-size:14px; line-height:25px; }

.whboxss{ height:auto; }
.wwl{ width:100%; height:220px;}
.wwr{ width:100%; height:auto;}
.wwrm{ width:100%; padding:0px 10px;  margin-top:20px;}
.wwrm .p1{ font-size:26px; line-height:28px;}
.wwrm .p2{ font-size:18px;}
.wss-img{  padding:20px 0px; }
.wss-else{ font-size:14px; line-height:28px; padding-bottom:30px;}

.honor{ padding:20px 0px;}

/*-- 合作品牌 --*/
.brand-one{padding:40px 0px;}
.bo-t .p1{ line-height:30px; font-size:24px; padding-bottom:5px;}
.bo-t .p2{font-size:16px; padding-bottom:10px;}
.bos-one{ width:30%;margin-top:5px;}
.bos-one img{ max-width:100%;}

.brand-two{height:auto; padding-top:30px; padding-bottom:50px;}
.bc-t{ font-size:24px;}
.bo-dw{ margin-top:10px;}
.bo-dw img{ width:100%;}
.brand-three{ padding:30px 0px;}
.b-th-table{padding:0px 5px;}
.b-th-table ul li{ width:100%; height:40px; font-size:14px; padding:0 10px; line-height:20px;}

/*-- 产品中心 --*/
.sort{height:140px; margin-top:10px;}
.sort-img{ width:58%; height:100%;}
.sortr{ width:42%; padding:0px 10px; }
.sort-name{ font-size:15px; margin-top:20px; padding-bottom:5px;}
.sort-more{ margin-top:30px; }
.sort-more a{ font-size:12px;}

.sortbbL{ width:100%; height:180px;}
.sortbbR{ width:100%; height:180px;}

.cpname{ height:45px;}

/*-- 内页 --*/
.psones{ width:100%; height:auto;}
.psones .p2{ width:80%;}
.pstwobox{ -webkit-transition:0s;-moz-transition:0s;transition:0s; display:none; }
.psones:hover .pstwobox{ width:90%; position:relative; float:left; -webkit-transition:0s;-moz-transition:0s;transition:0s; display:block;}
.pstwo{ width:100%; height:auto; float:left; padding:1px}
.pstwo .ps1{ width:25%; height:53px; float:left; background-size:cover;}
.pstwo .ps2{ width:67%; height:53px; float:left;}
#enp{ font-size:14px;}
.pstwo .ps2 table{ height:53px; line-height:18px;}
.pstwo .ps3{ width:8%; height:53px;}

.psthbox{-webkit-transition:0s;-moz-transition:0s;transition:0s;}
.pstwo:hover .psthbox{top:0; position:relative; float:left; -webkit-transition:0s;-moz-transition:0s;transition:0s;}

#search_input3{ width:250px;}
.psearch{padding-top:20px; padding-bottom:17px;}

/*-- 详细页 --*/
.pg{ z-index:10; top:-6px;}
.pg img{ width:90px;}
.ban {width:100%; padding-right:0%; }
.banbg{ width:0%;}
.min_pic {width:100%;}
.banr{ width:100%;}
.cpt{ padding:25px 0px 10px; font-size:20px; }

/*-- 相同产品 --*/
.samebox{padding:25px 0px;}
.same-t{padding:0 30px; line-height:35px;}

/*-- other --*/
.other-info .p2{ width:100%;}
.other-info .p3{ width:100%;}

/*-- 案例展示 --*/
.casebox{ padding:30px 0px;}
.caseone{ margin-top:12px;}
.case-name{font-size:13px;}

/*-- 新闻 --*/
.newsone{ width:100%; height:auto; float:left; position:relative; background:#f8f8f8;-webkit-transition: 0.8s;-moz-transition: 0.8s;transition: 0.8s; margin-bottom:2.5em;}
.newss{ width:100%; height:auto; padding:10px; margin-top:0%; margin-left:0%;}
.newspic{ height:auto; position:relative; float:left; width:100%}

/*-- 新闻详细内容 --*/
.pagesl{ width:100%;}
.pagesr{ width:100%; float:left; text-align:left; margin-top:15px;}
.pagesl a{font-size:14px;}
.pagesr a{font-size:14px;}

/*-- contact --*/
.contact-show{ width:100%; padding:30px 0px;}
.contact-one{ width:100%; }
.contact-two{ width:100%; }
.contact-three{ width:100%;}
.contact-cline{ width:0%; }

.xtop{ margin-top:10px;}
.crr-two{ width:100%;}
.crr-twos{ width:0%;}
#input2{height:180px;}
#button{ width:150px;}
.mapfang{height:350px;}

/*-- footbox --*/
.ft3-info span{ text-align:center; }

/* ~~ 脚注 ~~ */
.footdown{padding:20px 0px;}
.fol{ width:100%;}
.footdown span{ padding-right:0px; width:100%; float:left; text-align:center;}

/*底部导航*/
.phone-bottom-box{ width:100%; height:50px; float:left; background:#1c1c1c; z-index:9999; border-top:1px solid #e4e4e4;}
.footer-navs{width:100%; float:left; padding:0; margin:0;}
.footer-navs li{float: left;font-size:14px;line-height: 50px;width:33.33%;
text-align: center;list-style:none;overflow:hidden;}
.footer-navs a{color: #fff;}
.footer-navs p{display: inline-block;}
#fancybox-close{top:10px;right:-30px;}

/*回滚*/
.togo{width:30px; height:30px; border:0; position:absolute; right:-30px; bottom:18px;}
.goback{ margin-top:-25px; background-size:100%;}
.goback .gos{background-size:100%;}

/*内部导航*/
.allbox{position:relative;}
.phnav{height:auto; width:100%; float:left; background-color:#e60012; padding:13px 15px; line-height:25px; color:#FFF; font-size:16px; text-align:left; margin-bottom:5px;}
.phnav a{ color:#ffffff; text-decoration:none;}
.casenav{ width:100%; padding:0px 5px;-webkit-animation:fadeInUp 800ms;animation:fadeInUp 800ms; float:left;
position:absolute; top:45px;left:0;background:#FFF; z-index:1;
filter:progid:DXImageTransform.Microsoft.Shadow(color=#e2e1e1,direction=120,strength=4);/*兼容ie*/
-moz-box-shadow: 0px 2px 25px 1px #e2e1e1;/*兼容firefox*/
-webkit-box-shadow: 0px 2px 25px 1px #e2e1e1;/*兼容safari或chrome*/
box-shadow:0px 2px 25px 1px #e2e1e1;/*兼容opera或ie9*/
}
.casenav .snavbg{ width:80%; padding:5px;}
.casenav .snavl{ width:22%; height:auto;}
.casenav .snavr{ width:78%; height:auto;}

/*-- --*/
.plrx0{ padding:0px;}
.plrx5{ padding:0px 5px;}
.plrx10{ padding:0px 10px;}
.plr10{ padding:0px 5px;}
.cnf18{ font-size:16px;}
.cnf14{ font-size:12px;}
#cnf38{ font-size:22px;}
.cnff span{font-size:16px;}
}

/* XS Portrait */
@media (max-width: 480px) {
#xbox a{ padding-top:8px;}
/*-- contact --*/
.mapfang{height:280px;}

/*-- banner --*/
.in-img{ top:40%;}
#abnav a{ padding:15px 5px; }

/*-- 视频 --*/
.ab-videos{ height:250px;}
}
@media (max-width: 420px) {

}
@media (max-width: 380px) {
/*-- contact --*/
.mapfang{height:250px;}
}
@media (max-width: 330px) {

}