.wrap {max-width: 1240px;margin: 0 auto;width: 86%;}
header{padding: 30px 0 8px 0;}
header .logo{display: block;float: left;width: 200px;}
header .logo img{display: block;width: 100%;}
header .nav{float: right;font-size: 0;margin-top: 42px;}
header .nav li{display: inline-block;vertical-align: top;margin-left: 68px;position: relative;}
header .nav li a.s1{font-size: 18px;color: #000000;line-height: 60px;font-weight: bold;display: block;}
header .nav li.on a.s1{color: #12394d;}
header .nav dl{width: 144px;background-color: #ffffff;box-shadow: 2px 3px 13px rgba(12,38,51,.08);position: absolute;left: -16px;top: 40px;opacity: 0;visibility: hidden;transition: all 500ms ease;-webkit-transition: all 500ms ease;-moz-transition: all 500ms ease;z-index: 9;}
header .nav dl a{font-size: 16px;color: #4c4c4c;line-height: 46px;display: block;text-align: center;}
header .nav li:hover dl{opacity: 1;visibility: visible;top: 60px;}
header .nav li dl a:hover{color: #12394d;font-weight: 500;}

.menuBtn{display: none;width: 60px;height: 60px;padding: 17px 0 0;cursor: pointer;z-index: 9;width: 60px;height: 60px;margin: 5px 0 0 0;position: absolute;top: 0;right: 0;transition: all 500ms ease;-webkit-transition:all 500ms ease;}
.menuBtn b{display: block;height: 3px;background-color: #333;margin: 3px auto 5px;border-radius: 2px;transition: .3s;-ms-transition: .3s;-moz-transition: .3s;-webkit-transition: .3s;-o-transition: .3s;width: 30px;}
.menuBtn.open{margin-top: 0;padding:0;background: #da0037;}
.menuBtn.open b{display: none;margin: 0;position: absolute;top: 50%;width: 30px;left: 50%;margin-left: -15px;background: #ffffff;}
.menuBtn.open b:first-child{display: block;transform:rotate(45deg);-webkit-transform:rotate(45deg);-o-transform:rotate(45deg);-ms-transform:rotate(45deg);}
.menuBtn.open b:last-child{display: block;transform:rotate(-45deg);-webkit-transform:rotate(-45deg);-o-transform:rotate(-45deg);-ms-transform:rotate(-45deg);}


.commTit{padding: 60px 0 70px 0;}
.commTit h3{text-align: center;font-size: 38px;color: #000000;line-height: 1;letter-spacing: 3px;}

footer{background-color: #efefef;}
footer .wrap{padding: 0 4vw;}
footer .top{padding: 75px 0 35px;}
footer .fl{width: 45%;}
footer .fl .tel{background-image: url(../images/tel.png);background-repeat: no-repeat;background-position: left center;font-size: 20px;color: #000000;line-height: 42px;padding-left: 78px;background-size: 60px auto;}
footer .fl .tel h3{font-size: 36px;color: #000000;line-height: 42px;}
footer .fl h4{font-size: 34px;color: #000000;margin-top: 62px;}
footer .fr{width: 50%;}
footer .fr h3{font-size: 28px;color: #000000;line-height: 40px;font-weight: 700;margin-bottom: 18px;}
footer .fr p{font-size: 20px;color: #000000;line-height: 40px;background-repeat: no-repeat;background-position: left 10px;padding-left: 48px;margin-bottom: 15px;}
footer .fr p.p1{background-image: url(../images/email.png);}
footer .fr p.p2{background-image: url(../images/addr.png);background-position: left 3px;}
footer .fr p.p3{background-image: url(../images/tel.png);background-position: left 3px;background-size: 30px auto;font-weight: bold;}
footer .bot{font-size: 18px;color: #333333;line-height: 24px;text-align: center;background-color: #e5e5e5;padding: 18px 0;}

.commBanner{overflow: hidden;}
.commBanner img{display: block;width: 100%;}


@media only screen and (max-width:1600px){
	.commTit {padding: 50px 0 55px 0;}
	.commTit h3{font-size: 36px;}
}
@media only screen and (max-width:1440px){
	header .logo{width: 168px;}
	header .nav{margin-top: 30px;}
	.commTit h3{font-size: 34px;}

}
@media only screen and (max-width:992px){
	.wrap{width: 100%;padding: 0 20px;}
	header .logo{width: 100px;}
	.menuBtn{display: block;}
	header{padding: 15px 0;}
	header .nav{width: 100%;margin-top: 10px;display: none;}
	header .nav.active{opacity: 1;visibility: visible;height: auto;}
	header .nav li{display: block;margin-left: 0;position: relative;}
	header .nav li i{display: block;width: 50px;height:50px;position: absolute;right: 0;top: 0;background-image: url(../images/down.png);background-repeat: no-repeat;background-position: center;}
	header .nav li.active i{background-image: url(../images/down2.png);}
	header .nav li a.s1{font-size: 18px;line-height: 50px;}
	header .nav dl{opacity: 1;visibility: visible;position: static;background-color: #efefef;box-shadow: none;width: 100%;padding: 5px 20px;display: none;transition: none;-webkit-transition: none;-moz-transition: none;-ms-transition: none;}
	header .nav dl a{text-align: left;font-size: 16px;line-height: 36px;}

	.commTit {padding: 35px 0;}
	.commTit h3{font-size: 26px;}
	footer .wrap{padding: 0;}
	footer .fl{float: none;width: 100%;}
	footer .fr{float: none;width: 100%;margin-top: 15px;}
	footer .top {padding: 30px 20px 22px 20px;}
	footer .fl .tel{font-size: 18px;background-size: 40px auto;padding-left: 50px;line-height: 24px;}
	footer .fl .tel h3{font-size: 28px;}
	footer .fl h4{font-size: 26px;margin-top: 0;}
	footer .fr h3{font-size: 22px;margin-bottom: 0;}
	footer .fr p {font-size: 18px;padding-left: 50px;margin-bottom: 15px;background-size: 24px auto;padding-left: 34px;background-position: left 13px;margin-bottom: 10px;line-height: 30px;}
	footer .bot{font-size: 18px;padding: 15px 20px;}
	footer .fr p.p2{background-position: left 5px;}
	footer .fr p.p3{background-size: 24px auto;}
}