.header{ height: 80px; background:#fff }
.uk-sticky-placeholder{height: 0!important;}
.header.active{ box-shadow: 0 2px 8px rgba(0,0,0,.08); }

.header .uk-navbar-left{ min-height:80px; }
.header .logo{  }
.header .logo img{ margin:0; }

.header .uk-navbar-right{ }
.header .uk-navbar-right .lan{ color:#666; position: relative; padding-top:10px; }
.header .uk-navbar-right .lan span{ color:#333; }

.header .uk-navbar-right .lan .uk-drop{ width:120px; border-radius: 6px; background: rgba(255,255,255,0.9); padding:5px 15px; box-shadow: 0 2px 8px rgba(0,0,0,.08); }
.header .uk-navbar-right .lan .uk-drop::before{ content:''; display: block; border-top:6px solid transparent; border-bottom:6px solid transparent; border-left:10px solid transparent; border-right:10px solid transparent; width:0; height: 0; border-bottom-color:#e6e7ea; position: absolute; top:-12px; left: 50%; margin-left:-10px; }
.header .uk-navbar-right .lan .uk-drop li{ border-bottom:1px solid #d0d0d0; padding:10px 5px; }
.header .uk-navbar-right .lan .uk-drop li:last-child{ border-bottom: 0;}
.header .uk-navbar-right .lan .uk-drop li a{ color:#777; }
.header .uk-navbar-right .lan .uk-drop li a span{ display: inline-block; background: #c5c5c5; width:22px; height: 22px; text-align: center; line-height: 22px; border-radius: 50%; font-size: 13px; color:#fff; }
.header .uk-navbar-right .lan .uk-drop li a.cur,.header .uk-navbar-right .lan .uk-drop li a:hover{ color:#0076bc; }
.header .uk-navbar-right .lan .uk-drop li a.cur span,.header .uk-navbar-right .lan .uk-drop li a:hover span{ background: #0076bc;}

.header .social-share a{ background: none; border:0; color:#bcbcbc; transition: all ease 0.5s; }
.header .social-share a:hover{cursor: pointer; transform: rotate3d(0,1,0,180deg);}

.header .uk-navbar-center{ min-height:60px; padding-top:20px;  margin-left:50px; }
.header .uk-navbar-center>ul>li{  position: relative; margin-right:50px;  }
.header .uk-navbar-center>ul>li:last-child{ margin-right:0;}
.header .uk-navbar-center>ul>li>a{ position: relative; z-index: 2; height:60px; min-height: 60px; line-height:50px; text-align: center; font-size:18px; display: block; color:#666; padding:0px; transition: all 0.5s;}
.header .uk-navbar-center>ul>li>a:hover,.header .uk-navbar-center>ul>li.active>a{  color:#0076bc; }
.header .uk-navbar-center .uk-drop{ width:1500px; border-radius:0px; padding:0 15px; margin-top:0;  }
.header .uk-navbar-center .uk-drop::before{ content:''; display: block; border-top:6px solid transparent; border-bottom:6px solid transparent; border-left:10px solid transparent; border-right:10px solid transparent; width:0; height: 0; border-bottom-color:#e6e7ea; position: absolute; top:-12px; left: 50%; margin-left:-10px; }
.header .uk-navbar-center .uk-drop li{ line-height: 50px; border-bottom:1px solid #d0d0d0; width:6%; }
.header .uk-navbar-center .uk-drop li a{ display: block;}
.header .uk-navbar-center .uk-drop li a:hover{color:#0076bc;}


.header .uk-navbar-center .uk-drop li:last-child{ border-bottom:0; }






.header_down_list {
   
 
    width: 62%; 
  
    background: #fff;    overflow: hidden;

   
}

.header_down_left {
    padding: 80px 0;
    text-align: right;
    width: 100%;padding-top:10px;
}

.header_down_right {
    padding: 80px 0;
    width:35%;
    height: 100%;
    background: #fff;
    text-align: left;
    position: absolute;
    right: 0;
    top: 0; border-left:1px solid #eee; padding-top:10px;
}
.header_down_left .tttt
 { width:100%;overflow: hidden; height:50px;
    margin-right: 20px;
    text-align: left; float:left;  margin-left: 20px;
	    line-height: 28px;
    font-size: 16px;
    font-weight: bold;
    color: #666;
	
	
	
}

.header_down_left .header_down_box {
    margin-right: 20px;
    text-align: left; float:left;  margin-left: 20px;
}

.header_down_right .header_down_box {
    margin-left: 60px;
    text-align: left;
}

.header_down_left .header_down_ul {
    max-height: 360px;
}

.header_down_right .header_down_ul {
    min-height: 360px;
    max-height: 360px;
    overflow: hidden;
}

.header_down_title {
    line-height: 28px;
    font-size: 16px;
    font-weight: bold;
    color: #666;
}
.header_down_title a {
   
    color: #0076bc;
}
.header_down_ul {
    margin-top: 20px;
    line-height: initial !important;
}

.header_down_li {
    height: 40px;
    display: block; 
}

.header_down_li a {
    font-size: 16px !important;
    color: #666 !important;
    line-height: 40px;
    display: inline-block !important;
}
.header_down_li a:hover{
color: #0061ae!important;
}

.header_down_more {
    height: 40px;
}

.header_down_more a {
    display: inline-block !important;
    line-height: 40px;
    vertical-align: top;
    color: #0061ae !important;
}

.header_down_button {
    height: 40px;
    font-size: 0;
}

.header_down_button a {
    display: inline-block !important;
    line-height: 40px;
    vertical-align: top;
    font-size: 0 !important;

}

.header_down_button .header_span:nth-child(1) {
    color: #4c4c4c !important;
}

.header_down_button .header_span {
    font-size: 16px;
    color: #0061ae !important;
}

.header_down_button .header_span:nth-child(3) {
    font-size: 14px;
    padding-left: 5px;
}















/* .header .uk-navbar-nav li ul{ display: none; background:#f8f8f8; width:150px; padding:7px 0; position: absolute; left:0; top:90px;}
.header .uk-navbar-nav li ul a{ display: block; line-height: 36px; text-align: center;}
.header .uk-navbar-nav li ul a:hover{ background-color:#0076bc; color:#fff;} */


/* .header .uk-navbar-nav li:hover ul{ display: block;}
.header .uk-navbar-nav > li::after {
    content: "";
    display: block;
    position: absolute;
    z-index: 1;
    bottom: -2px;
    left: 50%;
    margin-left: -50%;
    width: 100%;
    height: 3px;
    background: #0076bc;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
    transform: scaleX(0);
    -o-transform: scaleX(0);
    -ms-transform: scaleX(0);
    -moz-transform: scaleX(0);
    -webkit-transform: scaleX(0); 
}
.header .uk-navbar-nav > li.active::after,
.header .uk-navbar-nav > li:hover::after {
    transform: scaleX(1);
    -o-transform: scaleX(1);
    -ms-transform: scaleX(1);
    -moz-transform: scaleX(1);
    -webkit-transform: scaleX(1); } */
/*
.banner{ position: relative;}
.banner .uk-slidenav{ width:64px; height: 64px; text-align: center;*/ opacity: 0.6; color:#fff;  }
/* .banner .uk-slidenav svg{ display: none;}*/
/*
.banner .uk-slidenav-previous{ left: 40px;background:rgba(0,0,0,0.2);    line-height:50px;  border-radius: 40px;
    
} 
.banner .uk-slidenav-next{ /*background: url(../images/ban_r.png) no-repeat;*/ right:40px;background:rgba(0,0,0,0.2);  line-height:50px;  border-radius: 40px; } 
/*.banner .uk-slidenav:hover{  opacity: 1; }
.banner .uk-dotnav{ bottom:30px; }
.banner .uk-dotnav>*>*{ width:30px; height: 4px; border:0; background:rgba(255,255,255,0.9); border-radius: 5px;}
.banner .uk-dotnav>.uk-active>*{ background:#fff;}



/*banner*/

.mtop{width:100%; height:70px;overflow:hidden;}
.slidebox{position:relative;width:100%;overflow:hidden;}

.slidebox .slideshow{width:100%;overflow:hidden;}

.slidebox .slideshow ul{position:relative;}

.slidebox .slideshow ul li{float:left;}

.slidebox .slideshow ul li img{width:100%;height:auto;}

.slidebox .slidelist{position:absolute;width:100%;height:70px;left:0;bottom:0;text-align:center;}

.slidebox .slidelist ul{display:inline-block;*display:inline;*zoom:1;}

.slidebox .slidelist li{float:left;width:36px;height:5px;margin:30px 10px;background-color:#fff;/*border-radius:50%;-webkit-border-radius:50%;-moz-border-radius:50%;-ms-border-radius:50%;-o-border-radius:50%;*/}

.slidebox .slidelist li.active{background-color:#999;border: 2px solid #999;}

.slidebox .item-btn{position: absolute;width: 80px;height: 80px;top: 50%;margin-top: -40px;cursor: pointer;transition: left .5s,right .5s;-webkit-transition: left .5s,right .5s;-moz-transition: left .5s,right .5s;-ms-transition: left .5s,right .5s;-o-transition: left .5s,right .5s;}

.slidebox .prev{left: -88px;background:url(../images/prev.png) no-repeat;}

.slidebox:hover .prev{left: 88px;}

.slidebox .next{right: -88px;background:url(../images/next.png) no-repeat;}

.slidebox:hover .next{right: 88px;}

.other-banner{width:100%;height: auto;}

.other-banner img{width: 100%;height: auto;}













.title{  margin-bottom:40px; }
.title .f36 {position: relative; margin-bottom:20px; position: relative; }
.title .f36::before{ content:''; display: block; width:70px; height: 3px; background: #0076bc; position: absolute; left: 50%; margin-left:-35px; bottom:-8px;}
.title .f36 a{ display: inline-block; color:#000; }
.title .f36 a.text-white{ color:#fff; }
.title.text-white .f36::before{ background: #0076bc; }


.title2{  margin-bottom:40px; }
.title2 .f36 {position: relative; margin-bottom:20px; position: relative; }
.title2 .f36::before{ content:''; display: block; width:70px; height: 3px; background: #; position: absolute; left: 50%; margin-left:-35px; bottom:-8px;}
.title2 .f36 a{ display: inline-block; color:#000; }
.title2 .f36 a.text-white{ color:#fff; }
.title2.text-white .f36::before{  }



/*閸掞拷*/
.pageBox { width:100%; text-align: center; margin-top:10px; padding-top:10px  }
.pageBox a { display: inline-block; *display: inline; *zoom: 1; width:80px; height: 55px; font-size:16px;margin: 0 6px; line-height: 55px; text-align: center; font-family: 'Arial'; background-color: #fff; color: #666;border: 1px solid #ccc; }
.pageBox a:hover,.pageBox a.active { background-color:#0076bc; color: #FFF;  }
.pageBox .on{ background-color:#0076bc; color: #FFF;  }
.pageBox .shangyi{ display:none;}
@media  (max-width: 861px) {

.pageBox { width: 640px; text-align: center; margin:auto; padding-top:20px; }
.pageBox a { display: inline-block; *display: inline; *zoom: 1; width:80px; height: 55px; margin: 0 6px; line-height: 55px; text-align: center; font-family: 'Arial'; background-color: #fff; color: #666;border: 1px solid #ccc; }
.pageBox a:hover,.pageBox a.active { background-color: #0076bc; color: #FFF; }
.pageBox .on{ background-color: #0076bc; color: #FFF; }
.pageBox .shangyi{ display:none;}
}

@media (min-width: 320px) and (max-width: 639px) {

.pageBox { width: 320px; text-align: center; margin:auto; padding-top:20px;}
.pageBox a { display: inline-block; *display: inline; *zoom: 1; width:80px; height: 55px; margin: 0 6px; line-height: 55px; text-align: center; font-family: 'Arial';  background-color: #fff; color: #666;border: 1px solid #ccc; }
.pageBox a:hover,.pageBox a.active { background-color: #0076bc; color: #FFF; }
.pageBox .on{ background-color: #0076bc; color: #FFF; }
.pageBox .shangyi{ display:none;}
}








.ipart1{ padding:70px 0 120px;    background: url(../images/bg5.jpg) center;
    background-size: cover; }
.ipart1 .uk-subnav-pill>*>a:focus, .uk-subnav-pill>*>a:hover{ background: none;}
.ipart1 .uk-subnav-pill a:hover,.ipart1 .uk-subnav-pill .uk-active a{ color:#0076bc; background: none; }
.ipart1 .uk-subnav-pill .iconfont{ height: 50px; line-height: 50px;}
.ipart1 .uk-switcher .wrap{ background: #fff; border-radius: 15px; padding:60px 70px;}
.ipart1 .uk-switcher .wrap .ctn{ padding:0 20px 0 40px; }
.ipart1 .uk-switcher .wrap .ctn .desc{ margin:40px 0 60px; min-height: 96px;}
.ipart1 .uk-switcher .wrap .ctn .uk-button{ height: 40px; line-height: 38px; min-width: 170px;}

.ipart2{  padding:70px 0 130px; background:url(../images/bg11.png) center; background-size: cover;}
.ipart2 .wrap{ padding:45px 55px; background: #fff; border-bottom:3px solid #fff; }
.ipart2 .uk-grid{ margin-left:-30px;}
.ipart2 .uk-grid>div{ padding-left:30px;}
.ipart2 .wrap .f20{ color:#000; margin:10px 0 20px; height: 56px; overflow: hidden; }
.ipart2 .wrap .desc{ height: 125px; margin-bottom: 30px; overflow: hidden; }
.ipart2 .wrap:hover{ border-bottom-color:#0076bc; }
.ipart2 .wrap:hover .f20{ color:#0076bc;}

.ipart3{ background: url(../images/bg2.png) center; background-size: cover; padding:80px 0;}
.ipart3 .uk-slider-items .wrap{ height: 120px;}
.ipart3 .uk-slider-items .wrap img{ max-width: 90%; max-height: 120px;}
.ipart3 .uk-slidenav svg{ width:25px }


.ipart4{ background: url(../images/bg6.jpg) center; background-size: cover; padding:90px 0;}
.ipart4 .uk-slider-items .wrap{ height: 120px;}
.ipart4 .uk-slider-items .wrap img{ max-width: 90%; max-height: 120px;}
.ipart4 .uk-slidenav svg{ width:25px }



.to-top{ position: fixed; bottom:100px; right:20px; z-index: 99999; width:50px; height: 50px; background: #fff; box-shadow: 0 0 10px 0px rgba(0,0,0,0.3); text-align: center; padding:11px;}
.to-top span{transform: rotate(90deg); display: block;}
.to-top:hover{ background: #0076bc; color:#fff; }


.hzhb{width: 100%; padding:20px 0; overflow:hidden;}
.hzhb ul{margin-left: -2%;}
.hzhb li{float: left;width:23%;text-align: center;margin-left: 2%;background: #FFF;margin-bottom:8px;transition: all 0.3s; cursor: pointer;border:1px #DEDEDE solid;}
.hzhbli .pic{padding:5px;border:1px #DEDEDE solid; }
.hzhb li img{width: 100%;}
.hzhb li p{font-weight: 400;line-height: 35px; font-size: 15px; padding-top: 8px;}


/*内页导航*/
.inban{ position: relative; height: 500px; background-size: auto 100%; background-repeat: no-repeat; background-position: center;    background-size: cover; }
.proban{ position: relative; height: 500px; background-size: auto 100%; background-repeat: no-repeat; background-position: center;    background-size: cover; }
.proban .uk-margin-medium-left{ margin-top:80px; }
.proban .f40{ line-height: 1.2; margin-bottom: 15px;}
.proban .uk-button{ line-height: 48px; min-width: 170px;}
.proban .uk-button:hover{ background: #0076bc; border-color:#0076bc; color:#fff; }

.tBody{ padding-bottom:100px; padding-top:45px;  min-height: 680px; color:#424242; }



.solyy-list{width: 100%;}
.solyy-list ul{width: 101%;}
.solyy-list li{width: 22%;text-align: center;float: left;border: 1px solid #999;
border-radius:50%; padding-top:50px; padding-bottom:70px; margin-right:3%}
.solyy-img{width: 100%;height: 74px;line-height: 72px;}
.solyy-img img{max-height: 100%;}
.solyy-list li h6, .solyy-list li h1{font-size: 18px;color: #fff;margin: 28px 0 10px;}
.solyy-list li p{width: 100%;font-size: 15px;color: #ccc;line-height: 24px;padding: 0 12%;}
.solcp{width: 100%;padding: 120px 0;background: #f7f7f7;}
.solcp .prolist{padding: 0;}
.solal{width: 100%;padding: 100px 0;}
.solal .caselb{padding: 0;}
.solvePoint{position: relative;top: -180px;display: block;height: 0;overflow: hidden;}




.sidebar{position:fixed;top:50%;right:2.5%;width:42px;text-align:center;z-index:10;height:250px;margin-top:-125px;z-index:9999;line-height:42px}
.sidebar a{width:42px;height:42px;border-radius:21px;cursor:pointer;display:block;overflow:hidden;
transition:all .3s cubic-bezier(.15,.65,.58,.99);-ms-transition:all .3s cubic-bezier(.15,.65,.58,.99);
-o-transition:all .3s cubic-bezier(.15,.65,.58,.99);-webkit-transition:all .3s cubic-bezier(.15,.65,.58,.99);
-moz-transition:all .3s cubic-bezier(.15,.65,.58,.99)}
.sidebar a>span{color:#fff;font-size:14px;margin-left:25px;display:none;line-height:42px;height:42px;opacity:0;filter:alpha(opacity=0);
transition:all .5s 1s cubic-bezier(.15,.65,.58,.99);-ms-transition:all .5s 1s cubic-bezier(.15,.65,.58,.99);
-o-transition:all .5s 1s cubic-bezier(.15,.65,.58,.99);-webkit-transition:all .5s 1s cubic-bezier(.15,.65,.58,.99);
-moz-transition:all .5s 1s cubic-bezier(.15,.65,.58,.99)}.sidebar a.right-mail{background:url(../images/sidebar-icon1.png) no-repeat center;margin-bottom:10px;
background-color:#999;position:absolute;right:0;top:0}
.sidebar a.right-mail:hover{width:200px;background:url(../images/sidebar-icon1.png) no-repeat 20px center #0076bc}
.sidebar a.right-weixin{background:url(../images/sidebar-icon2.png) no-repeat center;background-color:#999;
margin-bottom:10px;position:absolute;right:0;top:52px;overflow:visible}
.sidebar a.right-weixin:hover{background:url(../images/sidebar-icon2.png) no-repeat center #0076bc}
.sidebar a.right-weixin:hover .weixin-code{opacity:1;visibility:visible;left:-140px}.sidebar .weixin-code{position:absolute;left:-125px;top:50%;transform:translateY(-50%);-ms-transform:translateY(-50%);-o-transform:translateY(-50%);-webkit-transform:translateY(-50%);
-moz-transform:translateY(-50%);opacity:0;visibility:hidden;transition:all .6s ease;-ms-transition:all .6s ease;-o-transition:all .6s ease;-webkit-transition:all .6s ease;-moz-transition:all .6s ease}.sidebar .weixin-code img{width:120px;height:120px}
.sidebar a.right-tell{background:url(../images/sidebar-icon3.png) no-repeat center;background-color:#999;margin-bottom:10px;position:absolute;right:0;top:104px}
.sidebar a.right-tell:hover{width:200px;background:url(../images/sidebar-icon3.png) no-repeat 20px center #0076bc}
.sidebar a.right-message{background:url(../images/sidebar-icon4.png) no-repeat center;background-color:#999;margin-bottom:10px;position:absolute;right:0;top:156px;overflow:visible}
.sidebar a.right-message:hover{background:url(../images/sidebar-icon4.png) no-repeat center #0076bc}.sidebar a.right-message:hover .fixed-message{opacity:1;visibility:visible;left:-325px}
.sidebar a.right-top{background:url(../images/sidebar-icon5.png) no-repeat center;background-color:#999;position:absolute;bottom:0;right:0}
.sidebar a.right-top:hover{width:120px;background:url(../images/sidebar-icon5.png) no-repeat 20px center #0076bc}.sidebar a:hover>span{display:block;vertical-align:middle;opacity:1;filter:alpha(opacity=100)}
@media screen and (max-width:768px){
   
	.sidebar{ display:none;}
	
.slidebox .item-btn{ display:none;}.slidebox{margin-top:-10px;} .xqs10{margin-left:10px;} 
.solyy-list ul{width: 100%;}
.solyy-list li{width: 47%; margin-right:3%; margin-bottom:20px;}
}





.solyy-list2{width: 100%;}
.solyy-list2 ul{width: 101%;}
.solyy-list2 li{width: 24%;text-align: center;float: left; margin-right:1%; height:396px; padding-top:120px;}
.solyy2-img{width: 100%;height: 74px;line-height: 72px;}
.solyy2-img img{max-height: 100%;}
.solyy-list2 li h6, .solyy-list2 li h1{font-size: 20px;color: #fff;margin: 20px 0 10px;}
.solyy-list2 li p{width: 100%;font-size: 15px;color: #ccc;line-height: 24px;padding: 0 12%;}
.solcp2{width: 100%;padding: 120px 0;background: #f7f7f7;}
.solcp2 .prolist{padding: 0;}
.solal2{width: 100%;padding: 100px 0;}
.solal2 .caselb{padding: 0;}
.solvePoint2{position: relative;top: -180px;display: block;height: 0;overflow: hidden;}


@media screen and (max-width:768px){
   
	

.solyy-list2 ul{width: 100%;}
.solyy-list2 li{width: 47%; margin-right:3%; margin-bottom:20px;}
}





/*子导航*/
.subnav2{ background: #0076bc; width:100%; height:84px; }
.subnav{ border-bottom:1px solid #e7e7e7; height:85px; background: #0076bc;}
.subnav a{ display: inline-block; position: relative; color:#fff; line-height:84px;font-size: 20px; height:84px;  text-align: center; border-right: 1px solid #0580c8;   width:25%;  }
.subnav a:first-child{ margin-left: 0;border-left: 1px solid #0580c8;}
.subnav a:hover{ color:#fff; background: #026fb0}

.m1000{width:900px; margin: 0 auto;}
.ggjs01 {width:40%;float:left}
.ggjs01 img{width:100%;}

.ggjs02 {width:50%;float:right; margin-top:50px;}
.ggjs03 {width:100%;}



@media  (max-width:760px) {
	.m1000{width:100%}
	.subnav{ border-bottom:1px solid #e7e7e7; height:50px; background: #0076bc;}
  .subnav a{  width:20%;   }
.subnav2{ height:50px; }
	
.ggjs01 {width:100%;float:none; padding-bottom:5%;}


.ggjs02 {width:100%;float:none;margin-top:0px;}
	
	}

.crumb{border-bottom:1px solid #e7e7e7; height: 66px; padding-top:10px;}
.crumb .wrap{ line-height: 55px; color:#717171; }
.crumb .wrap a{ color:#717171; }
.crumb .wrap a:last-child,.crumb .wrap a:hover{ color:#0076bc; }


.content{ line-height: 2; color:#494949; }
.content img{ height: auto!important;}
.content table{ max-width:100%; }
.content table td,.content table th{ border:1px solid #ccc; padding: 3px; }
/* .content table{ border-collapse:collapse; backface-visibility:visible; width: 100%; }
.content table td,.content table th{ border:1px solid #ccc; padding: 3px; } */
/* .content table{ border-collapse: collapse; width:100%; }
.content table td{border:1px solid #ccc!important; padding:3px 10px; word-wrap:break-word; word-break:break-word;}
.content table thead tr td,.prointro table thead tr th{ background: #ececec; font-weight: bold;}
.content table tbody tr >td:first-child{ background: #f8f8f8!important; max-width: 300px!important; width:auto!important; } */



/*关于我们*/
.company .title{  margin-bottom:40px; }
.company .title .f24 {position: relative; margin-bottom:20px; position: relative; }
.company .title .f24::before{ content:''; display: block; width:70px; height: 3px; background: #0076bc; position: absolute; left: 50%; margin-left:-35px; bottom:-8px;}
.company .title .f24 a{ display: inline-block; color:#000; }

#about{ padding:30px 0 70px;}
#about .pic{ text-align: right; padding-left:40px; position: relative; z-index: 1; }
#about .pic img{ width: 100%; box-shadow: -40px 40px 0 0px #0076bc;}
#about .con{ padding:40px 50px; margin-top:40px; position: relative;}
#about .con::before{ position: absolute; right: 0; top:0; content:'';display: block; width:180%; height: 100%; border:8px solid #efefef;}

#vision{ padding:30px 0 70px; }
#vision .iconfont{ font-size: 200px; line-height: 1; margin-top:-20px; }

#join{ padding:30px 0 70px; }

/*Faq*/
.faqlist>ul>li{ position: relative; margin:0px!important; margin-top:-1px!important; border-top:1px solid #e9e9e9; border-bottom:1px solid #e9e9e9; }
.faqlist .uk-accordion-title{ padding: 25px 30px; position: relative;}
.faqlist .uk-accordion-title::before{width:22px; height:22px;}
/* .faqlist .uk-accordion-title i{ position: absolute; left: 0; top:32px; color:#fff; background: #939393;  display: block; width: 35px; height: 35px; line-height: 31px; border-radius: 50%; font-size: 26px; font-style: normal; text-align: center; } */
.faqlist .uk-accordion-content{ margin: 0; padding:30px 30px 40px; color:#565656;}
.faqlist .uk-accordion-content>*{ line-height: 1.8;}
.faqlist .uk-open{ }
.faqlist .uk-open .uk-accordion-title{ color:#565656; background: #f9f9f9; }
.faqlist .uk-open .uk-accordion-title i{ background: #0076bc;}
.faqlist .uk-open + li{  }
.faqlist li.uk-open:last-child::after{  }

.faqlist .uk-open .uk-position-bottom-right{bottom:40px;}
.faqlist .uk-open .uk-button{  line-height: 46px;}
#modal-resume .jobname{ margin-bottom: 30px;}
#modal-resume .uk-input{ border-top-left-radius: 6px; border-bottom-left-radius: 6px; line-height: 46px; height: 48px;}
#modal-resume .js-upload .uk-button{ background: #e2e2e2; border-top-right-radius: 6px; border-bottom-right-radius: 6px; line-height: 46px;}
#modal-resume .btn{ margin-top:50px; }
#modal-resume .btn >*{ margin:0 5px; min-width: 120px; font-size: 16px; line-height: 46px; }
#modal-resume .uk-modal-body{ padding:45px 50px 50px; border-radius: 20px;}


#amap{ height: 560px; background:url(../images/bg_cat_map.jpg) top center; background-size: 1920px auto; }
.mapwrap .uk-position-center{ padding:50px; width:800px;}
.mapwrap .uk-position-center ul{ margin-top:35px; padding-left:70px;}
.mapwrap .uk-position-center ul li{ margin-bottom: 20px; }
.mapwrap .wrap>div>div:nth-child(1) ul{ background: url(../images/ico1.png) left top no-repeat;}
.mapwrap .wrap>div>div:nth-child(2) ul{ background: url(../images/ico2.png) left top no-repeat;}


/*体验申请*/
.experience { max-width:900px; margin:40px auto;}
.experience .uk-input{ height: 46px; border-radius: 6px; }
.experience label{ width:160px; display: inline-block; margin:5px 0; cursor: pointer; }
.experience .uk-textarea{height: 150px;  border-radius: 6px; }
.experience .uk-button{ line-height: 48px; min-width: 180px; margin:20px auto;  }



/*新闻*/
.newsnav{ width:200px; padding-top:1px; }
.newsnav a{ margin-top:-1px; border:1px solid #ebebeb; border-left-color:#fff; border-right-color: #fff; line-height: 48px; width: 100%; display: block; }
.newsnav a:hover,.newsnav a.active{ position: relative; z-index: 1; border-color:#0076bc; color:#0076bc; }

.newslist ul{ padding-top: 40px; border-top: 1px solid #ebebeb; }
.newslist li{ position: relative; margin-bottom: 40px; border-bottom:1px solid #ebebeb; padding-bottom:40px; }
.newslist li .desc{ color:#8d8d8d; line-height: 2; }
.newslist li .con .f20{ }
.newslist li .con .desc{color:#838383; line-height: 2;}
.newslist li:hover{ border-color:#0076bc; }
.newslist li:hover .date{ color:#0076bc; }
.newslist li:hover .date::before{ background: #0076bc;}
.newslist li:hover::before{ position: absolute; top:-41px; left: 0; content:''; display: block; width:100%; height: 1px; background: #0076bc;}
.newslist li:hover .f20{ color:#0076bc; }

h1.f24{ }
.infos{ padding-bottom:15px; margin-bottom: 20px; border-bottom:1px solid #ebebeb; }

/* .share{ margin:10px 0;} */




/* .downlist li a{ color:#404040; }
.downlist li a:hover{ color:#0184cf; } */


/*搜索*/
.searchlist .searchinfo{ background: #e9e9e9; padding: 10px 15px; margin-bottom: 20px; color:#7b7b7b; }
.searchlist li{ padding-bottom: 20px; margin-bottom: 20px; border-bottom:1px solid #e9e9e9; position: relative; padding-left: 15px; position: relative; }
.searchlist li .iconfont{ position: absolute; left: 0; top:5px; }
.searchlist li .date{ margin-bottom: 5px;}
.searchlist li .gl{ color:#000000; }
.searchlist li:hover{ border-color:#0076bc; }
.searchlist li:hover::before{ position: absolute; top:-21px; left: 0; content:''; display: block; width:100%; height: 1px; background: #0076bc;}
.searchlist li:hover .gl{ color:#0076bc; }



/*上下链接*/
.cother{background: #ffffff;}
.cother ul{ padding:15px 25px;}
.cother ul li{ padding: 0; background-size: auto; }
.cother ul li a{color:#8a8a8a; }
.cother ul li a:hover{color:#0076bc; }
.cother ul li:last-child{ text-align: right;}
.cother span{ display: inline-block; }
.cother li:first-child{ padding-left: 20px; background: url(../images/icon_prev.png) left center no-repeat;}
.cother li:last-child{ padding-right: 20px; background: url(../images/icon_next.png) right center no-repeat;}


/*分页*/
.pages{ margin-top:40px; margin-bottom: 40px;}
.pages a,.pages .page-num{ display: block; padding:0; height: 42px; line-height: 40px; padding:0 8px; min-width:42px; text-align: center; border:1px solid #e9e9e9;  background: #ffffff; margin-left:-1px; }
.pages a:first-child{border-top-left-radius: 5px; border-bottom-left-radius: 5px;}
.pages a:last-child{border-top-right-radius: 5px; border-bottom-right-radius: 5px;}
.pages a span{ display: block; height: 100%; line-height: 38px;}
.pages .page-num-current, .pages a:hover{ color:#fff; background: #0076bc; border-color:#0076bc; }
.pages a:hover span{ color:#fff;}
/* .pages .uk-icon{ padding-top:2px; } */




/*资质荣誉*/
.uk-lightbox{ background: rgba(0,0,0,.5);}
.lightbox .uk-grid{ margin-left: -20px;}
.lightbox li{ margin-bottom: 60px; padding-left:20px!important;}
.lightbox li>div{ border:1px solid #e5e5e5; padding:14px 14px 10px; }
.lightbox li>div .name{ line-height: 50px; text-align: center;}
.lightbox li:hover>div{ border:2px solid #0076bc; padding:13px 13px 8px}
.lightbox li:hover>div .name{ color:#0076bc; }


/*合作*/
.partner li>.wrap{ border:1px solid #e5e5e5; padding:20px; }
.partner li>.wrap .pic{ height: 80px;}
.partner li>.wrap .pic img{ max-width: 100%; max-height: 80px;}
.partner li>.wrap:hover{ border-color:#0076bc; }
.partner li>.wrap:hover .name{ color:#0076bc; }

/*案例*/
.caselist ul{ margin-left:-40px; }
.caselist ul li{ padding-left:40px; margin-bottom:40px; }
.caselist ul li .con{ background: #fff; padding:30px 65px 40px; border-bottom:3px solid #fff; }
.caselist ul li .desc{ height: 84px; margin-top:15px; }
.caselist ul li:hover .con{ border-bottom-color:#0076bc; }
.caselist ul li:hover .f20{ color:#0076bc; }


/*视频*/
.videolist li a{ z-index: 3;}
.videolist li .img::before{z-index: 2; content:''; width:86px; height: 86px; background: url(../images/btn_vdo.png); position: absolute; left: 50%; top:50%; margin-left: -43px; margin-top:-43px; }
.videolist li .con{ padding:15px 70px 20px; border-bottom:3px solid transparent; min-height: 180px; }
.videolist li .con .f18{ border-bottom:1px dashed #ccc; padding:8px 20px; margin-bottom:15px;  }
.videolist li:hover .con{ border-color:#0076bc; background: #fafafa;}



.sersq-listt{width: 100%;}
.sersq-listt ul{margin-left: -1.5%;}
.sersq-listt li{width: 23%;margin-left: 1.5%;float: left;margin-top: 32px;min-height:260px;background: #fff;text-align:left;        border-radius:4px;
    box-shadow: 0 0 8px 2px rgba(0,0,0,0.1);}
.sersq-icon2{width: 100%;height: 52px;margin: 50px 0 30px;}
.sersq-icon2 img{max-height: 100%;}

.sersq-titt{width: 80%;margin: 0px auto; padding-top:30px;}
.sersq-titt h6, .sersq-titt h1{font-size:16px;color: #333; text-align:left}
.sersq-titt i{width: 28px;height: 2px;background: #b0b0b0;display: block;margin: 20px auto;}
.sersq-listt{width: 100%;margin: 0px auto; }
.sersq-listt p{width:80%;text-align:left; line-height:22px; color:#999;font-size:15px;margin: 0px auto; padding-top:1px;}




.sersq-list{width: 100%;}
.sersq-list ul{margin-left: -1.5%;}
.sersq-list li{width: 31.8333%;margin-left: 1.5%;float: left;margin-top: 32px;min-height: 462px;background: #fff;text-align: center;    border-radius: 4px;     box-shadow: 0 0 8px 2px rgba(0,0,0,0.1);}
.sersq-icon{width: 100%;height: 52px;margin: 60px 0 30px;}
.sersq-icon img{}
.sersq-tit{width: 80%;margin: 0px auto;}
.sersq-tit h6, .sersq-tit h1{font-size:18px;color: #333; text-align:l}
.sersq-tit i{width: 28px;height: 2px;background: #b0b0b0;display: block;margin: 20px auto;}
.sersq-list{width: 100%;margin: 0px auto; }
.sersq-list p{width:80%;text-align:left; line-height:22px; color:#999;font-size:15px;margin: 0px auto; padding-top:10px;}

.sersq{width: 100%;padding-bottom:20px;}


.sersq-list2{width: 100%;border-radius: 20px;
    box-shadow: 0 0 8px 2px rgba(0,0,0,0.1); padding-top:20px; text-align:center; padding-bottom:20px; padding-left:20px;
   }
	
	.sersq-list2 img{ text-align:center;max-width: 100%;
    height: auto;}

/* -------------------------PC端--------------------------- */


@media  (max-width:1600px) {
.header .uk-navbar-center .uk-drop{ width: 1160px;}
.header_down_right .header_down_box{ margin-left:40px;


}

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

  .sersq{padding-bottom: 100px;}}
@media all and (max-width:1599px) {

 .sersq {padding-bottom: 88px;}}

@media all and (max-width:640px) {
    .sersq-list ul{margin-left: 0;}
    .sersq-list li {width: 100%;margin-left: 0%;float: left;margin-top: 24px;min-height: auto;padding-bottom: 32px;}
    .sersq-icon {margin: 34px 0 24px;}
    .sersq {padding-bottom: 44px;}
	

	
	}


@media  (max-width:640px) {
.sersq-list2{width: 98%;margin: 0px auto;
    padding: 10px 20px;}
	
	.sersq-listt li{width:100%;}
	
	}

/*产品*/
.protit{  margin-bottom:0px; }
.protit .f24 {position: relative; margin-bottom:20px; position: relative;}
.protit .f24::before{ content:''; display: block; width:70px; height: 3px; background: #0076bc; position: absolute; left: 50%; margin-left:-35px; bottom:-8px;}
.protit .f24 a{ display: inline-block; color:#000; }
.line-height-22 h1{ font-size:18px;color:#000;}
.line-height-22 p{ font-size:14px;color:#666; line-height:21px;}

.protit .f244 {position: relative; margin-bottom:20px; position: relative; font-size:26px; color:#0076bc }
.protit .f244::before{ content:''; display: block; width:70px; height: 3px;  position: absolute; left: 50%; margin-left:-35px; bottom:-8px;}
.protit .f244 a{ display: inline-block; color:#0076bc; }

.product{ color:#4a4a4a;}
.product .part1{ padding:70px 0 70px; }
.product .part1 .uk-grid{ margin-top:60px; }
.product .part1 .f30{ margin-top:60px; }

.product .specs{ background: url(../images/bg_prot.png) top center no-repeat #fafafa; padding:80px 0; position: relative;overflow: hidden; }
.product .specs::after{ position: absolute; bottom:0; content:''; display: block; width:100%; height: 600px; background: url(../images/bg_prob.png) bottom center no-repeat; }
.product .specs>div{ position: relative; z-index: 1;}
.product .specs dl{ margin-bottom: 30px; }
.product .specs dl dt{ border-bottom: 1px solid #e1e1e1; padding:15px 40px; }
.product .specs dl dd{ padding:15px 40px; position: relative; line-height: 2; padding-left: 200px; color:#777777; }
.product .specs dl dd span{ position: absolute; left: 40px; color:#414141; }

.product .pics{ padding:70px 0 120px; }

.product .downs{ padding:70px 0 120px; }
.product .downs li{ height: 60px; line-height: 60px; padding:0 30px; }
.product .downs li:nth-child(odd){ background: #efefef; }
.product .downs li:nth-child(even){ }
.product .downs .downlist li:first-child{ background: #696969; color:#fff;}
.product .downs .downlist li .uk-width-1-8{ width:12.5%; }
.product .downs .downlist li .uk-width-3-8{ width:37.5%; }

.product1 .part2{ background: #fafafa; padding:120px 0; }
.product1 .part2 .f30{ margin-top:60px; }
.product1 .part3{ padding:120px 0; }
.product1 .part3 .f30{ margin-top:60px; }

.product2 .part2{ background: #fafafa; padding:70px 0 120px; }
.product2 .part2 .desc{ color:#858585; }
.product2 .part2 .wrap{ padding:0 30px 50px; border-radius: 10px; height: 100%;}
.product2 .part2 .wrap:hover{ box-shadow: 0 0 20px 0 rgba(0,0,0,0.1);}

.product12 .part2{ background: #fafafa; padding:70px 0; }
.product12 .part2 .wrap{ padding:0 30px;}
.product12 .part2 .desc{ color:#858585; }
.product12 .part2 .wrap{ padding:5px 30px 40px; border-radius: 10px; height: 100%;}
.product12 .part2 .wrap:hover{ box-shadow: 0 0 20px 0 rgba(0,0,0,0.1);}


.fwqbar{background: #fafafa; }
.fwqbar .tit{ border-bottom: 1px solid #e7e7e7; height: 66px; line-height: 66px;}
.fwqbar .tit .subnav{ background: #fafafa;}
.fwqbar.uk-active{ box-shadow: 0 0 8px 2px rgba(0,0,0,0.1); }

.ecs .choose{ padding:30px ;}
.ecs .intro{ background: #fafafa; padding:30px 0 90px;}

.ecs .intro .tit{ border-bottom: 1px solid #e7e7e7; height: 66px; line-height: 66px;}
.ecs .intro .tit .subnav{ background: #fafafa;}

.ecs .ecsnav a{ margin-right:10px; display: inline-block; position: relative; }
.ecs .ecsnav a:hover,.ecs .ecsnav a.active{ color:#0076bc; }
.ecs .ecsnav a:hover::before, .ecs .ecsnav a.active::before { position: absolute; bottom: -2px; left: 0; content: ''; width: 100%; height: 3px; background: #0076bc; border-radius: 5px;}

.ecs .intro .protit .f24::before{ left: 0; margin-left:0; }
.ecs .proslide{ width:600px; overflow: hidden; text-align: center; }
.ecs .proslide .uk-slideshow-items{ }
.ecs .proslide .thumb { padding: 15px 35px; }
.ecs .choose a{ border:2px solid #cccccc; color:#848484; margin-right: 20px; display: inline-block; border-radius: 6px; line-height: 46px; padding:0 50px; }
.ecs .choose a.uk-active,.ecs .choose a:hover{ border-color: #0076bc; color: #0076bc;}
.ecs .part1{ padding:80px 0 100px; }
.ecs .part1>div>.uk-grid>div{ height: 350px;}
.ecs .part1 .wrap{border:1px solid #ebebeb; border-radius: 10px; padding:30px 60px 50px; background: #fff; }
.ecs .part1 .wrap .ico{ line-height: 1.4;}
.ecs .part1 .wrap .f18 { height: 50px; line-height: 25px; margin-bottom: 20px; }
.ecs .part1 .wrap:hover{ border-color:#0076bc; height: auto; position: relative; z-index: 1; }
.ecs .part1 .wrap:hover .iconfont{ color:#0076bc; }
.ecs .part1 .wrap:hover .f18{ color:#0076bc;}
.ecs .part1 .wrap:hover .max-line-3{ overflow: auto!important; height: auto!important; display: block!important; -webkit-line-clamp:unset; }
.ecs .part2{ background: url(../images/bg_prot.png) top center no-repeat #fafafa; padding:80px 0; position: relative;overflow: hidden; }
.ecs .part2::after{ position: absolute; bottom:0; content:''; display: block; width:100%; height: 600px; background: url(../images/bg_prob.png) bottom center no-repeat; }
.ecs .part2>div{ position: relative; z-index: 1;}
.ecs .part2 ul{ border-top:1px solid #e1e1e1; }
.ecs .part2 ul li{ border-bottom:1px solid #e1e1e1; padding:30px 40px; color:#777777; }
.ecs .part2 table{border-collapse: collapse;}
.ecs .part2 table td,.ecs .part2 table th{ padding:5px 10px; }

.ecs .downs .downlist li:first-child{ background: #696969; color:#fff;}
.ecs .downs .downlist li .uk-width-1-8{ width:12.5%; }
.ecs .downs .downlist li .uk-width-3-8{ width:37.5%; }


.product6 .part2{ background: #fafafa; padding:70px 0 120px; }
.product6 .part2 .desc{ color:#858585; }
.product6 .part2 .wrap{ padding:0 30px 50px; border-radius: 10px; height: 100%;}
.product6 .part2 .wrap:hover{ box-shadow: 0 0 20px 0 rgba(0,0,0,0.1);}
.product6 .part3{padding:70px 0 120px;}
.product6 .part3 .uk-grid .uk-width-auto img{ margin-right:50px; }
.product6 .part3 ul{ border-top:1px solid #e1e1e1; }
.product6 .part3 ul li{ border-bottom:1px solid #e1e1e1; padding:30px 40px; }

.solution .part1 .protit .f24::before{ left: 0; margin-left:0; }
.solution7 .part2{ background: #fafafa; padding:70px 0 120px; }
.solution7 .part2 .wrap{ padding:0 30px 50px; border-radius: 10px; height: 100%;}
.solution7 .part2 .wrap:hover{ box-shadow: 0 0 20px 0 rgba(0,0,0,0.1);}

.solution8 .part2{ background: #fafafa; padding:70px 0 100px;}
.solution8 .part2 .uk-table{ width:60%; margin:0 auto; }
.solution8 .part2 .uk-table th,.solution8 .part2 .uk-table td{ border:0; text-align: center; font-size: 16px; padding:10px 10px; }
.solution8 .part2 .uk-table th{ color:#fff; }
.solution8 .part2 .uk-table thead tr th:nth-child(1){ background: #696969;}
.solution8 .part2 .uk-table thead tr th:nth-child(2){ background: #414141;}
.solution8 .part2 .uk-table thead tr th:nth-child(3){ background: #4b4b4b;}
.solution8 .part2 .uk-table thead tr th:nth-child(4){ background: #0076bc;}
.solution8 .part2 .uk-table tbody tr:nth-child(odd) td:nth-child(1){ background: #fafafa;}
.solution8 .part2 .uk-table tbody tr:nth-child(odd) td:nth-child(2){ background: #e5e5e5;}
.solution8 .part2 .uk-table tbody tr:nth-child(odd) td:nth-child(3){ background: #f0f0f0;}
.solution8 .part2 .uk-table tbody tr:nth-child(odd) td:nth-child(4){ background: #fafafa;}
.solution8 .part2 .uk-table tbody tr:nth-child(even) td:nth-child(1){ background: #eaeaea;}
.solution8 .part2 .uk-table tbody tr:nth-child(even) td:nth-child(2){ background: #cdcdcd;}
.solution8 .part2 .uk-table tbody tr:nth-child(even) td:nth-child(3){ background: #d9d9d9;}
.solution8 .part2 .uk-table tbody tr:nth-child(even) td:nth-child(4){ background: #f0f0f0;}
.solution8 .part3{ background: #fafafa; padding:70px 0 100px;}
.solution8 .part3 .uk-subnav-pill{ border-bottom:1px solid #dfdfdf; height: 40px; margin-left:0; }
.solution8 .part3 .uk-subnav-pill>*{ padding: 0;}
.solution8 .part3 .uk-subnav-pill a{ margin:0 30px; font-size: 16px;  }
.solution8 .part3 .uk-subnav-pill a:hover, .solution8 .part3 .uk-subnav-pill .uk-active a{ border-bottom:3px solid #0076bc; color:#0076bc; background: none; }
.solution8 .part3 .uk-switcher>li{ background: #fff; border-radius: 20px; box-shadow:  0 0 8px 2px rgba(0,0,0,0.1); padding:60px 160px;}


.solution9 .part2{ background: #fafafa; padding:70px 0 100px; }
.solution9 .uk-subnav-pill{ margin-left: -10px; }
.solution9 .uk-subnav-pill>*{ padding-left: 10px; }
.solution9 .uk-subnav-pill>*>a{ font-size: 18px; background: #363636; border-radius: 6px; color:#fff; padding:3px 50px; min-width: 150px; text-align: center;}
.solution9 .uk-subnav-pill>.uk-active>a, .solution9 .uk-subnav-pill>*>a:hover{ background: #0076bc; }
.solution9 .part2 .uk-switcher{ background: #fff; padding:50px 80px; border-radius: 20px; box-shadow: 0 0 8px 5px rgba(0,0,0,0.1);}


.solution10 .part2{ background: #fafafa; padding:70px 0 100px;}
.solution10 .part2 .ico{ display: block; margin:30px auto; width:130px; height: 130px; padding:25px; text-align: center; border:2px solid #595959; border-radius: 50%;  }
.solution10 .part2 .iconfont{ line-height: 80px; color:#595959;}
.solution10 .part2 .wrap:hover .ico{ border-color:#0076bc; }
.solution10 .part2 .wrap:hover .ico .iconfont{ color:#0076bc; }
.solution10 .part2 .desc{ color:#858585; }
.solution10 .part2 .wrap{ padding:5px 30px 40px; border-radius: 10px; height: 100%;}
.solution10 .part2 .wrap:hover{ box-shadow: 0 0 20px 0 rgba(0,0,0,0.1);}


/*ECS*/
.pronav{ width:200px; padding-top:1px; }
.pronav>ul>li>a{ color:#000; display: block; padding-left:30px; }
.pronav>ul>li>a:hover,.pronav>ul>li>a.active{ position: relative; z-index: 1; color:#0076bc; }
.pronav>ul>li:nth-child(1)>a{ background: url(../images/ico_arm.png) left center no-repeat; background-size: auto 20px;}
.pronav>ul>li:nth-child(2)>a{ background: url(../images/ico_xeon.png) left center no-repeat; background-size: auto 20px;}
.pronav>ul>li:nth-child(1)>a:hover,.pronav>ul>li:nth-child(1)>a.active{ background-image: url(../images/ico_arm_cur.png);}
.pronav>ul>li:nth-child(2)>a:hover,.pronav>ul>li:nth-child(2)>a.active{ background-image: url(../images/ico_xeon_cur.png);}
.pronav>ul>li ul{ padding:5px 10px 20px; }
.pronav>ul>li li a{ display: block; line-height: 30px; color:#000; padding-left:10px; position: relative; }
.pronav>ul>li li a::before{ content:''; display: block; width:5px; height: 5px; border-radius: 50%; background: #ccc; position: absolute; left: 0; top:13px; }
.pronav>ul>li li a:hover,.pronav>ul>li li a.active{ color:#000; }




.prolist ul{  }
.prolist li{ position: relative; margin-bottom: 40px; padding:20px 40px; box-shadow: 0 0 8px 4px rgba(0,0,0,0.2); }
.prolist li .pic{ width:240px;}
.prolist li .desc{ color:#8d8d8d; line-height: 2; }
.prolist li .con .f20{ }
.prolist li .con .desc{color:#838383;}
.prolist li .con .desc p{ line-height: 25px; padding-left:15px; position: relative; }
.prolist li .con .desc p > span{ position: absolute; left:0; top:0px; color:#0076bc; }
.prolist li .con .desc p > span:before{  content: "\e61d"; font-size:12px; }
.prolist li:hover{  }
.prolist li:hover .f20{ color:#0076bc; }



/*弹出层*/
.my-modal-simple .uk-modal-dialog{ width:220px; }
.my-modal-medium .uk-modal-dialog{ width:450px; }
.my-modal-large .uk-modal-dialog{ width:940px; }