/*reset*/
html, body {width: 100%;min-height: 100%;overflow-x: hidden}
html, body, h1, h2, h3, h4, h5, h6, p, blockquote, pre, address, div, img, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, caption {margin: 0;padding: 0;border: 0;}
body {font-size: 16px;-webkit-text-size-adjust: 100%;-webkit-tap-highlight-color: rgba(255, 255, 255, 0);font-family: 'Microsoft YaHei'}
a {text-decoration: none;outline: 0;}
ol, ul {list-style: none}
blockquote, q {quotes: none}
.clear { clear: both; line-height: 0px; height: 0; overflow: hidden;}
blockquote::before, blockquote::after, q::before, q::after {content: none}
ins {text-decoration: none}
del {text-decoration: line-through}
button, input, select, textarea {font-family: inherit;font-size: 100%;vertical-align: middle;outline: none}
textarea {resize: none;overflow: auto;vertical-align: top}
[hidden] {display: none}
a, a:hover, a:visited, a:link, a:active {color: inherit}
table {border-collapse: collapse;border-spacing: 0}
.clearfix:before, .clearfix:after {display: table;line-height: 0;content: ""}
.clearfix:after {clear: both}
.clearfix {zoom: 1}
img {border: 0;max-width: 100%;height: auto;width: auto \9; /* ie8 */ vertical-align: middle;}
i {font-style: normal;}
::-webkit-scrollbar {width: 6px;}
::-webkit-scrollbar-thumb {background-color: #c1c1c1;}
::-webkit-scrollbar-track {background-color: #f7f7f7;}
.mytable {display: table;}
.mycell {display: table-cell;vertical-align: middle;}
.cover{background: no-repeat center;background-size: cover}
.wcont{padding:0 5vw;box-sizing: border-box}
.header{position: absolute;z-index: 9999;top: 0;left: 0;width: 100%;padding: 2.5vw 5vw;box-sizing: border-box;transition: .2s;}
.header.act{background:#2c4470;padding: 20px 5vw;}
.header-box{display: flex;justify-content: space-between;align-items: center;transition: .2s;}
.header-l{flex-shrink: 0}
.header-c{font-size: 18px;color: #fff;display: flex;align-items: center;}
.header-c li{position: relative;padding: 0 20px;}
.header-c li a{display: block;transition: .5s;position: relative;white-space: nowrap}
.header-c li a:before{content: "";width: 0;left: 0;height: 2px;background: #e00000;position: absolute;bottom: -10px;transition: .5s;}
.header-c li a:after{content: "";width: 0;right: 0;height: 2px;background: #e00000;position: absolute;bottom: -10px;transition: .5s;}
.header-c li a:hover:before{width: 70%;left: 15%;}
.header-c li a:hover:after{width: 70%;right: 15%;}
.header-r{display: flex;align-items: center;justify-content: center;}
.telphone{display: flex;border: 2px solid #fff;height: 65px;align-items: center;}
.telphone i{display: flex;align-items: center;justify-content: center;height: 100%;border-right:2px solid #fff;width: 60px;}
.telphone div{padding: 0 15px;}
.telphone div span{font-size: 16px;color: #fff}
.telphone div p{font-size: 18px;color: #fff;font-family: "axis"}
.header-btns{display: none;}
.banner {height: 100vh;position: relative;}
.swiper-banner {height: 100vh;overflow: hidden;}
.swiper-banner .swiper-slide {overflow: hidden;}
.banner-pic {height: 100%;background: no-repeat center;background-size: cover;}
.swiper-banner .ani-slide .banner-pic {}
.banner-bottom {position: absolute;bottom: 0;width: 100%;left: 0;z-index: 8;height: 120px;align-items: center;display: flex;justify-content: space-between;}
.banner-ctrl {display: flex;align-items: center;}
.banner-ctrl div {margin-right: 10px;cursor: pointer}
.banner-ds{display: flex;justify-content: space-between;align-items: baseline;}
.banner-pag {position: relative;width: auto;display: flex;align-items: center;margin-right:10px;}
.banner-pag span {width: 55px;height: 2px;background: #b0b6bf;border-radius: 0;opacity: 1;margin-right: 5px;}
.banner-pag .swiper-pagination-bullet-active {background: #2c4470;}
.banner-tips{line-height: 1;color:#2c4470;font-size: 18px;font-family: "aleo";font-weight: 700;}
.banner-ac{font-size: 36px;}
.box1{background-image: url("../images/box1bg.jpg");}
.box1 ul{display: flex;align-items: center;justify-content: space-between;padding: 60px 0;}
.box1 ul li{width: 25%;position: relative;text-align: center;}
.box1 ul li:after{content: "";width: 1px;height: 80%;position: absolute;background: #42608b;top: 10%;right: 0;}
.box1 ul li:last-child:after{display: none;}
.box1 ul li div{color: #fff;padding-top: 40px;}
.box1 ul li h1{font-size: 30px;}
.box1 ul li p{font-size: 16px;padding-top: 10px;}
.box2{background-image: url("../images/box2bg.jpg");padding: 70px 0;overflow: hidden;}
.box2-t2{display: flex;justify-content: space-between;align-items: center;}
.box2-t2-l{}
.box2-t2-l h1{font-size: 36px;color: #363636;}
.box2-t2-l h2{font-size: 24px;color: #dddddd;text-transform: uppercase}
.lookmore{transition: .5s;display: flex;border: 1px solid #6180ae;}
.lookmore:hover{transform: translateY(-5px)}
.lookmore span{font-size: 14px;color: #6180ae;background: #fff;line-height: 34px;padding: 0 20px;font-weight: bold;}
.lookmore i{line-height: 1;background: #6180ae;padding: 9px 0;width: 36px;}
.lookmore i img{display: block;margin: 0 auto;}
.box2-t3{padding: 40px 0;display: flex;justify-content:space-between;}
.box2-t3-l{flex-shrink: 0;padding-right:3vw;}
.box2-t3-l:before{content: "";display: block;height: 10px;width: 100%;background: url("../images/icon6.png") no-repeat center;background-size: 100%;}
.box2-t3-l ul{padding-top: 30px;}
.box2-t3-l li{font-size: 16px; background:#e00000;color: #fff;margin-bottom: 20px;transition: .5s;}
.box2-t3-l li a{color: #fff; margin-left:10px; line-height:30px;}
.box2-t3-l li:hover{color: #fff;}
.box2-t3-lb{padding-top: 10px;display: flex;flex-direction: column;align-items: flex-start}
.box2-t3-lb h1{font-size: 18px;color: #333333;padding-bottom: 20px;}
.box2-t3-lb .telphone{border-color:#e00000;}
.box2-t3-lb .telphone i{border-color:#e00000;}
.box2-t3-lb .telphone div span{color: #e00000}
.box2-t3-lb .telphone div p{color: #e00000;}
.box2-t3-r{width: 100%;}
.swiper-box2{overflow: hidden;}
.swiper-box2 .swiper-slide{}
.swiper-box2 .swiper-slide a{display: block;border-radius: 20px;box-sizing: border-box;overflow: hidden;border: 1px solid transparent;transition: .5s;}
.box2-t3pic{overflow: hidden;background: #ffffff;}
.box2-t3img{height: 340px;transition: .5s;}
.box2-t3msg{text-align: center;background: #c5d8f3;padding: 20px;box-sizing: border-box;font-size: 18px;color: #333333;font-weight: bold;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.swiper-box2 .swiper-slide:hover a{border-color: #c5d8f3}
.swiper-box2 .swiper-slide:hover .box2-t3img{transform: scale(1.05)}
.box2-t3-r .box2-pag{position: relative;padding-top: 40px;}
.box2-t3-r .box2-pag span{width: 16px;height: 16px;background: #5d82b5;opacity: 1;margin: 0 5px;}
.box2-t3-r .box2-pag .swiper-pagination-bullet-active{background: #e00000}
.box2-t4{box-shadow: 0 0 25px rgba(0,0,0,.05);border-bottom: 5px solid #4a4a4a; margin-top:2vw;}
.box2-t5{padding: 40px 0;background: #fff}
.box2-t5-box{background: url("../images/icon9.png") no-repeat right center;}
.box2-t6{background-image: url("../images/box2tbg.jpg");padding: 90px 0;}
.swiper-pptips{overflow: hidden;}
.swiper-pptips .swiper-slide{text-align: center;}
.swiper-pptips .swiper-slide h1{font-size: 30px;color: #333333;padding-top: 20px;}
.swiper-pptips .swiper-slide p{font-size: 12px;color: #999999;font-weight: bold;text-transform: uppercase}
.box3{background-image: url("../images/box3bg.jpg")}
.box3-t1{padding: 120px 0;}
.box3-t2{display: flex;justify-content: space-between;}
.box3-t2tit{display: flex;align-items: center;justify-content: space-between;padding-bottom: 30px;border-bottom: 1px solid #b0b6bf;margin-bottom: 30px;}
.box3-t2tit h2{font-size: 30px;color: #d43d2f;padding-left: 15px;line-height: 1;border-left: 3px solid #d43d2f;}
.box3-t2tit div{text-align: right;}
.box3-t2tit p{font-size: 24px;color: #5275a8;font-family: "aleo";text-transform: uppercase;line-height: .9;}
.box3-t2tit h1{font-size: 60px;color: #5275a8;font-weight: normal;font-family: "aleo";text-transform: uppercase;line-height: .9;}
.box3-t2-l{width: 50%;padding: 60px 40px;box-sizing: border-box;background-image: url("../images/box3lbg.jpg");overflow: hidden;}
.box3-t2-info{font-size: 16px;color: #333333;line-height: 40px;text-align: justify;}
.box3-t2-more{display: flex;padding-top: 50px;}
.box3-t2-r{width: 50%;padding: 60px 40px;box-sizing: border-box;background:#f9f9f9;overflow: hidden;}
.box {
width: 95%;
margin: 0 auto;
max-width: 1440px;
}
img {
border: none;
font-family: 'calibri', sans-serif, 'arial';
max-width: 100%;
height: auto;
}
.liuc-box{
}
.liuc{
display: flex;
padding: 25px 0;
}
.liuc-con{
width: 25%;
position: relative;
}
.liuc-con:before{
content: "";
position: absolute;
right: -42px;
top: 70%;
width: 78px;
height: 1px;
background: #7d7d7d;
z-index: 2;
}
.liuc-con h3{
color: #3d3e40;
font-size: 100px;
opacity: .15;
font-weight: bold;
margin-left: 50%;
}
.liuc-con img{
display: block;
margin: 0 auto;
margin-bottom: 10px;
}
.liuc-con h2{
color: #3d3e40;
font-size: 20px;
line-height: 30px;
font-weight: bold;
text-align: center;
}
.liuc:first-child .liuc-con:last-child:before{
top: auto;
bottom: -8%;
transform: rotate(90deg);
z-index: 2;
}
.liuc:last-child .liuc-con:first-child:before{
display: none;
}
.liuc:last-child{
flex-direction: row-reverse;
}
@media (max-width:1023px) {
.liuc{
flex-wrap: wrap;
}
.liuc-con{
width: 50%;
}
.liuc:last-child{
flex-direction: unset;
}
.liuc:first-child .liuc-con:nth-child(even):before{
display: none;
}
.liuc:last-child .liuc-con:nth-child(even):before{
display: none;
}
.liuc:last-child .liuc-con:first-child:before{
display: block;
}
.liuc:last-child .liuc-con:last-child:before{
display: none;
}
}
@media (max-width:768px) {
.liuc-box{
padding-bottom: 30px;
}
.liuc-con h3{
margin-left: 37%;
}
}
.qimo8{ overflow:hidden; width:100%; margin:10px auto;}
.qimo8 .qimo {width:8000%;}
.qimo8 .qimo div{ float:left;}
.qimo8 .qimo ul{float:left; overflow:hidden; zoom:1; }
.qimo8 .qimo ul li{float:left; list-style:none; text-align:center; width:350px; margin-right:50px; overflow:hidden}
.qimo8 .qimo ul li img{ width:350px; height:267px; transition: .5s; }
.qimo8 .qimo ul li ol{ text-align:center; height:50px; line-height:50px;transition:all .5s ease; color:#333333 ; font-size:18px; background-color:#c5d8f3; font-weight:bold; }
.qimo8 .qimo ul li:hover ol{ background:#e00000; color:#fff}
.qimo8 li a{display: block;
border-radius: 20px;
box-sizing: border-box;
overflow: hidden;
border: 1px solid transparent;
transition: .5s;}
.box4{padding: 50px 0;}
.box4-t1{display: flex;align-items: center;justify-content: space-between; margin-bottom:30px;}
.box4-t1-l{}
.box4-t1-l h1{font-size: 30px;color: #363636;line-height: 1;padding-left: 17px;border-left: 3px solid #d43d2f;}
.box4-t1-l h2{font-size: 24px;color: #dddddd;text-transform: uppercase;padding-left: 20px;}
.box4-t2{}
.box4-t2 ul{display: flex;justify-content: space-between;flex-wrap: wrap;}
.box4-t2 ul li{width: 50%; margin-bottom:40px;}
.box4-t2 ul li a{display: flex;justify-content: space-between;align-items: center;}
.box4-pic{overflow: hidden;width: 40%; border-radius:10px;}
.box4-img{height: 175px;transition: .5s;}
.box4-t2 ul li:hover .box4-img{transform: scale(1.05)}
.box4-info{width: 60%;box-sizing: border-box;padding: 0 40px;}
.box4-info h1{font-size: 24px;color: #fff;font-weight: normal;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;padding-bottom: 10px;transition: .5s;}
.box4-info h2{font-size: 14px;color: #bdbdbd;line-height: 26px;height: 48px;overflow : hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;font-weight: normal;text-align: justify;}
.box4-t2 ul li:hover .box4-info h1{color: #5275a8}
.box4-info h3{display: flex;align-items: center;justify-content: space-between;padding-top: 20px;}
.box4-info h3 span{color: #5275a8;}
.box4-info h3 i{font-size: 18px;font-weight: normal;display: block;line-height: 1;}
.box4-info h3 em{font-style: normal;font-size: 28px;display: block;line-height: 1;}
.bottom{background-image: url("../images/bottombgs.jpg");}
.bottom-t1{padding: 5vw 0 3vw 0;overflow: hidden;}
.bottom-t1 .wcont{display: flex;justify-content: space-between;}
.bottom-t1-l{flex-shrink: 0;display: flex;flex-direction: column;}
.bottom-t1-l1{}
.bottom-t1-l2{margin-top: 15px;}
.bottom-t1-l3{padding-top: 10px;}
.bottom-t1-l3 h1{font-size: 18px;color: #edf6ff;text-align: center;padding-bottom: 10px;}
.bottom-t1-c{width: 50%;border-radius: 15px;overflow: hidden;}
#map{height: 370px;width: 100%;}
.bottom-t1-r{flex-shrink: 0}
.bottom-t1-r ul{}
.bottom-t1-r ul li{font-size: 14px;color: #edf6ff;margin-bottom: 15px;}
.bottom-t1-r ul li img{margin-top: -2px;margin-right: 10px;}
.bottom-t1-r dl{padding-top: 50px;}
.bottom-t1-r dl dd{font-size: 14px;color: #edf6ff;padding-bottom: 10px;}
.bottom-t1-r dl dd i{color:#6180ae;}
.bottom-t2{display: flex;align-items: center;justify-content: space-between;font-size: 14px;color: #fff;height: 70px;box-sizing: border-box;background: rgba(0,0,0,.24)}
/*产品中心*/
.nycont{width: 1440px;margin: 0 auto;}
.nybanner{height: 650px;display: flex;align-items: center;}
/*.nycenter{text-align: center;padding-bottom: 180px}*/
.nycenter{text-align: center;}
.nybanner-tit{padding: 0 2.5vw;box-sizing: border-box;}
.nybanner-tit h1{font-size: 60px;color: #e00000}
.nybanner-tit h2{font-size: 30px;color: #2a446e;text-transform: uppercase;}
.nybanner-tit p{display: inline-block;width: 30px;height: 2px;background: #ffffff;}
.mbx{background: url("../images/icon21.jpg");padding: 25px 0;font-size: 16px;color: #fff;}
.mbx img{margin-top: -3px;margin-right: 2px;}
.prolinks{background: #e9ecf0;padding: 60px 0;}
.prolinks .nycont{display: flex;align-items: center;justify-content: space-between;}
.prolinks-l{padding-right: 400px;}
.prolinks-l h1{font-size: 24px;color: #1d66b2;}
.prolinks-l ul{display: flex;flex-wrap: wrap;}
.prolinks-l ul li{margin-top: 15px;margin-right: 20px;}
.prolinks-l ul li a{display: block;padding: 0 25px;line-height: 30px;font-size: 16px;color: #333333;border-radius: 15px;transition: .5s;position: relative;}
.prolinks-l ul li.act a{background: #1d66b2;color: #fff}
.prolinks-l ul li:hover a{background: #1d66b2;color: #fff}
.prolinks-r{flex-shrink: 0;}
.prolinks-r h1{font-size: 22px;color: #e00000;padding-bottom: 10px;}
.prolinks-r .telphone{border-color:#e00000;}
.prolinks-r .telphone i{border-color:#e00000;}
.prolinks-r .telphone div span{color: #e00000}
.prolinks-r .telphone div p{color: #e00000;}
.nyboxs{background: #f7f7f7;padding: 40px 0;}
.nypros{}
.nypros ul{display: flex;align-items: center;flex-wrap: wrap}
.nypros ul li{width: 23.5%;margin-right: 2%;margin-bottom: 20px;}
.nypros ul li a{display: block;border-radius: 20px;overflow: hidden;transition: .5s;border:1px solid #f7f7f7}
.nypros ul li:nth-child(4n){margin-right: 0;}
.nypros ul li:hover a{border-color: #c5d8f3}
.nypros ul li:hover .box2-t3img{transform: scale(1.05)}
.fenye{padding: 30px 0; width:100%;}
.fenye span,.fenye a{display: inline-block;vertical-align: middle;min-width: 16px;padding:0 10px;line-height: 36px;text-align: center;color: #fff;font-size: 14px;margin: 4px 3px;transition: .3s;border-radius: 5px;}
.fenye span{background: #0066d0;color: #fff}
.fenye a{background: #666;color: #fff}
.fenye a:hover{background: #0066d0;color: #fff;}
/*公司简介*/
.gsjj-t1{display: flex;align-items: center;justify-content: space-between;}
.gsjj-l{flex-shrink: 0;padding-right: 50px;}
.gsjj-r{font-size: 16px;color: #666666;line-height: 40px;text-align: justify;}
.gsjj-t2{text-align: center;overflow: hidden;margin-top: 80px;padding-bottom: 20px;}
/*新闻中心*/
.nyleft{padding-top: 8vw;}
.nynews-t1{background: #ffffff;margin-bottom: 40px;}
.nynews-t1 a{display: flex;align-items: center;justify-content: space-between;}
.nynews-t1 .box4-img{height: 370px;}
.nynews-t1 .box4-info h2{-webkit-line-clamp: 6;height: 156px;}
.nynews-t1:hover .box4-img{transform: scale(1.05)}
.nynews-t1:hover .box4-info h1{color: #5275a8}
.nynews-t2{}
.nynews-t2 li{margin-bottom: 35px;}
.nynews-t2 li a{display: flex;align-items: center;justify-content: space-between;}
.nynews-t2 li .box4-pic{width: 360px;flex-shrink: 0}
.nynews-t2 li .box4-info{width: auto;}
.nynews-t2 li:hover .box4-img{transform: scale(1.05)}
.nynews-t2 li:hover .box4-info h1{color: #5275a8}
/*在线留言*/
.zxly{width: 660px;margin: 0 auto;}
.zxly li{margin-bottom: 20px;border: 1px solid #c9c9c9;}
.zxly input{width: 100%;display: block;line-height: 40px;padding: 0 15px;box-sizing: border-box;font-size: 16px;color: #000000;border: none;background: none;}
.zxly textarea{width: 100%;display: block;line-height: 40px;padding: 0 15px;box-sizing: border-box;font-size: 16px;color: #000000;background: none;height: 160px;border: none}
.yzmbox{display: flex;}
.yzmbox input{width: 80%;}
.yzmbox button{display: block;width: 20%;background: none;padding: 0;margin: 0;border: none;border-left: 1px solid #c9c9c9;cursor: pointer;}
.yzmbox button img{display: block;width: 100%;height: 100%;}
.submits button{font-size: 16px;color: #fff;text-align: center;display: block;width: 100%;padding: 0;line-height: 40px;background: #e00000;cursor: pointer;border: none;}
.submits button:active{opacity: .7;}
/*资质荣誉*/
.zzry{}
.zzry ul{display: flex;flex-wrap: wrap}
.zzry ul li{width: 23.5%;margin-right: 2%;}
.zzry ul li a{display: block;}
.zzry ul li:nth-child(4n){margin-right: 0;}
.zzry-img{overflow: hidden;}
.zzry ul li img{display: block;width: 100%;transition: .5s;}
.zzry ul li p{padding: 25px 20px;box-sizing: border-box;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;font-size: 18px;color: #333333;text-align: center;}
.zzry ul li:hover img{transform: scale(1.05);}
/*详情*/
.detail{display: flex;align-items: flex-start;padding: 30px 0;justify-content: space-between;}
.detail-l{overflow: hidden;width: 100%;}
.detail-l-t1{text-align: center;padding-bottom: 30px;border-bottom: 2px solid #e6e6e6;}
.detail-l-t1 h1{font-size: 24px;color: #494949;font-weight: bold;}
.detail-l-t1 p{font-size: 14px;color: #666666;margin-top: 10px;}
.detail-l-t2{padding: 40px;box-sizing: border-box;font-size: 18px;color: #333333;line-height: 2;text-align: justify;}
.detail-l-t3{display: flex;align-items: center;justify-content: space-between;width: 100%;}
.detail-l-t3 a{width: 48%;background: #fff;padding: 20px 25px;box-sizing: border-box;border-radius: 10px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;font-size: 18px;color: #333333;transition: .5s;}
.detail-l-t3 a:hover{color: #fff;background: #7aa7e3;}
.detail-r{flex-shrink: 0;padding-left: 50px;box-sizing: border-box;}
.detail-rbx{border-radius: 10px;overflow: hidden;width: 320px;}
.detail-r-t1{}
.detail-r-t1 img{width: 100%;}
.detail-r-t2{background: #e00000;padding: 20px;box-sizing: border-box;display: flex;align-items: center;flex-direction: column}
.detail-r-t2 h1{font-size: 22px;color: #fff;text-align: center;padding-bottom: 15px;}
/*联系我们*/
.lxwm{width: 1000px;margin: 0 auto;display: flex;align-items: center;justify-content: space-between;padding: 40px 0;}
.lxwm-r{}
.lxwm-r li{font-size: 18px;padding: 10px 0;display: flex;align-items: center;}
.lxwm-r li img{margin-right: 20px;width: 18px;}
.lxwm-r li i{color: #666666}
.lxwm-r li span{color: #000000}