/* Fonts */
/*通用*/
*{ margin:0; padding:0;}
html{}
body{margin:0;color:#313131; position: relative; font-family: "microsoft yahei"; min-width:1280px; font-size:14px;}
ul,li,p,h1,h2,h3,h4,h5,h6,dl,dt,dd {margin:0px;padding:0px;border:none;list-style:none; font-weight: normal;}
a{text-decoration:none;  text-shadow:none;font-weight:normal;}
ul{list-style:none;}
textarea,input,button,select{outline:none;-webkit-appearance:none; font-family:Arial, Helvetica, sans-serif;}
a{color:#6c6c6c;text-decoration:none;}
img{border:none; display: block;}
span{margin:0; padding:0; cursor: auto;}
span:focus,div:focus {outline: none;}

.flex{display:-webkit-box;display: -ms-flexbox;display:flex;flex-wrap:wrap;align-items:flex-start;}
.flexC{display:-webkit-box;display: -ms-flexbox;display:flex;align-items:center; flex-wrap:wrap;}
.fl-bet{-webkit-box-pack: justify;-ms-flex-pack: justify;justify-content:space-between;}
.fl-cen{-webkit-box-pack: center;-ms-flex-pack: center;justify-content:center;}
.fl-end{-webkit-box-pack:right;-ms-flex-pack:right;justify-content:flex-end;}
.Huans {-webkit-box-sizing:border-box;box-sizing:border-box;}
/*top*/
.top_menu{height:23px; background:#424040; color:#FFF; width:100%;}
.top_menuK{width:990px; height:23px; line-height:23px; margin:0 auto;}
.top_menua{color:#bbb9b9;padding: 0 3px; font-size:12px; display: block;}
.top_menua:hover{text-decoration:underline;}
.top_menuH{ margin-right:14px;font-size:12px;}
/*header*/
.header{background:#fff;border-bottom:1px solid #d5d5d5;box-shadow:1px 1px 1px rgb(0 0 0 / 10%);-webkit-box-shadow:1px 1px 1px rgb(0 0 0 / 10%);-moz-box-shadow:1px 1px 1px rgba(0,0,0,.1);position:relative;opacity:.93;filter:alpha(opacity=95)}
.headK{height:77px; width: 990px; margin:0 auto;}
.hdlogo{ display:block;width:242px;}
.hdlogo img{width:100%; display: block;}
/**/
.Menu{ display: block;}
.Menu ul{}
.MenuU li{ margin-right:1px; position: relative}
.MenuA{ line-height:77px; width:110px; font-size:18px;color:#1d1d1d; position: relative; display: block;background-position:center;background-repeat:no-repeat;background-size:100%; text-align: center;}
.MenuU li .on,.MenuU li .MenuA:hover{color:#3387ef;background-image: url("../images/nav_abg.png"); } 
/*footer*/
footer {padding-bottom:25px;padding-top:22px;}
.ftC{text-align:center;line-height:23px;color:#999;font-size:12px}
.ftC a{color:#999; display: block;}
.ftC a:hover{text-decoration:underline;color:#0b5ba5;}
/**/
.main{width:990px; margin:20px auto 0;}
.mianB{line-height:32px;color:#666;padding:5px 0;}
.mianB p{}
.mianBa{color: #0b5ba5;}
.mianBa:hover{color:#FF0004; text-decoration: underline;}

.mainK{height:700px; padding-top:10px;}
.mainB{position: relative;width:990px;height:643px;margin:0 auto;background:#fff;border:1px solid #e5e5e5;}
.maiL{width: 210px; height:100%;border-right: 1px solid #e5e5e5;}
.maiLN{padding:30px 25px 20px;color:#7f7f7f;font-size:12px;}
.maiLH{ text-align: center;}
.maiLH img{width:90px; display: block; margin:0 auto;}
.maiLH p{margin-top:6px;font-size:18px;color:#313131;}
.maiLH a{color: #7f7f7f;font-size: 14px;}
.maiLH a:hover{text-decoration:underline;}
.maiLZ{margin-top: 25px;line-height:22px;}
.maiLZ p{width:100%; text-align: center;}
.maiLp{padding-left:11px; position: relative;}
.maiLp:before{display:block;content:'';position: absolute; width:4px; height: 4px; background:#bbb; left:0;top:9px;}
.maiR{width:100%; flex:1;}
.maiRH{width: 550px;border-bottom: 1px solid #e5e5e5;padding:30px 0; margin:0 auto;}
.maiRHD{width: 130px;position: relative;margin-bottom:10px;border: 1px solid #e5e5e5;background: #fff;}
.maiRHZ{ height:96px; width:100%;}
.maiRHZ img{width:24px; display: block;    margin-right: 4px;}
.maiRHZ span{ font-size:20px; line-height:26px;}
.maiRHE{ line-height:32px; height:32px;font-size: 16px;border-top: 1px dashed #e3e3e3; width:102px; margin:0 auto;}
.maiRHDO,.maiRHD:hover{ border:1px solid #3387ef;}
.maiRHDO:before{display:block;content:'';position: absolute;right:0;top:0;background-image: url(../images/icon.png);    background-position: -113px -129px;width:25px;height:25px;}
.maiRHI{width:84px; height: 24px; border:none; line-height:24px; font-size: 20px;}
.maiRHI:focus{borderr-bottom:1px solid #3387ef;}
.maiZF{padding:20px 0 40px;width: 551px;margin:0 auto;}
.maiZFH{margin-bottom: 10px; font-size: 14px;}
.maiZFT{margin-bottom: 20px;}
.maiZFTa{margin-right: 10px;display:block;width: 130px;height: 40px; line-height:40px;background: #fff;text-align: center;font-size: 14px;border: 1px solid #d6d6d6;cursor: pointer; position: relative;color: #313131;}
.maiZFT .on,.maiZFTa:hover{ border:1px solid #3387ef;}
.maiZFT .on:before{display:block;content:'';position: absolute;right:0;top:0;background-image: url(../images/icon.png);    background-position: -113px -129px;width:25px;height:25px;}
.maiZFNH{margin-bottom:7px; width:100%;}
.maiwxI{background-image: url(../images/icon.png);background-position: -142px -129px;width: 16px;height: 14px; display: block; margin-right: 4px;}
.maiZFNH span{ font-size:20px; display: block; padding:0 3px;font-weight: 400;}
.maiZFNM{width:120px; height: 120px; padding:9px;border: 1px solid #e5e5e5; margin:0 auto;}
.maiZFNM img{width:100%; display: block;}
.maiZFNS{padding:8px 0 7px;color: #969696; font-size: 12px;}
.maiZFNS a{color: #2a69b6;}
.maiZFNS a:hover{color: #044390;}
.maiqbI{background-image: url(../images/icon.png);background-position: -69px -81px;width: 14px;height: 17px; display: block; margin-right: 4px;}
.maiwx .maiZFNM{border-bottom:1px solid #00c800;}
.maiqb .maiZFNM{border-bottom:1px solid #3387ef;}
.maikaI{width: 226px; box-sizing: border-box;height:38px;line-height:38px;padding: 0 7px;border: 1px solid #e5e5e5;color: #313131;font-size: 15px;transition: border-color .3s linear; margin-bottom: 10px; display: block;}
.maikaI:focus{border:1px solid #3387ef;}
.maikaH{ font-size:12px;}
.maikaBut{border:1px solid #2977d8;background-color: #3387ef;color: #fff; display: block; text-align: center; width:120px; line-height:38px;height:38px;font-weight: 700;cursor: pointer;transition: background-color .3s linear; margin-top: 10px;}
.maikaBut:hover{ background:#549af0;}



/*
display:flex;justify-content:space-between;align-items:center; flex-wrap:wrap;align-content:center
|flex-start|flex-end|center|space-between|space-around

overflow: hidden;text-overflow:ellipsis;white-space: nowrap;
display:-webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3;overflow: hidden;

left:0;top:50%;transform: translate(0,-50%);

transition:0.5s;
.IndEnvT:before,.IndEnvT:after{display:block;content:'';position: absolute;}
*/

