*{ margin: 0; padding: 0; }
body{margin: 0; padding:0 !important; width:100%;height:100%;font-family:"微软雅黑","宋体",Arial, Helvetica, sans-serif; font-size:14px; color:#4f4f4e;}
img { border:none; }
input,button { border:none; outline:none;}
ul,dl,dt,dd,ol  { list-style:none;}
ul li { vertical-align:top;}
a{ text-decoration:none; }
a:hover{ text-decoration:none; }
iframe { display: block; }
.center { width: 1100px; margin: 0 auto; }
.fl { float: left; }
.fr { float: right; }
.clear { clear: both; }
.clearfix:after{
     content:" ";        
     display:block;        
     height:0;        
     clear:both;
     width: 0;             
    }
.clearfix { zoom:1; }

/*header*/
#header {position:fixed;z-index: 99; width: 100%;height: 84px;}
#header, #header .wrapper { background: 0 0; transition: all .6s cubic-bezier(.215, .61, .355, 1) 0s }
#header .wrapper { padding: 20px 0% 0; height: auto }
#header .hcontent { margin: 0 auto; height: 100%; max-width: 100% }
#header .hcontent a#logo { float: left; display: block; height: 44px }
#header .hcontent a#logo img { padding-left: 0px; width: auto; height: 100% }
#header .nav { float: right; padding-right: 0 ; margin: 0 30px;}
#header .nav>li { position: relative; float: left; height: 100%; font-size: 14px ;}
#header .nav>li>a { background: transparent;position: relative; display: block; overflow: hidden; padding: 0 20px; height: 44px; color: #fff; font-weight: 500; line-height: 44px }
#header .nav>li>a span {background: transparent;position: relative; display: inline-block; transition: all ease-out .3s;color:#999; }
#header.active .nav>li>a{ color: #999;}
#header .nav>li>a span:after { position: absolute; left: 0; width: 100%; color: #46be8a; content: attr(data-title); transform: translateY(100%) }
#header .nav>li>a>i { margin-left: 10px }
#header .nav>li a.active span, #header .nav>li:hover a span { transform: translateY(-100%); }
.logoHover{display: none!important;}
#header.active .logoHover{display: block!important;}
#header.active .logoDefault{display: none!important;}
.login-btn { float: right; margin-right: 0px; }
.login-btn a { padding: 0 24px; margin-top: 6px; color: #fff; background-color: #46be8a; line-height: 32px; display: inline-block; font-size: 14px; }
.login-btn a:nth-child(2) { background-color: #555; margin-left: -3px; }
.login-btn a:nth-child(2):hover{background-color: #f96868;} 
#header.active{ height: 4pc; box-shadow: 0 2px 6px rgba(0, 0, 0, .1) }
#header.active .wrapper{ padding: 10px 5% 0; height: 64px; background: #fff }
#header.active .nav{ height: 54px }
.addDiv{float:right;width:90px;text-align:center;cursor: pointer;padding-top:3px;}
.addBiao{display: block;margin:0 auto;width:16px;height:16px;background-image: url(/Content/resourceimages/q.png);background-size: 100% 100%;background-repeat: no-repeat;background-position: center center;}
.addName{display: block;text-align: center;color:#46be8a;padding-top:3px;font-size:14px;}
#header.active .addBiao{background-image: url(/Content/resource/images/q2.png);}
/* #header.active .addName{color:#46be8a;} */
.header { height: 117px; background: #fff; }
.logo { padding-top: 17px; }
.nav { margin-left: 40px; }
.nav li { height: 117px; /*padding: 0 10px; margin: 0 5px; */float: left;  }
.nav li a { color: #4b4b4b; display: block; padding-top: 65px; height: 52px;}
.nav li.navicn-1 { background:url(/Content/resourceimages/nav-icn1.png) center 32px no-repeat; }
.nav li.navicn-2 { background:url(/Content/resourceimages/nav-icn2.png) center 32px no-repeat; }
.nav li.navicn-3 { background:url(/Content/resourceimages/nav-icn3.png) center 32px no-repeat; }
.nav li.navicn-4 { background:url(/Content/resourceimages/nav-icn4.png) center 32px no-repeat; }
.nav li.navicn-5 { background:url(/Content/resourceimages/nav-icn5.png) center 32px no-repeat; }
.nav li:hover.navicn-1 { background:url(/Content/resourceimages/navon-icn1.png) center 32px no-repeat #097de0; }
.nav li:hover.navicn-2 { background:url(/Content/resourceimages/navon-icn2.png) center 32px no-repeat #097de0; }
.nav li:hover.navicn-3 { background:url(/Content/resourceimages/navon-icn3.png) center 32px no-repeat #097de0; }
.nav li:hover.navicn-4 { background:url(/Content/resourceimages/navon-icn4.png) center 32px no-repeat #097de0; }
.nav li:hover.navicn-5 { background:url(/Content/resourceimages/navon-icn5.png) center 32px no-repeat #097de0; }
.nav li.active.navicn-1 { background:url(/Content/resourceimages/navon-icn1.png) center 32px no-repeat #097de0; }
.nav li.active.navicn-2 { background:url(/Content/resourceimages/navon-icn2.png) center 32px no-repeat #097de0; }
.nav li.active.navicn-3 { background:url(/Content/resourceimages/navon-icn3.png) center 32px no-repeat #097de0; }
.nav li.active.navicn-4 { background:url(/Content/resourceimages/navon-icn4.png) center 32px no-repeat #097de0; }
.nav li.active.navicn-5 { background:url(/Content/resourceimages/navon-icn5.png) center 32px no-repeat #097de0; }
.nav li:hover a { color: #fff; }
.nav li.active a { color: #fff; }
.header-r { padding-top: 39px; }
.header-r li { float: left; margin-left: 10px; }
.header-r li .loginOr-reg { border: 1px solid #dbdbdb; height: 38px; line-height: 38px; padding: 0 25px; margin-left: 10px; display: inline-block; border-radius: 30px; color: #495965; }
.header-r li a.hd-login { color: #0082df; }
.header-r li:hover .loginOr-reg { background:#0082df;color:#fff;border-color:#0082df;}
.creat { background: url(/Content/resourceimages/creat.jpg) top center no-repeat; display: block; padding-top: 27px; color: #097de0; }

/*footer*/
/*.footer { width: 100%; height: 215px; background: #353535; }
.wx { background: #252525; width: 190px; height: 215px; text-align: center; }
.footer-nav { width: 340px; margin-left: 37px; }
.ftnav-tex a { color: #c4c4c4; line-height: 36px; margin-right: 36px; }
.fttil { color: #fff; padding-top: 28px; font-size: 16px; }
.footer-r {  width: 521px; }
.padl17 { padding-left: 17px; }
.ftaddress { background: #434343; height: 37px; line-height: 37px; }
.ft-r { color: #fff; margin: 15px 0; }
a.layui-layer-ico { background: url(/Content/resourceimages/icon.png); }*/