﻿
/*首页*/
.imain1 { background:url(../images/index/ibg1.jpg) center top no-repeat #152245; height:1000px;}
.imain2 { background:#002881; font-size:14px; color:#efcb73; padding:10px 0px; line-height:40px;}
.imain3 { background:url(../images/index/ibg3.jpg) center top no-repeat #152245; height:1150px; padding-top:60px;}
.imain4 { background:url(../images/index/ibg4.jpg) center top no-repeat #152245; height:800px; padding-top:60px;}
.imain5 { background:url(../images/index/ibg5.jpg) center top no-repeat #152245; height:550px; padding-top:75px;}
/*.imain6 { background:#002881; font-size:14px; color:#efcb73; padding:5px 0px; line-height:40px;margin-bottom: 5px}*/


.ilogo { text-align:center; padding: 90px 0px 20px 0px; height:187px; }
.inav { height:185px; display:table; width:1400px; margin:0 auto 40px auto;}
.inav .inav_m { display:table-row;}
.inav .inav_m a{ display:table-cell; vertical-align:middle; width:220px; font-size:24px; color:#ffffff; line-height:30px; text-align:center; background:url(../images/index/navbg.png) right top no-repeat; height:185px; padding:0; transition:color 500ms ease; -webkit-transition:color 500ms ease;-moz-transition:color 500ms ease; -o-transition:color 500ms ease;}
.inav .inav_m a b{ font-weight: bold; }
.inav .inav_m a span{ font-size:14px; text-transform:uppercase; }
.inav .inav_m a:hover{ color:#fff; background-position:left top; transition:color 500ms ease; -webkit-transition:color 500ms ease;-moz-transition:color 500ms ease; -o-transition:color 500ms ease;}

.iban { height:460px; position:relative;}
.iban >a{ display:block; width:430px; height:250px; position:absolute; left:50%; top:0; background:url(../images/index/iban.png) no-repeat; transition:left 500ms ease; -webkit-transition:left 500ms ease;-moz-transition:left 500ms ease; -o-transition:left 500ms ease;}
.iban a.horn{ background-position:-430px 0; margin-left:-625px;}
.iban a.wings{ background-position:-410px -250px; margin-left:-309px; top:167px;}
.iban a.shell{ background-position:-430px -500px; margin-left:8px;}
.iban a.pow{ background-position:-410px -750px; margin-left:325px; top:167px;}
.iban a:hover{ left:50.5%; transition:left 500ms ease; -webkit-transition:left 500ms ease;-moz-transition:left 500ms ease; -o-transition:left 500ms ease;}
.iban a.horn:hover{ background-position:-430px 0; }
.iban a.wings:hover{ background-position:-410px -250px; }
.iban a.shell:hover{ background-position:-430px -500px; }
.iban a.pow:hover{ background-position:-410px -750px; }

.wingsTip{display:block; width:180px; height:120px;position:absolute;right:0; float:left;margin-left:325px; top:80px;right: 5%; background:url(../images/index/wingsTip.png) no-repeat; transition:left 500ms ease; -webkit-transition:left 500ms ease;-moz-transition:left 500ms ease; -o-transition:left 500ms ease;}



.ipro_t { line-height:64px; margin-bottom:30px; font-size:28px; font-weight:bold; text-align:center; color:#ffffff;}

.ipro { padding-bottom:40px;}
.ipro ul { display:block; text-align:center;}
.ipro ul li{ display:inline-block; vertical-align:top; width:13%; height:250px; background:#002881; border-radius:5px; margin:0px 0.25%; padding-top:30px; position:relative; margin-bottom:20px;}
.ipro ul li .img{ display:block; margin:0px auto; background:url(../images/index/ipbg.png) no-repeat; width:60px; height:60px; padding:30px; position:relative; z-index:99;}
.ipro ul li .img img{ display:block; }
.ipro ul li .t{ display:block; height:70px; padding:20px 10px 0px 10px; overflow:hidden; text-align:center; font-size:16px; line-height:28px; color:#fff; position:relative; z-index:99; }
.ipro ul li .l { position:absolute; left:0; top:0; width:50%; height:280px; z-index:98; background:url(../images/index/ipbgs.png) left top no-repeat; display:none;}
.ipro ul li .r { position:absolute; right:0; top:0; width:50%; height:280px; z-index:98; background:url(../images/index/ipbgs.png) right top no-repeat; display:none;}
.ipro ul li:hover .l{ display:block;}
.ipro ul li:hover .r{ display:block;}


.ipro2 { padding-bottom:55px; }
.ipro2 ul li{ width:11.5%; }
.ipro2 ul li .l { background:url(../images/index/ipbgs2.png) left top no-repeat; }
.ipro2 ul li .r { background:url(../images/index/ipbgs2.png) right top no-repeat; }

.ipro_info { width:1230px; margin:0px auto; }
.ipro_info .item{ float:left; width:380px; height:180px; position:relative; margin:0px 15px 30px 15px; background:#02154f; background:rgba(3,19,75,0.8); }
.ipro_info .item .img{ position:absolute; right:30px; bottom:20px; }
.ipro_info .item .img img{ display:block; }
.ipro_info .item .t{ display:block; padding-left:30px; padding-top:30px; height:55px; line-height:36px; font-size:20px; color:#ffffff; font-weight:bold; background:url(../images/index/line.png) 30px 73px no-repeat; }
.ipro_info .item .m{ display:block; padding-left:30px; width:190px; height:70px; line-height:24px; font-size:14px; color:#ced7ea; overflow:hidden;text-align: justify}

.ipro_info .item .m .ms .ts{ display:none; width:100%; height:46px; line-height:30px; font-size:20px; color:#ffffff; font-weight:bold; background:url(../images/index/lines.png) left 38px no-repeat;  }

.ipro_info .item:hover .m{ display:block; position:absolute; z-index:99999; left:-60px; top:-45px; border:1px #ce9711 solid; background:#03144d; padding:9px; width:480px; height: auto; font-size:16px; line-height:28px; }
.ipro_info .item:hover .ms{ display:block; background:#002881; boverflow:hidden; width:440px; height:220px; padding:15px 20px; color:#fff; display: table-cell; vertical-align:middle; }
.ipro_info .item:hover .ms .ts{ display: inline-block; }



.iabout { background:#012370; background:rgba(1,36,118,0.7); border-radius:10px; padding-top:20px; height:410px;}
.iabout .t{ line-height:80px; font-size:24px; font-weight:bold; color:#fff; text-align:center;}
.iabout .m{ line-height:30px; font-size:16px; color:#bfc9e3; padding:0px 100px; text-align: justify}
.iabout .m p{text-indent: 2em}

/*遮罩层*/
#mask {
    position: fixed;
    top: 0;
    left: 0;
    opacity: .8;
    filter: alpha(opacity=80);
    background-color: #000;
    z-index: 99;
}
/*视频*/
#closeBtn {
    float: right;
    padding-right: 5px;
    height: 26px;
    line-height: 20px;
}
#closeBtn a {
    font-size: 25px;
    font-weight: bold;
    cursor: pointer;
    color: #666;
}
#closeBtn a:hover {
    color: #fff;
    text-decoration: none;
}
#videoModal {
    display: none;
    position: fixed;
    top: 10%;
    left: 50%;
    margin-left: -205px;
    width: 410px;
    height: 400px;
    background-color: #000;
    z-index: 100;
}

/*活动添加内容*/
#fullbg {
    /*background-color:rgba(216,216,216,0.2);*/
    left:0;
    opacity:0.8;
    position:absolute;
    top:0;
    z-index:1001;
    filter:alpha(opacity=80);
    -moz-opacity:0.5;
    -khtml-opacity:0.5;
}
#dialog {
    position: absolute;
    height: 300px;
    min-width: 532px;
    top:200px;
    left: 25%;
    width: 50%;
    /*background-color: white;*/
    z-index:1002;
    overflow: auto;
}
#dialog p {
    margin:0 0 12px;
    height:24px;
    line-height:24px;
    /*background:#CCCCCC;*/
}
#dialog p.close {
    text-align:right;
    padding-right:10px;
}
#dialog p.close a {
    color:#fff;
    text-decoration:none;
}
.itemDiv {
    background-size: 100% 100%;
    background-repeat: no-repeat;
    background-image: url(../images/newYears2019/index-Elasticframe-bg.png);
}

#newYearsActivity{
    background-size: 100% 100%;
    background-repeat: no-repeat;
    background-image: url(../images/newYears2019/activity-bg.png);
}
.part1{
    text-align: center;
}

.line{
    margin-top: 20px !important;
    margin:0 auto;
    width:600px;
    height:54px;
    background:linear-gradient(to right,rgba(0,232,255,0.1),rgba(0,232,255,0.3),rgba(0,232,255,0.5),rgba(0,232,255,0.3),rgba(0,232,255,0.1));
}

.context{
    width: 850px;
    margin:0 auto;
    height: 450px;
    margin-top: 70px !important;
    background-size: 100% 100%;
    background-repeat: no-repeat;
    background-image: url(../images/newYears2019/frame-bg.png);
}
.context-product{
    width: 850px;
    margin:0 auto;
    height: 500px;
    margin-top: 70px !important;
    background-size: 100% 100%;
    background-repeat: no-repeat;
    background-image: url(../images/newYears2019/frame-bg2.png);
}
.context1-part1{
    float: left;
    position: relative;
    margin: 50px 15px 30px 70px;
    width: 340px;
    height: 300px;
    background-repeat: no-repeat;
    background-image: url(../images/newYears2019/context1-part1.png);
}
.context2-part2{
    float: left;
    position: relative;
    margin: 50px 70px 30px 15px;
    width: 340px;
    height: 300px;
    background-repeat: no-repeat;
    background-image: url(../images/newYears2019/context2-part2.png);
}

.product-frame{
    float: left;
    position: relative;
    width: 170px;
    height: 320px !important;
    margin: 0px 15px 0 15px;
    background-repeat: no-repeat;
    background-image: url(../images/newYears2019/product-frame.png);
}

/*特别声明*/
.declare_tit{font-size: 16px}


/*右下角悬浮框*/
#car_dialog{
    position: fixed;
    right:0px;
    bottom: 43px;
    width: 369px;
    height: 305px;
}

.car{
    background:url(../images/index/car.png) center top no-repeat;
    width: 369px;
    height: 305px;
    -moz-background-size:100% 100%;
    background-size:100% 100%;
}

#btn_close{
    background:url(../images/index/close.png) center top no-repeat;
    width: 33px;
    height: 33px;
    -moz-background-size:100% 100%;
    background-size:100% 100%;
    margin-left: 308px;
    border-radius: 50%;
    border: 0px solid;
}