@charset "utf-8";
html{font-size:16px;}
body,div,ul,dl,dt,dd,li,h1,h2,h3,h4,h5,h6,form,input,p,a,img{margin:0;padding:0; border:0;}
body{color:#3b3b3b;background-color:#fff;font-family:microsoft yahei,Arial,simsun;}
a{text-decoration:no-repeat;text-decoration:none;color:#3b3b3b;border:none;}
a:hover {color: #3557aa;cursor:pointer;}
ul,li {list-style:none;}
h1{font-size:2em;color: #3b3b3b;}
h2{font-size:1.8em;color: #3b3b3b;}
h3{font-size:1.3em;color: #3b3b3b;}
img {max-width:100%!important;height:auto!important;}

.fl{float:left;display:inline}
.fr{float:right;display:inline}
.clear {clear:both;height: 0px;}
.container {width: 1200px;margin: 0 auto;}

.header {height: 35px;line-height: 35px;background: #30446a;color: #fff;font-size: .8rem;}
.hea_l {width: 30%;float: left;}
.hea_r {float: right;}
.top {overflow: hidden;border-bottom: 1px solid #f2f2f2;height: 85px;}
.top .logo {width: 360px;float: left;height: 85px;display: flex;align-items: center;}
.top .nav {float: right;width: 64%;height: 85px;display: flex;align-items: center;}
.top .nav li {float: left;width: 12%;text-align: center; position:relative}
.top .nav li a {display: block;font-size: 1rem;padding: 0.66rem 0 0.66rem 0;margin-bottom: 5px;}
.top .nav li a:before{content: '';position: absolute;width: 0;left: 50%;bottom: 0;height: 3px;background-color: #4667aa;}
.top .nav li a:hover:before{width: 80%;left: 10%;transition: all 0.5s;}

.design-head {color: #fff;width: 600px;font-size: 1.5rem;line-height: 2rem;margin-top: 2rem;padding: 15px 50px 15px 20px;background-color: rgb(76,108,197,0.8);}
.design-head span {font-size: 1rem;z-index: 2;margin-top: 1rem;line-height: 2rem;display: block;}


.position{height: 50px;line-height: 50px;border-bottom: 1px solid #f2f2f2;font-size: .875rem;}
.position a:nth-child(1) {color:#999;background: url(/icon/loc.png) no-repeat;padding-left: 2%;}
.position a{color:#999;}
.position a:last-child{color: #415e9e;}

.footer {background-color: #0a255e;height: 4rem;clear: both;}
.footer p {width:1200px;line-height: 4rem;height: 4rem;color: #fff;text-align: center;margin:  0 auto;}
.footer p span {margin: 0 40px;}
.footer p a {color: #fff;}

.botsms{width: 100%;font-size: 0.875rem;padding: 0px 0px 2rem 0px;box-sizing: border-box;margin: 2rem 0px 30px 0px;overflow: hidden;background-color: #f9f9f9;}
.botsms .tit{width: 100%;background-color: #4667aa;margin: 0 auto 30px auto;height: 40px;line-height: 40px;font-size: 16px;}
.botsms .tit i{padding: 5px 10px;font-style: normal;color: #fff;}
.botsms .leftform{ width: 45%; float: left;}
.botsms p{ width: 100%;text-align: center; padding-bottom: 20px;}
.botsms ul li{width:100%;overflow:hidden;padding:5px 0px;text-align: center;}
.botsms span{ width:20%; height:35px; line-height:35px; font-size: 14px; text-align:right; display:block; float:left;}
.botsms .textbox{ width:75%; float:left; border:1px solid #ddd; box-sizing:border-box; padding-left:3px; height:33px; line-height:33px;-webkit-appearance: none;}
.botsms .select{ width:75%; float:left; border:1px solid #ddd; box-sizing:border-box; padding-left:3px; height:33px; line-height:33px; background: #fff;}
.botsms .bssubmit{width: 35%;color:#fff;background-color: #4667af;border-radius: 4px;padding:10px 0px;margin-top: 5px;border: none;-webkit-appearance: none;}
.botsms .smscontact{ width: 45%; padding-left: 10%; border-left: 1px solid #e7e7e7; box-sizing: border-box; margin-top: 45px; float: right;}
.botsms .smscontact dl,.botsms .smscontact dl dt,.botsms .smscontact dl dd{padding: 0px;margin: 0px;padding-bottom: 9px;list-style: none;}
.botsms .smscontact dl{ line-height: 30px;}
.botsms .smscontact dl dt{font-size: 16px;font-weight: bold;padding-bottom: 15px;}
.botsms .smscontact dl dd .linkcustomer{font-size: 12px;background-color: #494949;border-radius: 4px;color: #fff;padding: 5px 45px;margin-top: 10px;line-height: 26px;display: block;float: left;}
.botsms .smscontact dl dd b{color: #4667af;font-size: 1.2rem;}
@media screen and (max-width: 768px) {
    .botsms{padding: 5%;}
    .botsms .tit{ border-bottom: 1px solid #ddd; height: 10px; background-color: #fff; text-align: center; margin: 20px auto 30px auto; line-height: 22px; font-size: 16px;}
    .botsms .tit i{padding: 5px 10px; background-color: #fff; font-style: normal; color: #4667af; font-weight: bold; font-size: 16px;}
    .botsms .leftform{ width: 100%; float: none;}
    .botsms .bssubmit{ width:100%; margin-left: 0px;}
    .botsms .smscontact{ display: none;}
}
