@charset "utf-8";
/* CSS Document */
.footer {width: 100%;height: 920px;position: relative;overflow: hidden;background-size: cover;/*margin-top: 30px;*/border-top: 10px solid #eeeeee;}
.foot_logo { width: 100%; height: 180px; overflow: hidden; padding-top: 108px; }
.foot_logo a { display: block; width: 100%; height: auto; text-align: center; }
.foot_tel { width: 100%; text-align: center; height: 45px; line-height: 45px; margin-top: 100px; }
.foot_tel:hover small { opacity: 0; }
.foot_tel:hover i { width: 100%; opacity: 1; }
.foot_tel span { display: inline-block; position: relative;cursor: pointer; }
.foot_tel small {display: block;font-size: 50px;font-weight: 600;width: 100%;text-align: left;color: #ffffff;font-family: "SF Pro SC","SF Pro Display","SF Pro Icons","PingFang SC","Helvetica Neue","Helvetica","Arial",sans-serif;-webkit-transition: all 0.4s ease-in-out;}
.foot_tel i { font-size: 50px;font-weight: 600; white-space: nowrap; font-family: "SF Pro SC","SF Pro Display","SF Pro Icons","PingFang SC","Helvetica Neue","Helvetica","Arial",sans-serif; display: block; font-style: inherit; text-align: left; width: 0; overflow: hidden; position: absolute; top: 0; color: #f3f3f3; -webkit-transition: all 0.4s ease-in-out; }
.foot_ke {width: 100%;text-align: center;font-size: 16px;color: #ffffff;height: 35px;line-height: 35px;}
.foot {width: 80%;height: 335px;margin: auto;margin-top: 100px;}
.foot_left {float: left;height: 335px;width: 39%;}
.foot_1 { height: 52px; line-height: 42px; background: url(../images/footer/map.png) no-repeat 10px; padding-left: 60px; width: 400px; }
.foot_1 span {display: inline-block;width: 420px;font-size: 16px;color: #ffffff;line-height: 52px;}
.foot_2 { font-size: 16px; color: #3b3b3b; height: 52px; line-height: 42px; background: url(../images/footer/email.png) no-repeat 10px; padding-left: 60px; width: 400px; }
.foot_2 span {display: inline-block;width: 400px;font-size: 16px;color: #ffffff;line-height: 52px;}
.foot_3 { font-size: 16px; color: #3b3b3b; height: 52px; line-height: 42px; background: url(../images/footer/wz.png) no-repeat 10px; padding-left: 60px; width: 400px; }
.foot_3 span {display: inline-block;width: 400px;font-size: 16px;color: #ffffff;line-height: 52px;}
.foot_33 { font-size: 16px; color: #3b3b3b; height: 52px; line-height: 42px; background: url(../images/footer/dh.png) no-repeat 10px; padding-left: 60px; width: 400px; }
.foot_33 span {display: inline-block;width: 400px;font-size: 16px;color: #ffffff;line-height: 52px;}
.foot_mid { float: left; width: 22%; height: auto; overflow: hidden; }
.foot_one { width: 100%; height: 135px; text-align: center; }
.foot_one img { width: 135px; height: 135px; border-radius: 13px; -webkit-border-radius: 13px; -moz-border-radius: 13px; -o-border-radius: 13px;}
.foot_er {width: 100%;font-size: 13px;color: #ffffff;text-align: center;height: 44px;line-height: 44px;}
.foot_wei { width: 100%; height: 39px; text-align: center; }
.foot_wei a {display: inline-block;width: 37px;height: 37px;position: relative;overflow: hidden;border: 1px solid #ffffff;border-radius: 50%;-webkit-border-radius: 50%; -moz-border-radius: 50%; -o-border-radius: 50%;margin: 0px 6px;cursor: pointer;}
.foot_wei img { position: absolute; top: 0px; left: 0; display: inline-block; width: 100%; text-align: center; filter: alpha(opacity=100); opacity: 1; }
.foot_right {float: right;height: 335px;width: 28%;padding-left: 40px;}
.foot_right .biaoti{font-size: 18px;color: #fff;line-height: 24px;}
.foot_4 {width: 100%;font-size: 16px;color: #ffffff;height: 35px;line-height: 35px;margin-bottom: 17px;}
.foot_4 a:first-child {margin-right:5px;margin-left: 0px;}
.foot_4 a {font-size: 16px;color: #ffffff;margin: auto 5px;}

.foot_5 { width: 100%; margin-top: 55px; height: 30px; }
.foot_5 a { display: block; width: 125px; height: 30px; float: right; cursor: pointer; background: linear-gradient(to right, #3b3b3b, #333333); border-radius: 30px; -webkit-border-radius: 30px; -moz-border-radius: 30px; -o-border-radius: 30px;line-height: 30px; padding-left: 10px; }
.foot_5 a:hover span { padding-left: 33px; }
.foot_5 span { display: inline-block; font-size: 15px; color: #fff; background: url(../images/footer/bk.png) no-repeat left; padding-left: 30px; -webkit-transition: all 0.4s ease-in-out; }
.typeright {width: 80%;margin: 30px auto 0;height: 30px;line-height: 30px;border-bottom: 1px solid #a9aeaf;font-size: 12px;color: #ffffff;bottom:10px;}
.typeright .ans {float:left;margin-left: 20px;}
.typeright .bah {float: right;margin-right: 20px;}
@media screen and (min-width:2040px) {
/*.foot { width: 1728px;}*/
}
@media screen and (max-width:1602px) {
/*.foot_4 a:last-child{display:none;}*/
}
 @media screen and (max-width:1919px)and (min-width:1600px) {
.footer { height: 860px; background-size: cover; }
.foot_tel { margin-top: 80px; }
.foot_ke { font-size: 14px; height: 30px; line-height: 30px; }
.foot { height: 280px; margin: auto; margin-top: 50px; }
.foot_left { height: 280px;}
.foot_1 { padding-left: 50px; width: 365px; }
.foot_1 span { display: inline-block; width: 365px;  }
.foot_2 { padding-left: 50px; width: 325px; }
.foot_2 span { display: inline-block; width: 325px; }
.foot_3 { padding-left: 50px; width: 325px; }
.foot_3 span { display: inline-block; width: 325px; }
.foot_33 { padding-left: 50px; width: 325px; }
.foot_33 span { display: inline-block; width: 325px; }
.foot_mid {  }
.foot_one { width: 100%; height: 114px; }
.foot_one img { width: 114px; height: 114px; }
.foot_er { width: 100%; font-size: 12px; height: 36px; line-height: 36px; }
.foot_wei { width: 100%; height: 33px; text-align: center; }
.foot_wei a { display: inline-block; width: 31px; height: 31px; margin: 0px 4px; }
.foot_wei img { width: 31px; height: 31px; }
.foot_right { height: 280px; padding-left: 45px; width: 26%;}
.foot_4 { width: 100%; font-size: 14px; }
.foot_5 { width: 100%; margin-top: 45px; }
.foot_5 span { font-size: 13px; }
.typeright { height: 26px; line-height: 26px; }
}
 @media screen and (max-width:1685px){
.foot_right { padding-left: 25px; }
 }
@media screen and (max-width:1599px)and (min-width:1440px) {
.footer { height: 800px;}
.foot_tel { margin-top: 75px; }
.foot { height: 245px;margin-top: 48px; }
.foot_left {  height: 245px; }
.foot_1 {width: 325px; }
.foot_2 {width: 325px; }
.foot_3 {width: 325px; }
.foot_33 {width: 325px; }
.foot_one { width: 100%; height: 114px; }
.foot_one img { width: 114px; height: 114px; }
.foot_er { width: 100%; font-size: 12px; height: 36px; line-height: 36px; }
.foot_wei { width: 100%; height: 33px; text-align: center; }
.foot_wei a { display: inline-block; width: 31px; height: 31px; margin: 0px 4px; }
.foot_wei img { width: 31px; height: 31px; }
.foot_right { height: 245px;padding-left: 5px; }
.foot_5 { width: 100%; margin-top: 45px; }
.foot_5 span { font-size: 13px; }
.typeright {height: 26px; line-height: 26px; }
}
@media screen and (max-width:1440px) {
.foot_right {height: 245px;padding-left: 0px;}
}
@media screen and (max-width:1439px)and (min-width:1366px) {
.footer { height: 780px; }
.foot_tel i { font-size: 18px; }
.foot_ke { font-size: 14px; height: 30px; line-height: 30px; }
.foot { width:80%; height: 245px; margin: auto; margin-top: 48px; }
.foot_left { float: left; height: 245px; }
.foot_1 { padding-left: 50px; width: 365px; }
.foot_2 { padding-left: 50px; width: 325px; }
.foot_3 {  padding-left: 50px; width: 325px; }
.foot_33 {  padding-left: 50px; width: 325px; }
.foot_mid { }
.foot_one { width: 100%; height: 114px; }
.foot_one img { width: 114px; height: 114px; }
.foot_er { width: 100%; font-size: 12px; height: 36px; line-height: 36px; }
.foot_wei { width: 100%; height: 33px; text-align: center; }
.foot_wei a { display: inline-block; width: 31px; height: 31px; margin: 0px 4px; }
.foot_wei img { width: 31px; height: 31px; }
.foot_right { float: right; height: 245px;padding-left: 5px; }
.foot_4 a { font-size: 14px; }
.foot_5 { width: 100%; margin-top: 45px; }
.foot_5 span { font-size: 13px; }
.typeright {margin:50px auto 0; }
}

@media screen and (max-width:1365px)and (min-width:1280px) {
.footer {height: 800px;background-size: cover;}
.foot_ke { font-size: 14px; height: 30px; line-height: 30px; }
.foot {height: 245px;margin: auto;margin-top: 98px;margin-bottom: 50px;}
.foot_tel{margin-top: 50px;}
.foot_left { height: 245px;}
.foot_one { width: 100%; height: 114px; }
.foot_one img { width: 114px; height: 114px; }
.foot_er { width: 100%; font-size: 12px; height: 36px; line-height: 36px; }
.foot_wei { width: 100%; height: 33px; text-align: center; }
.foot_wei a { display: inline-block; width: 31px; height: 31px; margin: 0px 4px; }
.foot_wei img { width: 31px; height: 31px; }
.foot_right { height: 245px;width: 30.5%;}
.foot_5 { width: 100%; margin-top: 45px; }
.foot_5 span { font-size: 13px; }
.typeright {  margin: auto; }
}

 @media screen and (max-width:1366px){
.foot_right { padding-left: 20px; }
 }

 @media screen and (max-width:1342px){
.foot_right { padding-left: 0px; }
 }
@media screen and (max-width:1279px)and (min-width:900px) {
.footer {width:100%;height: 700px;}
.foot_logo{height:0px;}
.foot_tel{margin-top:0px;}
.foot{width:96%;height: 300px;margin: 100px auto 0;}
.typeright{width:96%;clear: both;}
}
 @media screen and (max-width:1145px){
.foot_right {padding-left: 0px;width: 33%;}
 }
@media screen and (max-width:1100px) {
.foot_right{/* width: 39%; */}
.foot_tel small {font-size: 50px;}
}
@media screen and (max-width:900px) {
.foot_1 span {display: inline-block;width: 300px;}
.foot_tel {  margin-top: 40px; }
}
 @media screen and (max-width:970px){
.foot_right {padding-left: 0px;width: 35%;}
 }
@media screen and (max-width:900px)and (min-width:300px) {
.footer {height:750px;}
.foot { width: 96%; height: auto; overflow: hidden; margin: auto; margin-top: 10px; }
.foot_left { display: none;}
.foot_mid { float: none; width: 100%; height: auto; overflow: hidden; margin-top: 20px; }
.foot_right { display: none;  }
.typeright { width: 96%; margin: auto; height: auto; overflow: hidden; text-align: center; margin-top: 30px; line-height: 21px; padding-bottom: 10px; border-bottom: none; }
.typeright span { float: none; display: block; width: 100%;}
.typeright .bah,.typeright .ans{margin: 0;}
}
@media screen and (max-width:1100px) {
}