@charset "gb2312";
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-size:14px;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;}  
video {width: 100%;height: 300px;}

.fl{float:left;display:inline} 
.fr{float:right;display:inline} 
.clear {clear:both;height: 0px;} 
.container {max-width: 1200px;margin: 0 auto;padding:0;}  

.header {height: 35px;line-height: 35px;background: #30446a;color: #fff;} 
.hea_l {width: 40%;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;color:#333;text-decoration: none;} 
.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.8rem;line-height: 2rem;margin-top: 2rem;padding: 15px 50px 15px 20px;background-color: rgb(76,108,197,0.8);} 
.design-head span {font-size: 1.1rem;z-index: 2;margin-top: 1rem;line-height: 2rem;display: block;}  

.position{height: 50px;line-height: 50px;border-bottom: 1px solid #f2f2f2;} 
.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: 1200px;font-size: 0.875rem;padding: 0px 0px 2rem 0px;box-sizing: border-box;overflow: hidden;background-color: #f9f9f9;margin: 2rem auto;}
.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;} 
}