﻿@font-face
{
    font-family: MSR;
    src: url('/static/font/MiSans-Regular.ttf');
}
@font-face
{
    font-family: MSB;
    src: url('/static/font/MiSans-Bold.ttf');
}
@font-face
{
    font-family: MSSB;
    src: url('/static/font/MiSans-Semibold.ttf');
}
@font-face
{
    font-family: MSDB;
    src: url('/static/font/MiSans-Demibold.ttf');
}
@font-face
{
    font-family: DB;
    src: url('/static/font/din-bold-2.ttf');
}

@media screen and (max-width: 1500px) {
    .cw1400{max-width: 1200px;}
    #header .cw1400{max-width: 1400px;}
}

/* header */
#header {width: 100%; height: 100px; background: #fff;position: fixed; top: 0; left: 0; z-index: 100; transform: translateY(0%);transition: top 0.8s cubic-bezier(0.42, 0.06, 0.08, 0.97),transform 0.8s cubic-bezier(0.42, 0.06, 0.08, 0.97);}
#header.i-head{background: transparent;}
#header.cur{background: #fff; height: 100px;}
#header .head{height: 100%; box-sizing: border-box;}
#header .head .logo,
#header.cur .head .logo{margin: 21px 156px 21px 0;}
#header .logo .i1{display: none;}
#header .logo .i2{display: inline-block;}
#header.i-head .logo .i1{display: inline-block;}
#header.i-head .logo .i2{display: none;}
#header .head .hcon{height: 100%; width: auto;}
#header .head .hcon .hnav{line-height: 100px;}
#header .head .hcon .hnav .nav{margin-right: 47px; color: #383c3f; font-size: 18px; font-family: Ar;}
#header .head .hcon .hnav .nav:last-child{margin-right: 0;}
#header.i-head .head .hcon .hnav .nav{color: #fff;}
#header.i-head.cur .head .hcon .hnav .nav{color: #383c3f;}
#header .head .hcon .hnav .nav:before{display: block;content:"";position: absolute;width: 100%;height: 2px;left: -4%;bottom: -35px;background: transparent; z-index: -1;}
#header .head .hcon .hnav .nav.cur:before{background: #153265;}
#header.i-head .login{display: flex; align-items: center; margin-top: 32px;}
#header .login{display: flex; align-items: center; margin-top:30px;}
#header .login .pic{margin-right: 20px;}
#header .login .txt,
#header.cur .login .txt,
#header.i-head.cur .login .txt{font-size: 14px; font-family: "微软雅黑"; color: #383c3f;}
#header.i-head .login .txt{color: #fff;}
#header .login .pic .i2,
#header.i-head .login .pic .i1{display: inline-block;}
#header .login .pic .i1,
#header.i-head .login .pic .i2{display: none;}

#header.cur .head .hcon .hnav{height: 100px; line-height: 100px;}
#header.cur .logo .i1,
#header.cur .login .pic .i1{display: none;}
#header.cur .logo .i2,
#header.cur .login .pic .i2{display: inline-block;}

.hover-line1,
#header .head .hcon .hnav .nav.cur{position: relative;}
#header .head .hcon .hnav .nav.cur{color: #153265;}
#header.i-head .head .hcon .hnav .nav.cur{color: #fff;}
#header.i-head.cur .head .hcon .hnav .nav.cur{color: #153265;}

#header.i-head .hover-line1::after,
#header.i-head .head .hcon .hnav .nav.cur:after,
#header.i-head .head .hcon .hnav .nav.cur:before{background: #fff;}

#header.i-head.cur .hover-line1::after,
#header.i-head.cur .head .hcon .hnav .nav.cur:after,
#header.i-head.cur .head .hcon .hnav .nav.cur:before{background: #153265;}

