html,body,h1,h2,h3,h4,h5,h6,p,ul,ol,dl,dt,dd,li{margin: 0;padding:0;}
body{font-size: 14px;font-family: "微软雅黑";color:#333;}
ul{list-style: none;}
img{vertical-align: middle;border:none;max-width: 100%;}
input,textarea{outline: none;border:none;font-size: inherit;color: inherit;-webkit-appearance: none;}
input::-webkit-input-placeholder,textarea::-webkit-input-placeholder{color:#999;}
textarea{resize: none;}
table{border-collapse: collapse;}
.b{font-weight: bold;}
.i{font-style: italic}
a{text-decoration: none;color:inherit;font-size: inherit;}
video{border:none;outline: none}

.linec{ text-decoration: line-through;}
.lineb{ text-decoration:underline;}
.overhid{overflow:hidden;}
.rela{position: relative;}
.abso{position: absolute;}
.fixed{position: fixed;}
.tc{text-align: center;}
.tl{text-align: left;}
.tr{text-align: right;}
.bl{display: block;}
.inb{display: inline-block;}
.w100per{width: 100%;}
.h100per{height: 100%;}
.verm{vertical-align: middle!important;}
.vert{vertical-align: top!important;}
.verb{vertical-align: bottom!important;}
.cursor{cursor: pointer;}
.ml1{overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.ml2{text-overflow: -o-ellipsis-lastline;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;line-clamp: 2;-webkit-box-orient: vertical;}
.ml3{text-overflow: -o-ellipsis-lastline;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 3;line-clamp: 3;-webkit-box-orient: vertical;}
.ml7{text-overflow: -o-ellipsis-lastline;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 7;line-clamp: 7;-webkit-box-orient: vertical;}

.clear:after{display: block;content: '';clear: both}
.L{float: left}
.R{float: right}
.col1{ width:8.333333333333333%; }
.col2{ width:16.66666666666667%; }
.col3{ width:25%; }
.col4{ width:33.33333333333333%; }
.col5{ width:41.66666666666667%; }
.col6{ width:50%; }
.col7{ width:58.33333333333333%; }
.col8{ width:66.66666666666666%; }
.col9{ width:75%; }
.col10{ width:83.33333333333333%; }
.col11{ width:91.66666666666666%; }
.col12{ width:100%; }
.col13{ width:20%; }
.col14{ width:12.5%; }

.fs12{font-size: 12px;}
.fs14{font-size: 14px;}
.fs16{font-size: 16px;}
.fs18{font-size: 18px;}

.czt{color:#21549c}
.cfff{color:#fff}
.c333{color:#333}
.c666{color: #666;}
.c999{color: #999;}

.bgczt{background-color: #21549c;}
.bgcfff{background-color:#fff;}
.bgcgray{background-color: #fafafa;}

.wem2{width: 2.2em;}
.wem3{width: 3.2em;}
.wem4{width: 4.2em;}
.wem5{width: 5.2em;}
.wem6{width: 6.2em;}
.wem7{width: 7.2em;}
.wem8{width: 8.2em;}
.wem9{width: 9.2em;}
.wem10{width: 10.2em;}

.my_radio{ width: 20px; height: 20px; background: url(../img/radio.png) center no-repeat; -webkit-appearance: none;display: inline-block;}
.my_radio:checked{ background-image: url(../img/radio_on.png);}

.table{display: table;}
.table > *{display: table-cell;vertical-align: middle;}

/*遮罩*/
.zhezhao{position: fixed;top: 0;left: 0;bottom: 0;right: 0;background:rgba(0,0,0,0.7);z-index: 10;display: none;}
/*empty*/
.empty{padding: 50px 0;color:#666;text-align: center;font-size: 14px}
/* 图文 */
.tuwen{color:#666;font-size: 14px;min-height: 500px;}

.minw{min-width: 1200px;}
.fixw{margin: 0 auto;width: 1200px;}

/*滚动条样式-垂直滚动*/
.myscroll::-webkit-scrollbar
{
    width: 6px;
    height: 6px;
    background-color: #828282;
    /* border-radius: 6px; */
}
/*定义滚动条轨道 内阴影+圆角*/
.myscroll::-webkit-scrollbar-track
{
    box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
    border-radius: 10px;
    background-color:#e8e8e8;
}
/*定义滑块 内阴影+圆角*/
.myscroll::-webkit-scrollbar-thumb
{
    border-radius: 10px;
    box-shadow: inset 0 0 6px rgba(0,0,0,.3);
    background-color: #828282;
}

/* 覆盖swiper.css 否则老ie首页轮播，左右箭头出不来 */
.swiper-button-next,.swiper-button-prev{width:27px;height:44px;margin-top:-22px;color:#21549c}
.swiper-button-next:after,.swiper-button-prev:after{font-size: 40px;font-family: Verdana, Geneva, Tahoma, sans-serif;transform: scale(1.1,2);/*把字体拉长*/}
.swiper-button-prev::after, .swiper-container-rtl .swiper-button-next::after{content:'<'}
.swiper-button-next::after, .swiper-container-rtl .swiper-button-prev::after{content:'>'}

/*-------------- common style --------------*/
.nav{position: fixed;top: 0;left: 0;right: 0;height: 110px;z-index: 30;}
.nav.hover{background:#fff}
.nav.boxshadow{box-shadow:0px 1px 20px 1px rgba(0,0,0,.15);}
.nav .logo{margin-top:32px;margin-right: 70px;}
.nav .logo .logo_hover{display: none;}
.nav.hover .logo .logo_hover{display: block;}
.nav.hover .logo .logo_normal{display: none;}
.nav .navlist{padding-top: 62px;}
.nav .navlist a{margin-right: 40px;font-size:18px;color:#fff;transition: .5s;}
.nav.hover .navlist a{color:#333}
.nav .navlist a:last-child{margin-right: 0;}
.nav .navlist a:hover{color:#21549c}
.nav .navlist a.tebiea{color:#fff;height: 26px;right:0;top:22px;margin:0;}
.nav.hover .navlist a.tebiea{color:#333}
.nav .hascontent:after{content: "";display: inline-block;width: 8px;height: 8px;border: 2px solid #fff;border-left: 0;border-top: 0;transform: rotate(45deg);vertical-align: middle;margin-top: -8px;margin-left:8px;}
.nav.hover .hascontent:after{border-color:#333}

.navprocontent{position: fixed;top: 110px;left: 0;right: 0;height: 87px;z-index: 200;background:#fff;display: none;}
.navprocontent{height: 130px;font-size:18px;color: #585858;}
.navprocontent .content{width: 1030px;margin: 0 auto;}
.navprocontent .item{width: 102px;margin-right: 130px;position: relative;z-index: 2;}
.navprocontent .item:last-child{margin-right: 0;}
.navprocontent .item .icon{width: 78px;height: 78px;background-repeat:no-repeat;background-position:center;transition: .5s;position: relative;;background-size: 78px 78px;margin:0 auto;}
.navprocontent .item .icon1{background-image:url(../img/nav/navpro1.jpg)}
.navprocontent .item .icon1.on,.navprocontent .item:hover .icon1{background-image:url(../img/nav/navpro1_on.jpg)}
.navprocontent .item .icon2{background-image:url(../img/nav/navpro2.jpg)}
.navprocontent .item .icon2.on,.navprocontent .item:hover .icon2{background-image:url(../img/nav/navpro2_on.jpg)}
.navprocontent .item .icon3{background-image:url(../img/nav/navpro3.jpg)}
.navprocontent .item .icon3.on,.navprocontent .item:hover .icon3{background-image:url(../img/nav/navpro3_on.jpg)}
.navprocontent .item .icon4{background-image:url(../img/nav/navpro4.jpg)}
.navprocontent .item .icon4.on,.navprocontent .item:hover .icon4{background-image:url(../img/nav/navpro4_on.jpg)}

.navprocontent .item .icon5{background-image:url(../img/nav/navpro5.jpg)}
.navprocontent .item .icon5.on,.navprocontent .item:hover .icon5{background-image:url(../img/nav/navpro5_on.jpg)}



.navprocontent .item .tit{margin-top:10px;font-size: 16px;color:#696969;}

.navinfocontent{position: fixed;top: 110px;left: 0;right: 0;height: 87px;z-index: 200;background:#fff;display: none;}
.navinfocontent{height: 130px;font-size:16px;color: #696969;}
.navinfocontent .content{width: 1030px;margin: 0 auto;}
.navinfocontent .item{width: 142px;margin-right: 80px;position: relative;z-index: 2;}
.navinfocontent .item:last-child{margin-right: 0;}
.navinfocontent .item .icon{width: 78px;height: 78px;background-repeat:no-repeat;background-position:center;transition: .5s;position: relative;;background-size: 78px 78px;margin:0 auto;}
.navinfocontent .item .icon1{background-image:url(../img/nav/navinfo1.png)}
.navinfocontent .item .icon1.on,.navinfocontent .item:hover .icon1{background-image:url(../img/nav/navinfo1_on.png)}
.navinfocontent .item .icon2{background-image:url(../img/nav/navinfo2.png)}
.navinfocontent .item .icon2.on,.navinfocontent .item:hover .icon2{background-image:url(../img/nav/navinfo2_on.png)}
.navinfocontent .item .icon3{background-image:url(../img/nav/navinfo3.png)}
.navinfocontent .item .icon3.on,.navinfocontent .item:hover .icon3{background-image:url(../img/nav/navinfo3_on.png)}
.navinfocontent .item .icon4{background-image:url(../img/nav/navinfo4.png)}
.navinfocontent .item .icon4.on,.navinfocontent .item:hover .icon4{background-image:url(../img/nav/navinfo4_on.png)}
.navinfocontent .item .icon5{background-image:url(../img/nav/navinfo5.png)}
.navinfocontent .item .icon5.on,.navinfocontent .item:hover .icon5{background-image:url(../img/nav/navinfo5_on.jpg)}
.navinfocontent .item .tit{margin-top:10px;font-size: 16px;color:#696969;}

.navresponcontent{position: fixed;top: 110px;left: 0;right: 0;height: 87px;z-index: 200;background:#fff;display: none;}
.navresponcontent{height: 130px;font-size:18px;color: #585858;}
.navresponcontent .content{width: 590px;margin: 0 auto;}
.navresponcontent .item{width: 110px;margin-right: 130px;position: relative;z-index: 2;}
.navresponcontent .item:last-child{margin-right: 0;}
.navresponcontent .item .icon{width: 78px;height: 78px;background-repeat:no-repeat;background-position:center;transition: .5s;position: relative;background-size: 78px 78px;margin:0 auto;}
.navresponcontent .item .icon1{background-image:url(../img/nav/navrespon1.jpg)}
.navresponcontent .item .icon1.on,.navresponcontent .item:hover .icon1{background-image:url(../img/nav/navrespon1_on.jpg)}
.navresponcontent .item .icon2{background-image:url(../img/nav/navrespon2.jpg)}
.navresponcontent .item .icon2.on,.navresponcontent .item:hover .icon2{background-image:url(../img/nav/navrespon2_on.jpg)}
.navresponcontent .item .icon3{background-image:url(../img/nav/navrespon3.jpg)}
.navresponcontent .item .icon3.on,.navresponcontent .item:hover .icon3{background-image:url(../img/nav/navrespon3_on.jpg)}
.navresponcontent .item .tit{margin-top:10px;font-size: 16px;color:#696969;}

.comhover{transition: .5s;}
.comhover:hover{opacity: 0.9;}

.tuwen{padding:50px 40px;font-size:18px;color:#666}

.brandcrumb{border-bottom: 1px solid #d6d7d7;height: 60px;line-height: 60px;}
.brandcrumb img{margin-right: 5px;}
.brandcrumb .curr{color:#21549c} 
.brandcrumb a:hover{text-decoration: underline;}

.zhengwenbg{background:url(../img/zhengwenbg.png) no-repeat bottom center;min-height: 800px;}

.comfenye{padding: 65px 0;text-align: center;}
.comfenye .page-item{display:inline-block;width: 36px;height: 36px;text-align:center;margin:0 4px;}
.comfenye .page-link{width: 36px;height: 36px;line-height: 36px;border:1px solid #cdcece;background: #fff;color:#757575;display:inline-block;font-size: 15px;border-radius:4px}
.comfenye .page-item.active .page-link{background:#2d5da1;color:#fff;border-color:#2d5da1;}

.footercopy{background:#19418b;color:#c6d0e8;padding:25px 0;line-height: 1;}
.footercopy .copyright{margin:0 20px}
.footercopy a:hover{text-decoration: underline;}

.footer{background:#25579e}
.footer .zuo{padding-top: 60px;padding-bottom: 64px;}
.footer .you{padding-top: 90px;margin-left: 60px;width: 364px;}
.footer .mapinfo{margin-top: 36px;}
.footer .info{padding-left: 24px;border-left:1px solid #5178b0;width: 462px;margin-left: 20px;}
.footer .zi{line-height: 24px;color:rgba(255,255,255,0.4)}
.footer .teltit{font-size: 20px;color:rgba(255,255,255,0.4);margin-top: 18px;margin-bottom: 8px;}
.footer .tel{font-size: 33px;font-family: Impact;}
.footer .you .biaoti{font-size: 30px;}
.footer .you .en{color:rgba(255,255,255,0.23);font-weight: normal;margin-left: 3px;}
.footer .you .xinxi{line-height: 34px;color:#c6d0e8;opacity: 0.6;margin-top: 30px;}

.rightbar{position: fixed;bottom:200px;right:0;z-index: 100;}
.rightbar .sanjiao{border:30px solid transparent;border-bottom-color:#b4b5ba;height: 0;width: 0;border-top: none;transform:rotateX(-60deg);transform-origin: bottom center;transition: .5s;}
.rightbar .sanjiao.on{border-bottom-color:#e6a501}
.rightbar .jiange{height:2px;background:#fff}
.rightkuang{padding:15px;background:#f2f2f2;border:1px solid #cccdd0;width: 120px;right: 76px;top:-5px;line-height: 1;display: none;}
.rightkuang .tit{color:#393939;margin-bottom: 10px;}
.rightkuang .nr{font-family: '宋体';color:#0f4686}
.rightkuang .rightbar_arrow{right:-14px;top: 24px;}
.rightkuang.email{width: 162px;}
.rightbar .item{width: 60px;height: 60px;background:#b4b5ba;transition: .5s;cursor: pointer;}
.rightbar .item:hover{background:#e6a501}
.rightbar .item:hover .rightkuang{display: block;}

.neibanner{height: 418px;background-position:center center;background-size:cover;background-repeat:no-repeat}

.neitit .tit{font-size: 32px;}
.neitit .yinhao{top: -16px;}
.neitit .enarea{margin-top: 20px;margin-bottom: 30px;}
.neitit .en{color: #737371;font-family: ACaslonPro-Regular;padding:4px 6px;border-top: 1px solid #cbcbcb;border-bottom: 1px solid #cbcbcb;margin-left: 40px;}

/*override selectFilter */
.filter-list li.filter-selected{background:#21549c!important}
.icon-filter-arrow{width: 14px;height: 8px;top: 17px;}
.filter-text input{font-size: 16px;}
.filter-text .filter-title{height: 40px;line-height: 40px;color:#333}
.filter-text .filter-title::-webkit-input-placeholder{color:#333}

/* front style start---------------- */
.front{overflow: hidden;position: absolute;left:0;top: 0;right:0;bottom:0;}
.front .bg{background:url(../img/front/bg.jpg) no-repeat top center;background-size: cover;width: 100%;height: 100%;}
.front .maparea{top: 120px;left: 50%;width: 1110px;margin-left: -555px;height: 656px;}  
.front .btns{bottom:40px;width:100%;}
.front .btns .nr{margin:0 auto;width: 1200px;}
.front .btn{text-indent: -10px;overflow: hidden;border-radius: 16px;line-height: 81px;}
.front .btn1{background:url(../img/front/btn1.png) no-repeat;width: 423px;height: 100px;margin-left: 138px;}
.front .btn2{background:url(../img/front/btn2.png) no-repeat;width: 323px;height: 100px;margin-left: 176px;}
.front .loca{margin-right: 10px;position: relative;top: -2px;}
.front .btn .guang{width: 5px;height: 150px;background:rgba(255,255,255,1);left: -120px;top: -50px;transform: rotate(45deg);transition: .6s;box-shadow: 0 0 30px rgba(255,255,255,1);filter:blur(10px)}
.front .btn1:hover .guang{left: 519px;}
.front .btn2:hover .guang{left: 419px;}
.front .mapnr{width: 1110px;height: 656px;}
.front .zuo1{left: 250px;top: 300px;}
.front .zuo2{left: 184px;top: 380px;}
.front .zuo3{left: 355px;top: 510px;}
.front .zhong{left: 495px;top: 261px;}
.front .you1{left: 740px;top: 385px;}
.front .you2{left: 809px;top: 405px;}
.front .you3{left: 832px;top: 432px;}
.front .you4{left: 869px;top: 357px;}
.front .you5{left: 869px;top: 467px;}
.front .mapnr .line{position: absolute;border:1px dashed rgba(255,255,255,0.6);transform-origin: left bottom;opacity: 0;}
.front .mapnr .zi{position: absolute;opacity: 0;}
/* 动画样式 */
@keyframes opacitymove
{
  0%{opacity: 0;}
  100%{opacity: 1;}
}
@keyframes scalemove
{
  0%{transform: scale(1)}
  100%{transform: scale(1.25)}
}
/* 底下2个按钮 */
.animate__animated.animate__flipInX {
  animation-delay:3s;
}
.front .mapbg{width: 100%;height: 100%;animation:opacitymove 1s;}
.front .mapnr .dot{cursor: pointer;transition: .3s}
.front .mapnr .dot:hover{transform:scale(1.25)}
.front .mapnr .dot.firstdonghua{animation-delay:1s;animation-fill-mode: both;animation-name:opacitymove;animation-duration:1s;animation-iteration-count: 2;}
.front .mapnr .line,.front .mapnr .zi{animation-fill-mode: both;animation-name:opacitymove;animation-duration:0.4s;}
.front .zuo1 .line{animation-delay:3s;}
.front .zuo1 .zi{animation-delay:3.4s;}
.front .zuo2 .line{animation-delay:3.8s;}
.front .zuo2 .zi{animation-delay:4.2s;}
.front .zuo3 .line{animation-delay:4.6s;}
.front .zuo3 .zi{animation-delay:5s;}
.front .zhong .line{animation-delay:5.4s;}
.front .zhong .zi{animation-delay:5.8s;}
.front .you1 .line{animation-delay:6.2s;}
.front .you1 .zi{animation-delay:6.6s;}
.front .you2 .line{animation-delay:7s;}
.front .you2 .zi{animation-delay:7.4s;}
.front .you3 .line{animation-delay:7.8s;}
.front .you3 .zi{animation-delay:8.2s;}
.front .you4 .line{animation-delay:8.6s;}
.front .you4 .zi{animation-delay:9s;}
.front .you5 .line{animation-delay:9.4s;}
.front .you5 .zi{animation-delay:9.8s;}
/* front style end---------------- */

/* index style start---------------- */
.indexbanner{height: 864px;}
.indexbanner .tu{height: 864px;background-repeat: no-repeat;background-size: cover;background-position: center;}
.indexbanner .swiper-button-prev:after{color:#0a528c;}
.indexbanner .swiper-button-next:after{color:#0a528c;}
.indexbanner .swiper-pagination-bullet-active{background:#0a528c}

.index_tit{font-size:26px;color:#000;padding-bottom: 10px;position: relative;font-weight: bold;}
.index_tit:after{content:'';width: 46px;height: 3px;background-color: #0f4686;display: block;position: absolute;bottom:0;left: 0;}
.index_tit.yellowline:after{background:#e6a501}
.index_tit.linecenter{padding-bottom:18px;}
.index_tit.linecenter:after{left:50%;margin-left: -23px;}

.index_companyinfo{padding-top: 90px;padding-bottom:90px;}
.index_companyinfo .zuo{width: 720px;}
.index_companyinfo .desc{color:#777777;opacity: 0.73;margin-top: 20px;}
.index_companyinfo .tuwenarea{color:#585858;font-size:16px;line-height: 30px;margin-top:36px;margin-bottom: 30px;height: 210px;}
.index_companyinfo .seebtn{width: 134px;height: 42px;background-color: #285ca5;border-radius: 22px;line-height: 42px;}
.index_companyinfo .you{width: 440px;}
.index_companyinfo .bdzhuangshi{width: 382px;height: 360px;background-color: #fbfbfb;border: solid 10px #e6a501;margin-left: auto;}
.index_companyinfo .swiper-pagination{text-align: right;padding-right: 15px;right: 0;width: auto;}
.index_companyinfo .swiper-pagination-bullet-active{background:#000}

.indexinfobanner{top: 26px;right: 26px;z-index: 2;width: 415px;height: 400px;}
.indexinfobanner .tu{width: 415px;height: 400px;background:#f4f4f4}
.indexinfobanner .tu img{width: 100%;height: 100%;object-fit: contain;}

.index_fenlei{height: 340px;background:#f1f2f2;}
.index_fenlei .tu{width: 199px;height: 199px;margin:0 auto}
.index_fenlei .item{width:239px;padding-top: 35px;}
.index_fenlei .titzh{font-size:24px;color: #0f4686;padding:20px 0 6px 0;}
.index_fenlei .titen{font-size: 22px;color:#6a6a6a;font-style: italic;font-family: '宋体';letter-spacing: -2px}
.index_fenlei .tu .bg,.index_fenlei .tu .circle,.index_fenlei .guang,.index_fenlei .tu .icon{position: absolute;width: 199px;height: 199px;top: 0;left: 0;transition: .5s;}
.index_fenlei .tu .icon3zhen{position: absolute;width: 32px;height: 33px;top: 83px;left: 78px;transition: .5s;}
.index_fenlei .guang{animation:guangmove 1.5s infinite;animation-fill-mode: both;animation-direction: alternate}
.bdt{position: absolute;width:200px; height: 200px;left:0;top:0;transform: scale(1,1);animation:scalebigsmall 1s infinite;animation-fill-mode: both;animation-direction: alternate;}
@keyframes scalebigsmall{
    0%{
        transform: scale(1.1,1.1);
    }
    100%{
        transform: scale(0.9,0.9);
    }
}

@keyframes guangmove
{
  0%{opacity: 0;}
  100%{opacity: 1;}
}
.index_fenlei .tu:hover .circle{transform: rotate(45deg);}
.index_fenlei .tu .icon1{animation:icon1move 3s infinite;animation-fill-mode: both;animation-timing-function: linear;}
@keyframes icon1move
{
  0%{transform: rotate(0deg);}
  100%{transform: rotate(360deg);}
}
.index_fenlei .tu .icon2{animation:icon2move 1.5s infinite;animation-fill-mode: both;
  background:url(../img/fenlei2_on.png);/*为了兼容老ie，老ie的animation是不支持图片更换的*/}
@keyframes icon2move
{
  0%{background:url(../img/fenlei2.png)}
  10%{background:url(../img/fenlei2.png)}
  20%{background:url(../img/fenlei2_on.png)}
  100%{background:url(../img/fenlei2_on.png)}
}
.index_fenlei .tu .icon3zhen{animation:icon3zhenmove 1.5s infinite;animation-fill-mode: both;transform-origin:center 25px ;}
@keyframes icon3zhenmove
{
  0%{transform:rotate(-40deg)}
  50%{transform:rotate(30deg)}
  100%{transform:rotate(-40deg)}
}
.index_fenlei .tu .icon4{animation:icon4move 1.5s infinite;animation-fill-mode: both;}
@keyframes icon4move
{
  0%{transform: rotate(0deg);}
  50%{transform: rotate(-20deg);}
  100%{transform: rotate(0deg);}
}

.index_news .more{color:#676969;margin-top:20px;}
.index_news .list{margin-top:26px;}
.index_news .item{width: 377px;margin-right: 30px;height: 380px;overflow: hidden}
.index_news .tu{width: 377px;height: 229px;overflow: hidden;background:#f4f4f4}
.index_news .tu img{transition: .5s;width: 100%;height: 100%;object-fit: contain;}
.index_news .item:hover .tu img{transform: scale(1.1);}
.index_news .cont{background:#f6f6f6;padding:20px}
.index_news .tit{color: #222;margin-bottom: 14px;}
.index_news .desc{color:#696969;opacity: 0.77;line-height: 24px;white-space:normal!important;height: 72px;}

.index_kehu{margin-top: 50px;height: 765px;background:url(../img/index_parterbg.jpg) no-repeat center;background-size: cover;}
.index_kehu .desc{color: #777777;opacity: 0.73;margin-top: 14px;}
.index_kehu .biaoti{padding:56px 0}
.index_kehu .list{width: 1164px;margin: 0 auto;}
.index_kehu .item{cursor:pointer;width: 218px;height: 118px;border:1px solid #d2d2d2;margin-right: 16px;margin-bottom: 44px;overflow: hidden;}
.index_kehu .item:nth-child(5n){margin-right: 0;}
.index_kehu .item .tu{width: 218px;height: 118px;overflow: hidden;background:#f4f4f4}
.index_kehu .item .tu img{transition: .5s;width: 100%;height: 100%;object-fit: contain;}
.index_kehu .item:hover img{transform: scale(1.1);filter:contrast(150%)}
/* index style end---------------- */

/* ------------------- page style ------------------- */
.profenlei{height: 220px;background:#f4f4f4;font-size:18px;color: #585858;}
.profenlei .content{width: 1120px;margin: 0 auto;padding-top: 34px;}
.profenlei .item{width: 117px;margin-right: 130px;position: relative;z-index: 2;}
.profenlei .item:last-child{margin-right: 0;}
.profenlei .item .icon{width: 117px;height: 117px;background-repeat:no-repeat;background-position:center;transition: .5s;background-color:#f4f4f4}
.profenlei .item .icon1{background-image:url(../img/proicon1.png)}
.profenlei .item .icon1.on,.profenlei .item:hover .icon1{background-image:url(../img/proicon1_on.png)}
.profenlei .item .icon2{background-image:url(../img/proicon2.png)}
.profenlei .item .icon2.on,.profenlei .item:hover .icon2{background-image:url(../img/proicon2_on.png)}
.profenlei .item .icon3{background-image:url(../img/proicon3.png)}
.profenlei .item .icon3.on,.profenlei .item:hover .icon3{background-image:url(../img/proicon3_on.png)}
.profenlei .item .icon4{background-image:url(../img/proicon4.png)}
.profenlei .item .icon4.on,.profenlei .item:hover .icon4{background-image:url(../img/proicon4_on.png)}
.profenlei .item .icon5{background-image:url(../img/proicon5.png)}
.profenlei .item .icon5.on,.profenlei .item:hover .icon5{background-image:url(../img/proicon5_on.png)}


.profenlei .item .tit{margin-top:20px;}
.profenlei .xuxian{width: 1000px;height: 0;border-top:1px dashed #d1d1d1;left: 10px;top: 92px;z-index: 1;}

.infofenlei{height: 220px;background:#f4f4f4;font-size:18px;color: #585858;}
.infofenlei .content{width: 1105px;margin: 0 auto;padding-top: 34px;}
.infofenlei .item{width: 158px;margin-right: 78px;position: relative;z-index: 2;}
.infofenlei .item:last-child{margin-right: 0;}
.infofenlei .item .icon{width: 117px;height: 117px;background-repeat:no-repeat;background-position:center;transition: .5s;background-color:#f4f4f4;position: relative;margin:0 auto;}
.infofenlei .item .icon1{background-image:url(../img/infoicon1.png)}
.infofenlei .item .icon1.on,.infofenlei .item:hover .icon1{background-image:url(../img/infoicon1_on.png)}
.infofenlei .item .icon2{background-image:url(../img/infoicon2.png)}
.infofenlei .item .icon2.on,.infofenlei .item:hover .icon2{background-image:url(../img/infoicon2_on.png)}
.infofenlei .item .icon3{background-image:url(../img/infoicon3.png)}
.infofenlei .item .icon3.on,.infofenlei .item:hover .icon3{background-image:url(../img/infoicon3_on.png)}
.infofenlei .item .icon4{background-image:url(../img/infoicon4.png)}
.infofenlei .item .icon4.on,.infofenlei .item:hover .icon4{background-image:url(../img/infoicon4_on.png)}
.infofenlei .item .icon5{background-image:url(../img/infoicon5.png)}
.infofenlei .item .icon5.on,.infofenlei .item:hover .icon5{background-image:url(../img/infoicon5_on.png)}
.infofenlei .item .tit{margin-top:20px;}
.infofenlei .xuxian{width: 1050px;height: 0;border-top:1px dashed #d1d1d1;left: 28px;top: 92px;z-index: 1;}

.responfenlei{height: 220px;background:#f4f4f4;font-size:18px;color: #585858;}
.responfenlei .content{width: 771px;margin: 0 auto;padding-top: 34px;}
.responfenlei .item{width: 117px;margin-right: 210px;position: relative;z-index: 2;}
.responfenlei .item:last-child{margin-right: 0;}
.responfenlei .item .icon{width: 117px;height: 117px;background-repeat:no-repeat;background-position:center;transition: .5s;background-color:#f4f4f4}
.responfenlei .item .icon1{background-image:url(../img/responicon1.png)}
.responfenlei .item .icon1.on,.responfenlei .item:hover .icon1{background-image:url(../img/responicon1_on.png)}
.responfenlei .item .icon2{background-image:url(../img/responicon2.png)}
.responfenlei .item .icon2.on,.responfenlei .item:hover .icon2{background-image:url(../img/responicon2_on.png)}
.responfenlei .item .icon3{background-image:url(../img/responicon3.png)}
.responfenlei .item .icon3.on,.responfenlei .item:hover .icon3{background-image:url(../img/responicon3_on.png)}
.responfenlei .item .tit{margin-top:20px;}
.responfenlei .xuxian{width: 760px;height: 0;border-top:1px dashed #d1d1d1;left: 10px;top: 92px;z-index: 1;}

.prolist{padding-top: 34px;}
.prolist .item{width: 277px;font-size: 18px;color: #585858;margin-right: 30px;margin-top: 36px;}
.prolist .item:nth-child(4n){margin-right: 0;}
.prolist .item .imgbd{padding: 5px;border:1px solid #d8d8d8;}
.prolist .item .imgbd .tu{width: 265px;height: 265px;overflow: hidden;}
.prolist .item .imgbd img{width:100%;height: 100%;transition: .5s;object-fit: contain;background:#f4f4f4}
.prolist .item:hover .imgbd img{transform: scale(1.1);}
.prolist .item .tit{margin-top:14px;padding:0 10px}

.newshai .item{font-size: 18px;color: #585858;margin-bottom: 30px;}
.newshai .item label{cursor:pointer}
.newshai .item input{margin-right: 15px;position: relative;top: -1px;}

.newlist .item{width: 1006px;box-shadow: 1px 0px 19px 2px rgba(26, 26, 26, 0.09);margin-bottom: 40px;transition: .5s;}
.newlist .item:hover{box-shadow: 1px 0px 19px 2px rgba(33, 84, 156, 0.4);}
.newlist .item:last-child{margin-bottom: 0;}
.newlist .item .imgtu{width: 365px;height: 222px;z-index: 2;overflow: hidden;}
.newlist .item .imgtu img{width: 100%;height: 100%;object-fit:contain;background:#f4f4f4;transition: .5s;}
.newlist .item:hover .imgtu img{transform: scale(1.1);}
.newlist .item .cont{padding-left: 390px;height: 222px;padding-right: 20px;z-index: 1;}
.newlist .item .tit{font-size: 20px;color: #585858;padding-top: 26px;}
.newlist .item .desc{color: #888;line-height: 30px;margin-top: 20px;}
.newlist .item .date{color:#b6b6b6;bottom:35px;left: 390px;}

.newdet{padding:0 40px;}
.newdet .titarea{padding:40px 20px;border-bottom: 1px dashed #dadada;}
.newdet .tit{font-size: 24px;color:#585858;margin-bottom: 25px;}

.prevnext{padding: 50px 0;}
.prevnext .btn{width: 76px;height: 34px;border-radius: 5px;border: solid 1px #cdcece;font-size: 16px;color: #757575;text-align: center;display: inline-block;line-height: 34px;transition: .5s;}
.prevnext .item:hover .btn{color:#fff;border-color:#21549c;background:#21549c}
.prevnext .item{margin-bottom: 20px;}
.prevnext .item:last-child{margin-bottom: 0;}
.prevnext .zi{font-size: 20px;color: #585858;margin-left: 10px;width: 1020px;display: inline-block;height: 34px;line-height: 34px;position: relative;top: -1px;transition: .5s;}
.prevnext .item:hover .zi{color:#21549c}

/* info3 和 info2 公用
info2个别样式写在了style里面
*/
.info3{padding-top: 120px;}
.info3 .zuozi{width: 626px;}
.info3 .zuozi .desc{color: #585858;line-height: 42px;}
.info3 .you{width: 452px;padding-top: 20px;}
.info3 .info3banner{width: 452px;height: 437px;overflow: hidden;}
.info3 .info3banner .tu{width: 452px;height: 437px;overflow: hidden;background:#f4f4f4}
.info3 .info3banner .tu img{width: 100%;height: 100%;object-fit: contain;}
.info3 .swiper-pagination{text-align: right;padding-right: 15px;right: 0;width: auto;}
.info3 .swiper-pagination-bullet{background:#fff;opacity: 1;}
.info3 .swiper-pagination-bullet-active{background:#21549c}

.info2shiming{height: 577px;background:url(../img/info2bg.jpg) no-repeat center center;}

.info1bgarea{margin-top: 30px;background:#3c69a8 url(../img/info1bg.jpg) no-repeat bottom center;width: 1198px;min-height: 802px;}
.info1bgarea .tx{width: 350px;height: 423px;margin-left: 50px;margin-top: -104px;box-shadow: 0px 0px 6px 1px rgba(0, 0, 0, 0.28);overflow: hidden;margin-right: 40px;margin-bottom: 40px;}
.info1bgarea .tx img{width: 100%;height: 100%;object-fit: contain;}
.info1bgarea .cont{text-indent: 2em;line-height: 42px;padding:40px 40px 40px 50px}
.info1bgarea .botchuo{bottom:150px;right:112px}
.info1bgarea .maobizi{padding:100px 136px 250px 0}
.info1bgarea .maobizi .zi{margin-left: 358px;width:0;height: 32px;position: relative;overflow: hidden;}
.info1bgarea .maobizi .zi.donghua{animation:zimove 6s ease-in-out;animation-fill-mode:both;}
.info1bgarea .maobizi .zi img{position: absolute;left:0;top: 0;width: 703px;height: 32px;max-width: none;}
@keyframes zimove
{
  0%{width: 0;}
  100%{width: 703px;}
}
.info1bgarea .maobizi .line{bottom:222px;left: 675px;width: 0;height: 19px;overflow: hidden;}
.info1bgarea .maobizi .line.donghua{animation:linemove 1s ease-in;animation-fill-mode:both;animation-delay: 5s;}
.info1bgarea .maobizi .line img{width: 403px;height: 19px;position: absolute;left:0;top:0;max-width: none;}
@keyframes linemove
{
  0%{width: 0;}
  100%{width: 403px;}
}
.info1bgarea .maobizi .yumao{right: 87px;top: 65px;opacity: 0;}
.info1bgarea .maobizi .yumao.donghua{animation:yumaomove .3s ease-in;animation-fill-mode:both;animation-delay: 6s;}
@keyframes yumaomove
{
  0%{opacity: 0;}
  100%{opacity: 1;}
}

.info5list{margin-top: 20px;}
.info5list .item{padding:40px 30px;border-bottom: 1px dashed #d3d3d3;}
.info5list .item .tit{font-size: 20px;margin-bottom: 18px;}
.info5list .item .tit img{margin-right: 5px;}
.info5list .item .desc{color:#585858;line-height: 34px;}
.info5list .item .tu{width: 232px;height: 150px;overflow: hidden;background:#f4f4f4}
.info5list .item .tu .tuimg{width: 100%;height: 100%;object-fit: contain;}
.info5list .item .tu .mengceng{background:rgba(0,0,0,0.5);top: 0;left: 0;right: 0;bottom: 0;}
.info5list .item .tu .mengceng img{width: 66px;height: 66px;top: 50%;left: 50%;margin-top:-33px;margin-left: -33px;}
.info5list .item .cont{padding-right: 252px;}

.contactarea2 {margin-top: 50px;box-shadow: 1px 0px 12px 1px rgba(26, 26, 26, 0.15);height: 614px;}
.contactarea2 .cont {width: 536px;right: 0;top: 0;padding-left: 50px;}
.contactarea2 .cont .tit {font-size: 28px;color: #565656;margin-bottom: 30px;padding-top:95px;}
.contactarea2 .cont .tit .sm {color: #bebebe;font-size: 14px;margin-left: 15px;}
.contactarea2 .cont .zh {color: #959595;padding-right: 40px}
.contactarea2 .cont .en {color: #d4d4d4;margin-top: 8px;margin-bottom: 70px;}
.contactarea2 .desc {color: #626262}
.contactarea2 .desc .item {margin-bottom: 24px;}
.contactarea2 .desc .item:last-child {margin-bottom: 0;}
.contactarea2 .desc img {margin-right: 12px;}
.contactarea2 .ditu {width: 614px;left: 0;top: 0;background: #eee;height: 614px;}

.info4biaoti {padding-bottom: 36px;border-bottom: 1px solid #e7e7e7;}
.info4biaoti .cont {padding-top: 34px;}
.info4biaoti .soubtn{width: 100px;height: 42px;line-height: 42px;background-color: #21549c;}

.info4maparea{height: 600px;margin-top: 55px;}
.info4maparea .map{height: 600px;width: 706px;background:#eee;left: 0;top: 0;}
.info4maparea .scrollarea{width: 452px;height: 600px;right: 0;top: 0;color:#585858;padding-right: 10px;overflow-y:auto;overflow-x:hidden}
.info4maparea .scrollarea .item{padding:20px 20px 20px 0;border-bottom:2px solid #eee;cursor: pointer;transition: .5s;}
.info4maparea .scrollarea .item:first-child{border-top:2px solid #eee;}
.info4maparea .scrollarea .item.on{background:#21549c;color:#fff}
.info4maparea .scrollarea .tit{font-size:20px;}
.info4maparea .scrollarea .desc{line-height: 30px;margin-top: 10px;}

.prodet{padding:30px 30px 0 30px}
.prodet .tit{border-bottom: 1px dashed #dadada;font-size: 24px;color: #585858;padding:25px 20px}

/* productsdet的图片轮播 */
.prodetswiper{padding:30px 0}
.pc-slide {width:500px;margin: 0 auto;}
.viewbaoguo{border:1px solid #cecece;padding:10px;}
.view .swiper-container {width: 480px;height: 320px;}
.view .swiper-slide .tu{width: 480px;height: 320px;overflow: hidden;background:#f4f4f4}
.view .swiper-slide .tu img{width: 100%;height: 100%;object-fit: cover;display: block;} 
.view .arrow-left {background: url(../img/prodet/index_tab_l.png) no-repeat left top;position: absolute;left: 10px;top: 50%;margin-top: -25px;width: 28px;height: 51px;z-index: 10;}
.view .arrow-right {background: url(../img/prodet/index_tab_r.png) no-repeat left bottom;position: absolute;right: 10px;top: 50%;margin-top: -25px;width: 28px;height: 51px;z-index: 10;}
.preview {width: 100%;margin-top: 10px;position: relative;}
.preview .swiper-container {width: 430px;height: 84px;margin-left: 35px;padding:13px 4px}
.preview .swiper-slide {width: 87px;height: 82px;cursor: pointer;}
.preview .swiper-slide .tu{width: 80px;height: 54px;overflow: hidden;background:#f4f4f4;border:2px solid transparent;margin-right: 2px;}
.preview .swiper-slide .tu img{width: 100%;height: 100%;object-fit: cover;display: block;}
.preview .slide6 {width: 82px;}
.preview .arrow-left {background: url(../img/prodet/feel3.jpg) no-repeat left top;position: absolute;left: 0;top: 7px;width: 27px;height: 70px;z-index: 10;}
.preview .arrow-right {background: url(../img/prodet/feel4.jpg) no-repeat left bottom;position: absolute;right: 0;top: 7px;width: 27px;height: 70px;z-index: 10;}
.preview .active-nav .tu {padding: 0;border-color:#21549c;}

.videoplayp{position: fixed;top: 0;left: 0;right: 0;bottom: 0;z-index: 300;background:rgba(0,0,0,0.8);display: none;align-items:center;justify-content: center;transition: .3s}
.videoplayp video{display: block;outline:none;border:14px solid #fff;box-sizing: border-box;position: absolute;left: 0;top:0;right: 0;bottom: 0;margin: auto;/*元素水平垂直居中*/}

.prodetdanye .zuoyou{padding: 110px 50px 0 50px;}
.prodetdanye .tupian{margin-left: 40px;}
.prodetdanye .neirong{color:#585858;line-height: 46px;font-size: 17px;}

.contentBody {color:#585858;line-height: 52px;font-size: 17px;padding-left:50px;padding-top:60px;}