@charset "utf-8";
a,abbr,acronym,address,applet,big,blockquote,body,caption,cite,code,dd,del,dfn,div,dl,dt,em,fieldset,form,h1,h2,h3,h4,h5,h6,html,iframe,img,ins,kbd,label,legend,li,object,ol,p,pre,q,s,samp,small,span,strike,strong,sub,sup,table,tbody,td,tfoot,th,thead,tr,tt,ul,var{ margin:0; padding:0; }
body{ width:100%; height:auto; -webkit-text-size-adjust:none;}
a{font:14px/1.5em "微软雅黑",Arial,"Microsoft YaHei";color:#666;position:relative;}
h1,h2,h3,h4,h5,h6{ font-size:100%; }
em{ font-style:normal; }
li{ list-style-type:none; }
a{ text-decoration:none; color:#333; }

header{overflow:hidden;margin:0 auto;width:1200px}
.logo{float:left;width: 430px;height:100px;font-size:30px;line-height:100px}
.top{float:right;display:flex;overflow:hidden;height:100px;line-height:100px}
.top li{margin:0 20px}
.top li a{color:#666}
.top li a.active{color:#007aff;font-weight:700}
.swiper_con{margin:0 auto;max-width:1920px}
.swiper_con .swiper{height:450px}
.swiper_con img{width:100%;height:100%;object-fit:cover}
.center{margin:50px auto 100px;width:1200px}
.center .h3{padding:0 30px;height:50px;border-radius:10px;background: #333;box-shadow:10px 6px 10px #999;color:#fff;text-align:center;font-size:26px;line-height:50px}
.center .h2{margin:20px 0;text-align:center;font-size:20px}
.center .p1{color: #f416bf;text-align:center}
.box{display:flex;margin:50px auto;justify-content:space-between}
.box a{position:relative}
.box a:nth-of-type(2){top:50px}
.box a img{display:block;width:340px;height:260px;border-radius:2px;box-shadow:10px 6px 10px #999}
.box a p{margin-top:20px;height:30px;text-align:center;font-size:18px;line-height:30px}
.box a em{display:block;color:#999;text-align:center;line-height:20px}
.cons{position:relative;background:#007aff}
.con{overflow:hidden;margin:0 auto;padding:30px 0;width:1200px}
.con_l{float:left;width:720px}
.con_l .h2{color:#f1f1f1;font-size:50px}
.con_l p{margin-top:20px;color:#ccc;line-height:30px}
.con_r{position:relative;float:right;width:430px;height:476px}
.con_r img{position:absolute;top:0;right:0;bottom:0;display:block;margin:auto;width:100%;}
.cons:after{position:absolute;top:0;right:0;width:66%;height:100%;background-image:linear-gradient(90deg,hsla(0,0%,100%,0),#0049ff);content:''}
.cen_cons{position:relative;background: #167cf4;margin-top: 50px;}
.cen_con{overflow:hidden;margin:0 auto;padding:30px 0;width:1200px}
.cen_con_l{float:right;width:720px}
.cen_con_l .h2{color:#f1f1f1;font-size:50px}
.cen_con_l p{margin-top:20px;color:#ccc;line-height:30px}
.cen_con_r{position:relative;float:left;width:430px;height:476px}
.cen_con_r img{position:absolute;top:0;right:0;bottom:0;display:block;margin:auto;width:100%;}
.cen_cons:after{position:absolute;top:0;left: 0;width:66%;height:100%;background-image: linear-gradient(-90deg, hsla(0, 0%, 100%, 0), #16caf4);content:''}
.br{margin-top: 50px;text-align: center;}
.br span{display: inline-block;background: #333;color: #fff;font-size: 30px;border-radius: 5px;padding: 10px 30px;box-shadow: 2px 2px 10px #c8c2c3;}
footer{margin-top:50px;background:#ccc;text-align:center}
footer .p1{height:50px;line-height:50px}
footer .p1 a{color:#fff}