
.pagination ul li {float: left;}
.pagination a{font-size: 12px;color: #ccc;display: inline-block;_display:inline;padding: 0 7px;border: 1px solid #ddd;margin-right: 5px;line-height: 26px;}
.pagination a.prev,.pagination a.next{padding: 0 15px;}
/*Html5*/
article,aside,details,figcaption,figure,footer,hgroup,main,nav,section,summary {display: block;}
audio,canvas,video {display: inline-block;}
audio:not([controls]) {display: none;height: 0;}
/*اه³‎¸،¶¯*/
.clear {clear: both;}
.f-cb{zoom:1;}
.f-cb:after{display:block;height:0;clear:both;visibility:hidden;overflow:hidden;content:".";}
.fl {float:left;display: inline;}
.fr {float:right;display: inline;}
.por{position: relative;}
.poa{position: absolute;}
.poa-f{position: absolute;left: 0;top: 0;width: 100%;height: 100%;}
.ovh{overflow: hidden;}
.z1{z-index: 1;}
.z2{z-index: 2;}
.dn{display: none;}
/* CSS Document */
html, body{min-width: 980px;}
.w{width: 730px;margin: 0 auto;}
.h-top p{padding-left: 10px;color: #fff;filter:alpha(opacity=85);opacity: 0.85;}
.h-top a{display: inline-block;padding: 0 10px;background: url("http://www.dali-tech.com/static/web/css/../img/bg_line20.png") no-repeat right center;color: #fff;filter:alpha(opacity=85);opacity: 0.85;transition: opacity 0.5s;}
.h-top a:hover{filter:alpha(opacity=100);opacity: 1;}
.nav li.nav-sub a.tit{display: inline-block;width: 99.9%;height: 62px; padding: 17px 0 9px;border-right: 1px solid #eee;font-size: 15px;line-height: 62px;color: #555;text-align: center;transition: color 0.5s;}
.nav a.tit:hover{color: #0564c6;}
/*INDEX*/
.iban-wrap{height: 799px;}
.iban{height: 799px;background: url("http://www.dali-tech.com/static/web/css/../../img/loadings.gif") no-repeat center;}
.iban .imglist li.active{animation: bannerIn 15s forwards;}
@keyframes bannerIn{100%{transform: scale(1.1);}}
.iban .w{height: 570px;padding-top: 250px;}
.iban .list li{position: absolute;left: 0;top: 0;width: 730px;height: 415px;display: none;}
.iban .list .tips{top: 0; width: 730px;font-size: 24px;line-height: 42px;color: #fff;}
.iban .list b{font-size: 48px;line-height: 66px;}
.iban .list strong{font-size: 48px;line-height: 66px;}
.iban .list span{display: inline-block;color: #fff;}
.iban .list a:hover span{color: #0c4da2;}
.iban .list span.fr{display: inline-block;width: 5px;height: 30px;background: url("http://www.dali-tech.com/static/web/css/../img/bg_sign03.png") no-repeat 0 0;}
.iban .list a:hover span.fr{background-position: 0 -30px;}
.iban .list .l{left: -200px;filter:alpha(opacity=0);opacity: 0;}
.iban .list .r{top: -40px;right: -200px;filter:alpha(opacity=0);opacity: 0;text-align: right;}
.iban .line{left: 0; bottom: 0;width: 100%;height: 5px;}
.iban .line-in{width: 0;background: url("http://www.dali-tech.com/static/web/css/../img/bg_line01.png");}
.iban li img{top: -82px;}
.iban-box{left: 50%;bottom: 76px;width: 980px;height: 161px;margin-left: -490px;}
.iban-box .fi{width: 273px;height: 145px;padding: 16px 27px 0;}
.iban-box .th{cursor: pointer;}
.iban-box a{display: inline-block;width: 100%;font-size: 11px;line-height: 28px;color: #aab9d5;transition: color 0.5s;}
.iban-box a.tit{font-size: 14px;line-height: 28px;color: #fff;}
.iban-box a.more{position: absolute;left: 26px;bottom: 19px;display: inline-block;width: 65px;padding: 0 9px 0 22px;border: 1px solid #89a4c6;font-size: 11px;line-height: 26px;color: #89a4c6;transition: all 0.5s;}
.iban-box .se a.more{border: 1px solid #888582;color: #888582;}
.iban-box a.more span.fr{display: inline-block;width: 3px;height: 26px;background: url("http://www.dali-tech.com/static/web/css/../img/bg_sign04.png") no-repeat center;filter:alpha(opacity=50);opacity: 0.5;transition: all 0.5s;}
.iban-box a:hover{color: #fff;}
.iban-box a.more:hover{border: 1px solid #fff;color: #fff;}
.iban-box a.more:hover span.fr{filter:alpha(opacity=100);opacity: 1;}
.iban .btns{left: 50%;bottom: 36px;height: 6px;display:none;}
.iban .btns span{display: inline-block;float: left;width: 62px;height: 5px;background: #fff;margin: 0 3px;filter:alpha(opacity=30);opacity: 0.3;transition: background 0.5s;cursor: pointer;}
.iban .btns span.cur{filter:alpha(opacity=60);opacity: 0.6;}



.imglist ul li:nth-child(3n+1){background:url("../images/abanner.png");background-position: center;background-repeat: no-repeat;background-size: 100% 100%;}
.imglist ul li:nth-child(3n+2){background:url("../images/abanner2.jpg");background-position: center;background-repeat: no-repeat;background-size: 100% 100%;}
.imglist ul li:nth-child(3n+3){background:url("../images/abanner3.jpg");background-position: center;background-repeat: no-repeat;background-size: 100% 100%;}




.ultu{text-align: center;}
.ultu img{max-width: 90%;}



.index-kong{width:100%;height:100px;}

@media screen and (min-width: 1920px) {
    .iban-wrap{height: 799;}
    .iban{height: 799;background: url("http://www.dali-tech.com/static/web/css/../../img/loadings.gif") no-repeat center;}
    .head-all{width:1415px;}
    .head-right ul li{width: 105px;}
    .head-right {margin-left: 14px;}
}
@media screen and (min-width: 1441px) and (max-width: 1919px){
    .iban-wrap{height: 600px;}
    .iban{height: 600px;background: url("http://www.dali-tech.com/static/web/css/../../img/loadings.gif") no-repeat center;}
    .head-all{width:1415px;}
    .head-right ul li{width: 105px;}
    .head-right {margin-left: 14px;}

}
@media only screen and (min-width: 1300px) and (max-width: 1439px){
    .iban-wrap{height: 559px;}
    .iban{height: 559px;background: url("http://www.dali-tech.com/static/web/css/../../img/loadings.gif") no-repeat center;}
    .head-all{width:1275px;}
    .head-right ul li{width: 87px;}
    .head-right {margin-left: 14px;}

}
@media only screen and (min-width: 1024px) and (max-width: 1300px){
    .iban-wrap{height: 208px;}
    .iban{height: 208px;background: url("http://www.dali-tech.com/static/web/css/../../img/loadings.gif") no-repeat center;}
    .head-all{width:1000px;}
    .head-left{width:214px;overflow: hidden;float: left;}
    .head-left img{width: 100%;}
    .head-right ul li{width: 75px;padding-top:33px;}
    .head-right {margin-left: 0.1px;}
    .head-rr{width: 185.9px;float: left;overflow: hidden;margin-top: 16px;}
    .head-rr img{width: 100%;}
    .head{height:71px;}
    .index-kong{height:85px;}
    .aa{top: 71px; width: 1000px;}
    
    .bott-ul1 li {margin-left: 10px; margin-right: 10px;}

    
}

@media only screen and (min-width: 799px) and (max-width: 1024px){
    .iban-wrap{height: 208px;}
    .iban{height: 208px;background: url("http://www.dali-tech.com/static/web/css/../../img/loadings.gif") no-repeat center;}
    .head-all{width:100%;}
    .head-left{width:18.4%;overflow: hidden;float: left;}
    .head-left img{width: 100%;}
    .head-right ul li{width: 12.2%;padding-top: 29px;}
    .head-right {margin-left: 0px;width:64%;}
    .head-rr{width: 17.6%;float: left;overflow: hidden;margin-top: 15px;}
    .head-rr img{width: 100%;}
}

@media screen and (min-width: 1680px) and (max-width: 1919px) {
    .two-nr ul li{width: 540px;overflow: hidden;float: left;margin-right: 20px;position: relative;}
}
@media screen and (min-width: 1600px) and (max-width: 1679px) {
    .two-nr ul li{width: 515px;overflow: hidden;float: left;margin-right: 18px;position: relative;}
}
@media screen and (min-width: 1440px) and (max-width: 1599px) {
    .head-right ul li{width: 79px;}
    .two-nr ul li{width: 465px;overflow: hidden;float: left;margin-right: 15px;position: relative;}
	.head-right ul li:nth-child(5) {background: url(../images/hot.png) no-repeat 29px 20px;}
}
@media screen and (min-width: 1400px) and (max-width: 1439px) {
    .two-nr ul li{width: 452px;overflow: hidden;float: left;margin-right: 14px;position: relative;}
	.head-right ul li:nth-child(5) {background: url(../images/hot.png) no-repeat 37px 20px;}
}
@media screen and (min-width: 1366px) and (max-width: 1399px) {
    .two-nr ul li{width: 442px;overflow: hidden;float: left;margin-right: 13px;position: relative;}
	.head-right ul li:nth-child(5) {background: url(../images/hot.png) no-repeat 37px 20px;}
}
@media screen and (min-width: 1360px) and (max-width: 1365px) {
    .two-nr ul li{width: 440px;overflow: hidden;float: left;margin-right: 13px;position: relative;}
	.head-right ul li:nth-child(5) {background: url(../images/hot.png) no-repeat 37px 20px;}
}
@media screen and (min-width: 1280px) and (max-width: 1359px) {
    .two-nr ul li{width: 415px;overflow: hidden;float: left;margin-right: 11px;position: relative;}
	.head-right ul li:nth-child(5) {background: url(../images/hot.png) no-repeat 24px 7px;}
}
@media screen and (min-width: 1152px) and (max-width: 1279px) {
    .two-nr ul li{width: 374px;overflow: hidden;float: left;margin-right: 10px;position: relative;}
	.head-right ul li:nth-child(5) {background: url(../images/hot.png) no-repeat 25px 6px;}
}
@media screen and (min-width: 1024px) and (max-width: 1151px) {
    .two-nr ul li{width: 333px;overflow: hidden;float: left;margin-right: 8px;position: relative;}
	.head-right ul li:nth-child(5) {background: url(../images/hot.png) no-repeat 27px 2px;}
}
@media screen and (min-width: 800px) and (max-width: 1023px) {
    .two-nr ul li{width: 259px;overflow: hidden;float: left;margin-right: 7px;position: relative;}
	.head-right ul li:nth-child(5) {background: url(../images/hot.png) no-repeat 36px 7px;}
}






