/*头部*/
.welcome{ height: 36px; line-height: 36px; background:#f5f5f5; border-bottom: 1px solid #ebebeb;}
.welcome span{ float: left; font-weight: normal;  font-size: 13px; color: #888888;}
.welcome p{ float: right;color: #888888;}
.welcome p a{color: #888888;}
.welcome p a:hover{color: #0b3d8c;}

.head{overflow: hidden;}
.logo{padding: 12px 0; width: calc((100% - 250px));}
.logo .pp{float: left; width: 80px; }
.logo .pp img{max-width: 100%;}
.logo .name{float: left; padding-left: 10px;border-left: 1px solid #ccc; margin-top: 10px; margin-left: 10px;}
.logo .name h2{font-size:32px;font-weight: bold; color: #333;}
.logo .name small{ display: block;font-size:22px;color: #777;line-height: 44px;}
.logo .name_ms{float: left; border-left:1px solid #e7e7e7; padding-left:20px; margin-left:20px; color:#333; font-size:16px;  width: 300px;}
.tel{float: right; padding: 18px 0;width: 250px;}
.tel i{float: left; color: #0468b3; font-size: 58px;margin: 18px 10px;}
.tel .haoma{float: left;}
.tel .haoma span{font-size: 15px; color: #333; line-height: 30px; font-weight:bold;}
.tel .haoma p{ display: block; font-size: 24px; color: #333; font-weight: bold;}


/*Menu导航 */
.navbg{background: #0468b3;height: 70px;}
.nav{ width: 1200px; margin: 0 auto;}
.nav ul{margin: 0;}
.nav ul li{float: left;position: relative;font-size: 16px;text-align: center;  line-height: 70px; width: 150px;}
.nav ul li a{display: block;width: 150px;color: #FFF;}
.nav ul li a:hover{display: block;background: #8fc112;}
.nav ul li .subnav{background: #fff;box-shadow: 0 13px 42px 11px rgba(0, 0, 0, 0.05);height: auto;left: 0;overflow: hidden;position: absolute;top: 100%;width:100%;z-index: 199;}
.nav ul li .subnav{filter: progid:DXImageTransform.Microsoft.Shadow(color=#4c91c0,direction=120,strength=5);opacity: 0;visibility: hidden;transition: all .6s ease 0s;transform: translate3d(0, 10px, 0);-moz-transform: translate3d(0, 10px, 0);-webkit-transform: translate3d(0, 10px, 0);}
.nav ul li:hover .subnav{opacity: 1;visibility: visible;transform: translate3d(0, 0, 0);-moz-transform: translate3d(0, 0, 0);-webkit-transform: translate3d(0, 0, 0);}
.nav ul li .subnav a{color: #666;display: block;font-size: 13px;line-height: 52px;height: 52px;padding: 0;transition: all 0.2s ease-in-out 0s;width: 100%;border-bottom: 1px solid #eee;background: #fff;}
.nav ul li .subnav a:hover{color: #0b3d8c;background: #0468b3;text-indent: 3px; color: #FFF;}


/*底部信息*/
footer{overflow: hidden; background: #0467b2;}

.foot-logo{overflow: hidden; margin-top: 50px;}
.foot-logo .pp{float: left; width: 80px; }
.foot-logo .pp img{max-width: 100%;}
.foot-logo .name{float: left; padding-left: 10px; margin-top: 10px; margin-left: 10px;color: #FFF;}
.foot-logo .name h2{font-size:32px;font-weight: bold; }
.foot-logo .name small{ display: block;font-size:17px;line-height: 44px; font-weight: bold;}


.foot-contact{float: left;overflow: hidden;  width: 400px;}
.foot-contact .text{display: block; margin: 10px 0; color: #FFF; }
.foot-contact .text p{display: block;  line-height: 26px; font-size: 14px;}
.foot-contact .text p i{font-size: 20px; margin-right: 5px;}
.foot-contact .text p:nth-of-type(2) i{font-size: 14px;}
.foot-contact .wx{overflow: hidden;}
.foot-contact .wx .img{ float:left; width:140px; margin-right:20px; }
.foot-contact .wx .img img{ width: 140px;}
.foot-contact .wx .img span{text-align: center; color: #FFF;display: block; margin: 10px 0;}



.footmenu{overflow: hidden;float: left;width:800px; margin: 50px 0;}
.footmenu ul{margin: 0;}
.footmenu ul li{float: left; width: 33.333333%;}
.footmenu ul li dt{ color: #FFF; font-size: 22px; padding-bottom: 20px;position: relative;}
.footmenu ul li dt::after{position: absolute; content: ""; width: 42px; height: 1px; background: #FFF;left: 0;top: 35px;}
.footmenu ul li a{color: #FFF; display: block;  line-height: 28px; font-size: 14px;}
.footmenu ul li a:hover{color: #8ec112;}


.copy{overflow: hidden;background: #04477a;padding: 25px 0;color: #FFF;}
.copy-l{float: left; width: calc((100% - 165px));}
.copy-l a{color: #FFF;}
.copy-l a:hover{color: #8ec112;}
.copy-r{float: left; width: 165px; color: #FFF;}
.copy-r a{color: #FFF;}
.copy-r a:hover{color: #8ec112;}