.hover-line1::after,
#header .head .hcon .hnav .nav.cur:after{content: "";position: absolute;width: 100%;height: 2px;background: #153265;left: -2%;bottom: -35px;transform: scaleX(0);transform-origin: right;transition: transform .4s ease;z-index: -1;}
.hover-line1:hover::after{transform: scaleX(1);transform-origin: left;background: #153265;}
#header.is-scroll{transform: translateY(-100%);transition: top 0.8s cubic-bezier(0.42, 0.06, 0.08, 0.97),transform 0.8s cubic-bezier(0.42, 0.06, 0.08, 0.97);}
#header .menu, .header-bg, .side-menu{display: none;}

@media screen and (max-width: 1280px) {
    #header .head .hcon .hnav .nav{margin-right: 30px;}
}

@media screen and (max-width: 1200px) {
    #header .head .logo, #header.cur .head .logo{margin: 21px 90px 21px 0;}
}

@media screen and (max-width: 1024px) {
    #header,
    #header.cur,
    #header.i-head{background: #000;}
    #header .head .logo .i1,
    #header.cur .head .logo .i1{display: inline-block;}
    #header .head .logo .i2,
    #header.cur .head .logo .i2{display: none;}
    #header .head .hcon,
    #header .head .login{display: none;}

    #header .head .logo,
    #header.cur .head .logo{margin: 21px 0;}
    #header .head .logo .name{margin-left: 18px; padding-top: 7px; font-size: 18px; font-family: APL; color: #fff; line-height: inherit;}
    #header .menu{width: 36px;height: 24px;margin: 38px auto;background: url(/static/images/menu.png) no-repeat center;background-size: cover;display: block; cursor: pointer;}
	.header-bg{background: rgba(0,0,0,0.5);z-index: 48;width: 100%;position:fixed;top: 0;bottom: 0;left: 0;right: 0;display: none;}
	#header.cur .menu,#header.on .menu{background: url(/static/images/menu.png) no-repeat center;background-size: cover; margin: 38px auto;}
	.header-bg.on{display: block;}
	.side-menu{position: fixed;left: 0;top: 0;width: 100%;height: 100%;z-index: 100;transform: translateX(-100%);-webkit-transform: translateX(-100%);transition-property: transform;-webkit-transition-property: -webkit-transform;transition-duration: 0.5s;-webkit-transition-duration: 0.5s;display: block;}
	.side-menu.show{transform: translateX(0);-webkit-transform: translateX(0);}
	.side-menu .inner{position: absolute;left: 0;top: 0;width: 80%;height: 100%;padding-top: 40px;background: #fff;overflow-x: hidden;overflow-y: auto;border: solid 1px #ededed;border-top: none;}
	.side-menu .hd{padding: 0 32px;overflow: hidden;justify-content: space-between;-webkit-justify-content: space-between;}
    .side-menu .hd .logo{width: auto; margin: 0;}
    .side-menu .hd .icon-fork{zoom:2.5;}
    .side-menu ul {width: 90%; margin: 0 auto;}
    .side-menu ul .nav{display: block; margin-top: 20px; padding: 20px 0; color: #000; font-size: 26px; text-align: center;}
    .side-menu ul .nav.cur{color: #153265; border-bottom: 3px solid #153265;}

    .side-menu .login{width: 100%; display: flex; align-items: center; justify-content: center; margin-top:30px;}
    .side-menu .login .txt{color: #000; font-size: 26px; margin-lefT: 30px;}
}

/* banner */
#banner{width: 100%; margin-top: 100px;}
#banner.i-ban{margin-top:0;}
#banner .i-cont .slide .slide-inner {width: 100%;}
#banner .i-cont .slide .slide-inner::before{content: ""; display: block; width: 100%; height: 100%; background: rgba(21,50,101,0.5); position: absolute; top: 0; left: 0; z-index: 1;}
#banner .i-cont .slide .txt{width:  100%; height: auto; top: 50%; left: 50%; transform: translate(-50%, -50%); z-index: 10; text-align: center; }
#banner .i-cont .slide .txt>div{color: #ffffff;}
#banner .i-cont .slide .txt .p1{/* font-size: 70px; line-height: 85px;*/ font-family: MSSB; /* margin-bottom: 20px; */ font-size:35px;}
#banner .i-cont .slide .txt .p2{/* font-size: 34px; */ line-height: 42px; font-family: MSR; font-size:23px;}
#banner .swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction{bottom: 40px; display: flex; justify-content: center;align-items: center;}
#banner .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{width: 12px; height: 12px; background: #fff; border-radius: 50%; opacity: 1;}
#banner .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet.swiper-pagination-bullet-active{width: 16px; height: 16px; background: #e60012;}

#banner .pic{position: relative;}
#banner .pic img{width: 100%;}
#banner .pic:before,
#banner .mo-pic:before{content: ""; display: block; width: 100%; height: 100%; background: rgba(21,51,100,.6); position: absolute; top: 0; left: 0; z-index: 3; box-sizing: border-box;}
#banner .text {width: 100%; top: 50%; left:0; transform: translateY(-50%); z-index: 5;}
#banner .text>div{color: #fff;}
#banner .text .p1{font-size: 60px; line-height: 75px; font-family: MSR; margin-bottom: 16px;}
#banner .text .p2{font-size: 20px; line-height: 29px; font-family: MSR;}

#banner .video{object-fit: fill;width: 100%;height: 100%;}

/* 产品banner */
#banner .pro-banner{margin-top: 100px; position: relative;}
#banner .pm-pic:before,
#banner .pro-banner .pic:before,
#banner .pro-banner .i-cont .slide .slide-inner::before{display: none;}
#banner .pro-banner .i-cont .slide .slide-inner .txt,
#banner.detail-ban .txt{width: 20%; top: 75.76%; left: 28.8%; z-index: 5;}
#banner .pro-banner .txt .more,
#banner.detail-ban .txt .more{width: 120px; padding: 10px 0; background: #e60012; color: #fff; display: flex; align-items: center; justify-content: center; border-top-left-radius: 5px; border-top-right-radius: 35px; border-bottom-left-radius: 5px; border-bottom-right-radius: 35px;}
#banner .pro-banner .txt .more p,
#banner.detail-ban .txt .more p{margin-right: 14px; font-size: 16px; font-family: MSR;}

#banner.detail-ban .txt {top: 64.78%; left: 18.8%;}
#banner .pic.d-pic:before{display: none;}

/* 右边悬浮框 */
#right-list{top: 50%; right: 0; transform: translateY(-50%); z-index: 10;}
#right-list a{padding: 17px 0 10px; margin-bottom:3px; width: 85px; height: 85px; background: #fff; box-shadow: 0 0 20px 10px rgba(23, 50, 107, 5%); border-top-left-radius: 5px; border-bottom-left-radius: 5px;}
#right-list a .txt{margin-top: 7px; font-size: 14px; line-height: 25px; font-family: "微软雅黑"; color: #383c3f;}
#right-list .back{margin: 40px 0 0 0;}

#right-list .box{position: absolute;top: 0;right: 85px;opacity: 0;pointer-events:none;}
#right-list>a:hover .box{opacity: 1;pointer-events: auto;}
#right-list .box .content{margin-right: 40px;padding: 30px;background: #fff;box-shadow: 0 0 20px 10px rgba(23, 50, 107, 5%);position: relative;border-radius: 5px;}
#right-list .box .content:before{content: ''; width:0; height:0; border-top:10px solid transparent; border-bottom:10px solid transparent; border-left:12px solid #fff;position: absolute;top: 20px;left: 100%;z-index: 1;}
#right-list .box .content .txt{margin: 0;}
#right-list .box .content .info .p1{font-size: 18px;white-space:nowrap;color: #1e5dff;}
#right-list .box .content .info .p1:last-child{padding-bottom: 0;}
#right-list .box .content>img{width: 180px;height: 180px;margin: 0 auto;display: block;}

#form-aa{position: fixed;top: 0;left: 0;width: 100vw;height: 100vh;background: rgba(0,0,0,.3);z-index: 20;opacity: 0;pointer-events:none;}
#form-aa.on{opacity: 1;pointer-events: auto;}
#form-aa form{width: 340px;background: #fff;border-radius: 5px;position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);padding: 30px;}
#form-aa form .title{font-size: 24px;line-height: 30px;color: #17326b;text-align: center;margin-bottom: 30px;}
#form-aa form label{border-radius: 3px;border: 1px solid #e5e5e5;width: 100%;display: block;font-size: 0;margin-bottom: 10px;}
#form-aa form label:last-child{border: unset;}
#form-aa form label input[type="text"]{width: 100%;height: 50px;line-height: 50px;font-size: 14px;color: #17326b;padding: 0 20px;}
#form-aa form label textarea{width: 100%;height: 130px;font-size: 14px;color: #17326b;line-height: 20px;padding: 15px 20px; resize: none;}
#form-aa form label input[type="submit"]{width: 100%;height: 50px;line-height: 50px;font-size: 16px;color: #fff;background: #153265;cursor: pointer;}
#form-aa form label input[type="submit"]:hover{background: #e60012;}

@media screen and (max-width: 1024px) {
    #banner.i-ban{margin-top: 100px;}
}

@media screen and (max-width: 750px) {
    #banner{height: 350px;}
    #banner .pic,
    #banner .mo-pic{height: 100%;}
    #banner .mo-pic img{height: 100%;}

    #banner .i-cont .slide .txt .p1{font-size: 50px; line-height: 50px;}

    #banner .pro-banner,
    #banner .pro-banner .i-cont,
    #banner .i-cont .slide .slide-inner{height: 100%;}

    #right-list a .txt{font-size: 18px;}

    #banner .text .p1{font-size: 50px;}
    #banner .text .p2{font-size: 30px;}
}

/* 底部 */
#footer{padding: 100px 0 50px; background: #030b25;}
#footer .top{width: 100%; display: flex; margin-bottom: 56px; justify-content: space-between;}
#footer .top .left{width: 30%;}
#footer .top .left .code{margin-right: 40px;}
#footer .top .left .code:last-child{margin-right: 0;}
#footer .top .left .code .pic{margin-bottom: 17px;}
#footer .top .left .code .txt{font-size: 14px; line-height: 25px; font-family: "微软雅黑"; color: rgba(255,255,255,1);}
#footer .top .cen{width: 41.42%;}
#footer .top .cen .one{width: 48.4%; padding-left: 17.3%; position: relative;}
#footer .top .cen .one::before{content: ""; display: flex; width: 1px; height: 254px; background: #1d243b; position: absolute; top: 0; left: 0;}
#footer .top .cen .one:last-child::after{content: ""; display: flex; width: 1px; height: 254px; background: #1d243b; position: absolute; top: 0; right: 0;}
#footer .top .cen .one>div{color: #fff;}
#footer .top .cen .one .tit{font-size: 18px; line-height: 24px;  font-family: "微软雅黑"; margin-bottom: 24px;}
#footer .top .cen .one .two-nav .two a{font-size: 14px; line-height: 24px;  font-family: "微软雅黑"; margin-bottom: 5px;}
#footer .top .right{width: 21.43%;}
#footer .top .right .tit{font-size: 18px; line-height: 22px; font-family: "微软雅黑"; color: #fff; margin-bottom: 14px;}
#footer .top .right .tit2{font-size: 14px; line-height: 25px; font-family: "微软雅黑"; color: #fff; margin-bottom: 22px;}
#footer .top .right .text .input input{ padding: 19px 20px; margin-bottom: 10px; width: 100%; background: #fff; font-size: 14px; color: #000000; font-family: "微软雅黑"; border: 1px solid transparent; border-radius: 5px;}
#footer .top .right .text .input input[type=text]:focus{border: 1px solid #e60012;}
#footer .top .right .text .input input[type=text]::placeholder{font-size: 14px; color: #ccc;}
#footer .top .right .btn input{width: 100%; padding: 17px 0; background: #e60013;font-size: 16px; color: #fff; font-family: "微软雅黑"; border-radius: 5px;}
#footer .copyright{font-size: 12px; line-height: 21px; font-family: "微软雅黑"; color: rgba(255,255,255,.7);}

@media screen and (max-width: 1024px){
    #footer .top .left{width: 31%;}
    #footer .top .left .code{margin-right: 5px;}
}

@media screen and (max-width: 750px){
    #footer{padding: 60px 0;}
    #footer .top{flex-direction: column-reverse;}
    #footer .top .left{width: 100%; display: flex; justify-content: center;}
    #footer .top .left .code{float:  inherit; margin-right: 60px;}
    #footer .top .left .code .txt{font-size: 26px; line-height: 1.8;}
    
    #footer .top .cen{width: 100%; margin-bottom: 40px;}
    #footer .top .cen .one{width: 100%; padding-left:0;}
    #footer .top .cen .one::before,
    #footer .top .cen .one:last-child::after{display: none;}
    #footer .top .cen .one .tit{font-size: 26px; line-height: 1.8; font-weight: bold; position: relative;}
    #footer .top .cen .one .tit:before{content:""; display: block; width: 50px; height: 100%; background: url(/static/images/xiala.png) no-repeat center center; position: absolute; top: 0; right: 0; zoom: 1.5; transition: all .4s ease;}
    #footer .top .cen .one.cur .tit::before{transform: rotate(180deg);}
    #footer .top .cen .one .two-nav .two a{font-size: 26px; line-height: 1.8; padding: 10px;}
    #footer .top .cen .one .two-nav{height: 0; overflow: hidden;}

    #footer .top .right{width: 100%; margin-bottom: 40px;}
    #footer .top .right .tit{font-size: 32px; line-height: 1.8;}
    #footer .top .right .tit2{font-size: 26px; line-height: 1.8;}
    #footer .top .right .text .input input,
    #footer .top .right .text .input input[type=text]::placeholder,
    #footer .top .right .btn input{font-size: 26px;}

    #footer .copyright{font-size: 26px; line-height: 1.8;}
}

/* 公司介绍 */
#profile{padding: 79px 0 179px;}
#profile .big-title{width: 100%; margin-bottom: 67px; position: relative;}
#profile .big-title .tit-cn{font-size: 40px; line-height: 60px; color: #17326b; font-family: "微软雅黑"; margin-bottom: 8px;}
#profile .big-title .tit-en{font-size: 16px; line-height: 22px; color: #c9c9ca; font-family: "Arial";}
#profile .big-title::before{content: ""; display: block; width: 190px; height: 1px; background: #e4e4e4; position: absolute; top: 30px; left: 26.43%;}
#profile .big-title::after{content: ""; display: block; width: 190px; height: 1px; background: #e4e4e4; position: absolute; top: 30px; right: 26.43%;}
#profile .info{width: 100%; display: flex; justify-content: space-around; align-items: center;}
#profile .info .pic{width: 48.57%; border-radius: 15px;}
#profile .info .brief{width: 46.28%; font-size: 14px; line-height: 29px; color: #383c3f; font-family: "微软雅黑"; text-align: justify;}

@media screen and (max-width: 1440px){
    #profile .big-title::before{left: 20%;}
    #profile .big-title::after{right: 20%;}
}
@media screen and (max-width: 1024px){
    #profile .big-title::before{left: 15%;}
    #profile .big-title::after{right: 15%;}
}
@media screen and (max-width: 750px){
    #profile{padding: 60px 0 40px;}
    #profile .big-title .tit-en{font-size: 26px; line-height: 30px;}
    #profile .big-title{margin-bottom: 30px;}
    #profile .big-title::before,
    #profile .big-title::after{display: none;}
    #profile .info{flex-wrap: wrap;}
    #profile .info .pic{width: 100%;margin-bottom: 50px;}
    #profile .info .brief{width: 100%; font-size: 26px; line-height: 1.5;}
}

/* 首页产品 */
#i-products{padding: 69px 0 62px; background: url(/static/images/pic02.png) center center / cover;}
#i-products .big-title{width: 100%; margin-bottom: 44px; position: relative;}
#i-products .big-title .tit-cn{font-size: 40px; line-height: 60px; color: #ffffff; font-family: "微软雅黑"; margin-bottom: 8px;}
#i-products .big-title .tit-en{font-size: 16px; line-height: 22px; color: #c9c9ca; font-family: "Arial";}
#i-products .big-title::before{content: ""; display: block; width: 190px; height: 1px; background: #7d8ba3; position: absolute; top: 30px; left: 26.43%;}
#i-products .big-title::after{content: ""; display: block; width: 190px; height: 1px; background: #7d8ba3; position: absolute; top: 30px; right: 26.43%;}
#i-products .box{width: 100%;}
#i-products .box .cate-list{display: flex; justify-content: center; margin-bottom: 80px;}
#i-products .box .cate-list .cate{padding: 11px 43px; font-size: 18px; color: #fff; font-family: "微软雅黑"; position: relative;}
#i-products .box .cate-list .cate::before{content:""; width: 1px; height: 12px; background: #637a9e; position: absolute; top: 38%; right: 0; }
#i-products .box .cate-list .cate:last-child::before{display: none;}
#i-products .box .cate-list .cate.cur{color: #153265; font-weight: bold; background: #fff; border-top-left-radius: 10px; border-top-right-radius: 35px; border-bottom-left-radius: 10px; border-bottom-right-radius: 35px;}
#i-products .box .cate-list .cate.cur::before{display: none;}
#i-products .box .list .p-box .swi{padding-bottom: 88px;}
#i-products .box .list .p-box .swi .item{width: 30.71% !important; margin-right: 3.9%; padding: 40px 40px 42px; background: #fff; border-radius: 5px;}
#i-products .box .list .p-box .swi .item:last-child{margin-right: 0;}
#i-products .box .list .p-box .swi .item .name{font-size: 24px; line-height: 34px; color: #222222; font-family: "微软雅黑"; margin-bottom: 16px;font-weight: bold;}
#i-products .box .list .p-box .swi .item .tag-list{margin-bottom: 26px;}
#i-products .box .list .p-box .swi .item .tag-list .tag{margin: 0 10px 10px 0; padding: 0 14px; font-size: 14px; line-height: 31px; color: #fff; font-family: "微软雅黑"; background: #153265; border-radius: 5px;}
#i-products .box .list .p-box .swi .item .p1{font-size: 14px; line-height: 24px; color: #222222; font-family: "微软雅黑"; margin-bottom: 6px;}
#i-products .box .list .p-box .swi .item .p1.time{margin-bottom: 25px;}
#i-products .box .list .p-box .swi .item .more{padding: 18px 20px; background: #153265; display: flex; justify-content: space-between; position: relative; border-top-left-radius: 5px; border-top-right-radius: 35px; border-bottom-left-radius: 5px; border-bottom-right-radius: 35px;}
#i-products .box .list .p-box .swi .item .more .txt{font-size: 14px; color: #fff; font-family: "微软雅黑"; z-index: 5;}
#i-products .box .list .p-box .swi .item .more::before{content:""; width: 22px; height: 22px; background: #e60012; border-radius: 50%; position: absolute; bottom: -11px; left: -11px; transition:all .4s ease;}
#i-products .box .list .p-box .swi .item .more:hover{border-radius: 5px;}
#i-products .box .list .p-box .swi .item .more:hover::before{width: 100%; height: 150%; bottom: 0; left: 0; border-radius: 0; z-index: 0;transform: scaleX(1);transform-origin: left;}
#i-products .box .list .p-box .btn-box{width: 100%; height: 64px; top: 50%; left: 0; transform: translateY(-50%);}
#i-products .box .list .p-box .btn-box .btn{width: 64px; height: 64px; border: 1px solid #fff; border-radius: 50%;}
#i-products .box .list .p-box .btn-box .btn.swiper-button-disabled{border: 1px solid #5f7799;}
#i-products .box .list .p-box .btn-box .btn.prev{left: -97px;}
#i-products .box .list .p-box .btn-box .btn.next{right: -97px;}
#i-products .box .list .p-box .swi .swiper-pagination{display: flex; align-items: center; justify-content: center;}
#i-products .box .list .p-box .swi .swiper-pagination-bullet{width: 12px; height: 12px; background: #fff; opacity: 1;}
#i-products .box .list .p-box .swi .swiper-pagination-bullet-active{width: 16px; height: 16px;}

@media screen and (max-width: 1440px) {
    #i-products .big-title::before{left: 20%;}
    #i-products .big-title::after{right: 20%;}
    #i-products .box .list{width: 90%; margin: 0 auto;}
}

@media screen and (max-width: 1280px) {
    #i-products .box .list .p-box .swi .item{width: 47.74% !important;}
}

@media screen and (max-width: 1200px) {
    #i-products .box .list .p-box .btn-box .btn.prev{left: -77px;}
    #i-products .box .list .p-box .btn-box .btn.next{right: -77px;}
}

@media screen and (max-width: 1024px){
    #i-products .big-title::before{left: 15%;}
    #i-products .big-title::after{right: 15%;}
}

@media screen and (max-width: 750px){
    #i-products .big-title{margin-bottom: 30px;}
    #i-products .big-title .tit-en{font-size: 26px; line-height: 30px;}
    #i-products .big-title::before,
    #i-products .big-title::after{display: none;}

    #i-products .box .cate-list{flex-wrap: wrap;width: 80%; margin: 0 auto 30px;}
    #i-products .box .cate-list .cate{width: 50%; font-size: 26px;}
    #i-products .box .cate-list .cate::before{display: none;}

    #i-products .box .list{width: 80%;}
    #i-products .box .list .p-box .swi .item{width: 100% !important}
    #i-products .box .list .p-box .swi .item .name{font-size:  32px; line-height: 1.8;}
    #i-products .box .list .p-box .swi .item .tag-list .tag{font-size: 24px; line-height: 1.8; padding: 0 20px;}
    #i-products .box .list .p-box .swi .item .p1{font-size: 26px; line-height: 1.8;}
    #i-products .box .list .p-box .swi .item .more .txt{font-size: 24px;}
}

/* 公司介绍 */
#solve{padding: 2px 0 2px;}
#solve .big-title{width: 100%; margin-bottom: 54px; position: relative;}
#solve .big-title .tit-cn{font-size: 40px; line-height: 60px; color: #17326b; font-family: "微软雅黑"; margin-bottom: 8px;}
#solve .big-title .tit-en{font-size: 16px; line-height: 22px; color: #c9c9ca; font-family: "Arial";}
#solve .big-title::before{content: ""; display: block; width: 190px; height: 1px; background: #e4e4e4; position: absolute; top: 30px; left: 26.43%;}
#solve .big-title::after{content: ""; display: block; width: 190px; height: 1px; background: #e4e4e4; position: absolute; top: 30px; right: 26.43%;}
#solve .list{width: 100%; display: flex; justify-content: space-between;}
#solve .list .item{border-radius: 5px;padding: 15px 40px 36px;width: 23.07%; box-shadow: 0 0 20px 10px rgba(23, 50, 107, 5%);}
#solve .list .item:hover{box-shadow: 0 0 20px 10px rgba(23, 50, 107, 10%);}
#solve .list .item .t{top: 0; right: 0; padding: 12px 12px 0 0;z-index: 5;}
#solve .list .item .t span{ font-size: 24px;  color: #bb1e10; z-index: 5;font-weight:600}
#solve .list .item .t::before{content: ""; display: block; width: 130px; height: 130px; background: radial-gradient(#0c9fe7,#193673); border-radius: 50%; position: absolute;top: -65px; right: -65px; z-index: -1;}
#solve .list .item .icon{margin-bottom: 0;height: 90px;display: flex;justify-content: center;align-items: center;margin-bottom: 60px;}
#solve .list .item .name{font-size: 18px; line-height: 38px; color: #212223; font-family: "微软雅黑"; margin-bottom: 12px;}
#solve .list .item ul{padding-left: 20px;}
#solve .list .item ul li{list-style-type: disc; font-size: 14px; line-height: 26px; color: #63666d; font-family: "微软雅黑";}
#solve.s-about{background: #f6f7fa;}
#solve.s-about .list .item{background: #fff;}

@media screen and (max-width: 1440px){
    #solve .big-title::before{left: 20%;}
    #solve .big-title::after{right: 20%;}
}
@media screen and (max-width: 1024px){
    #solve .big-title::before{left: 15%;}
    #solve .big-title::after{right: 15%;}
    #solve .list{flex-wrap: wrap;}
    #solve .list .item{width: 49%;margin-bottom: 2%;}
}
@media screen and (max-width: 750px){
    #solve{padding: 60px 0;}
    #solve .big-title{margin-bottom: 30px;}
    #solve .big-title .tit-en{font-size: 26px; line-height: 30px;}
    #solve .big-title::before,
    #solve .big-title::after{display: none;}
    
    #solve .list .item .t span{ font-size: 26px;}
    #solve .list .item .name{font-size: 32px; line-height: 1.5;}
    #solve .list .item ul li{font-size: 26px; line-height: 1.5;}
}

/* 新闻中心 */
#i-news{padding: 70px 0 70px; background: #fafafa;}
#i-news .big-title{width: 100%; margin-bottom: 50px; position: relative;}
#i-news .big-title .tit-cn{font-size: 40px; line-height: 60px; color: #17326b; font-family: "微软雅黑"; margin-bottom: 8px;}
#i-news .big-title .tit-en{font-size: 16px; line-height: 22px; color: #c9c9ca; font-family: "Arial";}
#i-news .big-title::before{content: ""; display: block; width: 190px; height: 1px; background: #e4e4e4; position: absolute; top: 30px; left: 26.43%;}
#i-news .big-title::after{content: ""; display: block; width: 190px; height: 1px; background: #e4e4e4; position: absolute; top: 30px; right: 26.43%;}
#i-news .cont{}
#i-news .cont .swi{padding-bottom: 76px;}
#i-news .cont .swi .slide{width: 31.43% !important; margin-right: 2.9%; background: #fff; border-radius: 5px; box-shadow: 0 0 20px 10px rgba(23, 50, 107, 5%);}
#i-news .cont .swi .slide:last-child{margin-right: 0;}
#i-news .cont .swi .slide .name{padding: 33px 20px; font-size: 16px; line-height: 26px; font-family: "微软雅黑"; color: #000000; }
#i-news .cont .swi .slide:hover{box-shadow: 0 0 20px 10px rgba(23, 50, 107, 10%);}
#i-news .cont .swi .slide:hover .name{color: #e60012; }
#i-news .cont .swi .swiper-pagination{display: flex; align-items: center; justify-content: center;}
#i-news .cont .swi .swiper-pagination-bullet{width: 12px; height: 12px; background: #afc3dd; opacity: 1;}
#i-news .cont .swi .swiper-pagination-bullet-active{width: 16px; height: 16px; background: #00459b;}
#i-news .cont .btn-box{width: 100%; height: 64px; top: 50%; left: 0; transform: translateY(-50%);}
#i-news .cont .btn-box .btn{width: 64px; height: 64px; border: 1px solid #00459b; border-radius: 50%;}
#i-news .cont .btn-box .btn.swiper-button-disabled{border: 1px solid #afc3dd;}
#i-news .cont .btn-box .btn.prev{left: -97px;}
#i-news .cont .btn-box .btn.next{right: -97px;}

@media screen and (max-width: 1440px) {
    #i-news .big-title::before{left: 20%;}
    #i-news .big-title::after{right: 20%;}
    #i-news .cont{width: 90%; margin: 0 auto;}
}

@media screen and (max-width: 1200px) {
    #i-news .cont .btn-box .btn.prev{left: -77px;}
    #i-news .cont .btn-box .btn.next{right: -77px;}
}

@media screen and (max-width: 1024px) {
    #i-news .cont .swi .slide{width: 48.43% !important;}
}

@media screen and (max-width: 750px){
    #i-news{padding: 60px 0; }
    #i-news .big-title{margin-bottom: 30px;}
    #i-news .big-title .tit-en{font-size: 26px; line-height: 30px;}
    #i-news .big-title::before,
    #i-news .big-title::after{display: none;}

    #i-news .cont{width: 80%;}
    #i-news .cont .swi .slide{width: 100% !important;}
    #i-news .cont .swi .slide .name{font-size: 26px; line-height: 1.8;}
    
}

/* 产品 */
#products{padding: 90px 0 100px; background: #f6f7fa;}
#products .big-title{width: 100%; margin-bottom: 44px; position: relative;}
#products .big-title .tit-cn{font-size: 40px; line-height: 60px; color: #153265; font-family: "微软雅黑"; margin-bottom: 8px;}
#products .big-title::before{content: ""; display: block; width: 190px; height: 1px; background: #7d8ba3; position: absolute; top: 30px; left: 26.43%;}
#products .big-title::after{content: ""; display: block; width: 190px; height: 1px; background: #7d8ba3; position: absolute; top: 30px; right: 26.43%;}
#products .box{width: 100%;}
#products .box .cate-list{display: flex; justify-content: center; margin-bottom: 70px;}
#products .box .cate-list .cate{padding: 11px 43px; font-size: 18px; color: #383c3f; font-family: "微软雅黑"; position: relative;}
#products .box .cate-list .cate::before{content:""; width: 1px; height: 12px; background: #bdbfc2; position: absolute; top: 38%; right: 0; }
#products .box .cate-list .cate:last-child::before{display: none;}
#products .box .cate-list .cate.cur{color: #fff; font-weight: bold; background: #153265; border-top-left-radius: 10px; border-top-right-radius: 35px; border-bottom-left-radius: 10px; border-bottom-right-radius: 35px;}
#products .box .cate-list .cate.cur::before{display: none;}
#products .box .list .pro-box{ }
#products .box .list .pro-box .item{width: 29.74% !important; margin-bottom: 60px; margin-right: 3.92%; padding: 40px 40px 42px; background: #fff; border-radius: 5px;}
#products .box .list .pro-box .item:nth-of-type(3n){margin-right: 0;}
#products .box .list .pro-box .item .name{font-size: 24px; line-height: 34px; color: #222222; font-family: "微软雅黑"; margin-bottom: 16px;font-weight: bold;}
#products .box .list .pro-box .item .tag-list{margin-bottom: 26px;}
#products .box .list .pro-box .item .tag-list .tag{margin: 0 10px 10px 0; padding: 0 14px; font-size: 14px; line-height: 31px; color: #fff; font-family: "微软雅黑"; background: #153265; border-radius: 5px;}
#products .box .list .pro-box .item .p1{font-size: 14px; line-height: 24px; color: #222222; font-family: "微软雅黑"; margin-bottom: 6px;}
#products .box .list .pro-box .item .p1.time{margin-bottom: 25px;}
#products .box .list .pro-box .item .more{padding: 18px 20px; background: #153265; display: flex; justify-content: space-between; border-top-left-radius: 5px; border-top-right-radius: 35px; border-bottom-left-radius: 5px; border-bottom-right-radius: 35px; position: relative; }
#products .box .list .pro-box .item .more .txt{font-size: 14px; color: #fff; font-family: "微软雅黑"; z-index: 5; transition: all .4s ease;}
#products .box .list .pro-box .item .more::before{content:""; width: 22px; height: 22px; background: #e60012; border-radius: 50%; position: absolute; bottom: -11px; left: -11px; transition:all .4s ease;}
#products .box .list .pro-box .item .more:hover{border-radius: 5px;}
#products .box .list .pro-box .item .more:hover::before{width: 100%; height: 150%; bottom: 0; left: 0; border-radius: 0; z-index: 0;transform: scaleX(1);transform-origin: left;}
#products .box .list .pro-box .paging[type='default'] .a:first-child,
#products .box .list .pro-box .paging[type='default'] .a:last-child{display: none}
#products .box .list .pro-box .paging[type='default'] .a{width: 50px; height: 50px; line-height: 50px; background: transparent;border-radius: 5px; border: 1px solid #153265; color: #153265; font-size: 14px; font-family: "微软雅黑"; } 
#products .box .list .pro-box .paging[type='default'] .a.cur{background: #153265; color: #fff;}

#products .m-cate{display: none;}

@media screen and (max-width: 1440px){
    #products .big-title::before{left: 20%;}
    #products .big-title::after{right: 20%;}
}
@media screen and (max-width: 1024px){
    #products .big-title::before{left: 15%;}
    #products .big-title::after{right: 15%;}

    #products .box .list .pro-box .item{width: 47.74% !important;}
    #products .box .list .pro-box .item:nth-of-type(3n){margin-right: 3.92%;}
    #products .box .list .pro-box .item:nth-of-type(2n){margin-right: 0;}
}
@media screen and (max-width: 750px){
    #products{padding: 60px 0 40px;}
    #products .big-title .tit-en{font-size: 26px; line-height: 30px;}
    #products .big-title{margin-bottom: 30px;}
    #products .big-title::before,
    #products .big-title::after{display: none;}

    #products .box .cate-list{display: none;}
    #products .m-cate{display: block; border: 2px solid #262626; border-radius: 5px; padding: 10px; margin-bottom: 20px;}
    #products .m-cate a{display: block;font-size: 26px; line-height: 1.8;padding: 10px 10px;}
    #products .m-cate .icon{width: 100px; height: 90px; background: url(/static/images/jt1-1.png) no-repeat center center; top: 0; right: 1%;}
    #products .m-cate .two-nav{height: 0; overflow: hidden; }
    #products .m-cate .two-nav .two a{padding: 10px 20px;}
    #products .m-cate .two-nav .two a.cur{background: #153265; color: #fff;}

    #products .list .cont .item .info .core{font-size: 30px;}
    #products .list .cont .item .info .name{bottom: -100px;}

    #products .box .list .pro-box .item{width: 100% !important; margin-right: 0;}
    #products .box .list .pro-box .item .name{font-size: 32px; line-height: 1.8;}
    #products .box .list .pro-box .item .tag-list .tag{font-size: 24px; line-height: 1.8; padding: 0 20px;}
    #products .box .list .pro-box .item .p1{font-size: 26px; line-height: 1.8;}
    #products .box .list .pro-box .item .more .txt{font-size: 24px;}
    #products .box .list .pro-box .item .more .jt{zoom: 1.5;}
    #products .box .list .pro-box .paging[type='default'] .a{font-size: 26px; } 
}

/*面包屑*/
#pro-crumbs{padding: 25px 0; background: #f6f7fa;}
#pro-crumbs .box {display: flex; align-items: center;}
#pro-crumbs .box .txt1{font-size: 14px;color: #9ca0a4;}
#pro-crumbs .box .icon{font-size: 14px;color: #9ca0a4;margin: 0 6px;}
#pro-crumbs .box .txt2{font-size: 14px;color: #383c3f;}
#pro-crumbs .box .icon-add{margin-right: 15px;}

@media (max-width: 750px){
	#pro-crumbs .box .txt1,
	#pro-crumbs .box .icon,
	#pro-crumbs .box .txt2{font-size: 28px;}
}

#pro-detail{padding-bottom: 86px; background: #f6f7fa;}
#pro-detail .cont{display: flex; justify-content:space-between; align-items: flex-start;}
#pro-detail .cont .left{width: 74.29%;}
#pro-detail .cont .left .info{width: 100%; margin-bottom: 20px; padding: 30px 40px; display: flex; justify-content:space-between; align-items:center; background: #fff; border-radius: 5px; }
#pro-detail .cont .left .info .l .tit{font-size: 30px; line-height: 50px; color: #1f2122; font-family: "微软雅黑"; margin-bottom: 13px;}
#pro-detail .cont .left .info .l .trait{width: 100%; margin-bottom: 24px; display: flex; align-items: center;}
#pro-detail .cont .left .info .l .trait .li{margin-right: 40px;}
#pro-detail .cont .left .info .l .trait .li .top{display: flex; align-items: center;}
#pro-detail .cont .left .info .l .trait .li .top .icon{margin-right: 11px;}
#pro-detail .cont .left .info .l .trait .li .top .name{font-size: 14px; line-height: 21px; color: #9ca0a4; font-family: "微软雅黑";}
#pro-detail .cont .left .info .l .trait .li .bot{margin-left: 34px; font-size: 16px; line-height: 36px; color: #383c3f; font-family: "微软雅黑";}
#pro-detail .cont .left .info .l .tag-list{}
#pro-detail .cont .left .info .l .tag-list .tag{padding: 12px 15px; margin: 0 10px 10px 0; background: #153265; color: #fff; font-size: 14px; font-family: "微软雅黑"; border-radius: 5px;}
#pro-detail .cont .left .info .pic{box-shadow: 0 0 20px 10px rgba(2,12,38,10%); border-radius: 11px;}

#pro-detail .cont .left .box{background: #fff; border-radius: 5px; padding-bottom: 60px;}
#pro-detail .cont .left .box .cate-list{line-height: 69px; border-bottom: 1px solid #f6f7fa; padding: 0 30px;}
#pro-detail .cont .left .box .cate-list .cate{font-size: 16px; color: #383c3f; font-family: "微软雅黑"; margin-right: 52px;}
#pro-detail .cont .left .box .cate-list .cate.cur{color: #153265; border-bottom: 3px solid #153265;}
#pro-detail .cont .left .box .list{padding: 33px 60px; }
#pro-detail .cont .left .box .list .item *{font-size: 14px; font-family: "微软雅黑"; line-height: 28px; color: #383c3f;}
#pro-detail .cont .left .box .list .item.l1{}
#pro-detail .cont .left .box .list .item.l1 .li-item{width: 100%; padding: 17px 0 14px; display: flex; border-bottom: 1px dashed #e5e5e5;}
#pro-detail .cont .left .box .list .item.l1 .li-item:last-child{border-bottom:0;}
#pro-detail .cont .left .box .list .item.l1 .li-item .left{width: 26.8%; color: #9ca0a4;}
#pro-detail .cont .left .box .list .item.l1 .li-item .right{width: 73.1%;}

#pro-detail .cont .right{width: 21.43%;}
#pro-detail .cont .right .ad{width: 100%; border-radius: 5px;}

@media screen and (max-width: 750px){
    #pro-detail{padding-bottom: 40px;}
    #pro-detail .cont{flex-wrap: wrap;}
    #pro-detail .cont .left{width: 100%;}
    #pro-detail .cont .left .info {flex-direction: column-reverse;}
    #pro-detail .cont .left .info .l .tit{font-size: 32px;}
    #pro-detail .cont .left .info .l .trait{flex-wrap: wrap;}
    #pro-detail .cont .left .info .l .trait .li .top .name,
    #pro-detail .cont .left .info .l .trait .li .bot,
    #pro-detail .cont .left .info .l .tag-list .tag{font-size: 26px; line-height: 1.8;}
    #pro-detail .cont .left .box .cate-list .cate{font-size: 26px; margin-right: 25px;}
    #pro-detail .cont .left .box .list .item *{font-size: 26px; line-height: 1.8;}
    #pro-detail .cont .left .box .list .item.l1 .li-item .left{width: 47.8%;}

    #pro-detail .cont .right{width: 100%; margin-top: 40px;}
}

/* 历史进程 */
#history{padding: 90px 0 100px;}
#history .big-title{width: 100%; margin-bottom: 97px; position: relative;}
#history .big-title .tit-cn{font-size: 40px; line-height: 60px; color: #17326b; font-family: "微软雅黑"; margin-bottom: 8px;}
#history .big-title .tit-en{font-size: 16px; line-height: 22px; color: #c9c9ca; font-family: "Arial";}
#history .big-title::before{content: ""; display: block; width: 190px; height: 1px; background: #e4e4e4; position: absolute; top: 30px; left: 26.43%;}
#history .big-title::after{content: ""; display: block; width: 190px; height: 1px; background: #e4e4e4; position: absolute; top: 30px; right: 26.43%;}
#history .line{width: 100%;height: 1px;background: #e4e4e4;top: 50%; left: 0; transform: translateY(-50%);}
#history .cont{display: flex; justify-content: space-around; align-items: center;background: url(/static/images/map.png) no-repeat center; }
#history .container{width: 970px; margin: 0;padding: 0 0 0 30px;}
#history .slide{width: 28.87% !important; height: 490px; margin-right: 6.42% !important;}
#history .slide .li{height: 100%; display: flex; flex-direction: column;}
#history .slide .li .top{height: 40.81%; margin-bottom: 25%;}
#history .slide .li .top .year{font-size: 40px; line-height:49px; font-family: DB; color: #153265; margin-bottom: 9px;}
#history .slide .li .top .pic{border: 5px solid transparent;}
#history .slide .li .bot {height: 40.81%;}
#history .slide .li .bot .tit{font-size: 18px; line-height: 28px; font-family: "微软雅黑"; margin-bottom: 11px; color: #153265;}
#history .slide .li .bot .brief{ font-size: 14px; line-height:24px; color: #63666d;font-family: "微软雅黑"; margin-bottom: 11px;}
#history .slide .li .icon{width: 17px; height: 17px; border-radius: 50%; background: #fff; top: 50%; left: 0; transform: translateY(-50%);}
#history .slide .li .icon2{width: 9px; height: 9px; border-radius: 50%; background: #153265; top: 50%; left: 5px; transform: translateY(-50%);}

#history .slide:nth-of-type(2n) .li{flex-direction: column-reverse; padding-bottom: 30px;}
#history .slide:nth-of-type(2n) .li .top{height: 45.81%;margin-bottom:0;}
#history .slide:nth-of-type(2n) .li .bot{height: 32.81%}
#history .slide:hover .li .top .pic,
#history .slide:hover .li .top .pic{border: 5px solid #fff; box-shadow: 0 0 30px 5px rgba(6, 20, 41, 29%);}
#history .slide:hover .li .icon2{background: #e60012;}
#history .slide:hover .li .bot .tit{color: #e60012;}

#history .cont .btn{width: 60px; height: 60px; border-radius: 50%; background: #eaecf2; top: 50%; transform: translateY(-50%)}
#history .cont .btn.prev{left: -7%;}
#history .cont .btn.next{right: -7%;}
#history .cont .btn:hover{background: #fff; border: 1px solid #000;}

@media screen and (max-width: 1440px) {
    #history .cont .btn.prev{left: -3%;}
    #history .cont .btn.next{right: -3%;}
}

@media screen and (max-width: 1366px) {
    #history .cont .btn.prev{left: -6%;}
    #history .cont .btn.next{right: -6%;}
}

@media screen and (max-width: 1280px) {
    #history .cont .btn.prev{left: -7%;}
    #history .cont .btn.next{right: -7%;}
}

@media screen and (max-width: 1200px) {
    #history .container{width: 80%;}
    #history .slide{width: 40% !important;}
}

@media screen and (max-width: 750px){
    #history{padding: 60px 0;}
    #history .big-title{margin-bottom: 30px;}
    #history .big-title::after,
    #history .big-title::before{display: none;}
    #history .slide {width: 76% !important; height: 600px;}
    #history .slide .li .bot .tit{ font-size: 32px;}
    #history .slide .li .bot .brief{ font-size: 26px; line-height: 1.8; }
    #history .cont .btn{top: -5%;}
    #history .cont .btn.prev{left: 0;}
    #history .cont .btn.next{right: 0;}
}

/* 合作伙伴 */
#partner{padding: 80px 0 115px; background: #f6f7fa;}
#partner .big-title{width: 100%; margin-bottom: 44px; position: relative;}
#partner .big-title .tit-cn{font-size: 40px; line-height: 60px; color: #17326b; font-family: "微软雅黑"; margin-bottom: 8px;}
#partner .big-title .tit-en{font-size: 16px; line-height: 22px; color: #c9c9ca; font-family: "Arial";}
#partner .big-title::before{content: ""; display: block; width: 190px; height: 1px; background: #e4e4e4; position: absolute; top: 30px; left: 19.43%;}
#partner .big-title::after{content: ""; display: block; width: 190px; height: 1px; background: #e4e4e4; position: absolute; top: 30px; right: 19.43%;}
#partner .cont .slide{width: 17.64% !important; height: 120px; background: #fff; border-radius: 5px;}
#partner .cont .btn{width: 64px; height: 64px; border-radius: 50%; border: 1px solid #203c6d; top: 50%; transform: translateY(-50%)}
#partner .cont .btn.prev{left: -7%;}
#partner .cont .btn.next{right: -7%;}
#partner .cont .btn.swiper-button-disabled{border: 1px solid #b2bccd;}

@media screen and (max-width: 1680px){
    #partner .cont{width: 85%; margin: 0 auto;}
}

@media screen and (max-width: 1440px){
    #partner .big-title::before{left: 15%;}
    #partner .big-title::after{right: 15%;}
}

@media screen and (max-width: 1280px){
    #partner .big-title::before{left: 12%;}
    #partner .big-title::after{right: 12%;}
    #partner .cont .slide{width: 22% !important;}
}

@media screen and (max-width: 1024px){
    #partner .big-title::before{left: 5%;}
    #partner .big-title::after{right: 5%;}
    #partner .cont .slide{width: 30% !important;}
    #partner .cont .btn.prev {left: -10%;}
    #partner .cont .btn.next {right: -10%;}
}

@media screen and (max-width: 750px){
    #partner{padding: 60px 0;}
    #partner .big-title .tit-en{font-size: 26px; line-height: 30px;}
    #partner .big-title::before,
    #partner .big-title::after{display: none;}
    #partner .cont{width: 80%;}
    #partner .cont .slide{width: 46% !important;}
    #partner .cont .btn.prev {left: -13%;}
    #partner .cont .btn.next {right: -13%;}
}

/* 分公司展示 */
#branch{padding: 90px 0 100px;}
#branch .big-title{width: 100%; margin-bottom: 55px; position: relative;}
#branch .big-title .tit-cn{font-size: 40px; line-height: 60px; color: #17326b; font-family: "微软雅黑"; margin-bottom: 8px;}
#branch .big-title .tit-en{font-size: 16px; line-height: 22px; color: #c9c9ca; font-family: "Arial";}
#branch .big-title::before{content: ""; display: block; width: 190px; height: 1px; background: #e4e4e4; position: absolute; top: 30px; left: 19.43%;}
#branch .big-title::after{content: ""; display: block; width: 190px; height: 1px; background: #e4e4e4; position: absolute; top: 30px; right: 19.43%;}
#branch .cont .container{padding: 30px 20px}
#branch .cont .slide{width: 31.42% !important; padding: 25px; background: #fff; border-radius: 5px; box-shadow: 0 20px 20px 0 rgba(23, 50, 107, 10%);}
#branch .cont .slide .pic{border-radius: 5px; margin-bottom: 22px;}
#branch .cont .slide .info .name{font-size: 18px; line-height: 38px; color: #17326b; font-family: "微软雅黑";margin-bottom: 7px;}
#branch .cont .slide .info .add>div{font-size: 14px; line-height: 30px; color: #383c3f; font-family: "微软雅黑";}
#branch .cont .slide .info .add>div span{width: 12%; }
#branch .cont .slide .info .add>div div{width: 85%; }
#branch .cont .btn{width: 64px; height: 64px; border-radius: 50%; border: 1px solid #203c6d; top: 50%; transform: translateY(-50%)}
#branch .cont .btn.prev{left: -7%;}
#branch .cont .btn.next{right: -7%;}
#branch .cont .btn.swiper-button-disabled{border: 1px solid #b2bccd;}

@media screen and (max-width: 1440px){
    #branch .cont{width: 85%; margin: 0 auto;}
    #branch .cont .slide .info .add>div span {width: 15%;}
}

@media screen and (max-width: 1280px){
    #branch .cont .slide{width: 32% !important;}
    #branch .cont .slide .info .add>div span {width: 17%;}
    #branch .cont .slide .info .add>div div {width: 83%;}
}

@media screen and (max-width: 1200px){
    #branch .cont .slide .info .add>div span {width: 19%;}
    #branch .cont .slide .info .add>div div {width: 81%;}
}

@media screen and (max-width: 1024px){
    #branch .cont .slide{width: 49% !important;}
    #branch .cont .btn.prev {left: -10%;}
    #branch .cont .btn.next {right: -10%;}
    #branch .cont .slide .info .add>div span {width: 14%;}
}

@media screen and (max-width: 750px){
    #branch{padding: 60px 0;}
    #branch .big-title{margin-bottom: 30px;}
    #branch .big-title::before,
    #branch .big-title::after{display: none;}
    #branch .cont .slide{width: 100% !important;}
    #branch .cont .slide .info .name{font-size:32px;}
    #branch .cont .slide .info .add>div{font-size: 26px; line-height: 1.8;}
    #branch .cont .slide .info .add>div span {width: 16%;}
}


/* 企业风采 */
#speech{padding: 90px 0 110px;}
#speech .big-title{width: 100%; margin-bottom: 74px; position: relative;}
#speech .big-title .tit-cn{font-size: 40px; line-height: 60px; color: #17326b; font-family: "微软雅黑"; margin-bottom: 8px;}
#speech .big-title .tit-en{font-size: 16px; line-height: 22px; color: #c9c9ca; font-family: "Arial";}
#speech .big-title::before{content: ""; display: block; width: 190px; height: 1px; background: #e4e4e4; position: absolute; top: 30px; left: 26.43%;}
#speech .big-title::after{content: ""; display: block; width: 190px; height: 1px; background: #e4e4e4; position: absolute; top: 30px; right: 26.43%;}
#speech .txt{width: 100%; display: flex; justify-content: space-around; align-items: center;}
#speech .txt .pic{width: 42.14%; border-radius: 5px;}
#speech .txt .info{width: 47.86%; }
#speech .txt .info .name{font-size: 26px; line-height: 46px; color: #17326b;font-family: "微软雅黑"; margin-bottom: 4px;}
#speech .txt .info .job{font-size: 18px; line-height: 29px; color: #383c3f;font-family: "微软雅黑"; margin-bottom: 74px;}
#speech .txt .info .brief{padding: 75px 11.94% 0 8.5%; font-size: 14px; line-height: 30px; color: #383c3f; font-family: "微软雅黑"; position: relative;}
#speech .txt .info .brief:before{content: ""; display: block; width: 22px; height: 21px; background: url(/static/images/pic24.png) no-repeat center center; position: absolute; top: 0; left: 0;}
#speech .txt .info .brief:after{content: ""; display: block; width: 22px; height: 21px; background: url(/static/images/pic25.png) no-repeat center center; position: absolute; bottom: -75px; right: 0;}

@media screen and (max-width: 1440px){
    #speech .big-title::before{left: 15%;}
    #speech .big-title::after{right: 15%;}
}

@media screen and (max-width: 1280px){
    #speech .big-title::before{left: 12%;}
    #speech .big-title::after{right: 12%;}
}

@media screen and (max-width: 1024px){
    #speech .txt .info .job{margin-bottom: 20px;}
    #speech .txt .info .brief{padding-top: 45px;}
    #speech .txt .info .brief:after{bottom: -50px;}
}
@media screen and (max-width: 750px){
    #speech{padding: 60px 0;}
    #speech .big-title{margin-bottom: 30px;}
    #speech .big-title .tit-en{font-size: 26px; line-height: 30px;}
    #speech .big-title::before,
    #speech .big-title::after{display: none;}

    #speech .txt{flex-direction:column;}
    #speech .txt .pic{width: 100%;}
    #speech .txt .info{width: 100%; margin-top: 30px;}
    #speech .txt .info .name{font-size: 34px;}
    #speech .txt .info .job{font-size: 30px;}
    #speech .txt .info .brief{font-size: 26px; line-height: 1.8; padding: 75px 6.94% 0 8.5%;}
    #speech .txt .info .brief:after{bottom: -25px;}
    
}

/* 企业文化 */
#culture{padding: 90px 0 105px; background: #f6f7fa;}
#culture .big-title{width: 100%; margin-bottom: 55px; position: relative;}
#culture .big-title .tit-cn{font-size: 40px; line-height: 60px; color: #17326b; font-family: "微软雅黑"; margin-bottom: 8px;}
#culture .big-title .tit-en{font-size: 16px; line-height: 22px; color: #c9c9ca; font-family: "Arial";}
#culture .big-title::before{content: ""; display: block; width: 190px; height: 1px; background: #e4e4e4; position: absolute; top: 30px; left: 26.43%;}
#culture .big-title::after{content: ""; display: block; width: 190px; height: 1px; background: #e4e4e4; position: absolute; top: 30px; right: 26.43%;}
#culture .list{width: 100%; display: flex; justify-content: space-between; }
#culture .list .item{width: 33.43%; height: 480px; display: flex; flex-direction: column;}
#culture .list .item:nth-of-type(2){flex-direction: column-reverse;}
#culture .list .item .top{height: 50%; background: #fff; padding: 59px 63px 0; position: relative;}
#culture .list .item .top:before{content:""; display: block; width: 10px; height: 6px; background: url(/static/images/pic29.png) no-repeat center center; position: absolute; bottom: -6px; left: 50%; transform: translateX(-50%); z-index: 4;}
#culture .list .item:nth-of-type(2) .top:before{top: -6px; transform: rotate(180deg);}
#culture .list .item .top .tit{font-size: 18px; line-height: 28px; color: #17326b; font-family: "微软雅黑"; margin-bottom: 20px;}
#culture .list .item .top .brief{font-size: 14px; line-height: 24px; color: #383c3f; font-family: "微软雅黑";}
#culture .list .item .bot{height: 50%; }

@media screen and (max-width: 1440px){
    #culture .big-title::before{left: 15%;}
    #culture .big-title::after{right: 15%;}
}

@media screen and (max-width: 1280px){
    #culture .big-title::before{left: 12%;}
    #culture .big-title::after{right: 12%;}
}

@media screen and (max-width: 1024px){
    #culture .big-title::before{left: 12%;}
    #culture .big-title::after{right: 12%;}
    #culture .list .item{height: 450px;}
    #culture .list .item .top{padding: 40px 30px 0;}
}
@media screen and (max-width: 750px){
    #culture{padding: 60px 0;}
    #culture .big-title .tit-en{font-size: 26px; line-height: 30px;}
    #culture .big-title::before,
    #culture .big-title::after{display: none;}

    #culture .list{flex-direction: column;}
    #culture .list .item{width: 100%; height: auto; margin-bottom: 20px;}
    #culture .list .item .top{padding: 40px 30px;}
    #culture .list .item .top .tit{font-size: 32px;}
    #culture .list .item .top .brief{font-size: 26px; line-height: 1.8;}
    #culture .list .item:nth-of-type(2){flex-direction: inherit;}
    #culture .list .item:nth-of-type(2) .top:before{top: inherit; transform: rotate(0);}
}

/* 员工风采 */
#style{padding: 90px 0 95px;}
#style .big-title{width: 100%; margin-bottom: 55px; position: relative;}
#style .big-title .tit-cn{font-size: 40px; line-height: 60px; color: #17326b; font-family: "微软雅黑"; margin-bottom: 8px;}
#style .big-title .tit-en{font-size: 16px; line-height: 22px; color: #c9c9ca; font-family: "Arial";}
#style .big-title::before{content: ""; display: block; width: 190px; height: 1px; background: #e4e4e4; position: absolute; top: 30px; left: 26.43%;}
#style .big-title::after{content: ""; display: block; width: 190px; height: 1px; background: #e4e4e4; position: absolute; top: 30px; right: 26.43%;}
#style .cont .slide{width: 23.07% !important;}
#style .cont .slide .pic{ margin-bottom: 24px;}
#style .cont .slide .tit{font-size: 14px; line-height: 24px; color: #383c3f; font-family: "微软雅黑";}
#style .cont .btn{width: 64px; height: 64px; border-radius: 50%; border: 1px solid #203c6d; top: 50%; transform: translateY(-50%)}
#style .cont .btn.prev{left: -7%;}
#style .cont .btn.next{right: -7%;}
#style .cont .btn.swiper-button-disabled{border: 1px solid #b2bccd;}

@media screen and (max-width: 1570px){
    #style .cont{width: 90%; margin: 0 auto}
}

@media screen and (max-width: 1440px){
    #style .big-title::before{left: 15%;}
    #style .big-title::after{right: 15%;}
}

@media screen and (max-width: 1280px){
    #style .big-title::before{left: 12%;}
    #style .big-title::after{right: 12%;}
}

@media screen and (max-width: 1024px){
    #style .big-title::before{left: 12%;}
    #style .big-title::after{right: 12%;}
    #style .cont .slide {width: 30.07% !important;}
    #style .cont .btn.prev{left: -10%;}
    #style .cont .btn.next{right: -10%;}
}
@media screen and (max-width: 750px){
    #style{padding: 60px 0;}
    #style .big-title{margin-bottom: 30px;}
    #style .big-title .tit-en{font-size: 26px; line-height: 30px;}
    #style .big-title::before,
    #style .big-title::after{display: none;}

    #style .cont .slide{width: 47% !important;}
    #style .cont .slide .tit{font-size: 26px; line-height: 1.8;}
    #style .cont .btn.prev{left: -11%;}
    #style .cont .btn.next{right: -11%;}
}

/* 新闻 */
#crumbs{width: 100%; background: #ffffff;border-bottom: 1px solid #e5e5e5;}
#crumbs .box{display: flex; justify-content: center; align-items: center; }
#crumbs .box .cate{line-height: 76px; margin-right: 47px; font-size: 16px; color: #383c3f;}
#crumbs .box .cate:last-child{margin-right:0;}
#crumbs .box .cate.cur{ color: #153265; position: relative;}
#crumbs .box .cate.cur:before{content:"";display: block; width: 100%; height: 3px; background:#153265; position: absolute;bottom: -2px; left:0;}

#news{padding: 80px 0 100px; background: #f6f7fa;}
#news .box{display: flex; justify-content: space-between;}
#news .box .new-list{width: 75.71%; }
#news .box .new-list .cont{width: 100%; display: flex; flex-wrap: wrap;}
#news .box .new-list .cont .item{width: 48.11%; margin-bottom: 40px; margin-right: 3.77%; border-radius: 5px; background: #fff;}
#news .box .new-list .cont .item:nth-of-type(2n){margin-right:0;}
#news .box .new-list .cont .item .tit{padding: 20px 20px 18px; font-size: 14px; line-height: 24px; color: #000; font-family: "微软雅黑";}
#news .box .new-list .cont .item:hover{box-shadow: 0 0 20px 10px rgba(23, 50, 107, 10%);}
#news .news-page{margin-top: 20px;}
#news .paging[type='default'] .a:first-child,
#news .paging[type='default'] .a:last-child{display: none}
#news .paging[type='default'] .a{width: 50px; height: 50px; line-height: 50px; background: transparent;border-radius: 5px; border: 1px solid #153265; color: #153265; font-size: 14px; font-family: "微软雅黑"; } 
#news .paging[type='default'] .a.cur{background: #153265; color: #fff;}

#news .box .hot-list{width: 21.43%; height: fit-content; background: #fff; border-radius: 5px; padding: 20px 29px;}
#news .box .hot-list .tit{font-size: 20px; line-height: 40px; color: #153265; font-family: "微软雅黑"; border-bottom: 1px solid #e5e5e5; padding-bottom: 10px; margin-bottom:  26px;}
#news .box .hot-list .list .li{ margin-bottom: 20px ;}
#news .box .hot-list .list .li .num{width: 30px; text-align: center; margin-right: 11px;font-size: 14px; line-height: 20px; color: #383c3f; font-family: "微软雅黑"; background: #e6e8ef; border-top-left-radius: 2px; border-top-right-radius: 10px; border-bottom-left-radius: 2px; border-bottom-right-radius: 10px}
#news .box .hot-list .list .li:nth-child(1) .num,
#news .box .hot-list .list .li:nth-child(2) .num,
#news .box .hot-list .list .li:nth-child(3) .num{background: #e60012; color: #fff;}
#news .box .hot-list .list .li a{width: 83%; font-size: 14px; line-height: 20px; color: #383c3f; font-family: "微软雅黑";}

/* 新闻详情 */
#news-crumbs{margin-top: 100px; padding: 26px 0 24px; background: #f6f7fa;}
#news-crumbs .box .txt1{font-size: 14px; line-height: 24px; color: #383c3f; font-family: "微软雅黑";}
#news-details{ padding-bottom: 60px; background: #f6f7fa;}
#news-details .content{width: 75.72%;}
#news-details .content .top{margin-bottom: 10px; padding: 40px; background: #fff; border-radius: 5px;}
#news-details .content .name{font-size: 30px; line-height: 50px; margin-bottom: 5px; color: #212223;font-family: "微软雅黑";}
#news-details .content .time{font-size: 14px; line-height: 22px; padding-bottom: 35px; margin-bottom: 30px; color: #383c3f;font-family: "微软雅黑"; border-bottom: 1px solid #e4e4e4;}
#news-details .content .details *{font-size: 18px; line-height: 36px; color: #383c3f; font-family: "微软雅黑";}
#news-details .content .details img{max-width: 100%;}
#news-details .content .page-box{padding: 38px 60px; border-radius: 5px; background: #fff;}
#news-details .content .page-box .page{font-size: 14px; line-height: 24px; color: #383c3f; font-family: "微软雅黑";}
#news-details .hot-list{width: 21.43%; height: fit-content; background: #fff; border-radius: 5px; padding: 20px 29px;}
#news-details .hot-list .tit{font-size: 20px; line-height: 40px; color: #153265; font-family: "微软雅黑"; border-bottom: 1px solid #e5e5e5; padding-bottom: 10px; margin-bottom:  26px;}
#news-details .hot-list .list .li{ margin-bottom: 20px ;}
#news-details .hot-list .list .li .num{width: 30px; text-align: center; margin-right: 11px;font-size: 14px; line-height: 20px; color: #383c3f; font-family: "微软雅黑"; background: #e6e8ef; border-top-left-radius: 2px; border-top-right-radius: 10px; border-bottom-left-radius: 2px; border-bottom-right-radius: 10px}
#news-details .hot-list .list .li:nth-child(1) .num,
#news-details .hot-list .list .li:nth-child(2) .num,
#news-details .hot-list .list .li:nth-child(3) .num{background: #e60012; color: #fff;}
#news-details .hot-list .list .li a{width: 83%; font-size: 14px; line-height: 20px; color: #383c3f; font-family: "微软雅黑";}

@media screen and (max-width: 750px){
    #crumbs .box .cate{font-size: 26px;}
    #news .box{flex-wrap: wrap;}
    #news .box .new-list{width: 100%; margin-bottom: 50px;}
    #news .box .new-list .cont .item{width: 100%; margin-bottom: 3%; margin-right: 0;}
    #news .box .new-list .cont .item .tit{font-size: 26px; line-height: 40px;}
    #news .paging[type='default'] .a{width: 60px; height: 60px; line-height: 60px; font-size: 24px;}
    #news .box .hot-list{width: 100%;}
    #news .box .hot-list .tit{font-size: 28px; line-height: 50px;}
    #news .box .hot-list .list .li .num{width: 60px; font-size: 24px; line-height: 40px; border-top-left-radius: 4px; border-top-right-radius: 20px; border-bottom-left-radius: 4px; border-bottom-right-radius: 20px}
    #news .box .hot-list .list .li a{width: calc(100% - 75px); font-size: 26px; line-height: 40px; }
    #news-details .hot-list{width: 100%;}
    #news-details .hot-list .tit{font-size: 28px; line-height: 50px;}
    #news-details .hot-list .list .li .num{width: 60px; font-size: 24px; line-height: 40px; border-top-left-radius: 4px; border-top-right-radius: 20px; border-bottom-left-radius: 4px; border-bottom-right-radius: 20px}
    #news-details .hot-list .list .li a{width: calc(100% - 75px); font-size: 26px; line-height: 40px; }

    #news-crumbs .box .icon{zoom: 2.5;}
    #news-crumbs .box .txt1{font-size: 24px; line-height: 40px;}
    #news-details .content{width: 100%;margin-bottom: 20px;}
    #news-details .content .name{font-size: 32px; line-height: 60px;}
    #news-details .content .time{font-size: 24px; line-height: 30px;text-align: left;}
    #news-details .content .details *,
    #news-details .content .details p *{font-size: 26px !important; line-height: 1.8;}
    #news-details .content .page-box .page{font-size: 26px;line-height: 1.5;margin-bottom: 30px;}
    #news-details .content .page-box .page:last-child{margin-bottom: 0;}
    #news-details .sidebar{width: 100%;}
}

#user{background: #f6f7fa; padding-bottom: 60px;}
#user .content{ padding: 40px; background: #fff; border-radius: 5px;}
#user .content .name{font-size: 30px; line-height: 50px; margin-bottom: 25px; color: #212223;font-family: "微软雅黑"; font-weight: bold; }
#user .content .time{font-size: 14px; line-height: 22px; padding-bottom: 35px; margin-bottom: 30px; color: #383c3f;font-family: "微软雅黑"; border-bottom: 1px solid #e4e4e4;}
#user .content .details *{font-size: 18px; line-height: 36px; color: #383c3f; font-family: "微软雅黑";}

@media screen and (max-width: 750px){
    #user .content .details *,
    #user .content .details p *{font-size: 26px !important; line-height: 1.8;}
}

/* 联系我们 地图 */
#map{width: 100%;height: 580px; margin-top: 100px;}
#map .box{height: 100%;}
#map .left{padding: 26px 36px; background: #fff; border-radius: 5px; top: 30.17%; left: 10.43%;}
#map .left .tit{font-size: 18px; line-height: 27px; color: #153265; font-family: MSR; margin-bottom: 11px;}
#map .left .message{font-size: 16px; line-height: 26px; color: #383c3f; font-family: MSR; }
#map .left:before{content: ""; display: block; width: 20px; height: 13px; background: url(/static/images/icon05.png) no-repeat center center; position: absolute; bottom: -12px; right: 33px;}
#map .left:after{content: ""; display: block; width: 27px; height: 36px; background: url(/static/images/icon06.png) no-repeat center center; position: absolute; bottom: -55px; right: 0;}
#map .right{width: 35.71%; height: 100%; padding: 63px 75px; top: 0; right: 0; background: #1a3769;}
#map .right .part{margin-bottom: 43px;}
#map .right .part .txt{font-size: 20px; line-height: 30px; color: #fff; font-family: "微软雅黑"; margin-bottom: 16px;}
#map .right .part .info .p1{font-size: 14px; line-height: 24px; color: #fff; opacity:.8; font-family: "微软雅黑";
display: flex;}
#map .right .part .info .p1>div:first-child{margin-right: 5px;}

@media screen  and (max-width: 1024px){
    #map .right{width: 40%; padding: 55px 50px; }
}

@media screen and (max-width: 750px){
    #map{height: 350px; margin-bottom: 800px;}
    #map .box{width: 100%;}
    #map .left{top: 12.17%; left: 27.43%;}
    #map .left:before{bottom: -5px; right: 0; lefT: 33px; transform: rotate(142deg);}
    #map .left:after{bottom: -43px; left: 13px;}

    #map .right{width: 100%; height: max-content; top: 100%;}
    #map .right .part .txt{font-size: 30px; }
    #map .right .part .info .p1{font-size: 26px; line-height: 1.8;}
}

#contact{padding: 90px 0 50px;background: #f6f7fa;}
#contact .big-title{width: 100%; margin-bottom: 55px; position: relative;}
#contact .big-title .tit-cn{font-size: 40px; line-height: 60px; color: #17326b; font-family: "微软雅黑"; margin-bottom: 8px;}
#contact .big-title .tit-en{font-size: 16px; line-height: 22px; color: #c9c9ca; font-family: "Arial";}
#contact .big-title::before{content: ""; display: block; width: 190px; height: 1px; background: #e4e4e4; position: absolute; top: 30px; left: 26.43%;}
#contact .big-title::after{content: ""; display: block; width: 190px; height: 1px; background: #e4e4e4; position: absolute; top: 30px; right: 26.43%;}
#contact .list{width: 100%; display: flex; flex-wrap: wrap;}
#contact .list .item{width: 45.56%; margin-right: 4.29%; margin-bottom: 60px; padding: 25px 2.6%; background: #fff; border-radius: 5px;}
#contact .list .item:hover{box-shadow: 0 0 20px 10px rgba(23, 50, 107, 10%);}
#contact .list .item .pic{ border-radius: 5px; margin-bottom: 22px;}
#contact .list .item .name{font-size: 18px; line-height: 38px; color: #17326b; font-family: "微软雅黑"; margin-bottom: 7px;}
#contact .list .item .p1{display: flex;}
#contact .list .item .p1>div{font-size: 14px; line-height: 30px; color: #383c3f; font-family: "微软雅黑";}
#contact .list .item .p1>div:first-child{width: 40px;}
#contact .list .item .p1>div:last-child{width: calc(100% - 40px);}
#contact .list .item:hover .name{color: #e60012;}
@media screen and (max-width: 1440px){
    #contact .big-title::before{left: 20%;}
    #contact .big-title::after{right: 20%;}
}
@media screen and (max-width: 1024px){
    #contact .big-title::before{left: 15%;}
    #contact .big-title::after{right: 15%;}
}
@media screen and (max-width: 750px){
    #contact{padding: 60px 0;}
    #contact .big-title .tit-en{font-size: 26px; line-height: 30px;}
    #contact .big-title::before,
    #contact .big-title::after{display: none;}
    #contact .list .item{width: 100%; margin-right: 0; margin-bottom: 3%;}
    #contact .list .item .name{font-size: 28px; line-height: 45px;font-weight: bold;}
    #contact .list .item .p1>div{font-size: 24px; line-height: 40px;}
    #contact .list .item .p1>div:first-child{width: 80px;}
    #contact .list .item .p1>div:last-child{width: calc(100% - 80px);}
}

#form-box{padding: 90px 0 110px;}
#form-box .big-title{width: 100%; margin-bottom: 55px; position: relative;}
#form-box .big-title .tit-cn{font-size: 40px; line-height: 55px; color: #17326b; font-family: "微软雅黑"; margin-bottom: 8px;}
#form-box .big-title .tit-en{font-size: 16px; line-height: 22px; color: #c9c9ca; font-family: "Arial";}
#form-box .big-title::before{content: ""; display: block; width: 190px; height: 1px; background: #e4e4e4; position: absolute; top: 30px; left: 26.43%;}
#form-box .big-title::after{content: ""; display: block; width: 190px; height: 1px; background: #e4e4e4; position: absolute; top: 30px; right: 26.43%;}
#form-box .apply-box{background: #f6f7fa; border-radius: 5px;}
#form-box .apply-box .cate-list{width: 100%; display: flex; background: #17326b; border-radius: 5px;}
#form-box .apply-box .cate-list .cate{width: 33.36%; line-height: 70px; border-radius: 5px; display: flex; justify-content: center;}
#form-box .apply-box .cate-list .cate.cur{background: #f6f7fa;}
#form-box .apply-box .cate-list .cate .txt{font-size: 18px; color: #fff; font-family: "微软雅黑"; }
#form-box .apply-box .cate-list .cate.cur .txt{color: #17326b;}
#form-box .apply-box .cate-list .cate .icon{margin-right: 20px;}
#form-box .apply-box .cate-list .cate .icon .i1{display: inline-block;}
#form-box .apply-box .cate-list .cate .icon .i2{display: none;}
#form-box .apply-box .cate-list .cate.cur .icon .i1{display: none;}
#form-box .apply-box .cate-list .cate.cur .icon .i2{display: inline-block;}
#form-box .apply-box .list{padding: 50px 60px; }
#form-box .apply-box .list .item{}
#form-box .apply-box .list .item .text{width: 100%; display: flex; justify-content: space-between; margin-bottom: 40px;}
#form-box .apply-box .list .item .text .input{display: flex; margin-right: 3.8%;}
#form-box .apply-box .list .item .text .input:nth-of-type(1){width: 23.72%;}
#form-box .apply-box .list .item .text .input:nth-of-type(2){width: 30.7%;}
#form-box .apply-box .list .item .text .input:nth-of-type(3){width: 38.29%; margin-right: 0;}
#form-box .apply-box .list .item .text .input .tit{width: 39.1%; line-height: 50px; font-size: 14px; color: #383c3f; font-family: "微软雅黑";}
#form-box .apply-box .list .item .text .input input{width: 100%; border-radius: 5px; border: 1px solid #dadce2; background: #fff; padding: 0 20px; font-size: 14px; color: #17326b;}
#form-box .apply-box .list .item .text .input input[type=text]:focus{border: 1px solid #17326b;}
#form-box .apply-box .list .mess{display: flex; margin-bottom: 40px;}
#form-box .apply-box .list .mess .tit{width: 6.7%; line-height: 50px; font-size: 14px; color: #383c3f; font-family: "微软雅黑";}
#form-box .apply-box .list .mess textarea{width: 100%; height: 190px; border: 1px solid #dadce2; border-radius: 5px; padding: 13px 20px;line-height: 24px;background-color: #fff;resize:none; font-size: 14px; font-family: '微软雅黑'; color: #17326b;}
#form-box .apply-box .list .mess textarea:focus{border-color: #17326b;}
#form-box .apply-box .list .btn_box{margin-left: 86px;}
#form-box .apply-box .list .btn_box input{width: 200px; padding: 17px 0; border-top-left-radius: 5px; border-top-right-radius: 35px; border-bottom-left-radius: 5px; border-bottom-right-radius: 35px; background-color: #e60012; color: #fff; font-size: 16px; letter-spacing: 10px;}
@media screen and (max-width: 1440px){
    #form-box .big-title::before{left: 20%;}
    #form-box .big-title::after{right: 20%;}
}
@media screen and (max-width: 1280px){
    #form-box .big-title::before{left: 15%;}
    #form-box .big-title::after{right: 15%;}
    #form-box .apply-box .list .item .text .input{flex-direction: column;}
    #form-box .apply-box .list .item .text .input input{height: 50px;line-height: 50px;}
    #form-box .apply-box .list .mess{flex-direction: column;}
    #form-box .apply-box .list .mess .tit{width: 100%;}
    #form-box .apply-box .list .btn_box{margin-left: 0;}
}
@media screen and (max-width: 1024px){
    #form-box .big-title::before{left: 15%;}
    #form-box .big-title::after{right: 15%;}
}
@media screen and (max-width: 750px){
    #form-box .big-title .tit-en{font-size: 26px; line-height: 30px;}
    #form-box .big-title::before,
    #form-box .big-title::after{display: none;}
    #form-box .apply-box .cate-list .cate .txt{font-size: 28px;}
    #form-box .apply-box .list .item .text{flex-wrap: wrap;}
    #form-box .apply-box .list .item .text .input{flex-direction: row;width: 100%;margin-right: 0;margin-bottom: 20px;}
    #form-box .apply-box .list .item .text .input:nth-of-type(1){width: 100%;}
    #form-box .apply-box .list .item .text .input:nth-of-type(2){width: 100%;}
    #form-box .apply-box .list .item .text .input:nth-of-type(3){width: 100%;}
    #form-box .apply-box .list .item .text .input .tit{width: 150px; line-height: 60px; font-size: 24px;}
    #form-box .apply-box .list .item .text .input input{height: 60px;line-height: 60px; font-size: 24px;}
    #form-box .apply-box .list .mess{flex-direction: row;}
    #form-box .apply-box .list .mess .tit{width: 150px; line-height: 60px; font-size: 24px;}
    #form-box .apply-box .list .mess textarea{height: 200px;line-height: 40px;font-size: 24px;}
    #form-box .apply-box .list .btn_box input{width: 250px;font-size: 26px;}
}























