@charset "utf-8";
*{ margin:0; border:0; padding:0; font-family:Arial, 'Microsoft Yahei'; font-size:14px; color:#333; box-sizing:border-box; outline:none; }
/*a{ text-decoration:none; }*/
i{ font-style:normal; }
ul,li{ list-style:none; }
p{margin:0;}
header,nav,section,footer{width:100%;height:100%;}

.header{width: 100%;height: 60px;background: #0F3159;}
.header .center{width:1114px;height: 100%; margin: 0 auto;display: flex;align-items: center;}
.header .center .logo{width: 8.14rem;height: 3.57rem;text-align: center;}
.header .center .logo img{width: 100%;height: 100%;}
.header .center .name{margin-left: 60px;font-size: 14px;letter-spacing: 1px;color: #ffffff;}
.mainall{ width:100%; height: calc( 100VH - 120px ); margin: 0 auto;}
.bg{ width:100%; height: auto; margin: 0 auto; position: absolute;}
.bg img{width:100%;display:block;height: calc( 100VH - 120px );object-fit: cover; }
.mainall .center{ width:1114px; height: 35.72rem;  position:relative;top:11.57rem; margin: 0 auto;display: flex; flex-wrap: nowrap;flex-direction:row;}
.left{ width: 650px; height: auto;}
.text01{ font-size: 2.29rem; color: #e7e7e7; text-shadow:#211412 0px 2px 0px;}
.text02{font-size: 4rem; color: #fff; text-shadow:#211412 0px 2px 0px; font-weight: bold; margin-top: 1rem; margin-bottom: 1rem;}
.text03{ width: 108px;height: 0.5rem;  border-radius: 100px; background: #e7e7e7; margin-top: 43px;}
.text04{font-size: 1.86rem; color: #e7e7e7; text-shadow:#211412 0px 2px 0px; line-height: 30px; margin-top: 32px;}

.text05{ width: 420px; height: 9.86rem; border-radius: 10px; background:rgba(51,51,51,0.4); margin-top: 3.36rem;display: flex; flex-wrap: nowrap;flex-direction:row;align-items: center;}
.text05 img{ width: 7.36rem; height: 7.36rem; margin: 1.29rem auto auto 1.em3rem;}
.text05 .email{width: calc( 420px - 7.36rem );height: 7.36rem;display: flex;flex-direction: column;align-items: center;justify-content: center;}
.text05 a{ font-size: 1.29rem; color: #ffffff;margin-top: 1rem;}
.text05 p{ font-size: 1.29rem; color: #ffffff;}


.right{ width: 360px; height: 490px; background: #fff;  margin-left: 100px;border-radius: 10px; }
.right form h3{ font-size: 34px; color: #000; font-weight: bold; text-align: center; margin-top: 36px; margin-bottom:20px;}
.right form input{ width: 294px; height: 40px; border:1px solid #999; margin:20px auto; color: #999; padding-left: 18px; display: block; font-size: 14px;}
.right form .list{width: 294px; height: 40px; border:1px solid #999; margin:20px auto;display: flex; flex-wrap: nowrap;flex-direction:row; }
.right form .list input{width:230px; height: 38px;  border:none; margin: 0 ;color: #999;display: block; font-size: 14px;padding-left: 18px;}
.right form .list select{color: #999;font-size: 14px; width: 60px;padding-left: 4px;}
.right form textarea{ width: 294px; height: 118px; border:1px solid #999; margin:0 auto; color: #999; padding:10px 10px 0 18px; display: block; font-size: 14px;  line-height: 30px;}

.right form .sub{width: 294px; height: 40px; background: #000000; border-radius: 100px; border:none; color: #fff; font-size: 20px;}
.footer{width: 100%;height: 60px;background: #0F3159;color: #ffffff;text-align: center;line-height: 60px;font-size: 16px;}

@media all and (min-width:800px) and (max-width: 1370px) {
	
.mainall .center{ width:1114px; height: 35.72rem;  position:relative;top:40px; margin: 0 auto;display: flex; flex-wrap: nowrap;flex-direction:row;}
.text01{font-size: 1.8rem;}
.text02{font-size: 3rem;}
.text03{margin-top: 23px;}
.text04{margin-top: 22px;font-size: 1.6rem;}
.text05{margin-top: 2.6rem;}
.right{height: 400px;}
.right form h3{margin-top: 20px;font-size: 24px;}
.right form input,.right form .list{margin: 10px auto;}
}
/*手机端自适应*/
@media all and (min-width:320px) and (max-width: 748px) {

html,body{position:relative !important;overflow:inherit !important; margin: 0;}
.header{height: 152px;}
.header .center{width: 100%;height: 100%;flex-direction: column;align-items: flex-start;}
.header .center .logo{text-align: left;margin: 3.14rem 0 0 1.43rem;}
.header .center .name{margin-left: 1.43rem;margin-top: 1.14rem;}
.mainall{height: auto;}
.bg{ width:100%; height: calc( 100% - 152px ); margin: 0 auto; position: absolute;}
.bg img{width:100%;display:block;height: calc( 100% - 60px );object-fit: cover;  }
.mainall .center{ width:96%; height: auto;  position:relative;top:0; margin: 0 auto;display: flex; flex-wrap:wrap;flex-direction:row; text-align: center; padding-top: 50px; padding-bottom: 30px; }
.left{ width: 100%; height: auto;}
.text01{ font-size: 1.6rem; color: #e7e7e7; text-shadow:#211412 0px 2px 0px;}
.text02{font-size: 3.6rem; color: #fff; text-shadow:#211412 0px 2px 0px; font-weight: bold; margin-top:3%; margin-bottom: 2%;}
.text03{ width: 108px;height: 6px;  border-radius: 100px; background: #e7e7e7; margin: 5% auto;}
.text04{font-size: 1.6rem; color: #e7e7e7; text-shadow:#211412 0px 2px 0px; line-height: 2.2rem;  width: 80%; margin: 3% auto;}

.text05{ width: 94%;; height: auto; border-radius: 10px; background:rgba(51, 51, 51, 0.40); display: flex; flex-wrap: nowrap;flex-direction:row; margin: 5% auto; padding:3%;}
.text05 img{ width: 100px; height: 100px; margin: 0 auto;}
.text05 p{ font-size:1rem; color: #ffffff;margin: 0 auto;}
.text05 a{ font-size:1rem; color: #ffffff; }

.right{ width: 94%; height: auto; background: #fff;  margin: 0 auto;border-radius: 10px; }
.right form h3{ font-size: 34px; color: #000; font-weight: bold; text-align: center; margin-top: 6%; margin-bottom:3%;}
.right form input{ width: 84%; height: 40px; border:1px solid #999; margin:6% auto; color: #999; padding-left: 18px; display: block; font-size: 14px;}
.right form .list{width: 84%; height: 40px; border:1px solid #999; margin:6% auto;display: flex; flex-wrap: nowrap;flex-direction:row; }
.right form .list input{width:78%; height: 38px;  border:none; margin: 0 ;color: #999;display: block; font-size: 14px;padding-left: 18px;}
.right form .list select{color: #999;font-size: 14px; width: 20%;}
.right form textarea{ width: 84%; height: 118px; border:1px solid #999; margin:0 auto; color: #999; padding:10px 10px 0 18px; display: block; font-size: 14px;  line-height: 30px;}

.right form .sub{width: 84%; height: 40px; background: #000000; border-radius: 100px; border:none; color: #fff; font-size: 1.4rem; text-align: center;display:block; padding-left: 0;}



}