/* CSS Document */
input
{border:0px;}
.bady
{background-color:#FFFFFF; margin:0px;text-align:center;}
.wrap
{min-width:1280px;margin:0 auto; }
.box
{width:1280px;margin:0 auto;}
.head
{background:#ffffff;overflow:hidden; position:relative; z-index:10;}
.wrap.head-top {
    background: #1b517e;
    position: relative;
    z-index: 101;
}
.head-dwbox
{position: absolute;top: 0px;z-index: 22;padding-top: 38px;    height: 601px;width: 1280px;}
.banner
{background-repeat:no-repeat; background-position:top; height:639px; overflow:hidden;position: relative;display: block;z-index: 1;}
.banner .pic span 
{background: rgba(0,0,0,0.5);height: 76px;width: 830px;position:absolute;bottom: 0px;left: 0px!important;color: #fff;font-size: 16px;line-height: 60px;padding-left: 120px; text-align:left;}
.banner .pic span a {
    color: #fff;
    font-size: 16px;
    line-height: 42px;
}
.date-my
 {color: #fff;position: absolute;z-index: 1;background: #1e579a;left: 0;bottom:34px;width: 92px;height: 42px;line-height: 50px;text-align: center}
.date
 {background: #1e579a;height:34px;position: absolute;z-index: 1;bottom: 0px;left: 0;width:948px;line-height: 40px}
.date .a1 
{background: url(../images/inicon07.png) no-repeat right;width: 29px;height: 34px;border: none}
.date .a2 
{background: url(../images/inicon08.png) no-repeat left;width: 29px;height: 34px;border: none}

.date a 
{color: #8aa8cc;display: block;margin-left: 14px;float: left}
 .date .active 
{color: #fff;cursor: pointer}
 .date .xx 
{color: #ffc000;cursor: pointer}

.head-logo {
    height: 63px;
    padding: 28px 0 29px 0px;
    width: 280px;
    background-color: #1a507e;
}
.head-box
{height:120px;}
.head-tag
{height:44px; line-height:44px;float:left;position:relative;*zoom:1; width:1000px;}
.head-tag-bg {
    background: #5d9ec3;
    position: absolute;
    height: 44px;
    width: 1000px;
    top: 0px;
    left: 0px;
}
.head-tag-nav1
{border-right:1px solid #6190a7;  float:left; overflow:hidden;position: relative;}
.head-tag-nav1 ul 
{padding: 0 0px 0 0;overflow: hidden;}
.head-tag-nav1 ul li
{float:left;}
.head-tag-nav1 ul li a
{font-size:12px; color:#FFFFFF;border-right:1px solid #84b9d5; padding:0 20px;}
.head-tag-nav1 ul li a:hover
{color:#00CCFF;}
.head-tag-nav2
{ float:left;overflow:hidden;position: relative; }
.head-tag-nav2 ul
{padding:0 0px 0 0px; }
.head-tag-nav2 ul li
{ float:left; }
.head-tag-nav2 ul li a
{font-size:12px; color:#FFFFFF;border-right:1px solid #84b9d5;padding:0 20px;}
.head-tag-nav2 ul li a:hover
{color:#00CCFF;}
.xs-search {
    width: 66px;
    float: right;
    background: #2c6995;
    height: 44px;
    text-align: center;
    position: relative;
}
.Search
{float: left;position: absolute;z-index: 99;left: -265px;top:-16px;; }
.searchInput
{border: solid 1px #ccc;padding: 12px 40px 12px 17px;height: 16px;top: 17px;font-size: 14px;line-height: 16px;width: 205px;background: #FFFFFF;float: left;position: relative;z-index: 2;outline: none;}
.searchBar
{width:20px; height:19px; background: url(../images/inicon16.png) no-repeat; border:0px; float:right;right: 20px;top:29px;z-index: 88;position: absolute;}
.bttn
{width:20px; height:19px; margin:11px 0;}
.head-nav {
    height: 76px;
    line-height: 76px;
    float: left;
    background: #174e7e;
    width: 1000px;
    z-index: 50;
}
.head-nav ul li
{padding:0 20px 0 20px; float:left; }
#Head-nav li.cur i
{position: relative;width: 100%;bottom: -72px;left: 0;height: 4px;background-color: #f8b62c;z-index: 9;display: block;}
.head-nav ul li>a
{font-size:16px; padding: 0 3px 0 1px; color:#fff; display:block}
.head-nav ul li>a:hover
{color:#00CCFF;}
.subnav {
    position: absolute;
    z-index: 20;
    float: left;
    top: 120px;
    line-height: 44px;
    width: 56%;
    padding: 25px 40% 23px 4%;
    overflow: hidden;
    display: none;
    background-repeat: no-repeat;
    left: 0;
    background-color: #fff;
    background-position: right;
}
.subnav a
{color: #000000;float: left;width: 157px; padding-left:18px;line-height: 44px;font-size: 14px;background: url(../images/navicon01.png) no-repeat center left; }
.subnav a:hover
{color:#00CCFF;}
.head-box2 {
    position: relative;
    z-index: 1;
    overflow: hidden;
}
.head-box2-banner {
    width: 100%;
    height: 570px;
    position: relative;
}

@media(min-width: 1000px){
    .head-box2-banner {
        height: 297px;
    }
}
@media(min-width: 1100px){
    .head-box2-banner {
        height: 327px;
    }
}
@media(min-width: 1200px){
    .head-box2-banner {
        height: 356px;
    }
}
@media(min-width: 1300px){
    .head-box2-banner {
        height: 386px;
    }
}
@media(min-width: 1400px){
    .head-box2-banner {
        height: 416px;
    }
}
@media(min-width: 1500px){
    .head-box2-banner {
        height: 445px;
    }
}
@media(min-width: 1600px){
    .head-box2-banner {
        height: 475px;
    }
}
@media(min-width: 1800px){
    .head-box2-banner {
        height: 570px;
    }
}


ul.heros.head-box2-banner-box-ul {
    overflow: hidden;
    display: block;
}
ul.heros.head-box2-banner-box-ul li {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background-position: center top;
    background-repeat: no-repeat;
    background-size: 100% 100%;
    z-index: 1;

}

.head-box2-banner .bg-btn{
    position: relative;
    height: 100%;
}
.head-box2-banner .btn {
    position: absolute;
    z-index: 5;
    bottom: 40px;
    right: 50%;

}
.head-box2-banner .btn li {
    display: block;
    background: url(../images/wdbannericon02.png) no-repeat;
    float: left;
    margin-right: 10px;
    overflow: hidden;
    width: 14px;
    height: 14px;
    cursor: pointer;
}
.head-box2-banner .btn li.s {
    background: url(../images/wdbannericon01.png) no-repeat;
}
.head-box2-news {
    position: relative;
    z-index: 105;
}




.Time-news
{height:76px; width:950px; float:left;position: relative;bottom: -312px;}
.news-box
{width:286px;float: right;padding:0 22px 0 24px; z-index:10;bottom:-236px; position:absolute; right:0; height:312px;}
.news-box-bg
{ background-color:#0c1b2d;filter:progid:DXImageTransform.Microsoft.Alpha(style=0,opacity=70);opacity:0.7;position: absolute;width: 330px;height: 312px;top:0px; right:0px;}
.news-box-title li
{ float: left; height:46px; padding:0 23px 0 10px; background:url(../images/inicon01.png) no-repeat right center;}
.news-box-title li span
{color:#d0d1d2; font-size:16px; display:block;height: 46px;line-height: 46px; cursor:pointer}
.news-box-title li span a {
    color: #d0d1d2;
    font-size: 16px;
    display: block;
    height: 46px;
    line-height: 46px;
    cursor: pointer;
}
.news-box-title li.cur span a
{color:#FFFFFF; font-weight:bold;}
.news-box-title li.cur span
{color:#FFFFFF; font-weight:bold;}
.News-box-content
{width:286px; overflow:hidden; }
.list1
{width:858px;}
.list1 .tabCon
{width:286px;overflow:hidden; float:left}
#s1,#s2,#s3,#s4,#s5,#s6,#s7,#s8,#s9,#10
{overflow:hidden}
.News-box-content ul li
{height:39px; line-height:39px; padding-left:15px; border-bottom:1px solid #2e333a; background:url(../images/inicon02.png) no-repeat left; float: left;
display: block;width: 271px;}
.News-box-content ul li a
{color:#9ab0c4; font-size:14px; }
.News-box-content ul li a:hover
{color:#00CCFF;}
.news-content
{position: relative;z-index: 99;}
.news-more
{ height:14px; margin-top:15px;float: left; width:100%;line-height: 14px;}
.news-more a 
{color:#f8b62c; font-size:12px;}
.news-more a:hover
{color:#00CCFF;}
.home-news-title
{overflow:hidden;}
.btn1
{position:relative; height:16px;top: 0;text-align: center;left: 0;}

/**é€šé”ŸçŸ«è®¹æ‹·é”Ÿæ–¤æ‹·**/

/**é€šé”ŸçŸ«åº•è¯§æ‹·**/

.foot-box
{padding-top:28px; float:left; padding-bottom:27px;}
.foot-wrap
{background:url(../images/index4.png) no-repeat top center;}
.foot-one-box1
{width:880px; overflow:hidden;}
.foot-box1-title li
{float:left; height:44px; line-height:44px; padding-right:15px;margin-right: 148px; background:url(../images/inicon09.png) no-repeat right;}
.foot-box1-title li span
{font-size:14px; color:#ffffff;cursor:hand;}
.foot-box1-title li.cur
{position:relative;}
.foot-box1-title li.cur i
{position: absolute;width: 80%;bottom:0px;left: 0;height: 2px;background-color: #8fabcd;z-index: 60;display: block;}
.foot-box1-content
{margin-top:14px; height:204px;float: left; display:block; width:880px; overflow:hidden}
.list3
{width:3520px;}
.list3 .tabCon
{width:880px;overflow:hidden; float:left}


.foot-box1-content li
{float:left; height:34px; line-height:34px; width:220px;overflow: hidden;}
.foot-box1-content li a {
    color: #a5bcd7;
    font-size: 14px;
    overflow: hidden;
    height: 34px;
    display: block;
    white-space: nowrap;
    text-overflow: ellipsis;
}
.foot-box1-content li a:hover
{color:#00CCFF;}
.foot-one-box2
{width:364px; overflow:hidden; margin-left:35px;position: relative;}
.foot-one-box2 li
{float:left;}
.foot-one-phone
{margin-top:9px;}
.foot-one-phone li h1
{width:364px; font-size:14px; color:#ced6e4; font-weight:normal; height:24px; line-height:24px; float:left}
.foot-one-phone li p
{width:364px; font-size:14px; color:#ced6e4; line-height:24px; float:left;}

.foot-one-link
{ height:140px; line-height:52px; margin-top:23px;overflow:hidden;}

.foot-one-link li
{width:52px; margin-right:8px; position:relative; bottom:0; left:0; height:52px;overflow:hidden;margin-bottom: 10px;}
.foot-one-link li img
{ margin-right:55px; position:absolute; top:0; left:0;overflow:hidden;}
.foot-one-link li:hover img
{top:-72px;}


.foot-one-link li p
{color:#869dbb; font-size:14px;}
.foot-tow-wrap
{background:#0d3b76;}
.foot-tow-box1
{height:78px; line-height:78px; text-align:center;}
.foot-tow-box1 p
{color:#7690b2;font-size: 14px;}
.ewm
{    position: absolute;
    top: 118px;
    left: 110px;
    display: none;   }
.douyin
{    position: absolute;
    top: 180px;
    left: 0px;
    display: none;   }
.rmh
{    position: absolute;
    top: 180px;
    left: 50px;
    display: none;   }
.shipinhao
{    position: absolute;
    top: 180px;
    left: 110px;
    display: none;   }
.tianmu
{    position: absolute;
    top: 180px;
    left: 170px;
    display: none;   }