*{ padding:0; margin:0;}
ul,ol{ list-style:none;}
a{ text-decoration:none;}
input,button,a{ outline:none;}
body{ font-family:"Microsoft YaHei"; color:#545454;overflow-x: hidden;}
img{ border:none; vertical-align:middle;}
h5{ font-weight:normal;}
i,em{ font-style:normal;}

.header{ width:100%; min-width:1200px; height:80px;}
.header .con{ width:1200px; margin:0 auto;}
.header .con img{ float:left; width:160px; height:27px; margin-top:33px;}
/*.header .con ul{ float:right; position:relative; top:3px; left:0;}*/
.header .con ul li{ float:left; position:relative; padding: 0 35px;}
.header .con ul li:last-child{padding-right: 0;}
.header .con ul li>a{ display:block; color:#545454; font-size:14px; padding:30px 0; cursor:pointer;transition: 0.3s;}
.header .con ul li>a.on,.header .con ul li:hover>a{color: #365dff;}

.banner{width:100%; min-width:1200px;overflow: hidden;}
.banner img{width: 1920px;height: 530px;position: relative;top: 0;left: 50%;margin-left: -960px;}

.data{width: 1200px;margin: 0 auto;height: 210px;}
.data li{float: left;width: 16.6%;text-align: center;margin-top: 65px;}
.data li b{font-family: arial;color: #3ab6ef;font-size: 45px;letter-spacing: 2px;}
.data li i{font-size: 14px;color: #3ab6ef;margin-left: 10px;}
.data li p{font-size: 14px;color: #414244;margin-top: 4px;}

.pro{background-color: #faf9ff;width: 100%;min-width: 1200px;overflow: hidden;}
.pro .con{width: 90vw;margin: 35px auto 0;}
.main-title{text-align: center;}
.main-title p{font-size: 16px;color: #8c8c8c;}
.main-title b{font-size: 36px;color: #1f1f1f;display: block;}
.main-title i{width: 25px;height: 8px;display: inline-block;background-color: #12a8f3;border-radius: 30px;}

.pro .con ul{margin-top: 40px;display: flex;justify-content: center;width: 90vw}
.pro .con li{/*width: 78vw;*/background-color: #fff;margin-bottom: 30px;border-radius: 5px;box-shadow: 0 0 20px #ebebeb;display: flex;justify-content: center;min-height:50vw;}
.pro .con li img{width:78vw; height: auto; border-radius: 5px;margin-top: 20px;margin-left: 20px;float: left;}
.pro .con li:nth-child(2n) img{float: right;margin-right: 20px;margin-left: 0;}
.pro .con li .title{margin-left: 30px;margin-top: 55px;width: 550px;float: right;margin-right: 50px;}
.pro .con li:nth-child(2n) .title{margin-right: 40px;}
.pro .con li .title b{font-size: 18px;}
.pro .con li .title i{font-size: 16px;display: block;margin: 10px 0 18px;}
.pro .con li .title p{font-size: 14px;color: #7a7a7a;line-height: 1.8em;}
.pro .con li .title a{display: block;background-color: #365dff;color: #fff;height: 45px;width: 155px;text-align: center;line-height: 45px;border-radius: 3px;margin-top: 20px;font-size: 14px;transition: 0.3s;}
.pro .con li .title a:hover{box-shadow: 0 0 20px #c1c3cb;}

/* .pro .con ul{margin-top: 40px;}
.pro .con li{height: 363px;width: 281px;float: left;box-shadow: 0 0 20px #ededef;background-color: #fff;border-radius: 5px;margin: 0 58px 25px;overflow: hidden;}
.pro .con li:nth-child(4){margin-left: 258px;}
.pro .con li .top{position: relative;height: 200px;overflow: hidden;}
.pro .con li .dis-n{width: 100%;height: 200px;border-radius: 5px;background-image: linear-gradient(#067dff, #4c4bec);position: absolute;top: -200px;left: 0;transition: 0.3s;}
.pro .con li:hover .dis-n{top: 0;}
.pro .con li .top img{margin: 53px auto 0;display: block;opacity: 1;transition: 0.2s;}
.pro .con li:hover .top>img{opacity: 0;}
.pro .con li .dis-n img{margin-top: 55px;}
.pro .con li .title{text-align: center;position: relative;}
.pro .con li .title i{font-size: 17px;color: #fff;width: 214px;height: 40px;background-color: #365dff;border-radius: 30px;line-height: 40px;display: block;margin: 0 auto;position: relative;top: 17px;transition: 0.3s;}
.pro .con li:hover .title i{top: -25px;}
.pro .con li .title b{font-size: 17px;color: #365dff;transition: 0.3s;position: absolute;top: 60px;right: 0;left: 0;opacity: 0;}
.pro .con li:hover .title b{opacity: 1;top: 35px;}
.pro .con li .title p{font-size: 12px;color: #7a7a7a;line-height: 1.7em;padding: 40px 20px 0;}
 */

.about{width: 1200px;margin: 0 auto 75px;position: relative;overflow: hidden;}
.about .pic{position: absolute;top: 80px;left: 21px;background-color: #f2f2f2;height: 426px;width: 702px;border-radius: 5px;}
.about .pic img{height: 426px;width: 702px;border-radius: 5px;position: relative;top: -22px;left: -21px;}
.about em{display: block;height: 130px;width: 15px;border-radius: 2px;background-color: #12a8f3;position: absolute;top: 150px;right: 35px;}
.about .con{width: 1047px;height: 315px;background-color: #faf9ff;border-radius: 5px;margin-top: 222px;text-align: right;margin-left: 150px;padding-top: 50px;}
.about .con .title{margin-right: 80px;}
.about .con .title p,.seniority .con p{font-size: 12px;color: #8c8c8c;}
.about .con .title b,.seniority .con b{color: #1f1f1f;font-size: 30px;}
.about .con .title i{width: 25px;height: 8px;display: block;background-color: #12a8f3;border-radius: 30px;margin: 6px 0 30px 940px;}
.about .con span{width: 295px;display: inline-block;line-height: 1.75em;margin-right: 80px;font-size: 12px;color: #8c8c8c;text-align: left;letter-spacing: 1px;text-align:justify;}
.about .con a,.seniority .con a{display: block;margin-left: 878px;margin-top: 35px;width: 88px;height: 35px;line-height: 35px;text-align: center;font-size: 12px;color: #9b9b9b;border-radius: 2px;border: 1px solid #9a9a9a;background-color: #faf9ff;transition: 0.3s;}
.about .con a:hover,.seniority .con a:hover{background-color: #365dff;color: #fff;border: 1px solid #365dff;}

.seniority{background-color: #faf9ff;width: 100%;min-width: 1200px;overflow: hidden;height: 475px;}
.seniority .con{width: 1200px;margin: 60px auto 0;position: relative;}
.seniority .con i{width: 25px;height: 8px;display: block;background-color: #12a8f3;border-radius: 30px;margin: 6px 0 30px;}
.seniority .con span{width: 360px;display: inline-block;line-height: 1.75em;font-size: 12px;color: #8c8c8c;letter-spacing: 2px;}
.seniority .con a{margin-left: 0;margin-top: 25px;}
.aptitudes{height: 348px;width: 1256px;position: absolute;top: 0;left: 410px;}
.aptitudes .swiper-slide{width: 385px;height: 338px;box-shadow: 0 0 15px #dedede;background-color: #fff;position: relative;top: 5px;left: 5px;border-radius: 10px;text-align: center;}
.aptitudes .swiper-slide .pic{background-color: #f9f9f9;height: 267px;width: 100%;overflow: hidden;}
.aptitudes .swiper-slide img{height: 235px;max-width: 335px;margin: 15px auto 0;display: block;transition: 0.3s;}
.aptitudes .swiper-slide:hover img{transform:scaleX(1.1) scaleY(1.1)}
.aptitudes .swiper-slide strong{font-weight: normal;color: #5e5e60;font-size: 18px;margin-top: 23px;display: block;}
.seniority .left{width: 42px;height: 42px;position: absolute;top: 310px;transition: 0.3s;}
.seniority .swiper-button-prev{left: 0;background: url(../images/index/left.png);}
.seniority .swiper-button-prev:hover{background: url(../images/index/left-on.png);}
.seniority .swiper-button-next{left: 95px;background: url(../images/index/right.png);}
.seniority .swiper-button-next:hover{background: url(../images/index/right-on.png);}

.history{width: 910px;margin: 50px auto 0;padding-bottom: 145px;}
.history .con{display: flex;margin-top: 60px;}
.history img{width: 375px;height: 654px;}
.develop{width: 458px;height: 650px;margin-left: 100px;}
.develop .swiper-slide{margin: 1px 0 0 2px;}
.develop i{width: 9px;height: 9px;border-radius: 50%;display: inline-block;border: 7px solid #fff;box-shadow: 0 0 0 1px #365dff;background-color: #365dff;margin-right: 38px;}
.develop em{font-size: 26px;color: #434549;}
.develop p{width: 380px;font-size: 17px;color: #5b5d61;margin-top: 10px;margin-left: 67px;line-height: 1.5em;}
.history .bottom{width: 24px;height: 21px;margin-left: 1012px;margin-top: -50px;cursor: pointer;transition: 0.3s;}
.history .swiper-button-prev1{background: url(../images/index/top.png);}
.history .swiper-button-next1{background: url(../images/index/bottom.png);}
.history .bottom:hover{opacity: 0.8;}

@media screen and (max-width: 1440px) {
.banner img{width: 1440px;height: 397px;margin-left: -720px;}
.data{height: 180px;}
.data li{margin-top: 58px;}
.data li b{font-size: 40px;}

.main-title p{font-size: 12px;}
.main-title b{font-size: 30px;}

.aptitudes .swiper-slide{height: 325px;}
.aptitudes .swiper-slide strong{font-size: 16px;margin-top: 18px;}

.develop i{position: relative;top: 4px;}
.develop em{font-size: 22px;}
.develop p{font-size: 16px;}
}

.footer{width:100%; min-width:1200px;height: 220px;background-image: linear-gradient(to right, #2047c0, #0290fe);}
.footer .con{width: 1200px;margin: 0 auto;}
.footer .con .left{float: left;}
.footer .con .left b{color: #fff;font-size: 18px;display: block;margin: 30px 0 25px;font-weight: normal;letter-spacing: 1px;}
.footer .con .left ul{width: 500px;height: 51px;background: url(../images/index/line.png);}
.footer .con .left li{float: left;margin-right: 47px;}
.footer .con .left li:last-child{margin-right: 0;}
.footer .con .left li a{color: #fff;font-size: 14px;line-height: 51px;transition: 0.3s;}
.footer .con .left li:hover a{opacity: 0.8;}
.footer .con .right{float: right;display: flex;margin-top: 38px;}
.footer .con .right ul{margin-right: 20px;margin-top: 8px;}
.footer .con .right li{margin-bottom: 11px;}
.footer .con .right li img{width: 16px;height: 16px;margin-right: 3px;}
.footer .con .right li i{font-size: 14px;color: #fff;letter-spacing: 1px;}
.footer .con .right .pic{width: 100px;height: 100px;}
.footer .con .title{text-align: center;margin-top: 35px;}
.footer .con .title p{display: inline-block;color: #fff;font-size: 14px;}
.footer .con .title img{width: 18px;height: 20px;margin-left: 5px;position: relative;top: -2px;}

.Clear{ clear:both;}