/*头部*/
.h200{height: 180px;}
.h120{display: none;}
.h70{display: none;}

.Header{width:100%;position: fixed; top: 0; z-index: 999; background: #FFF;}
.Header .Logo{float:left; width: 450px;margin-top: 20px; margin-bottom: 24px;}
.Header .Logo .img{float: left;width: 205px; }
.Header .Logo .img img{max-width: 100%;}
.Header .Logo .name{float: left; width: 215px; margin-left: 30px; position: relative;}
.Header .Logo .name h2{font-size: 24px; text-align: center; color: #1c5fe8;font-weight: normal; margin:10px 0 5px 0;}
.Header .Logo .name span{font-size: 13px; color: #999;}
.Header .Logo .name::before{content: '';position: absolute; width: 1px; height: 46px; background:#e0e0e0;left: -18px; margin-top: 20px;}

.head-r{float: left; width:calc((100% - 450px));}
.head-r .tel{float: right; margin-top: 40px;}
.head-r .tel span{display: block; font-size: 16px; text-align: right;}
.head-r .tel b{font-size: 20px; color:#00478c;}
.head-r .ss{float: right;position: relative; margin-top: 40px; border-left: 1px solid #e7e7e7; margin-left: 30px;  padding: 5px 0 5px 30px;}
.head-r .ss input{border:1px solid #00478c; width: 300px; border-radius: 50px; height: 40px; line-height: 40px; padding: 5px 10px;}
.head-r .ss .btn{background: url(../images/ss.png) no-repeat; width: 35px; height: 35px; position: absolute;margin-left: -45px; border: 0; margin-top: 4px;}
	
.pcnav{background: #00478c; height: 60px;}
.pcnav ul{}
.pcnav ul li{float: left;position: relative;font-size: 16px;text-align: center; line-height:60px; width: 11.111111%;}
.pcnav ul li a{color: #FFF;}
.pcnav ul li a.active{color: #FFF; background: #1c5fe8; display: inherit;}
.pcnav ul li a:hover{color: #FFF; background: #1c5fe8; display: inherit;}
.pcnav ul li .subnav{box-shadow: 0 13px 42px 11px rgba(0, 0, 0, 0.05);height: auto;left: 0;overflow: hidden;position: absolute;top: 100%;width:550px;z-index: 199;}
.pcnav ul li .subnav{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);}
.pcnav 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);}

.pcnav ul li .subnav .subnavbox{overflow: hidden; background: #FFF; padding: 20px;}
.pcnav ul li .subnav .subnavbox .subnav-left{float: left; width: 170px; margin-right: 30px;}
.pcnav ul li .subnav .subnavbox .subnav-left a{color: #666;font-size: 14px;line-height: 37px;height: 37px; display: block; width: 100%; text-align: left; border-bottom: 1px dashed #e7e7e7; padding-left: 12px; position: relative;}
.pcnav ul li .subnav .subnavbox .subnav-left a::before{content: '';position: absolute; background: url(../images/jt.jpg) no-repeat; width: 5px; height: 5px; margin-top: 15px; left: 0;}
.pcnav ul li .subnav .subnavbox .subnav-left a:hover{ color: #00478c; background:none;}
.pcnav ul li .subnav .subnavbox .subnav-right{float: left;}

/*底部信息*/
footer{overflow: hidden;background:#00478c; padding: 40px 0;}

.foot-lx{float: left; width:calc((100% - 400px)); color:#FFF;}
.foot-lx h2{font-size:22px;}
.foot-lx p{line-height:26px;}

.foot-wx {float: left; width:400px; display: block;}
.foot-wx .erweima{float: left; width: 120px;text-align: center;}
.foot-wx .erweima img{width:100%;}
.foot-wx .erweima span{color:#FFF; line-height:30px; }
.foot-wx .foot-400{float: left; width: 260px; color: #FFF; margin-left: 20px;}
.foot-wx .foot-400 h2{font-size: 17px;}
.foot-wx .foot-400 b{overflow: hidden; display: block; font-size: 24px;margin: 10px 0;}
.foot-wx .foot-400 p{}

.copybg{background:#012d59;border-top: 1px solid #2766a4;padding: 20px 0; text-align: center;color: #FFF;}
.copybg a{color:#FFF;}


/*手机导航*/
#navToggle{position: relative;width: 30px;height: 20px;display: none;float: right;}
#navToggle .line {background: #00478c;border-radius: 1px;display: block;height: 3px;top: 0;left: 0;transition: all 0.3s ease;transform-origin: center center;width: 100%;position: absolute;}
#navToggle .line1 {top: 0;}
#navToggle .line2 {top: 50%;margin-top: -1px;}
#navToggle .line3 {top: auto;bottom: 0;}

#navToggle.active .line{top: 50%;bottom: auto; margin-top: -1px;}
#navToggle.active .line1{transform: rotate(45deg);}
#navToggle.active .line2{opacity: 0;filter: alpha(opacity=0);}
#navToggle.active .line3{transform: rotate(-45deg);}

.menu-arrow{ font-size:30px; position: absolute;right: 15px;transform: rotate(-0deg);transition: all 0.4s; color: #999;}

.mobileMenu{display: none;position: fixed;top: 70px;left: 0;width: 100%;height: calc(100% - 70px);background:#FFF;overflow-y: auto;z-index: 9999;border-top: 1px solid #e7e7e7;}
.mobileMenu ul {background: #FFF;}
.mobileMenu ul li{transform: translate3d(0, 10px, 0);transition: transform 0.4s ease, opacity 0.4s ease;opacity: 0;}
.mobileMenu.h-show ul li{opacity: 1;transform: translate3d(0, 0, 0);}
.menu-item{display: flex;flex-direction: row;height: 60px;align-items: center; padding-left: 20px;padding-right: 20px;border-bottom: 1px solid #e7e7e7;position: relative;transition: all .5s;}
.menu-item i{font-size: 20px;display: block;font-style: normal;}
.menu-item a{font-size: 20px;color: #666;padding-left: 30px;}
.menu-item:hover i, .menu-item:hover a{color: #00478c;}
.menu li.on .menu-item i{color: #00478c;}

.menu_dl{display: none; padding-left: 98px;padding-top: 20px; padding-bottom: 20px;border-bottom: 1px solid #e7e7e7;}
.menu_dl dd a{font-size: 18px;color: #666;line-height: 60px;}
.menu_dl dd a:hover{color: #00478c;}

.ovh-f{width: 100%;height: 100%;position: fixed;left: 0;top: 0;overflow: hidden;}
.menu-itemtit{display: flex;}



@media (min-width:990px) and (max-width:1200px) {
.h200{display: none;}
.h120{display: block; height: 120px;}
.h70{display: none;}
.pcnav{display: none;}	
.head-r{display: none;}

#navToggle{display: block;}
.navToggle{margin-top: 50px;}
.mobileMenu{top: 120px !important;height: calc(100% - 120px) !important;}
}


@media (min-width:768px) and (max-width:990px) {
	
.h200{display: none;}
.h120{display: block; height: 120px;}
.h70{display: none;}
.pcnav{display: none;}
.head-r{display: none;}


#navToggle{display: block;}
.navToggle{margin-top: 50px;}
.mobileMenu{top: 120px !important;height: calc(100% - 120px) !important;}



	
}


@media screen and (max-width:767px) {
	
.container-fluid {padding-right: 20px !important;padding-left: 20px !important;}

.h200{display: none;}
.h120{display: none;}
.h70{display: block; height: 70px;}
.pcnav{display: none;}
.head-r{display: none;}
.Header{ height: 70px;}
.Header .Logo{width: 150px;margin-top: 5px; margin-bottom: 0px;}
.Header .Logo .img{width: 150px; }
.Header .Logo .img img{max-width: 100%;}
.Header .Logo .name{display: none;}

.foot-lx{width: 100% !important; margin-bottom: 30px;}
/*.foot-wx{width: 100% !important;}*/
/*.foot-wx .foot-400{margin-left: 0;}*/
/*.foot-wx .erweima{text-align: left;}*/


#navToggle{display: block;}
.navToggle{margin-top: 26px;}
.mobileMenu{top: 70px !important;height: calc(100% - 70px) !important;}

.menu-item{padding-left: 20px;height: 60px;}
.menu-item i{font-size: 24px;margin-top:0;}
.menu-item a{font-size: 16px;padding-left: 20px;}
#navToggle{margin-right: 0px;}
.menu_dl{ padding-left: 65px;}
.menu_dl dd a{font-size: 15px;line-height: 30px;}


/*.foot-wx{display: flex;}*/
/*.foot-wx .erweima{flex:1;}*/
/*.foot-wx .foot-400{flex:3;}*/
.foot-wx .erweima{width: 80px;}
.foot-wx .foot-400{width: 240px;}
.foot-wx .foot-400 h2{font-size: 16px;}
.foot-wx .foot-400 b{font-size:20px;}
.foot-wx .foot-400 p{font-size: 12px;}
    .home-news ul li .text h2{    font-size: 16px;}
}