/* Fonts */
/*currency*/
*{ margin:0; padding:0;}
html{}
body{margin:0;color:#252525; 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;}

.Huans{-webkit-box-sizing: border-box;box-sizing: border-box;}
.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;}
.flexE{display:-webkit-box;display: -ms-flexbox;display:flex;align-items:flex-end; 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;}

.ward{width:1400px; margin:0 auto;}
/*top*/
.top{ background:#ddd;}
.topK{ height: 52px;}
.topK p{ font-size: 16px; color:#1f1f1f; line-height:30px;}
/*header*/
.header{width:100%; background-color:#FFF; box-shadow:0 3px 10px rgba(0,0,0,0.1); position: sticky;top:0; z-index:99;}
.headK{height:100px;}
.hdlogo{width:210px; margin-right: 75px;}
.hdlogo img{ width:100%; display: block;}
/*导航*/
.menu{}
.nava{line-height:44px;height:44px;font-size:18px; color:#2c2c2c;display: block; position: relative; margin-left: 25px;}
.nava:before{display:block;content:'';position: absolute;left:50%;bottom:0;transform: translate(-50%,0); width:0; height:3px; background:#1d2088;transition:0.5s;}
.menu .on,.nava:hover{ color:#1d2088;}
.menu .on:before,.nava:hover:before{ width:100%;transition:0.5s;}
.Indpho{ margin-left: auto;}
.Indpho img{width:32px; display: block; margin-right:10px;}
.IndphoN{}
.IndphoN h3{ font-size: 14px; color:#393939; left:20px;}
.IndphoN p{ font-size: 20px; color:#e5151a; line-height:30px;} 
/*footer*/
footer{  background:#111;}
.ftdK{ padding:55px 0 40px;}
.ftdT{ font-size:20px; color:#FFF; line-height:35px; margin-bottom: 25px;}
.ftNL{ width:520px;}
.ftM{}
.ftMa{ width: 110px;}
.ftMI{width:100px; height: 100px; border-radius:6px; padding:5px; margin:0 auto 7px; background: rgba(255,255,255,0.14);}
.ftMI span{width:100%; height: 100%; display: block; border-radius: 5px; overflow: hidden;}
.ftMI span img{width:100%; display: block;}
.ftMa p{ text-align: center; font-size:14px; color:#9b9b9b; line-height:18px;}
.ftNC{width:420px;}
.ftCou{}
.ftCouP{color:#9b9b9b; font-size: 16px; margin-bottom: 14px;}
.ftCouP img{width:20px; display: block; margin-top:2px; margin-right: 15px;}
.ftCouP p{ line-height:24px; width: 100%; flex:1;}
.ftlog{width:175px; display: block; margin-top: 70px;}
.ftlog img{width:100%; display: block;}
.ftC{ border-top:1px solid #565656; color:#929292; font-size:14px; text-align: center; line-height:30px; padding:15px 0;}
/**/
.Kef{ position: fixed; right:0;top:50%;transform: translate(0,-30%); z-index:9}
.Kef li{ margin:2px; position: relative;}
.Kefa{ width:96px; height:126px; color:#FFF; text-align: center; background:#2c87fb; overflow: hidden; display: block;}
.KefaN{width:100%; height:100%;align-content:center;}
.Kefa img{ width:34px; display: block; margin:0 auto 10px;}
.Kefa p{ font-size:16px; line-height:20px; width:100%;}
.KefD{width:0; position: absolute;right:98px;;top:50%;transform: translate(0,-50%);transition:0.5s;}
.KefM{border-radius:8px; overflow: hidden; box-shadow:0 1px 10px rgba(0,0,0,0.1);}
.KefD img{width:100%; display: block;}
.KefDo{width:200px;transition:0.5s; }
/*
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;}
*/
@media only screen and (max-width:1600px){
.ward{width:1200px; margin:0 auto;}	
/*top*/
.topK{ height:46px;}
.topK p{ font-size: 14px;line-height:26px;}
/*header*/
.headK{height:90px;}
.hdlogo{width:190px; margin-right:65px;}
/*导航*/
.menu{}
.nava{line-height:40px;height:40px;font-size:17px;margin-left: 22px;}
.Indpho img{width:28px; display: block; margin-right:8px;}
.IndphoN h3{ font-size: 13px;left:18px;}
.IndphoN p{ font-size:18px;line-height:26px;} 
/*footer*/
.ftdK{ padding:48px 0 32px;}
.ftdT{ font-size:18px; line-height:30px; margin-bottom: 20px;}
.ftNL{ width:480px;}
.ftMa{ width: 110px;}
.ftMI{width:90px; height: 90px;}
.ftMa p{font-size:12px;line-height:16px;}
.ftNC{width:420px;}
.ftCouP{font-size: 14px; margin-bottom: 12px;}
.ftCouP img{width:18px;margin-top:1px; margin-right: 12px;}
.ftCouP p{ line-height:20px;}
.ftlog{width:155px;margin-top:60px;}
.ftC{font-size:12px;line-height:26px; padding:12px 0;}
/**/
.Kefa{ width:76px; height:100px;}
.Kefa img{ width:25px; margin:0 auto 8px;}
.Kefa p{ font-size:14px;}
.KefD{right:80px;}
.KefDo{width:200px;transition:0.5s; }
}




.Run{transition:All 0.6s ease-in-out;-webkit-transition:All 0.6s ease-in-out;-moz-transition:All 0.6s ease-in-out;-o-transition:All 0.6s ease-in-out;}
.Run:hover{transform:rotate(180deg);-webkit-transform:rotate(180deg);-moz-transform:rotate(180deg);-o-transform:rotate(180deg);-ms-transform: rotate(180deg);}
.Mover{transition:0.5s;transition:All 0.4s ease-in-out;-webkit-transition:All 0.4s ease-in-out;-moz-transition:All 0.4s ease-in-out;-o-transition:All 0.4s ease-in-out;}
.Mover:hover{transition:0.5s;ransform:translate(0,-10px);-webkit-transform:translate(0,-10px);-moz-transform:translate(0,-10px);-o-transform:translate(0,-10px);-ms-transform:translate(0,-10px);}

.enlarge img{ width:100%;transition:0.5s;}
.enlarge:hover img{-ms-transform:scale(1.05);-moz-transform:scale(1.05);-webkit-transform:scale(1.05);-o-transform:scale(1.05);transform:scale(1.05); transition:0.5s;}
.enlarge1{ width:100%;transition:0.5s;}
.enlarge1:hover{-ms-transform:scale(1.05);-moz-transform:scale(1.05);-webkit-transform:scale(1.05);-o-transform:scale(1.05);transform:scale(1.05); transition:0.5s;}

