.banner{position:relative;width:100%;height:auto;overflow:hidden;margin-top:120px;background-size:100% auto;background-repeat:no-repeat;background-position:left 120px;background-attachment:fixed;}
.banner .bannerBg{ visibility:hidden;width:100%;height:auto;vertical-align:middle;}
.banner .bannerInfo{position:absolute;top:50%;left:0px;width:100%;height:220px;margin-top:-110px;text-align:center;color:#fff;}
.banner .bannerInfo .title{font-family: "Microsoft YaHei" ,sans-serif;font-size:55px;line-height:60px;}
/*.banner .bannerInfo .titleCh{position:relative;top:24px;width:auto;font-size:33px;padding:8px 14px;border:3px solid #fff;}*/
.banner .bannerInfo .titleCh{position:relative;top:20px;border:3px solid #fff;padding:6px 24px 8px 24px;font-size:27px;font-weight:bold;color:#fff;text-align:center;}

.contactTable{position:relative;}
.contactTable .con-ner{width:1161px;padding:70px 0 80px 0;}
.contactTable .left{width:455px;float:left;}
.contactTable .left .redTitle{width:100%;height:80px; display:block;line-height:80px;border-bottom:2px solid #f53d3d;color:#f53d3d;font-size:48px;}
.contactTable .left .info{font-size:18px;color:#444;line-height:25px;padding-top:15px;}
.contactTable .left .sub{width:100%;height:2px;background:#e60012;margin:24px 0 16px 0;}
.contactTable .left .footTitle{width:100%;height:auto;padding-top:70px;}
.contactTable .left .footTitle span{vertical-align:middle;width:100%;height:40px;display:block; line-height:40px;}
.contactTable .left .footTitle .titleB{font-size:24px;font-weight:bold;color:#f53d3d;}
.contactTable .left .footTitle .titleC{font-size:16px;margin-top:-10px;color:#444;line-height:1.5em;}
.contactTable .right{width:520px;float:right;padding-top:35px;}
.contactTable .right .title{font-size:30px;color:#444;padding-bottom:8px;}
.contactTable .right .line{padding:9px 0;}
.contactTable .right .line .inputText{color:#8D8D8D;font-size:18px;border:0px;border-radius:0; background:#f3f3f3;padding:0 18px;width:480px;height:53px;margin:0px;font-family: "Microsoft YaHei" ,sans-serif;}
.contactTable .right .line .textArea{color:#8D8D8D;font-size:18px;border:0px;border-radius:0; background:#f3f3f3;padding:18px;width:480px;height:200px;margin:0px;font-family: "Microsoft YaHei" ,sans-serif;}

.contactTable .right .line .inputBtn{width:515px;cursor:pointer;height:50px;background:#fff;border-radius:0;color:#f53d3d;font-size:22px;border:1px solid #f53d3d; font-family: "Microsoft YaHei" ,sans-serif;}
.contactTable .right .line .inputBtn{transition-duration: 0.5s;-ms-transition-duration: 0.5s;-moz-transition-duration: 0.5s; -webkit-transition-duration: 0.5s; }
.contactTable .right .line .inputBtn:hover{background:#f53d3d;color:#fff;}

.contactTable .right .line .pbtn {width:515px;height:50px;font-size: 22px;background: #fff;display: inline-block;position: relative;border: 1px solid #f53d3d;text-align: center;line-height: 50px;color:#f53d3d;}
.contactTable .right .line .pbtn:after {content: ''; position: absolute;z-index: -1; transition:all 0.3s;-ms-transition: all 0.3s; -moz-transition: all 0.3s;-webkit-transition: all 0.3s; }
.contactTable .right .line .pbtn_1:hover:after {width: 515px;height: 50px;}
.contactTable .right .line .pbtn_2 {background: #fff;color: #f53d3d;z-index: 1;}
.contactTable .right .line .pbtn_3:after {background: #f53d3d;width: 0%; height: 100%;top: 0;left: 0;}
.contactTable .right .line .pbtn_3:hover {color: #fff;}


@media  (max-width: 479px) {
.banner{margin-top:74px;background-position:center 74px; background-size:auto 230px;}
.banner .bannerBg{height:230px;}
.banner .bannerInfo{height:80px;margin-top:-40px;}
.banner .bannerInfo .title{font-size:20px;line-height:20px;}
.banner .bannerInfo .titleCh{width:auto;font-size:14px;padding:1px 4px 3px 4px;border:1px solid #fff;top:12px;}

.contactTable .con-ner{width:80%;padding:20px 0;}
.contactTable .left{width:100%;float:none;padding-bottom:0px;}
.contactTable .left .redTitle{height:30px;line-height:30px;font-size:24px;}
.contactTable .left .sub{width:100%;margin:9px 0 6px 0;}
.contactTable .left .footTitle{height:16px;line-height:16px;font-size:14px;padding-bottom:60px;}
.contactTable .left .footTitle .titleB{font-size:16px;}
.contactTable .left .footTitle .titleC{font-size:12px;}
.contactTable .left .info{font-size:12px;line-height:18px;}
.contactTable .right{width:100%;float:none;}
.contactTable .right .title{font-size:14px;}
.contactTable .right .line{padding:2px 0;}
.contactTable .right .line .inputText{width:94%;font-size:12px;height:40px;padding:0 3%;}
.contactTable .right .line .textArea{width:94%;height:100px;font-size:12px;padding:10px 3%;}

.contactTable .right .line .pbtn {width:99%;font-size: 14px;height:40px;line-height: 38px;background: #fff; display: inline-block;position: relative;border: 1px solid #f53d3d;text-align: center;color:#f53d3d;}
.contactTable .right .line .pbtn_1:hover:after {width: 100%;height: 40px;}

}
@media (min-width: 480px) and (max-width: 639px) {
.banner{margin-top:74px;background-position:center 74px; background-size:auto 340px;}
.banner .bannerBg{height:340px;}
.banner .bannerInfo{height:120px;margin-top:-60px;}
.banner .bannerInfo .title{font-size:30px;line-height:30px;}
.banner .bannerInfo .titleCh{width:auto;font-size:20px;padding:2px 6px 5px 6px;border:1px solid #fff;top:16px;}

.contactTable .con-ner{width:450px;padding:30px 0;}
.contactTable .left{width:450px;float:none;padding-bottom:0px;}
.contactTable .left .redTitle{height:45px;line-height:45px;font-size:36px;}
.contactTable .left .sub{width:100%;margin:15px 0 10px 0;}
.contactTable .left .footTitle{height:24px;line-height:24px;font-size:20px;padding-bottom:50px;}
.contactTable .left .footTitle .titleB{font-size:22px;}
.contactTable .left .info{font-size:16px;line-height:26px;}
.contactTable .right{width:450px;float:none;}
.contactTable .right .title{font-size:24px;}
.contactTable .right .line{padding:4px 0;}
.contactTable .right .line .inputText{width:414px;font-size:14px;}
.contactTable .right .line .textArea{width:414px;height:273px;font-size:14px;}

.contactTable .right .line .pbtn {width:448px;font-size: 17px;height:50px;line-height: 50px;background: #fff;display: inline-block;position: relative;border: 1px solid #f53d3d;text-align: center;color:#f53d3d;}
.contactTable .right .line .pbtn_1:hover:after {width: 448px;height: 50px;}

}
@media (min-width: 640px) and (max-width:1023px ) {
.banner{margin-top:74px;background-position:center 74px; background-size:auto 450px;}
.banner .bannerBg{height:450px;}
.banner .bannerInfo{height:160px;margin-top:-80px;}
.banner .bannerInfo .title{font-size:40px;line-height:40px;}
.banner .bannerInfo .titleCh{position:relative;top:16px;width:auto;font-size:26px;padding:2px 10px 6px 10px;border:2px solid #fff;}

.contactTable .con-ner{width:600px;padding:40px 0;}
.contactTable .left{width:600px;float:none;padding-bottom:40px;}
.contactTable .left .redTitle{height:60px;line-height:60px;font-size:44px;}
.contactTable .left .sub{width:100%;margin:18px 0 12px 0;}
.contactTable .left .footTitle{height:30px;line-height:30px;font-size:20px;padding-bottom:50px;}
.contactTable .left .footTitle .titleB{font-size:26px;}
.contactTable .left .footTitle .titleC{padding-top:10px;}
.contactTable .left .info{font-size:14px;}
.contactTable .right{width:600px;float:none;}
.contactTable .right .title{font-size:24px;}
.contactTable .right .line{padding:4px 0;}
.contactTable .right .line .inputText{width:564px;font-size:14px;}
.contactTable .right .line .textArea{width:564px;height:273px;font-size:14px;}

.contactTable .right .line .pbtn {width:598px;font-size: 17px;height:50px;line-height: 50px;background: #fff;display: inline-block;position: relative;border: 1px solid #f53d3d;text-align: center;color:#f53d3d;}
.contactTable .right .line .pbtn_1:hover:after {width: 598px;height: 50px;}


}
@media (min-width: 1024px) and (max-width:1199px ) {
.banner{margin-top:68px;background-position:left 68px;background-size: auto 300px;}
.banner .bannerBg{height: 300px;}
.banner .bannerInfo{transform-origin:center;-moz-transform-origin:center;-ms-transform-origin:center;-o-transform-origin:center;-webkit-transform-origin:center;}
.banner .bannerInfo{transform:scale(0.83);-moz-transform:scale(0.83);-ms-transform:scale(0.83);-o-transform:scale(0.83);-webkit-transform:scale(0.83);}
.banner .bannerInfo{height:160px;margin-top:-80px;}
.banner .bannerInfo .title{font-size:46px;line-height:48px;}
.banner .bannerInfo .titleCh{position:relative;top:16px;border:3px solid #fff;padding:5px 18px 6px 18px;font-size:20px;}

.contactTable{height: 600px;overflow:hidden;}
.contactTable .con-ner{transform-origin:center top;-moz-transform-origin:center top;-ms-transform-origin:center top;-o-transform-origin:center top;-webkit-transform-origin:center top;}
.contactTable .con-ner{transform:scale(0.83);-moz-transform:scale(0.83);-ms-transform:scale(0.83);-o-transform:scale(0.83);-webkit-transform:scale(0.83);}
.contactTable .con-ner{width:960px;}
.contactTable .left{width:500px;}
.contactTable .left .redTitle{height:60px;line-height:60px;font-size:48px;}
.contactTable .left .sub{width:100%;margin:18px 0 12px 0;}
.contactTable .left .footTitle{height:30px;line-height:30px;font-size:20px;padding-bottom:50px;}
.contactTable .left .footTitle .titleB{font-size:26px;}
.contactTable .left .footTitle .titleC{font-size:18px;padding-top:5px;}
.contactTable .left .info{font-size:14px;}
.contactTable .right{width:400px;padding-top:10px;}
.contactTable .right .title{font-size:24px;}
.contactTable .right .line{padding:4px 0;}
.contactTable .right .line .inputText{width:364px;font-size:14px;}
.contactTable .right .line .textArea{width:364px;height:180px;font-size:14px;}

.contactTable .right .line .pbtn {width:397px;font-size: 17px;height:48px;line-height: 48px;background: #fff;display: inline-block;position: relative;border: 1px solid #f53d3d;text-align: center;color:#f53d3d;}
.contactTable .right .line .pbtn_1:hover:after {width: 397px;height: 48px;}

}
@media (min-width: 1200px) and (max-width:1439px ) {
.banner{margin-top:68px;background-position:left 68px;}
.banner .bannerInfo{transform-origin:center;-moz-transform-origin:center;-ms-transform-origin:center;-o-transform-origin:center;-webkit-transform-origin:center;}
.banner .bannerInfo{transform:scale(0.83);-moz-transform:scale(0.83);-ms-transform:scale(0.83);-o-transform:scale(0.83);-webkit-transform:scale(0.83);}
.banner .bannerInfo{height:160px;margin-top:-80px;}
.banner .bannerInfo .title{font-size:46px;line-height:48px;}
.banner .bannerInfo .titleCh{position:relative;top:16px;border:3px solid #fff;padding:5px 18px 6px 18px;font-size:20px;}

.contactTable{height: 600px;overflow:hidden;}
.contactTable .con-ner{transform-origin:center top;-moz-transform-origin:center top;-ms-transform-origin:center top;-o-transform-origin:center top;-webkit-transform-origin:center top;}
.contactTable .con-ner{transform:scale(0.83);-moz-transform:scale(0.83);-ms-transform:scale(0.83);-o-transform:scale(0.83);-webkit-transform:scale(0.83);}
.contactTable .con-ner{width:960px;}
.contactTable .left{width:500px;}
.contactTable .left .redTitle{height:60px;line-height:60px;font-size:48px;}
.contactTable .left .sub{width:100%;margin:18px 0 12px 0;}
.contactTable .left .footTitle{height:30px;line-height:30px;font-size:20px;padding-bottom:50px;}
.contactTable .left .footTitle .titleB{font-size:26px;}
.contactTable .left .footTitle .titleC{font-size:18px;padding-top:5px;}
.contactTable .left .info{font-size:14px;}
.contactTable .right{width:400px;padding-top:10px;}
.contactTable .right .title{font-size:24px;}
.contactTable .right .line{padding:4px 0;}
.contactTable .right .line .inputText{width:364px;font-size:14px;}
.contactTable .right .line .textArea{width:364px;height:180px;font-size:14px;}

.contactTable .right .line .pbtn {width:397px;height:48px;line-height: 48px;font-size: 17px;background: #fff;display: inline-block;position: relative;border: 1px solid #f53d3d;text-align: center;color:#f53d3d;}
.contactTable .right .line .pbtn_1:hover:after {width: 397px;height: 48px;}

}
@media (min-width: 1440px) and (max-width:1920px ) {
.banner{margin-top:82px;background-position:left 82px;}
.banner .bannerInfo{height:160px;margin-top:-80px;}
.banner .bannerInfo .title{font-size:46px;line-height:48px;}
.banner .bannerInfo .titleCh{position:relative;top:16px;border:3px solid #fff;padding:5px 18px 6px 18px;font-size:24px;}

.contactTable .con-ner{width:960px;}
.contactTable .left{width:455px;}
.contactTable .left .redTitle{height:80px;line-height:80px;font-size:48px;}
.contactTable .left .sub{width:100%;margin:18px 0 12px 0;}
.contactTable .left .footTitle{height:30px;line-height:30px;font-size:20px;padding-bottom:50px;}
.contactTable .left .footTitle .titleB{font-size:24px;}
.contactTable .left .footTitle .titleC{font-size:16px;padding-top:10px;}
.contactTable .left .info{font-size:14px;}
.contactTable .right{width:400px;}
.contactTable .right .title{font-size:24px;}
.contactTable .right .line{padding:4px 0;}
.contactTable .right .line .inputText{width:364px;font-size:14px;border-radius:0;}
.contactTable .right .line .textArea{width:364px;height:165px;font-size:14px;}

.contactTable .right .line .inputBtn{width:400px;font-size:17px;}
.contactTable .right .line .pbtn {width:398px;height:50px;line-height: 50px;font-size: 17px;background: #fff;display: inline-block;position: relative;border: 1px solid #f53d3d;text-align: center;color:#f53d3d;}
.contactTable .right .line .pbtn_1:hover:after {width: 398px;height: 50px;}
}