@charset "UTF-8";
body{color: #333;font-size: 12px;line-height: 1.5;font-family:"微软雅黑","Microsoft Yahei";background: #fff;  -ms-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%;
    text-size-adjust: 100%;
}
a{color: #444;transition:.3s;
    -ms-transition:.3s;
    -moz-transition:.3s;
    -webkit-transition:.3s;
    -o-transition:.3s;cursor: pointer;}
a:hover{color: #9a0000;}
img,.ani{
    max-width: 100%;
	transition: .3s;
	-ms-transition: .3s;
	-moz-transition: .3s;
	-webkit-transition: .3s;
	-o-transition: .3s;
}


/*布局*/
.wp{width: 100%;max-width: 1400px;margin: 0 auto;}
.h50{height: 50px;clear: both;overflow: hidden;}
.h100{height: 100px;clear: both;overflow: hidden;}
*{outline: none;}
#nv{background:#fff;height:47px;line-height: 47px;z-index: 9999;}
.nav{height:47px;}
.nav li{float: left;font-size: 16px;width: 175px;position: relative;z-index: 9999;}
.nav .v1{
    display: block;color: #000;background: url(../images/gicon7.png) no-repeat center right;text-align: center;
    overflow: hidden;
    -ms-text-overflow: ellipsis;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.nav .last-child .v1{background: #efefef;}
.nav .v1:hover,.nav li.on .v1{color: #fff;background: #3F98E0;}
.nav .subBox{position: absolute;left: 0;top: 98%;padding-top: 1px;width: 145px;overflow: hidden;font-size: 14px;display: none;}
.nav .subBox dl{ background-color:#333333;padding: 12px 0 14px;}
.nav .subBox a{display: block;line-height: 36px;height: 36px;padding: 0 22px;color: #fff;position: relative;}
.nav .subBox i{display: block;position: absolute;width: 5px;height: 9px;background: url(../images/gicon8.png) no-repeat center center;
    top: 50%;margin-top: -4px;right: -120%;
    transition: .3s;
    -ms-transition: .3s;
    -moz-transition: .3s;
    -webkit-transition: .3s;
    -o-transition: .3s;
}
.nav .subBox a:hover{color: #c50000;}
.nav .subBox a:hover i{right: 18px;}
.nav .subBox dl dd{position: relative;}

.menuBtn{position: absolute;z-index: 9;display: none;right: 10px;
    width: 40px;cursor: pointer;
    transition: .3s;
    -ms-transition: .3s;
    -moz-transition: .3s;
    -webkit-transition: .3s;
    -o-transition: .3s;top: 17px;
}
.menuBtn b{display: block;height: 3px;background-color: #9a0000;
    margin: 3px 0 5px;border-radius: 2px;
    transition: .3s;
    -ms-transition: .3s;
    -moz-transition: .3s;
    -webkit-transition: .3s;
    -o-transition: .3s;
}
.menuBtn.open{top: 26px;}
.menuBtn.open b{display: none;margin: 0;position: absolute;left: 10px;top: 50%;width: 30px;}
.menuBtn.open b:first-child{display: block;
    transform:rotate(45deg);
    -webkit-transform:rotate(45deg);
    -o-transform:rotate(45deg);
    -ms-transform:rotate(45deg);
}
.menuBtn.open b:last-child{display: block;
    transform:rotate(-45deg);
    -webkit-transform:rotate(-45deg);
    -o-transform:rotate(-45deg);
    -ms-transform:rotate(-45deg);
}


/*三级菜单*/
.nav .subBox2{
    position: absolute;left: 100%;top: 30px;
    width: 100%;min-height: 200px;
    background: rgba(0,0,0,.4);

    display: none;
    -o-transition:.5s;
    -ms-transition:.5s;
    -moz-transition:.5s;
    -webkit-transition:.5s;
    transition:.5s;
    border-top: 1px rgba(255,255,255,.2) solid;
    border-bottom: 1px rgba(255,255,255,.2) solid;
}
.nav li.last .subBox2{left: auto;right: 100%;}
.nav .subBox dd:hover .subBox2{
    top: 0;
    display: block;
}
.nav .subBox2 a{
    display: block;
    font-size: 13px;
    line-height: 24px;
    color: #fff;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;   
    box-sizing: border-box;
    padding: 6px 5px 6px 20px;
}



.nav li .first-level,
.nav li .second-level{
    display: block;
    position: absolute;right: 0;top: 7px;
    background-position: center center;
    background-repeat: no-repeat;
}
.nav li .first-level{width:40px;height:36px;background-image: url(../images/icon-arrow1.png);}
.nav li .second-level{width:40px;height:28px;background-image: url(../images/icon-on.png);}
.nav li .first-level em,
.nav li .second-level em{
    display: block;
    width: 1px;background: #ccc;
    opacity: 0;
    -ms-filter:'progid:DXImageTransform.Microsoft.Alpha(Opacity= 0)';
    filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
}
.nav li .first-level em{height: 25px;margin-top: 5px;}
.nav li .second-level em{height: 20px;margin-top: 4px;}
.nav li .first-level.on em,.nav .second-level.on em{
    opacity: 1;
    -ms-filter:'progid:DXImageTransform.Microsoft.Alpha(Opacity= 100)';
    filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
}
.nav li .v1-open + .first-level{background-image: url(../images/icon-arrow2.png);}
.nav li .v2.open + .second-level{background-image: url(../images/icon-off.png);}



.menuBtn{position: absolute;z-index: 9;display: none;right: 10px;
    width: 30px;padding: 12px 0 7px 0;cursor: pointer;top: 6px;
    transition: .3s;
    -ms-transition: .3s;
    -moz-transition: .3s;
    -webkit-transition: .3s;
    -o-transition: .3s;
}
.menuBtn b{display: block;height: 3px;background-color: #9a0000;
    margin: 3px 0 5px;border-radius: 2px;
    transition: .3s;
    -ms-transition: .3s;
    -moz-transition: .3s;
    -webkit-transition: .3s;
    -o-transition: .3s;
}
.menuBtn.open{top: 21px;}
.menuBtn.open b{display: none;margin: 0;position: absolute;left: 0;top: 105%;width: 30px;}
.menuBtn.open b:first-child{display: block;
    transform:rotate(45deg);
    -webkit-transform:rotate(45deg);
    -o-transform:rotate(45deg);
    -ms-transform:rotate(45deg);
}
.menuBtn.open b:last-child{display: block;
    transform:rotate(-45deg);
    -webkit-transform:rotate(-45deg);
    -o-transform:rotate(-45deg);
    -ms-transform:rotate(-45deg);
}