﻿.head_box {font-size: .9rem;background: #fff;font-weight: 700;}
.head_box .nav {display: flex;justify-content: space-between;height: 100px;}
.head_box .nav .nav_logo{height: 3rem;margin-top: .58rem;}
.head_box .nav ul{display: flex;justify-content: space-between;flex-wrap: nowrap;}
.head_box .nav ul li{padding:0 2.6rem;line-height: 100px;white-space: nowrap;}
.head_box .nav ul li a{display: block;width: 100%;height: 100%;}
.head_box .nav ul li:hover{border-bottom: 2px solid #CC131C;}
.head_box .nav ul li.active{background-color: #CC131C;color: #fff;}
.head_box .head_img{height: 25rem;width: 100%;}


.center {min-height: calc(100% - 232px);width: 100%;}


.foot {background-color: #161616;font-size: .8rem;color: #818181;z-index: 2;text-align: center;}
.foot .center_box{background-color: #161616;line-height: 2.12rem;}
.foot .center_box .foot_logo{height: 2.12rem;margin-top: -0.3rem;}
.foot .center_box >div{display: flex;flex-wrap: wrap;padding: 2.2rem 0 2.4rem;}
.foot .center_box .fl{}
.foot .center_box .fr{text-align: right;}
.foot .center_box .empty{width: 24px;height: 100%;}
.foot .center_box .empty_mid{width: 10%;height: 100%;}


#partners {background: #fff;padding: 0 0 124px;}
#partners .partner_list {display: flex;justify-content: space-between;}
#partners .partner_list div {padding: 10px 35px;box-sizing: border-box;display: flex;flex-direction: column;justify-content: space-around;}
#partners .partner_list div:last-child {margin-right: 0;}
#partners .partner_list div img {width: 100%;height: auto;}
#partners .partner_list div img:first-child{margin-bottom: 72px;}
#partners .partner_list div .sdjcImg{width: 120%;}
#partners .partner_list div .kzjtImg{margin-left: 10%;}


#connect_us {padding: 2.4rem 10%;background: #CC131C;width: 100%;}
#connect_us .center_box{padding: 0 10%;width: 100%;}
#connect_us .title {font-size: 20px;font-family: Adobe Heiti Std;font-weight: bold;color: #FFFFFF;margin-bottom: 36px;}
#connect_us .form .one_line{margin-bottom: 31px;display: flex;justify-content: space-between;}
#connect_us .form .one_line input{height: 2.4rem;background: #FFFFFF;border-radius: 6px;padding: .9rem 14px;font-size: .7rem;}
#connect_us .form .one_line input:nth-child(1),
#connect_us .form .one_line input:nth-child(2){width: 20%;}
#connect_us .form .one_line input:nth-child(3){width: 50%;}
#connect_us .form .two_line{margin-bottom: 2rem;}
#connect_us .form .two_line textarea{width: 100%;background: #FFFFFF;border-radius: 6px;padding: 20px 14px;font-size: .7rem;}
#connect_us .form .sending{cursor: default;width: 17rem;height: 2.08rem;line-height:2.08rem;background: #F49D19;border-radius: 6px;font-size: .83rem;text-align: center;color: #fff;margin: 0 auto;}

#connect_us .form input::-webkit-input-placeholder { font-size: .7rem;}
#connect_us .form input:-moz-placeholder { font-size: .7rem;}
#connect_us .form input::-moz-placeholder { font-size: .7rem;}
#connect_us .form input:-ms-input-placeholder { font-size: .7rem;}


.verification_mask{position: fixed;top: 0;right: 0;bottom: 0;left: 0;z-index: 5;}
.verification_mask .mask{opacity: 0.4;background: #000;width: 100%;height: 100%;position: relative;top: 0;}
.verification_mask .mask_center{box-sizing:border-box;background: #fff;width: 30rem;height: 17rem;position: absolute;top:50%;left: 50%;transform: translate(-50%, -50%);}
.verification_mask .mask_center .mask_title{padding: 1.08rem 0;position: relative;text-align: center;border-bottom: 1px solid #ddd;font-size: 1rem;font-weight: bold;margin-bottom: 20px;}
.verification_mask .mask_center .mask_title img{position: absolute;right: 3%;top:30%;width: 1.08rem;}
.verification_mask .mask_center .two_line{display: flex;margin: 20px auto;padding: 0 6.5rem;}
.verification_mask .mask_center .three_line{text-align: center;margin-left: 1rem;}
.verification_mask .mask_center .three_line >div:last-child{cursor: default;}
.verification_mask .mask_center .two_line span{margin-top: 1rem;}
.verification_mask .mask_center .four_line{display: flex;justify-content: space-around;margin-top: 2rem;padding: 0 6.5rem;}
.verification_mask .mask_center input{margin-top: 1rem;border: 1px solid #CC131C;display: inline-block;height: 2.93rem;line-height: 1.8rem;padding-left: .6rem;}
.verification_mask .mask_center .mask_copy{width: 17rem;height: 3.43rem;font-size: 1rem;cursor: default;white-space: nowrap;border: 1px solid #CC131B;border-radius: 4px;display: inline-block;line-height: 3.43rem;text-align:center;background: #CC131B;color: #fff;}
.verification_mask .mask_center .mask_copy_close{cursor: default;white-space: nowrap;border: 1px solid #CCC;border-radius: 4px;display: inline-block;height: 1.8rem;line-height: 1.8rem;padding: 0 16px;background: #CCC;color: #333;}
.verification_mask .box{width:100px;height:50px;background: url("../image/timg.jpg") no-repeat;background-size: 100% 100%;}
.verification_mask .box p{margin:0px;padding:0px;float: left;width: 25%;height:50px;text-align: center;line-height: 50px;transform:rotate(7deg);font-weight: bold;}

@media screen and (max-width: 1240px){
    .head_box .nav ul li{padding: 0 1rem;}
}

@media screen and (max-width: 768px){
    .head_box .nav ul{display: block;}

}