/*全局样式*/
body{padding:0;margin:0;font-size:14px;font-family:微软雅黑;color: #272727;}
div,img,ul,li,dl,dt,dd,h1,h2,h3,h4,h5,h6,form,p{padding:0;margin:0;border: 0;}
ul{list-style:none;}
a{text-decoration: none;color: #000;}
i,em{font-style: normal;}
img{max-width: 100%;height: auto;display: block;}
/*去掉 input 默认边框*/
input{padding: 0;border:0;font-family: 微软雅黑;font-size: 14px;}
/*去掉 textarea 默认边框*/
textarea{padding: 0;border:0;font-family: 微软雅黑;font-size: 14px;}
/*去掉 button 默认边框*/
button{border: 0;padding: 0;font-family: 微软雅黑;font-size: 14px;cursor: pointer;}
/*清除浮动*/
.clearfloat{border:0px;clear:both;height:0px;font-size:0px;line-height:0px;}
.clearfix:after{content: '';display: table;clear: both;}
.clearfix{*zoom: 1;}
/*解决ie/firefox 浏览器中，点击一个链接后有一个虚线边框的问题*/
a{blr:expression(this.onFocus=this.close());} /* 只支持IE，过多使用效率低 */ 　
a{blr:expression(this.onFocus=this.blur());} /* 只支持IE，过多使用效率低 */ 　
a:focus{-moz-outline-style: none;} /* IE不支持 */ 
a:focus{outline:none;-moz-outline:none;}
/*解决chrome 浏览器，当文本框，多行文本获得焦点的时候，会有一个边框的问题*/
input,textarea{outline:none;}

/*header*/
body{background: #f7f7f7;}
.header{background: #fff;border-bottom: 1px solid #e6e6e6;}
.header .headerCon{position: relative;width: 1200px;height: 85px;margin: 0 auto;}
.header .logo{float: left;width: 450px;height: 60px;margin-top: 12px;}
.header .logo img{width: 100%;height: 100%;}
.header .phone{position: absolute;left: 46%;top: 35px;}
.header .phone img{float: left;width: 20px;height: 20px;margin-top: 2px;}
.header .phone span{float: left;margin-left: 10px;font-size: 16px;color: #00a0e9;}
.header .phone span+span{margin-left: 20px;color: #000;}
.header .phone span+span em{color: #00a0e9;}
.header .searCon{float: right;width: 200px;height: 30px;margin-top: 32px;border: 1px solid #ccc;}
.header .searCon input{float: left;width: 70%;height: 30px;padding-left: 5px;background: transparent;line-height: 30px;}
.header .searCon input::-webkit-input-placeholder{color: #ccc;}
.header .searCon button{float: right;width: 30px;height: 30px;background: #c22722;}
.header .searCon button img{display: block;width: 15px;height: 15px;margin: 0 auto;}
/*header结束*/

/*nav*/
/*PC*/
.navCon{background: #013681;}
.nav{position: relative;width: 1200px;height: 40px;margin: 0 auto;}
.nav li{position: relative;float: left;padding: 6px 0;margin: 0 20px;}
.nav li > a{position: relative;display: block;height: 28px;padding: 0 25px;line-height: 28px;color: #fff;}
.nav li.on > a,.nav li:hover > a{background: #00a0e9;border-radius: 14px;}
.nav li .sub_nav{display: none;z-index: 10;position: absolute;left: 0;top: 40px;width: 100%;background: rgba(1,54,129,.5);}
.nav li .sub_nav dd{width: 100%;line-height: 30px;text-align: center;}
.nav li .sub_nav dd a{display: block;font-weight: normal;color: #fff;}
.nav li .sub_nav dd:hover{background: #004ea1;}
/*mobile*/
.menuCon{display: none;z-index: 99;position: relative;width: 100%;height: 35px;background: #004ea1;}
.menuBtn{position: absolute;width: 30px;height: 24px;left: 50%;top: 6px;margin-left: -15px;cursor: pointer;}
.menuBtn span{display: block;height: 3px;margin-bottom: 3px;background: #fff;}
.menu{display: none;position: absolute;left: 0;top: 35px;width: 80%;padding: 0 10%;background: rgba(0,0,0,.8);}
.menu li{position: relative;line-height: 40px;border-top: 1px solid #666;font-size: 15px;}
.menu li:after{content: "";position: absolute;right: 0;top: 18px;width: 0;height: 0;border: 4px solid transparent;border-left: 4px solid #fff;transition: all 0.3s ease;}
.menu li:first-child{border-top: 0;}
.menu li:first-child:after{border-left: 0;}
.menu li.on{border-top: 1px solid #e60012;}
.menu li.on:after{-webkit-transform: rotate(90deg); -moz-transform: rotate(90deg); -ms-transform: rotate(90deg); -o-transform: rotate(90deg); transform: rotate(90deg);}
.menu li.on > a{color: #e60012;}
.menu li a{display: block;color: #fff;}
.menu li .sub_menu{display: none;padding-left: 5%;}
.menu li .sub_menu dd{position: relative;padding-left: 5%;border-top: 1px solid #666;font-size: 14px;}
.menu li .sub_menu dd:after{content: "";position: absolute;left: 0;top: 18px;width: 4px;height: 4px;background: #fff;border-radius: 50%;}
/*nav结束*/

/*banner*/
.banner{position: relative;width: 100%;height: 450px;overflow: hidden;}
.banner .swiper-slide img{width: 100%;height: 100%;}
.banner .swiper-pagination{bottom: 10px;}
.banner .swiper-pagination-bullet{width: 10px;height: 10px;background: #fff;border-radius: 50%;opacity: 1;}
.banner .swiper-pagination-bullet-active{background: #013681;}
/*banner结束*/

/*footer*/
.footer{background: #8e8e8e;}
.footer .footerCon{width: 1200px;height: 70px;margin: 0 auto;}
.footer .footerCon .cr{float: left;padding-top: 10px;}
.footer .footerCon .cr p{font-size: 12px;line-height: 24px;color: #fff;letter-spacing: 1px;}
.footer .footerCon .cr p a{color: #fff;}
.footer .footerCon .cr p a:hover{text-decoration: underline;color: #013681;}
.footer .footerCon .link{float: right;margin-top: 18px;}
.footer .footerCon .link li{position: relative;float: left;margin-left: 15px;}
.footer .footerCon .link li a{display: block;width: 32px;height: 32px;}
.footer .footerCon .link li a img{width: 100%;height: 100%;}
.footer .footerCon .link li .code{z-index: 1;position: absolute;left: 16px;top: 0px;width: 0px;height: 0px;overflow: hidden;transition: all 0.3s ease;}
.footer .footerCon .link li .code img{width: 100%;height: 100%;}
.footer .footerCon .link li:hover .code{left: -24px;top: -90px;width: 80px;height: 80px;}
/*footer结束*/


/*mobile:<768px*/
@media screen and (max-width: 767px){
	/*header*/
	.header .headerCon{width: 94%;height: 150px;}
	.header .logo{width: 100%;margin-top: 15px;}
	.header .phone{left: 0;top: 100px;top: 118px;}
	.header .phone img{width: 20px;height: 20px;margin-top: 2px;}
	.header .phone span{margin-left: 5px;font-size: 14px;}
	.header .phone span+span{margin-left: 12px;}
	.header .searCon{margin-top: 2px;}
	.header .func{top: 70px;}
	.header .func .searBtn{padding-left: 0;}
	.header .func .searBtn img{display: none;}
	.header .func .searBtn .searCon{width: 350px;height: 30px;border: 1px solid #ccc;}
	/*header结束*/

	/*nav*/
	/*PC*/
	.navCon{display: none;}
	/*mobile*/
	.menuCon{display: block;}
	/*nav结束*/

	/*banner*/
	.banner{height: 200px;}
	.banner img{width: 100%;height: 100%;}
	.banner .swiper-pagination{bottom: 2px;}
	.banner .swiper-pagination-bullet{width: 8px;height: 8px;border-radius: 4px;}
	.banner .swiper-pagination-bullet-active{width: 16px;}
	/*banner结束*/

	/*footer*/
	.footer .footerCon{width: 94%;height: 120px;}
	.footer .footerCon .link{display: none;}
	/*footer结束*/
}

/*pad:>=768px && <=1024px*/
@media screen and (min-width: 768px) and (max-width: 1024px){
	/*header*/
	.header .headerCon{width: 96%;height: 90px;}
	.header .logo{width: 300px;margin-top: 15px;}
	.header .phone{left: 45%;top: 28px;}
	.header .phone img{width: 20px;height: 20px;margin-top: 2px;}
	.header .phone span{font-size: 18px;}
	.header .searCon{margin-top: 15px;}
	.header .func{top: 27px;}
	.header .func .searBtn .searCon{height: 30px;border: 1px solid #ccc;}
	/*header结束*/

	/*nav*/
	/*PC*/
	.navCon{display: none;}
	/*mobile*/
	.menuCon{display: block;}
	/*nav结束*/

	/*banner*/
	.banner{height: 300px;}
	/*banner结束*/

	/*footer*/
	.footer .footerCon{width: 94%;}
	/*footer结束*/
}

/*小屏PC:>=1025px && <=1200px*/
@media screen and (min-width: 1025px) and (max-width: 1200px){
	/*header*/
	.header .headerCon{width: 94%;}
	.header .logo{width: 400px;margin-top: 10px;}
	.header .phone{left: 45%;top: 25px;width: 300px;}
	.header .phone img{width: 24px;height: 24px;margin-top: 3px;}
	.header .func{top: 30px;}
	/*header结束*/

	/*nav*/
	/*PC*/
	.nav{width: 96%;}
	.nav li{margin: 0 10px;}
	/*nav结束*/

	/*banner*/
	.banner{height: 400px;}
	/*banner结束*/

	/*footer*/
	.footer .footerCon{width: 94%;}
	/*footer结束*/
}