@charset "utf-8";
/* CSS Document */
*,*:before,*:after { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; outline: none !important; }
body{ margin:0px; padding:0px; font-size:12px;font-family: "微软雅黑","Arial";color:#000;line-height:1; background:#FFF;}
ul,li,dl,dd,dt,p,h1,h2,h3,h4,h5,h6,ol,form,input{ margin:0px; padding:0px;}
input,textarea { font-family: "微软雅黑","Arial"; border: none; outline: none; background: none; }
ul,li{ list-style:none}
img{border:0px; padding:0px; display: block;}
a{ color:#5c5c5c; text-decoration:none}

h2,h3,h4,h5,h6,h1,b,strong { font-weight: normal; }
em,i { font-style: normal; }

body{ background-color: #fff; min-width: 1500px; }

@keyframes sliderPagination {
    100% {transform: scaleX(1); opacity: 1;}
}

.clear{ zoom: 1; }
.clear:after { content: ''; display: block; clear: both; }

.hidden{display:none; background: url() no-repeat center;}
.flex1{ flex:1; }
.cont{ width: 1400px; margin-left: auto; margin-right: auto; }

.headerH{ height: 0; }
.header{ z-index: 100; position: fixed; width: 100%; top: 0; left: 0;transition: All 0.4s ease-in-out;  border-bottom: 1px solid transparent; padding: 0px 40px; display: flex; align-items: center; justify-content: space-between;background:url(../icon/icon_08.png) no-repeat center center / 100% 100%; height: 90px; transition:all 0.4s; min-width: 1400px; }

.header .logoa{ cursor: pointer; height: 62px;}
.header .logoa img{ height:62px; margin-right: 15px; }
.header .logoa .img1{ display: none; }
.header.white .logoa .img0{ display: none; }
.header.white .logoa .img1{ display: block; }

.header.whiteall .logoa .img0{ display: none; }
.header.whiteall .logoa .img1{ display: block; }


.header .language{ width: 156px; height: 52px; border-radius: 10px; padding: 0 5px; background-color: #fff; position: relative; margin-left: 14px;}
.header .language p{ font-size: 18px; color: #000; display: block; display: flex; align-items: center; justify-content: center; height: 52px; cursor: pointer;}
.header .language p img{ display: block; width: 24px; margin-right: 10px; border-radius: 5px;  }
.header .language p em{ display: block; width: 9px; height: 9px; background:url(../icon/icon_02.png) no-repeat center center / 9px auto; margin-left: 10px; }
.header .language p i{ display: block; font-size: 16px; max-width:70px; height: 52px; line-height: 52px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.header .language .drop { display: none; position: fixed; top:70px; right: 40px; min-width: 90px;  margin-left: -45px; padding-top: 20px;}
.header .language .drop::after { content: ""; position: absolute; top: 0px; left: 50%; transform: translate(-50%, 0); border-top: 10px solid transparent; border-left: 7px solid transparent; border-right: 7px solid transparent; border-bottom: 10px solid #f2f2f2;}
.header .language .drop .dlink{ box-sizing: border-box; min-width: 160px; margin-left: -35px; transform-origin: top; text-align: left; line-height: 44px; padding:5px 15px; font-size: 15px; background: #f2f2f2; border-radius: 20px; }
.header .language .drop .dlink a{  cursor: pointer; display: block; color: #000; overflow: hidden; margin: 15px 0 }
.header .language .drop .dlink a img{ margin-right: 12px; width: 24px; display: block; float: left; border-radius: 5px; }
.header .language .drop .dlink a i{ display: block; float: left; line-height: 24px;}
.header .language .drop .dlink a:hover{ color: #296fb7; }
.header .language .drop.on{ display: block; }
.header .language .drop.on .dlink{ -webkit-animation: heightChange 0.2s linear; animation: heightChange 0.2s linear; }

.header .find{ display: flex; align-items: center; justify-content: center; width: 284px; height: 52px; border-radius: 10px; padding: 0 10px; background-color: #fff; position: relative; overflow: hidden; }
.header .find .goa{ display: block; width: 40px; height: 40px; background:url(../icon/icon_01.png) no-repeat center center / 20px auto; cursor: pointer; }
.header .find input{ display: block; width: calc(100% - 45px); flex:1; height: 40px; line-height: 40px; font-size: 16px; color: #333; }

.header ul{  }
.header ul li{ float: left; position: relative; margin:0 10px; color: #fff;  }
.header ul li .nava{ height: 89px; text-align: center; display: flex; align-items: center; justify-content: center; flex-direction: column; padding: 0 25px; line-height:1.7; position: relative; font-size: 20px; text-align: center; cursor: pointer; transition: all 0.4s; color: #fff; }
.header ul li .nava span{ display: block; font-size: 16px;}
.header ul li .nava i{ display: block; font-size: 12px; opacity: 0.5; }
.header ul li .nava:after{ content: ""; position: absolute; left: 50%; bottom: 10px; width:80%; bottom: 0px; left: 10%; height: 4px; background-color: transparent; }

.header ul li.on .nava:after{ background-color: #172ea6; }

.header ul li:hover .nava:after{ background-color: #172ea6; }
.header ul li .drops{ position: absolute; left: 0; top: 100%; width: 124px; background-color: #fff; text-align: center; display: none;  }
.header ul li .done{ position: relative; }
.header ul li .doa{ display: block; line-height: 44px; padding: 0px 20px; color: #333; font-size: 15px;} 
.header ul li .done:hover .doa{ color: #172ea6; }

.header ul li .dta{ display: block; line-height: 44px; line-height: 20px; padding: 12px 12px; color: #000; font-size: 14px; background-color: #fff; cursor: pointer; } 
.header ul li .dta:hover{ color: #172ea6;  }
.header ul li .dtwo{ position: absolute; left: 100%; top: 0; width: 120px; display: none; }
.header ul li:hover .drops{ display: block; padding:15px 0; }
.header ul li .done:hover .dtwo{ display: block; }

.header.white{ background: #fff;border-bottom: 1px solid #dedede; }
.header.white ul li .nava{  color: #333; }
.header.white .language{ background-color: #f2f2f2; }
.header.white .find{ background-color: #f2f2f2; }

.header.whiteall{ background: #fff;border-bottom: 1px solid #dedede; }
.header.whiteall ul li .nava{  color: #333; }
.header.whiteall .language{ background-color: #f2f2f2; }
.header.whiteall .find{ background-color: #f2f2f2; }


.banner{position: relative; overflow: hidden; width: 100%;}
.banner .imga img{width: 100%; display: block; }
.banner .swiper-container .swiper-pagination-bullet { opacity: 1; position: relative; width: 50px;border: none; height: 2px; border-radius: 0; margin: 0 4px; background:#fff; transition: background-color .3s ease; bottom: 18px;}
.banner .swiper-container .swiper-pagination-bullet-active{background: #fff;}
.banner .swiper-pagination-bullet::before {  display: block; content: ""; position: absolute;  top: 0;  left: 0; width: 100%; height: 100%; background:#172ea6; transform: scaleX(0); transform-origin: 0 0;}
.banner .swiper-container .swiper-pagination-bullet.swiper-pagination-bullet-active::before {animation: sliderPagination 3s linear forwards}
.banner .swiper-container .swiper-pagination-bullet:hover { background-color: #fff;}
.banner .swiper-button-next:after, 
.banner .swiper-button-prev:after{ display: none;}
.banner .swiper-button-prev{ position: absolute; top:50%; left:30px; margin-top: -22px; width: 43px;height: 43px;background:url(../icon/icon_03.png) no-repeat center center rgba(0,0,0,0); background-size:100% 100%; z-index: 2;box-shadow: 0px 10px 30px 0px
		rgba(27, 84, 164, 0.31); border-radius: 50%; }
.banner .swiper-button-prev:hover{ background-image: url(../icon/icon_04.png) !important; }
.banner .swiper-button-next{ position: absolute; top:50%; left:auto; right:30px; margin-top: -22px; width: 43px;height: 43px;background:url(../icon/icon_05.png) no-repeat center center rgba(0,0,0,0); background-size:100% 100%; z-index: 2;box-shadow: 0px 10px 30px 0px
		rgba(27, 84, 164, 0.31); border-radius: 50%; }
.banner .swiper-button-next:hover{ background-image: url(../icon/icon_06.png) !important; }
.banner .swiper-button-disabled{ opacity: 0.4 !important; }

@keyframes ab{
	0%{ transform: translate(-50%,-50%) scale(1); opacity: 1;}
	100%{transform: translate(-50%,-50%) scale(1.5); opacity:0;}
}




.titb{ text-align: center; color: #fff; margin-bottom: 70px; }
.titb .tha{ font-size: 42px; line-height: 54px; color: #222; font-weight: bold; }
.titb .thb{ font-size: 16px; line-height: 36px; margin-top: 8px; color: #666; }
.titb.white .tha{ color: #fff; }
.titb.white .thb{ color: #fff; opacity: 0.6; }

.flex{ display: flex; align-items: center; }
.flex-start-between{ display: flex; align-items: flex-start;  justify-content: space-between;}
.flex-center{ display: flex; align-items: center; justify-content: center; }
.flex-between{ display: flex; align-items: center; justify-content: space-between; }
.flex-around{ display: flex; align-items: center; justify-content: space-around; }

.footer{ background-color:#1e2337; padding: 100px 0 40px; font-size: 14px; color: rgba(255,255,255,0.7);  }
.footer .logoa{ width: 212px; display: block; cursor: pointer; }
.footer .logoa img{ width: 100%; cursor: pointer; color: #fff; filter: drop-shadow(#fff 0px 0);
 }
.footer .foottxt{ margin-top: 60px; }
.footer .foottxt p a{ margin-left:20px; cursor: pointer; color: rgba(255,255,255,0.7); transition: all 0.4s; }
.footer .foottxt p a:hover{ color: #fff; }
.footer .aul{ width: 650px; display: flex; }
.footer .aul ul{ flex:1; }
.footer .aul ul h3 { font-size: 15px; margin-bottom: 10px; font-weight: bold; color: #fff; }
.footer ul li .lka{ display: block; font-size: 13px; line-height: 36px; color: rgba(255,255,255,0.7); cursor: pointer; transition: all 0.4s; }
.footer ul li .lka:hover{ color: #fff; }
.footer .other{ }
.footer .tel{ display: block; font-size:15px; color: #fff; font-weight: bold; line-height: 1.4; margin-bottom: 10px;  }
.footer .tel span{ display: block; font-size:25px;  }
.footer p{ font-size: 13px; color: rgba(255,255,255,0.7); line-height: 28px; }
.footer .flexlk{ margin-top: 30px; display: flex; align-items: center; }
.footer .lkicon{ position: relative; margin-right: 10px; cursor: pointer; } 
.footer .lkicon .icon{ display: block; width: 44px; height: 44px; } 
.footer .lkicon .child{ position: absolute; left: 50%; margin-left: -65px; top: -133px; width: 130px; height: 130px; background-color: #fff; border-radius: 10px; display: none; transition: all 0.4s; }
.footer .lkicon .child:after{ content: ""; position: absolute; left: 50%; margin-left: -10px; bottom: -5px; width: 12px; height: 12px; background-color: #fff; border-radius: 3px; transform:rotate(45deg); }
.footer .lkicon .child img{ display: block; width: 120px; height: 120px;border-radius: 10px;  }
.footer .lkicon:hover .child{ display: block; padding: 5px; }

.symsg{ padding: 90px 0; background:url(../icon/icon_48.jpg) no-repeat center center / cover; }
.symsg .forms{ overflow: hidden; width: 1170px; margin:0 auto;  }
.symsg .forms .line{ width: 570px; float: left; min-height: 64px; padding: 0 20px; border-radius: 10px; background-color: #fff; margin-bottom: 36px; display: flex; align-items: center; }
.symsg .forms .line:nth-child(2n){ float: right; }
.symsg .forms .line .name{ display: flex; font-size: 16px; color:#999; align-items: center; line-height: 40px;  }
.symsg .forms .line .name img{ display: block; width: 24px; height: 24px; margin-right:12px;  }
.symsg .forms .line input{ display: block; flex:1; border:none; box-shadow: none; font-size: 16px; color: #333; height: 40px; line-height: 40px; }
.symsg .forms .line textarea{ display: block; flex:1; border:none; box-shadow: none; font-size: 16px; color: #333; line-height: 36px; height: 120px; }
.symsg .forms .line.all{ width: 100%; align-items: flex-start; padding-top:12px; }
.symsg .forms p{width:258px; height: 70px; border-radius: 10px; margin-top:48px; display: flex; align-items: center; justify-content: center; position: relative; overflow: hidden; background-color: #172ea6; }
.symsg .forms p button{ display: block; line-height: 70px; color: #fff; font-size: 20px; left: 0; top: 0; width: 100%; height: 100%; border:none; box-shadow: none; cursor: pointer; position: absolute; background: rgba(0,0,0,0); z-index: 1 }
.symsg .forms p:after{ content: ''; position: absolute; display: block; left: 0; top: 0; width:0; height: 100%; z-index: 0; transition: all 0.4s; }
.symsg .forms p:hover:after{ content: ''; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: #0e2392;}

.symap{ overflow: hidden; background-color: #fff; }
.symap .maps{ width: 50%; height: 720px; background:url(../icon/icon_34.png) no-repeat center center / cover; float: left; }
.symap .info{ height: 720px; float: left; padding: 90px 115px;  }
.symap .info h3{ font-size: 30px; color: #222; line-height: 1.3; margin-bottom: 50px; font-weight: bold; }
.symap .info p{ height: 52px; display: flex; align-items: center; font-size: 18px; color: #666; }
.symap .info p img{ display: block; width: 24px; height: 24px; margin-right:20px; }

.synews{ padding: 100px 0; background:url(../icon/bg2.jpg) no-repeat center center / cover; }
.synews .both{ overflow: hidden; }
.synews .news{ display: block; width: 678px; height: 595px; overflow: hidden; position: relative; float: left; cursor: pointer;  }
.synews .news .pic{ display: block; width: 678px; height: 595px; overflow: hidden; }
.synews .news .pic img{ display: block; width: 678px; height: 595px; transition: all 0.4s; }
.synews .news .ups{ position: absolute; left: 0; top: 0; width: 100%; height: 100%; background:url(../icon/icon_17.png) no-repeat center center / cover; z-index: 2; padding:0 28px 20px; display: block;display: flex; flex-direction:column; justify-content: flex-end; font-weight: bold; }
.synews .news .ups .name{ display: block; font-size: 22px; color: #fff; line-height: 1.8; }
.synews .news .ups .time{ display: block; font-size:16px; color: #fff; line-height: 1.8; margin-top: 10px; }
.synews .news:hover .pic img{ transform: scale(1.05); }

.synews .side{ float: right; width:665px;  }
.synews .side .tab{ overflow: hidden; margin-bottom: 10px; }
.synews .side .tab a{ float: left; font-size: 20px; color:#666; margin-right: 30px; line-height: 38px; padding-bottom: 8px; cursor: pointer; }
.synews .side .tab a.on{ color: #172ea6; border-bottom: 2px solid #172ea6; font-weight: bold; }
.synews .side .linka{ padding: 30px 0; display: block; border-bottom: 1px solid #ececec; cursor: pointer; line-height: 1.3; }
.synews .side .linka span{ display: block; font-size: 18px; color: #333; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; transition: all 0.4s;  }
.synews .side .linka i{ display: block; font-size: 16px; color: #666; margin-top:22px;  }
.synews .side .linka:last-child{ border-bottom: none; }
.synews .side .linka:hover span{ color: #172ea6; }

.sycan{padding-top: 90px; padding-bottom: 119px;background:url(../icon/icon_32.png) no-repeat center bottom / 100% 119px; width: 100%; overflow: hidden; }
.sycan .swipercan{ height: 232px; }
.sycan .swiper-slide{ display: block; width: 332px; height: 232px; }
.sycan .imga{ display: block;width: 332px; height: 232px; cursor: pointer; }
.sycan .imga img{ display: block; width: 332px; height: 232px; border:6px solid #240e24; }

.sydevice{ padding: 90px 0; background-color: #fff;overflow: hidden;  }
.sydevice .swipersb{}
.sydevice .swiper-slide{ display: block; border-radius: 30px; overflow: hidden; transition: 300ms; transform: scale(0.92,0.8); width: 1400px; background-color: rgba(0,0,0,1); }
.sydevice .swiper-slide .imga{ display: block; width: 100%; }
.sydevice .swiper-slide .imga img{ display: block; width: 100%; opacity: 0.7;  }
.sydevice .swiper-slide.swiper-slide-active,
.sydevice .swiper-slide.swiper-slide-duplicate-active{ transform: scale(1,1); }
.sydevice .swiper-slide.swiper-slide-active .imga img,
.sydevice .swiper-slide.swiper-slide-duplicate-active .imga img{ opacity: 1 ; }
.syalong{ background-color: #f5f5f5; padding: 90px 0; }

.syalong .list{ overflow: hidden; }
.syalong .list .pica{ display: block; width: calc(25% - 15px); float: left; margin-right: 20px; margin-bottom: 20px; overflow: hidden; border-radius:15px; background-color: #fff;  }
.syalong .list .pica:nth-child(4n){ margin-right: 0px; }
.syalong .list .pica img{ display: block; width: 100%; }

.sykinds{ padding: 90px 0; background-color: #fff; }
.sykinds .list{ overflow: hidden; }
.sykinds .item{ width: calc(25% - 20px); float: left; margin-right: 26px; position: relative; overflow: hidden; cursor: pointer; overflow: hidden; border-radius: 20px; }
.sykinds .item .pica{display: block; width: 100%; padding-bottom:128%; overflow: hidden; height: 0; position: relative;  }
.sykinds .item .pica img{ display: block; width: 100%; height: 100%; position: absolute; left: 0; top: 0; transition: all 0.4s; }
.sykinds .item .namea{ display: block; position: absolute; left: 0; top: 0; width: 100%; height: 100%; padding: 15px 10px; display: flex; align-items: flex-end; background:url(../icon/icon_17.png) no-repeat center bottom / 100% 196px; }
.sykinds .item .namea span{ display: block; flex:1; font-size: 24px; color: #fff; text-align: center; line-height: 40px; transition: all 0.4s;}
.sykinds .item:hover .namea{ background:url(../icon/icon_18.png) no-repeat center bottom / 100% 198px; }
.sykinds .item:hover .namea	span{ transform: translateY(-10px); }
.sykinds .item:hover .pica img{ transform:scale(1.06); }
.sykinds .item:nth-child(4n){ margin-right: 0; }

.syshow{ padding: 90px 0; background:url(../icon/bg2.jpg) no-repeat center center / cover; }
.syshow .tabs{ margin-bottom: 36px; }
.syshow .nava{ font-size: 20px; color: #333; height: 52px; line-height: 50px; border:1px solid #ccc; padding: 0 44px; margin-right: 22px; display: block; border-radius: 52px; cursor: pointer; }
.syshow .nava.on{ background-color: #172ea6; border-color: #172ea6; color: #fff;  }
.syshow .all{ padding-left:42px; font-size: 18px; color: #333; background:url(../icon/icon_09.png) no-repeat left center / 30px 30px; height: 30px; line-height: 30px; cursor: pointer; transition: all 0.4s; display: block; }
.syshow .all:hover{ padding-left: 40px; color: #172ea6;  }
.syshow .boxs{ overflow: hidden; }
.syshow .big{ display: block; overflow: hidden; transition: all 0.4s; width: 680px; height: 560px; border-radius: 20px; position: relative; float: left; overflow: hidden;border: solid 2px rgba(0,0,0,0); }
.syshow .big .pics{ display: block; }
.syshow .big .pics img{ display: block; width: 680px; height: 560px; overflow: hidden; }
.syshow .big .uptxt{ padding: 50px 45px; position: absolute; left: 0; top: 0; width: 100%; height: 100%; z-index: 2; transition: all 0.4s;}
.syshow .big:hover{ border: solid 2px #172ea6;}
.syshow .big:hover:after{ content: ""; position: absolute; left: 0; top: 0; width: 100%; height: 100%; z-index: 1;box-shadow: inset 0px 0px 50px 0px rgba(23, 46, 166, 0.26); border-radius: 18px; }
.syshow .big .name{ font-size: 30px; color: #000; line-height: 1.4;  }
.syshow .big .desc{ font-size: 16px; color: #888; line-height: 1.4; margin:15px 0 25px;  }
.syshow .big .more{ display: block; width: 98px; height: 40px; display: flex; align-items: center; justify-content: center; border:1px solid rgba(0,0,0,0.1); font-size: 15px; color: #000; border-radius: 40px; cursor: pointer; transition: all 0.4s; }
.syshow .big .more:hover{ border-color: #172ea6; background-color: #172ea6; color: #fff; }
.syshow .list{ float: left; overflow: hidden; margin-left: 20px; width: 700px; }
.syshow .pica{ float: left; width: 330px; height: 270px; margin-left: 20px;overflow: hidden; margin-bottom: 20px; cursor: pointer; position: relative; border-radius: 20px; border:2px solid #fff; transition: all 0.4s; }
.syshow .pica img{ display: block; width: 330px; height: 270px; border-radius: 20px; transition: all 0.4s; }
.syshow .pica:hover{ border: solid 2px #172ea6;}
.syshow .pica:hover img{ transform: scale(1.03); }
.syshow .pica:hover:after{ content: ""; position: absolute; left: 0; top: 0; width: 100%; height: 100%; z-index: 2;box-shadow: inset 0px 0px 50px 0px rgba(23, 46, 166, 0.26); border-radius: 18px; }

.synums{ height: 834px; padding: 660px 0 60px; background:url(../icon/icon_10.jpg) no-repeat center center / cover; }
.synums ul{ font-size: 18px; color: #fff; line-height: 1.5; }
.synums ul li{  }
.synums ul li span{ display: block; font-size: 22px; } 
.synums ul li span b{ font-size: 60px; font-weight: bold; padding-right:10px;  }

.syabout{ padding: 90px 0; background-color: #fff; }
.syabout .word{ font-size: 16px; color: #666; line-height: 36px; text-align: center; margin-bottom: 40px; }
.syabout .morea{ padding-left:42px; font-size: 18px; color: #333; background:url(../icon/icon_09.png) no-repeat left center / 30px 30px; height: 30px; line-height: 30px; cursor: pointer; transition: all 0.4s; display: block; margin:0 auto; width: 120px; }
.syabout .morea:hover{ padding-left: 40px; color: #172ea6;  }

.popswiper{ position: fixed; left: 0; top: 0; width: 100%; height: 100%; z-index: 999; display: none; }
.popswiper .popbg{ position: absolute; left: 0; top: 0; width: 100%; height: 100%; z-index: 1; background-color: rgba(0,0,0,0.8); }
.popswiper .poppic{ position: fixed; left: 50%; top: 50%; width: 100%; height: 100%; z-index: 2; display: flex; align-items: center; justify-content: center; width: 930px; height: 617px; transform:translate(-50%,-50%); }
.popswiper .pswier{ width: 1260px; width: 930px; margin:0 auto; position: relative; }
.popswiper .pswier .swiper-container{ width: 930px; margin:0 auto; overflow: hidden; }
.popswiper .pswier .swiper-container img{ display: block; width: 100%; height: 617px; }
.popswiper .pswier .swiper-button-next:after, 
.popswiper .pswier .swiper-button-prev:after{ display: none;}
.popswiper .pswier .swiper-button-prev{ position: absolute; top:50%; left:-165px; margin-top: -22px; width: 43px;height: 43px;background:url(../icon/icon_66.png) no-repeat center center rgba(0,0,0,0); background-size:100% 100%; z-index: 2;box-shadow: 0px 10px 30px 0px 
		rgba(27, 84, 164, 0.31); border-radius: 50%; visibility: inherit !important; cursor: pointer; }
.popswiper .pswier .swiper-button-next{ position: absolute; top:50%; left:auto; right:-165px; margin-top: -22px; width: 43px;height: 43px;background:url(../icon/icon_67.png) no-repeat center center rgba(0,0,0,0); background-size:100% 100%; z-index: 2;box-shadow: 0px 10px 30px 0px 
		rgba(27, 84, 164, 0.31); border-radius: 50%; visibility: inherit !important; cursor: pointer; }
.popswiper .pswier .swiper-button-disabled{ opacity: 0.4 !important; }
.popswiper .poppic.zfx{ width: 600px; height: 600px;}
.popswiper .poppic.zfx .pswier{ width: 600px; }
.popswiper .poppic.zfx .pswier .swiper-container{ width: 600px; height: 600px; overflow: hidden; border-radius: 60px; }
.popswiper .poppic.zfx .pswier .swiper-container img{ height: 600px; }

.sidebtn{ position: fixed; right: 0; bottom: 35vh; z-index: 8; width: 64px; }
/*.sidebtn .gowrite{ width: 238px; height: 64px; border-radius:10px 0 0 10px; font-size:18px; color: #fff; margin-right: 6px; cursor: pointer; background-color: #172ea6; }
.sidebtn .gowrite img{ display: block; width: 24px; height:24px; margin-right: 12px; }*/
.sidebtn .lka{ cursor: pointer; position: relative; display: block; width: 64px; height: 64px; background-color: #172ea6; margin-bottom: 2px; }
.sidebtn .lka>img{ display: block; width: 64px; height: 64px; }
.sidebtn .lka>img.small{ padding: 18px; }
.sidebtn .lka .drop{ position: absolute; right: -200px; bottom: 0; z-index: 3; min-height: 64px; line-height: 64px; background-color: #fff; width: 0; min-height: 0px; transition: all 0.4s; opacity: 0; width: 120px; }
.sidebtn .lka .drop img{ display: block; width: 120px; height: 120px; margin:0 auto; }
.sidebtn .lka .drop p{ padding: 0 10px; font-size: 16px; color: #172ea6; line-height: 64px; font-family:Arial;}
.sidebtn .lka:hover .drop{ display: block; opacity: 1; min-height: 64px; right: 64px; }

 
@keyframes example {
    0% {transform: translateY(0);}
    25% {transform: translateY(-10px);}
    50% {transform: translateY(0);}
    75% {transform: translateY(10px);}
    100% {transform: translateY(0);}
}
.banbar{ height: 760px;background:url(../icon/icon_57.jpg) no-repeat center center / cover; position: relative; }

.banbar.bg2{ background-image: url(../icon/icon_75.jpg); }
.banbar.bg3{ background-image: url(../icon/icon_68.png); }
.banbar.bg4{ background-image: url(../icon/icon_73.jpg); }
.banbar.bg5{ background-image: url(../icon/icon085.png); }

.banbar .tits{ text-align: center; height: 760px; display: flex; align-items: center; justify-content: center; flex-direction: column; color: #fff; }
.banbar .tits .tha{ font-size: 44px; line-height: 1; color: #fff; font-weight: bold; }
.banbar .tits .thb{ font-size: 16px; line-height: 1; margin-top:30px; color: #fff; }
.banbar .tits .gown{ display: block; width: 58px; height: 58px;background:url(../icon/icon_27.png) no-repeat center center / cover; margin-top: 110px; animation: example 3s infinite linear; cursor: pointer; }
.banbar .fixtab{ position: absolute; left: 0; bottom: 0; width: 100%; z-index: 9; }
.banbar .fixtab .cont{ display: flex; align-items: center; justify-content: space-between; }
.banbar .fixtab .lka{ height: 70px; background-color:rgba(0,0,0,0.3); margin: 0 5px; display: flex; align-items: center; justify-content: center; font-size: 16px; color: #fff; width: calc(25% - 7px); cursor: pointer; transition:all 0.4s; }
.banbar .fixtab .lka:last-child{ margin-right: 0; }
.banbar .fixtab .lka.on{ background-color: #172ea6; }
.banbar .fixtab .lka:hover{ background-color: #172ea6; }
.banbar .fixtab.two .lka{ width: calc(50% - 5px); }

.gyinfo{ padding-top: 100px; }
.gyinfo ul{ font-size: 18px; color: #000; line-height: 1.5; padding: 90px 0; }
.gyinfo ul li{  }
.gyinfo ul li span{ display: block; font-size: 22px; color: #172ea6; } 
.gyinfo ul li span b{ font-size: 60px;  font-weight: bold; padding-right:10px;  }
.gyinfo .allpic{ display: block; width: 100%; }
.gyinfo .word{ font-size: 17px; color: #999; line-height: 2.5; text-align: center; }
.mb30{ margin-bottom: 30px; }
.gyinfo .sblist{ overflow:hidden; padding: 70px 0 90px 0; }
.gyinfo .item{ float: left; width: 450px; border-radius: 20px; overflow: hidden; cursor: pointer; margin-right: 25px; margin-bottom: 25px; }
.gyinfo .item img{  display: block; width: 100%; transition:all 0.4s; }
.gyinfo .item:hover img{ transform: scale(1.05); }
.gyinfo .item:nth-child(3n){ margin-right: 0; }

.lxpage{ background: url(../icon/icon_84.png) no-repeat left bottom / 100% 840px; }
.lxpage h3{ margin-bottom: 60px; }
.lxpage h3 span{ display: block; font-size: 36px; color: #000; font-weight: bold; line-height: 1.4; }
.lxpage h3 i{ display: block; font-size: 16px; line-height: 36px; margin-top: 8px; color: #000; opacity: 0.6; }
.lxpage .forms{ padding: 0; width: 1400px; }
.lxpage .forms .line{ width: 680px; }
.lxpage .part{ margin-bottom: 90px; }
.lxpage .part:last-child{ margin-bottom: 0px; }
.lxpage .libs{ overflow: hidden; }
.lxpage .lib{ float: left; width: calc(33.33% - 20px); margin-right: 30px; background-color: #f7f7f7; border-radius: 15px; padding: 25px 28px; display: flex; align-items: center; justify-content: center; margin-bottom: 28px; }
.lxpage .lib:nth-child(3n){margin-right: 0px; }
.lxpage .lib .icon{ display: block; width: 44px; height: 44px; margin-right: 26px;  }
.lxpage .lib p{ line-height: 1; flex:1; }
.lxpage .lib p i{ display: block; font-size: 18px; color: #999; }
.lxpage .lib p span{ display: block; font-weight: bold; font-size: 16px; color: #000; margin-top: 20px; }

.movelist{ padding: 120px 0 90px; }
.movelist .items{float: left; width: 12.8%;height: 512px;padding-top: 206px;text-align: center; margin-right: 1.5%; background-position: center;background-repeat: no-repeat;background-size: cover;transition: all .8s ease; cursor: pointer; position: relative;}
.movelist .items:after{ content: '';display: block; width: 100%; height: 100%; position: absolute;top: 0;left: 0;right: 0;bottom: 0;opacity: 0.4; background-color: #000; }
.movelist .items:last-child{margin-right: 0;transform: translateY(-15px);}
.movelist .items:first-child{transform: translateY(-40px);}
.movelist .items:nth-child(3){transform: translateY(-72px);}
.movelist .items h5{font-size: 24px;color: #fff;margin-bottom: 20px;}
.movelist .items p{font-size: 16px;color: #fff;line-height: 28px;opacity: 0;transition: all .6s ease;transform: translateY(30px);transition: all 0s ease 0s;}
.movelist .items.active{width: 57.1%;padding:132px 258px 0 48px;text-align: left;}
.movelist .items.active:after{ content: '';display: block; width: 100%; height: 100%; position: absolute;top: 0;left: 0;right: 0;bottom: 0;opacity: 0; background-color: #000; }
.movelist .items.active p{opacity: 1;transform: translateY(0);transition: all .4s ease .7s;}
.movelist .items.active h5{ font-size: 34px; }

.pages{ display: flex; align-items: center; justify-content: center; padding: 40px 0; }
.pages a{ display: block; width: 44px; height: 44px; border:1px solid #DDDDDD; display: flex; align-items: center; justify-content: center; font-size: 16px; color: #222; cursor: pointer; margin: 0 5px; }
.pages .num:hover{ background: #172ea6; color: #fff; }
.pages .pgprev{ background: #fff url(../icon/tu40.png) no-repeat center / 12px auto;}
.pages .pgnext{ background: #fff url(../icon/tu41.png) no-repeat center / 12px auto;}
.pages .pgprev:hover{ background: #172ea6 url(../icon/tu38.png) no-repeat center / 12px auto; }
.pages .pgnext:hover{ background: #172ea6 url(../icon/tu39.png) no-repeat center / 12px auto; }

.xwpage{ padding: 55px 0; }
.xwpage .lists{  }
.xwpage .item{ padding: 38px 0; overflow: hidden; border-top: 2px solid #eee; }
.xwpage .item .time{ float: left; width: 210px; font-size: 14px; color: #999; font-weight: bold; line-height: 1.5; font-weight: normal; }
.xwpage .item .time b{ display: block; font-size: 24px; color: #000; font-weight: bold; }
.xwpage .item .info{ width: 675px; float: left; font-size: 14px; color: #999; line-height: 1.5;   }
.xwpage .item .info .title{ font-size: 18px; color: #000; font-weight: bold; line-height: 36px; margin-bottom: 20px; }
.xwpage .item .info .title a{ color: #000;}
.xwpage .item .info p{ min-height: 120px; }
.xwpage .item .info .go{ display: flex; align-items: center; justify-content: center; width: 126px; height: 38px; border:1px solid #000; font-size:14px; color: #000; cursor: pointer; transition: all 0.4s;  }
.xwpage .item:hover .info .go{ background-color:#172ea6; border-color: #172ea6; color: #fff; }
.xwpage .item .pica{ float: right; width: 410px; height: 252px; overflow: hidden; }
.xwpage .item .pica img{ display: block; transition: all 0.4s; width: 410px; height: 252px; }
.xwpage .item:hover .pica img{ transform: scale(1.05); }
.xwpage .item:hover{ border-color:#172ea6;  }
.xwpage .item:hover .title a{ color: #172ea6;}

.xwinfo{ padding:90px 0 20px; }
.xwinfo .title{ border-bottom: 1px solid #ececec; padding-bottom: 40px; font-size: 14px; color: #999; line-height: 20px; font-weight: normal; margin-bottom: 30px;  }
.xwinfo .title h3{ font-weight: bold; margin-bottom:30px;  font-size: 32px; color: #000; line-height: 36px;  }
.xwinfo .word{ font-size: 14px; color: #333; line-height: 28px; margin-bottom: 60px; }
.xwinfo .word img{ display: block; max-width: 100%; margin:40px 0; }
.xwinfo .near{ padding: 30px 0; font-size:16px; color: #888; line-height: 36px; border-bottom: 1px solid #ececec; }
.xwinfo .near a{ color: #888; cursor: pointer; transition: all 0.4s; }
.xwinfo .near a:hover{ color: #172ea6; }
.xwinfo .back{ display: block; margin:30px 0; cursor: pointer; font-size: 14px; line-height: 28px; color: #333; transition: all 0.4s; }
.xwinfo .back:hover{ color: #172ea6; }

@media screen and (max-width: 1600px){
	.header ul li{ margin:0 5px; }
	.header ul li .nava{ padding: 0 20px; }
}
@media screen and (max-width: 1500px){
	.header ul li{ margin:0; }
	.header ul li .nava{ padding: 0 18px; }
}

.product{ margin: 69px 0 100px;  }
.product .cont{ overflow: hidden; }
.product .stab{ float: left; width: 220px; }
.product .ones{ background-color: #f1f1f1; border-radius: 10px; font-size: 18px; color: #666; font-weight: bold; margin-bottom: 15px; cursor: pointer; height: 58px; display: flex; align-items: center; justify-content: center; }
.product .ones.on{ background-color: #172ea6; color: #fff; }
.product .shows{ width: calc(100% - 230px); float: right; }
.product .title{ display: flex; align-items: center; font-size: 30px; color: #222; line-height: 36px; font-weight: bold; margin-bottom: 30px; }
.product .title i{ display: block; width: 24px; height: 8px; border-radius: 4px; background-color: #172ea6; margin-right: 12px; }
.product .lists{ padding-bottom: 30px; }
.product .items{ display: block; padding:50px; background: url(../icon/icon088.png) no-repeat left center / cover; margin-bottom: 30px; height: 342px; border-radius: 15px; }
.product .items .name{ font-size: 30px; color: #222; line-height: 36px; margin-bottom: 25px; font-weight: bold; }
.product .items .desc{ font-size: 18px; color: #666; line-height: 28px; height: 120px; margin-bottom: 10px; }
.product .items .more{ display: flex; align-items: center; font-size:16px; color: #666; cursor: pointer;  }
.product .items .more i{ display: block; width: 30px; height: 30px; background: url(../icon/icon108.png) no-repeat left center / 30px auto; margin-right: 13px; }
.product .items:hover .more i{ background-image: url(../icon/icon109.png); }
.product .items.bg2{background-image: url(../icon/icon89.png); }
.product .items.bg3{background-image: url(../icon/icon90.png); }
.product .items.bg4{background-image: url(../icon/icon91.png); }
.product .items.bg5{background-image: url(../icon/icon92.png); }
.product .items.bg6{background-image: url(../icon/icon93.png); }

.product .items.bg21{background-image: url(../icon/icon89.png); }
.product .items.bg22{background-image: url(../icon/icon89.png); }
.product .items.bg23{background-image: url(../icon/icon89.png); }
.product .boxs{ display: none; }
.product .boxs.on{ display: block; }

.whiteall{ background: #fff; }
.h90{ height: 90px; background-color: #fff; }
.child_ban{ height: 200px;background:url(../icon/icon94.png) no-repeat center center / cover; position: relative; }
.child_ban .tits{ text-align: center; height: 200px; display: flex; align-items: center; justify-content: center; flex-direction: column; color: #fff; }
.child_ban .tits .tha{ font-size: 44px; line-height: 1; color: #fff; font-weight: bold; }

.crumbs{ background-color: #f8f8f8; }
.crumbs .cont{ display: flex; height: 50px; align-items: center; font-size: 15px; color: #000; }
.crumbs .icon{ display: block; width: 18px; margin-right: 9px; }
.crumbs i{ padding: 0 12px; }
.crumbs a{ cursor: pointer; color: #000; }
.crumbs a:hover{ color:#172ea6; }

.fixside{ float: left; width: 190px;   }
.fixside .fnav{ background-color:#f1f1f1; border-radius: 10px; font-size: 16px; color: #666; margin-bottom: 12px; padding: 10px 25px 10px; }
.fixside .fnav.on{ background-color: #172ea6; }
.fixside .fnav.on h3{ color: #fff; }
.fixside .fnav.on .lka{ color: #fff; }
.fixside .fnav.on .child{ display: block; padding: 10px 8px 15px;  }
.fixside .fnav h3{ font-size: 16px; color: #666; line-height: 38px; cursor: pointer; }
.fixside .child{ font-size:13px; color: #fff; display: none;  }
.fixside .fnav .lka{ display: block; line-height: 40px; cursor: pointer;  }
.fixside .downa{ display: block; background-color: #f6f7fc; box-shadow: inset 0px 0px 50px 0px rgba(23, 46, 166, 0.06); border-radius: 10px; font-size: 16px; color:#172ea6; padding: 0 24px; color: #172ea6; cursor: pointer; display: flex; align-items: center; height: 58px; margin-bottom: 12px;  }
.fixside .downa img{ display: block; width: 21px; margin-right: 10px; }
/*.fixside .downa:hover{ background-color: #ccd5ff; }*/
.fixside.fix{position: fixed; left:50%; margin-left: -700px; top: 90px; width: 190px; z-index:99;}

.guinfo{ margin: 50px 0; overflow: hidden; }
.guinfo .main{ float: right; width:calc(100% - 230px); }
.guinfo .top{ padding: 40px; background-color: #f7f8fc; border-radius: 20px; overflow: hidden; margin-bottom: 70px; }
.guinfo .top .tus{ width: 400px; height: 400px; float: left; }
.guinfo .top .mySwiper{ display: block; width: 400px; height: 400px; }
.guinfo .top .swiper-slide img { display: block; width: 100%; height: 100%; object-fit: cover; }
.guinfo .top .swiper-pagination{ text-align: right; width: 60px; height: 28px; border-radius: 28px; background-color: rgba(0,0,0,0.5); line-height: 28px; font-size: 16px; color: #fff; text-align: center; left: auto !important; right: 10px; }
.guinfo .top .info{ float: right; width: calc(100% - 460px); padding: 10px 0; }
.guinfo .top .name{ font-size: 36px; color: #000; font-weight: bold; line-height: 40px; margin-bottom: 30px; }
.guinfo .top .desc{ font-size: 16px; color: #666; line-height: 32px; height: 200px; margin-bottom: 30px;  }
.guinfo .top .deal{ display: flex; align-items: center; }
.guinfo .top .downa{ display: block; background-color: #172ea6; border-radius: 10px; font-size: 15px; color:#172ea6; padding: 0 24px; color: #fff; cursor: pointer; display: flex; align-items: center; height: 48px; width: 150px; margin-right: 20px; }
.guinfo .top .downa img{ display: block; width: 21px; margin-right: 10px; }

.guinfo .allpic{ background-color: #fff; border:1px solid #f0f0f0; border-radius: 15px; margin:40px 0 35px; width: 100%; padding: 40px 50px;}
/*.guinfo .allpic.gao{ width: 100%; margin:40px auto 35px;}*/
.guinfo table{ background-color: #fff; border:1px solid #f0f0f0; border-radius: 15px; font-size: 14px; color: #000; border-collapse: collapse; border-spacing: 0; width: 100%; margin-bottom: 50px; }
.guinfo table td{ border:1px solid #f0f0f0; padding:12px 0px 12px 12px; line-height: 22px; }
.guinfo table td i{ display: block; font-size:12px; color: #666; height: 26px;  }
.guinfo table td p{ padding:5px 14px; font-size: 16px; color: #666; line-height: 30px; }
.guinfo table .hui{ background-color: #f7f8fc; }
.guinfo table .center{ text-align: center; }
.guinfo table:last-child{ margin-bottom: 0; }

.guinfo .itemb{background-color: #f7f8fc; padding: 50px; box-shadow: inset 0px 0px 50px 0px rgba(23, 46, 166, 0.06); border-radius: 20px; margin-bottom: 50px; }
.guinfo .itemb .mation{ display: flex; align-items: center; }
.guinfo .itemb .photo{ position: relative; /*border:1px solid #f0f0f0; */border-radius: 15px; margin-right: 38px; }
.guinfo .itemb .photo .pic{ display: block; width: 158px; height: 158px; }
.guinfo .itemb .photo .icon{ display: block; width: 18px; height: 18px; position: absolute; right: 15px; bottom: 15px; z-index: 3; cursor: pointer; }
.guinfo .itemb .txt{ flex:1; }
.guinfo .itemb .txt .name{ font-size: 32px; color: #000; font-weight: bold; line-height: 36px; margin-bottom: 28px;  }
.guinfo .itemb .txt .desc{ font-size: 18px; color: #888; line-height: 36px;  }
.guinfo .itemb .types{ display: flex; align-items: center; font-size: 16px; color: #666; cursor: pointer;}
.guinfo .itemb .types img{ display: block; width: 46px; height: 46px; margin-left: 16px; }
.guinfo .libs{ display: flex; align-items: flex-start; justify-content: space-between; font-size: 16px; color: #666; line-height: 36px; }
.guinfo .libs h4{ font-size: 20px; color: #333; line-height: 30px; margin-bottom: 20px; font-weight: bold; }
.guinfo .libs .lib{ max-width: 50%; }

.banbar.bg6{ height: 400px; background-image: url(../icon/icon085.png); }
.banbar.bg6 .tits{ height: 400px; padding-top: 120px; }
.banbar.bg6 .tits .gown{ margin-top: 60px; }

.product .sins{ display: flex; align-items: center; justify-content: space-between; font-size: 13px; color: #999; line-height: 1.5; padding: 20px 0; border-bottom: 1px solid #eee; cursor: pointer; }
.product .sins .info{ flex:1; }
.product .sins .name{ font-size: 18px; color: #000; font-weight: bold; transition: all 0.4s; }
.product .sins .desc{ margin-top: 6px; text-overflow: -o-ellipsis-lastline; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; line-clamp: 2; -webkit-box-orient: vertical; }
.product .sins .goa{ display: block; padding: 0 20px; border-radius:5px; font-size: 15px; color: #172ea6; border:1px solid #172ea6; line-height: 32px; transition: all 0.4s; cursor: pointer;  margin-left: 20px;}
.product .sins .goa:hover{ background-color:#172ea6; color: #fff;  }
.product .sins:hover .name{ color:#172ea6;  }

.allchild .shows{ width: 100%; }
.allchild .shows h6{ font-size: 13px; color: #999; line-height: 28px; }
.allchild .shows h6 i{ color: red; }
.product .words{ font-size: 15px; line-height: 28px; color: #333; }