@charset "utf-8";

/*common responsive*/
@media (max-width: 1199px) {
	*{
		box-sizing:border-box;
		-moz-box-sizing:border-box; /* Firefox */
		-webkit-box-sizing:border-box; /* Safari */	
	}
	.wrap{width:98%;}
	.header_ss .inputTxt{height:35px;}
	.curb{padding:13px 0 13px 40px; height:auto; text-indent:0; line-height:24px;}
	.footer_pic{width:170px;}
	.footer_txt{width:780px;}
	.common_title1, .common_title1 h3{height:33px;}
	
	.page_banner{height:230px;}
	.ztzl_title{width:94%; height:100px; margin:auto; margin-top:10px; background:url(../../images/ztzl_titlebg.jpg); line-height:100px; font-size:1.05em; color:#FFF; font-weight:bold; text-align:center;}
 	.ztzl_title span{ line-height:100px; font-size:1.05em; color:#FFF; font-weight:bold; text-align:center;}
}

/*ipad*/
@media (max-width: 992px) {
	.footer{height:auto;}
	
	.footer_pic, .footer_txt{width:100%; float:none; padding:0; text-align:center;}
	.footer_pic{padding:10px 0;}
	.footer_line{display:none;}
	.easybtn{display:none;}
	
	.page_banner{height:200px;}
	
	.ztzl_title{width:94%; height:100px; margin:auto; margin-top:10px; background:url(../../images/ztzl_titlebg.jpg); line-height:100px; font-size:1.05em; color:#FFF; font-weight:bold; text-align:center;}
	.ztzl_title span{ line-height:100px; font-size:1.05em; color:#FFF; font-weight:bold; text-align:center;}
}

/* xs mobile*/
@media (max-width: 768px) {
	.wrap {width:96%;}
	.header .wrap {width:100%;}
	.mainnav .wrap {width:100%;}
	.container{padding:0 10px;}
	.header{ height:auto; background:url(../images/mobile/mobile_header_bg.jpg) center top / 100% 100%;}
	.header_logo{ position:static; overflow:hidden; padding:20px 0;}
	.header_logo a{height:auto;}
	.header_logo a img{max-width:90%; margin:0 auto;}
	.header_menu{display:none;}
	.header_ss{top:0; width:100%;}
	.header_ss span{width:45px; height:45px; position:absolute; top:20px; right:12px; background:url(../images/mobile/mobile_header_ss.png) no-repeat; background-size:cover; cursor:pointer;}
	.header_ss span.close{ background-image:url(../images/mobile/mobile_header_ss_close.png);}
	.header_ss .ss{position:absolute; right:0; top:81px; z-index:20; width:100%; padding:20px 20px 0; height:80px; background:rgba(0,0,0,0.7); display:none;}
	.header_ss .inputTxt{width:454px; height:40px; font-size:14px; -moz-width:calc(100% - 110px); -ms-width:calc(100% - 110px); -o-width:calc(100% - 110px); -webkit-width:calc(100% - 110px); width:calc(100% - 110px);}
	.header_ss .inputBtn{width:110px; height:40px; background:url(../images/mobile/mobile_header_ssbtn.png) no-repeat center center #014d95; background-size:50% 60%; border-radius:5px; }
	
	.mainnav{ height:80px; margin:0;}
	.mainnav ul{padding-top:5px;}
	.mainnav ul li{ width:25%; height:33px; line-height:33px; position:relative;}
	.mainnav ul li a{font-size:1.2em; font-weight:normal; line-height:33px;}
	.mainnav ul li.nav_home a, .mainnav ul li.nav_home a:hover{padding-left:0; background:none;}
	.mainnav ul li:after{content:""; width:1px; height:20px; background:#79beff; position:absolute; top:7px; right:0;}
	.mainnav ul li:nth-child(4n):after{display:none;}
	.curb{font-size:15px;}
	.footer{padding:0 20px 5px;}
	
	.page_banner{height:180px;}
	
	.ztzl_title{width:94%; height:100px; margin:auto; margin-top:10px; background:url(../../images/ztzl_titlebg.jpg); line-height:100px; font-size:1.05em; color:#FFF; font-weight:bold; text-align:center;}
	.ztzl_title span{ line-height:100px; font-size:1.05em; color:#FFF; font-weight:bold; text-align:center;}
}
@media only screen and (max-width: 480px) {
	.wrap {width:94%;}
	.header .wrap {width:100%;}
	.mainnav .wrap {width:100%;}
	
	.page_banner{height:100px;}
	.space30{height:20px;}
	
	.ztzl_title{width:94%; height:100px; margin:auto; margin-top:10px; background:url(../../images/ztzl_titlebg.jpg); line-height:100px; font-size:1.05em; color:#FFF; font-weight:bold; text-align:center;}
	.ztzl_title span{ line-height:100px; font-size:1.05em; color:#FFF; font-weight:bold; text-align:center;}	
}

@media only screen and (max-width: 380px) {
	.mainnav ul li a{font-size:1.05em;}	
}