/*å¯¼èˆªæ ã€bannerå˜æ¢*/
#bj{background-image: url("../img/bj.png");width:100%;margin: 0 auto;}
.banner1 {width:100%;position:relative;overflow:hidden;height:700px;transition: transform 0.7s ease-out 0s;}
.bd{width:100%;float: left;height: 600px;min-width:1920px;position: relative;z-index: 0;}
#dhl{background-image: url("../img/dhl.png");width: 100%;height: 173px;/* min-width:1900px; */background-size: 100%;}
#logo img{float: left;width: 300px;margin-left: 50px;margin-top: 5px;}
#dhl1{width: 100%;float: left;}
#xy{font-size: 43px;color: white;float: left;margin-top: 70px;font-family:åŽæ–‡è¡Œæ¥·;-webkit-text-stroke:0.5px #d9e7f9;}
#dhl_ul{float:right;margin-left: 100px;margin-top: 80px;}
#dhl_ul li{float: left;font-size: 20px;width: 140px;color: white;list-style: none;}
#dhl_ul a:link{color: white;text-decoration: none;}
#dhl_ul a:visited{color: white;}
#dhl_ul a:hover{color: yellow;}
#bj1{width:100%;margin: 0 auto;background-color: #fff;}

 * {
            margin: 0;
            padding: 0;
            box-sizing: border-box;
        }
  .banner {
            position: relative;
            overflow: hidden;
            margin: 0px auto;
            width:1920px;
            height: 500px;
            }

        li {
            list-style: none;}

        .banner ul {
            position: absolute;
            top: 0;
            left: 0;}

        .banner ul li {
            float: left;}

        .banner ul li a img {
            display: block;
           width: 1920px;
            height: 500px;}

        .banner .prev,
        .banner .next {
            display: none;
            z-index: 2;
            position: absolute;
            width: 60px;
            height: 60px;
            line-height: 55px;
            border-radius: 50.5px;
            top: 50%;
            background-color: rgba(0, 0, 0, .2);
            color: #fff;
            font-size: 30px;
            font-weight: 700;}

        .banner .prev {
            left: 50px;
            transform: translate(-50%, -50%);
            text-indent: 15px;}

        .banner .next {
            right: 50px;
            transform: translate(50%, -50%);
            text-indent: 15px;}

        .banner .prev:hover,
        .banner .next:hover {
            background-color: rgba(0, 0, 0, .3);}

        .banner .gd {
            position: absolute;
            left: 50%;
            bottom: 20px;
            margin-left: -36.5px;
            display: flex;
            justify-content: space-around;
            width: 75px;
            height: 15px;
            border-radius: 8px;
            background-color: #ffffff4d;}

        .banner .gd i {
            display: block;
            width: 10px;
            height: 10px;
            border-radius: 50%;
            margin-top: 2.5px;
            background-color: azure;}

        .current {
            background-color: #ff5000 !important;
            width: 15px !important;
            height: 9px !important;
            border-radius: 4.5px !important;}


/*ä¸“é¢˜ç½‘ç«™*/
.ztwz{width: 1700px;height: 800px;margin:0 auto;}
#wz{color: #0e419c;font-size: 35px;float: left;margin-left: 5%;margin-top: 14%;}
.ztwz ul{float: left;margin-top: 5%;margin-left:3%;}
.ztwz ul li{float: left;list-style: none;width: 239px;height: 599px;margin-right:130px;}
.p1{float: left;font-size: 30px;margin-top: 5px;margin-left: 20px;width: 30px;}
.p2{float: left;margin-left: 137.5px;margin-top: 440px;}
.ztwz a:link{color: #fff;text-decoration: none;}
.ztwz a:visited{color:#fff;}
.ztwz a:hover{color: #0e419c;font-weight: bold;}
/*ç®€ç« é¡¹ç›®*/
.jzxm{width: 1700px;height: 730px;margin:0 auto;}
.jz{width: 45%;margin-left: 6%;float: left;margin-top: 30px;}
#p1{color: #0e419c;font-size: 35px;margin-left:40% ;margin-bottom: 20px;}
.jz ul{float: left;}
.jz ul li{float: left;list-style: none;margin-left: 40px;}
.jz a:link{color: dimgray;text-decoration: none;}
.jz a:visited{color: dimgray;}
.jz  a:hover{color: darkred;}
.p3{margin-left: 30px;font-size: 20px;}
.p4{margin-left: 30px;margin-top: 30px;font-size: 15px;}
.xm{width: 45%;margin-right: 2%;float: right;margin-top: 30px;}
#p2{color: #0e419c;font-size: 35px;margin-left:40% ;margin-bottom: 20px;}
.xm ul{float: left;}
.xm ul li{float: left;list-style: none;margin-right: 40px;}
.xm a:link{color: dimgray;text-decoration: none;}
.xm a:visited{color: dimgray;}
.xm  a:hover{color:  darkred;}
#gdjz a:link{color:#0e419c;text-decoration: none;}
#gdjz a:visited{color: #0e419c;}
#gdjz  a:hover{color:orangered;}
#gdxm  a:link{color:#0e419c;text-decoration: none;}
#gdxm a:visited{color: #0e419c;}
#gdxm  a:hover{color:orangered;}
.gdxw  a:link{color:#0e419c;text-decoration: none;}
#gdjz{float: left;font-size: 20px;margin-left: 300px;}
#p3{font-size: 20px;margin-left: 55px;margin-top: -40px;}
#gdxm{float: left;font-size: 20px;margin-left: 350px;}
#p4{font-size: 20px;margin-left: 55px;margin-top: -40px;}
/*æ–°é—»å…¬å‘Š*/
.xwgg{width: 1700px;height: 630px;margin:0 auto;}
.xw img{width: 100%;}
.xw{width: 43%;float: left;overflow:hidden;position: relative;margin-left: 7%;height:550px;font-size: 30px;}
.xw ul{margin-top: 0px;}
.p6{float: left;margin-left: 330px;margin-top: -160px;font-size: 18px;}
.p7{font-size: 15px;margin-left: 320px;margin-top: 0px;}
.i1{margin-bottom: 8.5px;}
.gg{width: 40%;float: left;margin-left: 3%;min-width:760px;}
.gg img{width: 250px; height: 142px;}
.gg ul{float: left;width: 100%;min-width:760px;height:460px;}
.gg ul li{list-style: none;margin-bottom: 15px;height:145px;}
.xyxw{float: left;margin-left: 43%;}
#p5{float: left;color: black;font-size: 35px;margin-left: 40%;margin-bottom: 20px;}
#p6{float: left;color: #0e419c;font-size: 35px;margin-left: 40%;margin-bottom: 20px;}
.gdxw{float: left;width:100%;font-size: 20px;}
a{text-decoration: none;}
.gg a:link{color: dimgray;text-decoration: none;}
.gg a:visited{color: dimgray;}
.gg a:hover{color: darkred;text-decoration: darkred;}
.gdxw a:visited{color: #0e419c;}
.gdxw  a:hover{color:orangered;}


/*åº•éƒ¨*/
.db{float: left;width:100%;height: 200px;background-image: url("../img/db.png");background-size: 100%;}
.db1{/* float:right; */width: 80%;height:200px;margin: 0 auto;}
#db_logo {width: 300px;height: 150px;margin-top: 0%;}
#db_logo img{width: 300px;height: 150px;margin-top: 10%;}
#lxwm{/* margin-left: 18%; */float: left;color: #fff;font-size: 17px;margin-top: 37px;}
#ewm{float: left;margin-top: 37px;color: #fff;font-weight: bold;margin-left: 560px;font-size:13px;font-family:å®‹ä½“;line-height: 34px;}

#ewm a:link{color: #ffffff;text-decoration: none;}
#ewm a:visited{color: #ffffff;}
#ewm a:hover{color: black;text-decoration: darkred;}
/*åˆ—è¡¨é¡µ*/
.banner2 {width:100%;position:relative;overflow:hidden;height:650px;transition: transform 0.7s ease-out 0s;min-width:1900px;}
.dqwz{width: 100%;font-size: 15px;color: dimgray;margin-top: 30px;margin-bottom: 30px;}
.nr{width: 1200px;height: 630px;margin:0 auto;}
.zdh{width: 270px;float: left;height:420px;}
.zdh h3{border: 1px solid black;width: 100%;height: 55px;background-color:#0e419c ;text-align: center;line-height: 55px;
color: #fff;}
.zdh ul{width: 270px;height:320px;}
.zdh ul li{list-style: none;color: black;width: 100%;height: 40px;line-height: 40px;background-color: #fff;padding-left: 31px;font-size: 18px;}
.zdh ul a:link{color: black;text-decoration: none;}
.zdh ul a:visited{color: black;}
.zdh ul a:hover{color: #0e419c;}
.lb{width: 900px;float: right;height:450px;}
#jtlb{width: 900px;font-size:18px;}
#lb_ul{}
#lb_ul li{list-style: none;width: 100%;height: 45px;line-height: 45px;}
.lmm{/* height: 55px; *//* line-height: 55px; */}
#lb_ul a:link{color: black;text-decoration: none;}
#lb_ul a:visited{color: black;}
#lb_ul a:hover{color: darkred;text-decoration: darkred;}
#sj{float:right;}
.nr2{width: 1200px;height:auto;margin:0 auto;}
.right{width: 900px;height: auto;float: right;}
body{background-image: url("../img/bj.png");}		



.wrap {
  display: inline-block;
  margin-top: 125px;
}

.decor {
  text-decoration: none;
  color: #fff;
  display: block;
}

ul {
  list-style: none;
  position: relative;
  text-align: left;
}

li {
  float: left;
}

/* clear'n floats */
ul:after {
  clear: both;
}

ul:before,
ul:after {
    content: " ";
    display: table;
}

nav {
  position: relative;
  margin-left: 100px;
  font-size: 19px;
}

/* prime */
ul.primary li a {
  display: block;
  padding: 10px 25px;
  color:#fff;font-family: serif;
    font-weight: bold;
}

ul.primary li:last-child a {
  border-right: none;
}

ul.primary li a:hover {
  
  color: #000;
}

/* subs */
ul.sub {
  position: absolute;
  z-index: 200;
  box-shadow: 2px 4px 0 #BEBEBE;
  width: 230px;
  display:none;
}

ul.sub li {
  float: none;
  margin: 0;
}

ul.sub li a {
  border-bottom: 1px dotted #ccc;
  border-right: none;
  color: #000;
  padding: 15px 30px;
}

ul.sub li:last-child a {
  border-bottom: none;
}

ul.sub li a:hover {
  color: #000;
  background: #d9e7f9;
}

/* sub display*/
ul.primary li:hover ul {
  display: block;
  background: #d9e7f9;
}

/* keeps the tab background white */
ul.primary li:hover a {
  background:#d9e7f9;
  color: #0e419c;
  text-shadow: none;
}

ul.primary li:hover > a{
  color: #0a2049;
} 

@media only screen and (max-width: 600px) {
  .decor {
    padding: 3px;
  }
  
  .wrap {
    width: 100%;
    margin-top: 0px;
  }
  
   li {
    float: none;
  }
  
  ul.primary li:hover a {
    background: none;
    color: #8B8B8B;
    text-shadow: 1px 1px #000;
  }

  ul.primary li:hover ul {
    display: block;
    background: #272727;
    color: #fff;
  }
  
  ul.sub {
    display: block;  
    position: static;
    box-shadow: none;
    width: 100%;
  }
  
  ul.sub li a {
    background: #272727;
  	border: none;
    color: #8B8B8B;
  }
  
  ul.sub li a:hover {
    color: #ccc;
    background: none;
  }
}