header{width:100%;background:#fff;box-shadow:0 2px 7px 0 #d8d8d8;position:fixed;top:0;z-index:999999999}
.lunboo{padding-top:96px;margin-bottom:20px}
nav{width:80%;margin:0 auto}
.nav>li>a:focus,.nav>li>a:hover{text-decoration:none;background-color:transparent}
nav .logoimg{width:107px;height:53px;margin-top:21px;float:left}
.nav{float:right}
.nav li{float:left;text-align:center;line-height:96px;padding:0 22px;position:relative;cursor:pointer}
.nav .upChild{position:relative}
header .nav .activeIndex h3::before{position:absolute;top:0;left:0;content:"";display:block;height:2px;width:100%;background:#e41529;-o-transition:all .6s cubic-bezier(.215,.61,.355,1) 0s;-webkit-transition:all .6s cubic-bezier(.215,.61,.355,1) 0s;transition:all .6s cubic-bezier(.215,.61,.355,1) 0s}
header .nav .activeIndex h3{color:#e41529;background:url(../images/upred.png) no-repeat right center}
.nav .upChild h3::before{position:absolute;top:0;left:0;content:"";display:block;height:2px;width:0;background:#e41529;-o-transition:all .6s cubic-bezier(.215,.61,.355,1) 0s;-webkit-transition:all .6s cubic-bezier(.215,.61,.355,1) 0s;transition:all .6s cubic-bezier(.215,.61,.355,1) 0s}
.nav .upChild:hover h3::before{width:100%}
.nav .upChild .childUrl{position:absolute;background:#d8d8d8;line-height:36px;height:0;overflow:hidden}
.nav .upChild .childUrl a{color:#666;font-size:14px}
.nav .upChild .childUrl a:hover{background:#fff}
header .nav .upChild .childUrl1{width:174px;text-align:left;left:-30px; }
header .nav .upChild .childUrl1 a{width:100%;padding-left:52px;display:block}
header .nav .upChild .childUrl2{width:174px;text-align:left;left:-23px; }
header .nav .upChild .childUrl2 a{width:100%;padding-left:43px;display:block}
header .nav .upChild .childUrl3{width:260px;text-align:left;left:-30px; }
header .nav .upChild .childUrl3 a{width:100%;padding-left:50px;display:block}
header .nav .upChild .childUrl4{width:174px;text-align:left;left:-20px; }
header .nav .upChild .childUrl4 a{width:100%;padding-left:42px;display:block}
.upChild1:hover .childUrl1{animation:mymove1 .7s forwards;height:auto;}
.upChild2:hover .childUrl2{animation:mymove2 .7s forwards;height:auto;}
.upChild3:hover .childUrl3{animation:mymove3 .7s forwards;height:auto;}
.upChild4:hover .childUrl4{animation:mymove4 .5s forwards;height:auto;}
.nav li h3{color:#333;display:block;padding:0;padding-right:18px;line-height:96px;background:url(../images/up.png) no-repeat right center;font-family:NotoSansHans-Bold;font-weight:700;position:relative}
.nav .upChild:hover.upChild h3{color:#e41529;background:url(../images/upred.png) no-repeat right center}
.nav li a{padding:0}
.nav li:hover a{color:#e41529}
.nav li .nav-a5{color:#e41529;font-weight:700}
.nav .indexSerch{cursor:pointer}
.ulBtn{background:#fff;width:40px;height:35px;display:block;position:absolute;right:20px;top:33px;display:none}
.ulBtn span{width:40px;height:6px;background:#000;display:block;border-radius:10px;margin-bottom:3px}

.emlaa{ width:100%;   display:table; padding-bottom:3%;  }
.emlaa .d1{ font-size:16px; color:#000; margin-top:25px;}
.emlaa .d2{ margin-top:25px;}
.emlaa .d2 span{padding-left:0px; color:#f00;}
.emlaa .d2 .c1{ width:93%; height:40px; background:#fff; border:1px solid #ddd; padding:0 10px;}
.emlaa .d2 textarea{ width:93%; height:170px; background:#fff; border:1px solid #ddd; padding:10px;}
.emlaa .d3{ margin-top:25px;}
.emlaa .d3 input{ width:200px; height:50px; border:none; cursor:pointer; color:#fff; background:#002c76; font-size:16px;font-family:Microsoft YaHei; transition:all 0.5s ease;}


@keyframes mymove1{
from{height:0}
to{height:180px}
}
@-moz-keyframes mymove1{
from{height:0}
to{height:180px}
}
@-webkit-keyframes mymove1{
from{height:0}
to{height:180px}
}
@-o-keyframes mymove1{
from{height:0}
to{height:180px}
}
@keyframes mymove2{
from{height:0}
to{height:216px}
}
@-moz-keyframes mymove2{
from{height:0}
to{height:216px}
}
@-webkit-keyframes mymove2{
from{height:0}
to{height:216px}
}
@-o-keyframes mymove2{
from{height:0}
to{height:216px}
}
@keyframes mymove3{
from{height:0}
to{height:144px}
}
@-moz-keyframes mymove3{
from{height:0}
to{height:180px}
}
@-webkit-keyframes mymove3{
from{height:0}
to{height:180px}
}
@-o-keyframes mymove3{
from{height:0}
to{height:180px}
}
@keyframes mymove4{
from{height:0}
to{height:144px}
}
@-moz-keyframes mymove4{
from{height:0}
to{height:144px}
}
@-webkit-keyframes mymove4{
from{height:0}
to{height:144px}
}
@-o-keyframes mymove4{
from{height:0}
to{height:144px}
}
@media only screen and (min-width:100px) and (max-width:1048px){
nav img{float:none;display:block;margin:20px 0 0 0}
.cont-list16 .friendLogo img{width:80%}
.nav{float:left;height:0;padding-top:20px;overflow:hidden;width:100%}
.nav li h3{line-height:40px}
.nav li{float:none;width:100%;text-align:left;line-height:40px;text-indent:10%}
.nav .upChild .childUrl{position:inherit}
header .nav .upChild .childUrl1{width:100%;left:0;height:auto;}
header .nav .upChild .childUrl2{width:100%;left:0;height:auto;}
header .nav .upChild .childUrl3{width:100%;left:0;height:auto;}
header .nav .upChild .childUrl4{width:100%;left:0;height:auto;}
.ulBtn{display:block}
}