/* 容器 */
*{transition: all .3s;}
.container-width{max-width: 1200px; margin: 0 auto; padding: 0 15px;}
@media (max-width:1200px) {
	.container-width{padding: 0 15px;}
}

/* top */
.logo{float: left;padding: 10px 0;}
.logo img{max-width: 100%; height: 60px;}
@media(max-width: 768px) {
.logo{padding: 5px 0;}
.logo img{height: 50px;}
}
.logo-sign{float: left; padding-left: 15px; margin-top: 13px; margin-left: 15px; border-left: 1px solid #ddd;}
.logo-sign h3{padding-bottom: 5PX;}
.logo-sign-ico ul li{float: left; margin-right: 10px; color: #777;}
.logo-sign-ico ul li span{display: inline-block; margin-right: 5px; width: 30px; height: 30px; line-height: 30px; border-radius: 30px; text-align: center; background-color: #4377cc; color: #fff;}
@media(max-width: 768px) {
	.logo-sign{display: none;}
}
/* top-tel */
.top-tel{position: relative; float: right; padding-left: 45px;margin-top: 20px;}
.top-tel span{position: absolute; top: 3px; left: 0; text-align: center;  }
.top-tel span img{max-width: 100%;}
.top-tel h3{padding-top: 8px; font-weight: bold;font-size: 18px; color: #1f7ebc;}
.top-tel h3 a {font-weight: bold;font-size: 18px; color: #1f7ebc;}
@media (max-width:768px) {
.top-tel{float: left;margin-top: 0;}
.top-tel span{display: none;}
.top-tel h3{padding-top: 20px;}
}
/* open */
.navbar-open {float: right; width: 40px;height: 40px;  cursor: pointer;display: none; }
.navbar-open span {display: block;width: 30px;height: 2px;background-color: #666;margin: 0 auto;}
.navbar-open span:first-child {margin-top: 25px;}
.navbar-open span:nth-child(2) {margin-top: 8px;}
.navbar-open span:last-child {margin-top: 8px;}

/*  */
@media(max-width: 768px) {
	.navbar-open {display: block;padding: 5px 0;}
	.navbar-open span {display: block;width: 20px;}
	.navbar-open span:first-child {margin-top: 12px;}
	.navbar-open span:nth-child(2) {margin-top: 6px;}
	.navbar-open span:last-child {margin-top: 6px;}
}
@media(max-width: 640px) {
	.navbar-open {margin-top: 5px;}
}

/* ---------------左侧导航--------------- */
.navbox{background-color: #f7f7f7;height: 55px;line-height: 55px;border-bottom: 1px solid #4276CC;}
@media (max-width:1300px) {
	.navbox{height: 45px;line-height: 45px;}
}
.serviceMenu{position: relative;z-index: 3; float: left; width: 230px;height: 55px; background-color: #4377CC; text-align: center; color: #fff; cursor: pointer;}
.serviceMenu h3{ font-size: 18px; height: 55px; overflow: hidden;}
.serviceMenu h3 i{font-size: 36px; vertical-align: middle; margin-right: 5px;}
.serviceMenu >ul {position: absolute; top: 55px; left: 0; width: 100%; z-index: 2; background-color: rgba(0,0,0,.7); text-align: left;}
.serviceMenu >ul >li{position: relative;padding: 3px 0; border-bottom: 1px solid #333;}
.serviceMenu >ul >li:last-child{border-bottom: none;}
.serviceMenu >ul >li>i{position: absolute; top: 0; right: 25px;}
.serviceMenu >ul >li >a{display: block; padding-left: 25px; color: #fff; font-size: 16px;}
.serviceMenu >ul >li >a i{font-size: 28px; vertical-align: middle; margin-right: 8px;}
.serviceMenu >ul >li >a:hover{background-color: #666;}

.ni-box {-webkit-box-shadow: rgba(3,58,150,.1) 0px 0px 5px; -moz-box-shadow: rgba(3,58,150,.1) 0px 0px 5px; box-shadow: rgba(3,58,150,.1) 0px 0px 5px;z-index: 99;width: 600px;background: #fff;position: absolute;top: 3px;left: 230px;padding: 0 40px 23px 30px;box-sizing: border-box;display: none; }
.ni-box2:before {position: absolute;content: "";width: 0;height: 0;left: -6px;top: 22px;border-right: 6px solid #fff;border-top: 7px solid transparent;border-bottom: 7px solid transparent;}
.ni-box h2 {font-size: 16px;color: #333;font-weight:normal;border-left: 2px solid #4377CC;padding-left: 17px;margin: 20px 0 20px;line-height: 40px;}
.ni-box-down {border-top: 1px solid #e5e5e5;}
.ni-box-down li {width: 170px;height: 14px;margin-bottom: 17px;}
.ni-box-down li.last {width: 136px;}
.ni-box-down li a {font-size: 14px;color: #666;border-left: 1px solid #e5e5e5;padding-left: 10px;}
.ni-box-down li a:hover {color: #2ba0ea;border-color: #2ba0ea;}
.serviceMenu>ul>li:hover .ni-box {display: block;}

@media (max-width:1900px) {
	.serviceMenu >ul >li{line-height: 45px;}
	.serviceMenu h3{height: 45px; font-size: 16px;}
	.serviceMenu h3 i{font-size: 24px;}
}
@media (max-width:1600px) {
	.serviceMenu >ul li{line-height: 40px;}
}
@media (max-width:1450px) {
	.serviceMenu >ul >li{line-height: 35px;}
	.serviceMenu >ul >li >a{display: block; padding-left: 25px; color: #fff; font-size: 14px;}
	.serviceMenu >ul >li >a i{font-size: 20px; vertical-align: middle; margin-right: 8px;}
}
@media (max-width:1300px) {
	.serviceMenu >ul { top: 45px;}
	.serviceMenu{width: 180px; height: 45px;}
	.serviceMenu >ul{visibility: hidden;opacity: 0; transform: translateY(10px);}
	.serviceMenu:hover >ul{visibility: visible;opacity: 1; transform: translateY(0);}

	.ni-box{left: 190px;}
}

@media (max-width:768px) {
	.navbox{display: none;}
}


/* nav */
.navMenu{float: left; padding-left: 20px;}
.navMenu ul li{position: relative; float:left; padding: 0 15px; text-align: center;}
.navMenu ul li a{line-height: 30px;  font-size: 16px;}
.navMenu ul li.current-menu-item>a{color: #4276cc;}
.navMenu ul li:hover a{color: #4276cc;}
.navMenu ul li:last-child{display: none;}
@media (max-width:1400px){
	.navMenu{float: left; padding-left: 20px;}
}
@media (max-width:1250px){
	.navMenu ul li{ padding: 0 10px; }
}
@media (max-width:920px){
	.navMenu ul li{ padding: 0 5px; }
}

@media (max-width:860px) {
	.navMenu{float: left; padding-left: 10px;}
	.navMenu ul li a{font-size: 14px;}
}
.navSearch{float: right;padding: 0 10px 0 15px; margin-top: 13px; line-height: 28px; border: 1px solid #4276CC; background-color: #fff; border-radius: 40px;}
.navSearch input{line-height: 27px; width: 80%;}
.navSearch button{background-color: snow; width: 15%;}
.navSearch button i{font-size: 18px;}
@media (max-width:1300px) {
	.navSearch{float: right;padding: 0 10px 0 15px; margin-top: 8px;}
}
@media (max-width:1000px) {
	.navSearch{max-width: 130px;}
}
/* -----------手机-------------- */
/* close */
.close-navbar{position: absolute;top: 0;right: 0;z-index: 9;width: 50px;height:  50px; cursor: pointer;}
.close-navbar:before,
.close-navbar:after{position:absolute; display: block; content: ''; z-index: 1; width: 30px; height: 2px; background-color: #333;}
.close-navbar:before{ left:10px; top:23px; transform: rotate(45deg);}
.close-navbar:after{ left:10px; bottom:25px; transform: rotate(-45deg);}
/* 手机菜单容器 */
.m-nav-bg {position: fixed;top: 0;right: 0;z-index: 98;width: 100%;height: 100%;background-color:#003F84;opacity: 0;visibility: hidden; transition: all .3s;}
.m-nav{position: fixed;top: 0;right: 0;z-index: 99;padding: 35px 45px 10px 25px;width: 80%;height: 100%;background-color: #fff;transform: translateX(120px);opacity: 0;visibility: hidden; transition: all .3s;}
/* 一级菜单 */
.m-nav-box{position: relative; font-family: arial;}
.m-nav-menu>li{line-height: 45px;font-size: 18px;background-color: #fff;cursor: pointer;}
.m-nav-menu>li>a{display: block; border-bottom: 1px solid #eee; font-size: 18px; color: #444; }
.m-nav-menu>li>h3{border-bottom: 1px solid #eee; font-size: 18px; color: #444; }
.m-nav-menu>li>h3>a {display: block;}
/* 二级菜单 */
.m-nav-menusub {position: absolute;top: 50px;right: 0;z-index: -1; width: 100%;height: 100%;background-color: #fff;transform: translateX(12px); visibility: hidden; opacity: 0; transition: all .3s;}
.m-nav-menusub li{font-size: 14px; line-height: 40px;}
.m-nav-menusub li{transform: translateX(9px); opacity: 0; transition: all .3s;}
/*添加状态*/
.m-nav-bgshow{opacity: 1;visibility: visible;}
.m-nav-show{transform: translateX(0);opacity: 1;visibility: visible;}
.m-nav-menu-active>h3{font-size: 20px; color: #CBAA81!important;}
.m-nav-menusub-active {transform: translateX(0)!important; visibility: visible!important; opacity: 1!important;}
/* 增加动画 */
.m-nav-menusub-active li{transform: translateX(0);opacity: 1;}



/* =================footer================ */
.footer-bg {padding-top: 40px; background-color:#393936; color: #b9b9b9;}
.footer-nav{float: left; width: 22%;}
.footer-nav dl{float: left; width: 50%;}
.footer-nav dl dt{padding-bottom: 15px; font-size: 16px; color: #fff;}
.footer-nav dl dd{ padding-bottom:10px; }
.footer-nav dl a{color: #aeaeaf;}

.footer-address,
.footer-tel,
.footer-info{float: left;}


.footer-address{width: 38%; padding:0 25px;}
.footer-address h3{padding-bottom: 15px; color: #fff;}
.footer-address p{ padding-bottom: 10px;}

.footer-tel{width: 25%; padding-top: 5px; padding-left: 35px; font-family: arial;}
.footer-tel p{font-size: 16px; color: #fff; }
.footer-tel p i{font-size:28px; vertical-align: middle;}
.footer-tel h3{font-size: 12px; color: #fff; padding: 5px 0;}
.footer-tel a{display: inline-block; padding: 0 25px; margin: 15px 0; font-size: 24px; background-color: #4276CC; line-height: 36px; color: #fff;}

.footer-info{width: 15%;border: none; text-align: center; margin-top: 16px;}
.footer-info img {max-width: 100%;}
.footer-info p {line-height: 35px;}
@media (max-width:1150px) {
.footer-nav{float: left; width: 50%;}
.footer-address{width: 50%;padding: 0 15px;}
.footer-tel{width: 100%; padding:0 ;text-align: center;}
.footer-info{width: 100%;}
}

@media (max-width:768px) {
	.footer-nav{width: 100%;}
	.footer-address,
	.footer-tel,
	.footer-info{float: left; height: auto; border-right: none; margin-top: 10px; margin-bottom: 10px;}
	.footer-address{width: 100%;padding:0;text-align: center;}
}

@media (max-width:640px) {
	.footer-nav dl{text-align: center;}
	.footer-left ul li {float: left;width: 100%;padding: 10px;}
}
.fd-link{border-top: 1px solid #52514d;  padding: 10px;}
.fd-link:last-child{border-top:none; border-bottom: 1px solid #52514d;}
.fd-link li{display: inline-block; margin-right: 15px; color: #b1b1b1;}
.fd-link a{color: #b1b1b1;}
.fd-link a:hover{color: #fff;}

.site-copyright{line-height: 35px; color: #777; font-size: 12px; background-color: #393936; border-top: 1px solid #333; ;}
.site-copyright a{color: #777;}


@media (max-width:940px) {
	.site-copyright span{display: block; width: 100%; text-align: left;}
}
@media (max-width:768px) {
	.site-copyright{padding-bottom: 60px;}
}

/* window-search */
.close-search {
	position: absolute;
	top: 15px;
	right: 15px;
	width: 35px;
	height: 35px;
}

.close-search span {
	position: absolute;
	top: 17px;
	left: 6px;
	width: 25px;
	height: 1px;
	background-color: #333;
}

.close-search span:first-child {
	transform: rotate(45deg);
}

.close-search span:last-child {
	transform: rotate(-45deg);
}

.window-search {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: rgb(255, 255, 255);
	z-index: 201;
	padding-top: 180px;
	visibility: hidden;
	opacity: 0;
	transition: all .3s;
}

.window-search>img {
	max-width: 100%;
	display: block;
	margin: 35px auto;
}

.searchform {
	max-width: 600px;
	font-size: 0;
	margin: 0 auto;
	padding: 0 15px;
}

.searchform input {
	float: left;
	display: block;
	padding-left: 10px;
	width: 79%;
	border: none;
	background: none;
	border: 1px solid #f38519;
	line-height: 43px;
	color: #666;
	font-size: 16px;
	outline: none;
}

.searchform button {
	float: left;
	display: block;
	border: 1px solid #f38519;
	line-height: 43px;
	width: 20%;
	padding: 0 10px;
	font-size: 16px;
	background-color: #f38519;
	color: #fff;
	outline: none;
}
.searchShow {
	visibility: visible;
	opacity: 1;
	transform: translateX(0);
}

/* window-service */
.window-service{position: fixed; top: 250px; right: 10px; z-index: 3;}
.window-service ul li{position: relative ; background-color: #4276CC; padding-top: 8px; width: 64px; height: 64px; margin-bottom: 2px; color: #fff; text-align: center; cursor: pointer}
.window-service ul li a{ color: #fff; }
.window-service ul li i{font-size: 28px;}
.window-service ul li p{font-size: 12px;}
.window-service-tel,
.window-service-wx{opacity: 0; visibility: hidden; transform: translateX(10px); transition: all .3s;}
.window-service-wx img{width: 120px;margin-bottom: 10px;}
.window-service-tel{position: absolute; top: 0; right: 60px; z-index: 1; width: 200px; height: 64px; line-height: 64px; font-size: 20px; font-family: arial;  background-color:#4276CC;color: #fff;  }
.window-service-wx{position: absolute; top: 0; right: 68px; z-index: 1; padding: 15px; border:2px solid #4276CC; border-radius: 4px; background-color:#4276CC;}
.window-service-wx h3{color: #fff; font-size: 14px;}
.window-service ul li:hover .window-service-tel,
.window-service ul li:hover .window-service-wx{opacity: 1; visibility: visible; transform: translateX(0)}

/*手机端底部悬浮框*/
.bottomxf {display: none;width: 100%;padding: 5px 0; position: fixed;bottom: 0;z-index: 12;background: #056fb8;box-sizing: border-box;}
.bottomxf > a {display:block;float:left;width: 33.3%;height: 45px;text-align: center;position: relative;border-right: 1px solid #fff;}
.bottomxf > a:last-child {border: 0;}
.bottomxf > a > .iconfont {font-size: 22px;color: #FFF;margin-bottom: 5px;}
.bottomxf > a > p {color:#FFF;}

@media(max-width:768px){
	.bottomxf{display: block;}
	.window-service{display: none;} 
}

/*弹窗*/
.window-alert-bg{position: fixed; top: 0; left: 0; z-index: 99; width:100%; height: 100%; padding-top: 250px; background-color: rgba(0,0,0,.7); visibility: hidden;opacity: 0;}
.window-alert{position: relative; max-width: 560px; border-radius: 10px; margin: 0 auto; background-color: #fff; text-align: center; overflow: hidden;visibility: hidden; opacity: 0; transform: translateY(10px);}
.window-alert-close{position: absolute; top: 15px; right: 15px; width: 30px; height: 30px; cursor: pointer;}
.window-alert>img{max-width: 100%; padding: 0 15px;}
.window-alert-title{text-align: center;padding-top: 20px; padding-bottom: 20px;}
.window-alert-title h3{font-size: 24px; padding: 8px; font-weight: bold; letter-spacing: 3px;}
.window-alert-title span{position: relative; display: inline-block; width: 0 ; height: 0; border-top: 10px solid #0167CC; border-left:10px solid transparent; border-right:10px solid transparent;}
.window-alert-title span:before,
.window-alert-title span:after{position: absolute; top:-5px; content: ''; width: 140px; height: 1px; background-color: #ccc;}
.window-alert-title span:before{ left: -160px;}
.window-alert-title span:after{right: -160px;}
.window-alert-nav{margin-bottom: 30px; padding: 0 15px; font-size: 18px;}
.window-alert-nav a{position: relative; padding: 0 10px; display: inline-block;}
.window-alert-nav a:before{position: absolute; top:5px; right: 0; content: ''; width: 1px; height: 15px; background-color: #ccc;}
.window-alert-nav a:last-child:before{display: none;}
.window-alert-btn{padding: 15px 0; margin-top: 30px; text-align: center; background-color: #4276CC;}
.window-alert-btn a{display: inline-block; padding: 0 50px; color: #fff; margin: 0 10px; border-radius: 35px; border: 1px solid #fff; line-height: 35px;}
.window-alert-btn .zx2{display: none;}
@media (max-width:1200px) {
.window-alert-bg{ padding-top: 220px;}
}
@media (max-width:768px) {
	.window-alert-bg{ padding-top: 140px;}
.window-alert-btn .zx1{display: none;}
.window-alert-btn .zx2{display: inline-block;}
.window-alert{max-width: 90%;}	
.window-alert-title h3{font-size: 20px;}
.window-alert-nav{font-size: 14px;padding: 0 5px;}
.window-alert>img{max-width: 80%;}
.window-alert-btn a{margin-bottom: 10px;}
}
.window-alert-show{visibility: visible!important; opacity: 1!important; }
.window-alert-show1{visibility: visible!important; opacity: 1!important; transform: translateY(0)!important;}

/*404页面*/
.ui-errors{margin:100px 0;position:relative;text-align: center;}
.ui-errors h4{font-size:24px;font-weight: normal;color: #77b3bf;line-height:50px;}
.ui-errors h1{font-size: 160px;color: #aaa;line-height:180px;}

/*文章编辑器设置浮动*/
.aligncenter {clear: both;display: block;margin: 0 auto 1.75em;}
.alignleft {float: left;margin: 0.375em 1.75em 1.75em 0;}
.alignright {float: right;margin: 0.375em 0 1.75em 1.75em;}
blockquote.alignleft {margin: 0.3157894737em 1.4736842105em 1.473684211em 0;}
blockquote.alignright {margin: 0.3157894737em 0 1.473684211em 1.4736842105em;}
blockquote.aligncenter {margin-bottom: 1.473684211em;}
.single-content img{max-width:100%;height:auto;display: block;margin: 15px auto;}
.single-content p{margin-bottom: 15px;}

.screen-reader-response{display: none;}