@charset "utf-8";
/* CSS Document */

/*===========================header=============================*/
#header,#nav ul li h3,.top_menu{ transition: .5s; -webkit-transition: .5s; -moz-transition: .5s; -ms-transition: .5s; -o-transition: .5s; }
#header{ z-index:999; height:96px; width:100%; top: 0; z-index: 998; transition: .5s; -webkit-transition: .5s; -moz-transition: .5s; -ms-transition: .5s; -o-transition: .5s; position:absolute; background:rgba(0, 0, 0, 0.3) }
#header>.m{ display: flex;  justify-content: space-between; align-items: center; }  
#logo{ flex-shrink:0; width:38%}
#logo a{ display: flex; height: 100%; align-items: center;}
#logo img{ transition: .5s; -webkit-transition: .5s; -moz-transition: .5s; -ms-transition: .5s; -o-transition: .5s; }
#logo .img01{ display: block;}
.m {
    max-width: 1600px;
    width: 100%;
    padding: 0 80px;
    height: 100%;
    margin: 0 auto;
    display: block;   
}

#nav{ flex-grow: 1; width:60%;  }
#nav ul{ display: flex; justify-content: space-between;}
#nav ul li{ float:left; position:relative; z-index:0; flex-grow: 1; text-align: center; list-style:none}
#nav ul li a{ display:block; text-transform:uppercase; font-size: 0;}
#nav ul li h3{ font-size:16px; color:#fff; line-height:96px; overflow:hidden; text-align: center; position:relative; z-index: 1; display:inline-block;}
#nav ul li.on,#nav ul li:hover{ background: rgba(0,0,0,0.3);}
/*#nav ul li h3:before{ content: ""; display: block; transition: .5s width; width: 0 !important; height: 15px;  background: url("../images/nav_hover01.png") center no-repeat;  position: absolute; top: 50%; margin-top: 1rem; opacity: 0; left: 50%; transform: translateX(-50%); -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); }
#nav ul li.on h3:before,#nav ul li:hover h3:before{ width: 34px !important; opacity: 1; }*/
#nav li .sub {position: absolute;background: rgba(0,0,0,.3);width:100%;  position: absolute;left: 50%; top: 100%;z-index: 999;-webkit-box-shadow: 0px 3px 5px rgba(0, 0, 0, 0.2);-moz-box-shadow: 0px 3px 5px rgba(0, 0, 0, 0.2);box-shadow: 0px 3px 5px #3333334d;transform-origin: 0 0 0;transform: scaleY(0.2) translateX(-50%);-webkit-transition: all 0.3s ease 0s;-moz-transition: all 0.3s ease 0s;transition: all 0.3s ease 0s;opacity: 0;visibility: hidden; border-radius: 0 0 .625rem .625rem;}
#nav li .sub .box{padding: 0;text-align: center; }
#nav li .sub a{padding: 0;line-height: 2.5rem;transition: .3s;font-size: .875rem;color: #fff; text-align: center; white-space: nowrap;border-bottom: 1px solid rgba(0,0,0,0.1);}
#nav li .sub a:hover{ background: #fff; color: #2D5BC4; }
#nav li:hover .sub{ filter: alpha(opacity=100); -moz-opacity: 1; -khtml-opacity: 1; opacity: 1; visibility: visible; transform: translateY(0px) translateX(-50%); }

#lan ul li{ font-size:.9rem; color:#fff; tline-height:1.5rem; display:inline-block;}
#lan ul li:hover{color:#2d5bc4;}


#header.ny #lan ul li{ font-size:.9rem; color:#333; line-height:1.5rem;}
#header.ny #lan ul li:hover{color:#2d5bc4;}

#header.xg{height: 6rem; background: rgba(255, 255, 255, .9); box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15);}
#header.xg #nav ul li h3{ line-height:  6rem; color: #333;}
#header.xg #nav ul li h3:before{ background: url("../images/nav_hover01.png") center no-repeat;}
#header.xg #logo .img01{ display: block;}
#header.xg #logo .img02{ display: none;}


#header #nav ul li h3:before{ background: url("../images/nav_hover01.png") center no-repeat;}

#header.ny{height: 7.1875rem; background: rgba(255, 255, 255, 1); box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15);}
#header.ny #nav ul li h3{ line-height:  7.1875rem; color: #333;}
#header.ny #nav ul li h3:before{ background: url("../images/nav_hover01.png") center no-repeat;}
#header.ny #logo .img01{ display: block;}

/***********************/

/*手机导航开始*/
#m_header{ display:none; height:4.5rem; position:fixed; top:0; width:100%; z-index:999; transition:0s 1.5s; background: rgba(255, 255, 255, 1); box-shadow: 0 0 3px rgba(0, 0, 0, 0.15);}
#m_header .m{ position:relative; height:100%;}
.m_user{ height:4.5rem; line-height: 4.5rem; margin-right: 4rem; color: #999;}
.m_user a{ display: inline-block; margin: 0 .625rem; color: #666;}
.m_user a svg{ width: 16px;}
.m_user a:hover{ color: #ff0000;}
.m_user a:hover svg path{ fill: #ff0000;}
#m_logo{ transition:0s 1.5s; height:100%; visibility:visible; float: left; display: flex; align-items: center;}
#m_logo img{ display:block; height: 36px;}
/*导航按钮开始*/
/*导航按钮开始*/
#nav_btn_box{ height:100%; z-index:999999999; margin-left:20px; position:fixed; height:4.5rem; right:0; top: 0; display:none; }
#nav_btn_box .m{ height: 100%; display: flex; align-items: center;}
#nav_btn_box.on{ background:none;  }
#nav_btn{}
#nav_btn .point.on .navbtn::after, #nav_btn .point.on .navbtn::before{background: #a0a0a0;}
#nav_btn{ cursor: pointer; text-align: center;z-index:99999; padding-bottom:4px; transition:.5s;-webkit-transition:.5s;-moz-transition:.5s;-ms-transition:.5s;-o-transition:.5s; outline:none; box-shadow:none;}
#nav_btn .point{display: inline-block;width: 1.875rem;height: 22px; position: relative; outline:none;}
#nav_btn .point:hover .navbtn,
#nav_btn .point:hover .navbtn::after,
#nav_btn .point:hover .navbtn::before{width: 1.75rem;}
#nav_btn .navbtn{position: absolute;top: 12px;left: 0;display: inline-block;width: 21px;height: 1px;-webkit-transition: all .3s ease-out 0s;-moz-transition: all .3s ease-out 0s;-ms-transition: all .3s ease-out 0s;-o-transition: all .3s ease-out 0s;transition: all .3s ease-out 0s;/* background: #333; */}
#nav_btn .navbtn::after,
#nav_btn .navbtn::before{position: absolute;left: 0;display: inline-block;width: 1.75rem;height: 3px;content: '';-webkit-transition: all .3s ease-out 0s;-moz-transition: all .3s ease-out 0s;-ms-transition: all .3s ease-out 0s;-o-transition: all .3s ease-out 0s;transition: all .3s ease-out 0s;background: #999;}
.ny #nav_btn .navbtn::after,
.ny #nav_btn .navbtn::before{ background: #999;}
#nav_btn .navbtn::after{top: -5px;}
#nav_btn .navbtn::before{top: 5px;}
#nav_btn .point.on .navbtn{background: transparent;}
#nav_btn .point.on .navbtn::after{-webkit-transform: rotate(45deg);-moz-transform: rotate(45deg);-ms-transform: rotate(45deg);-o-transform: rotate(45deg);transform: rotate(45deg);top: 0px;}
#nav_btn .point.on .navbtn::before{-webkit-transform: rotate(-45deg);-moz-transform: rotate(-45deg);-ms-transform: rotate(-45deg);-o-transform: rotate(-45deg);transform: rotate(-45deg);top: 0px;}
/*导航按钮结束*/
.m_nav_list{/* flex-direction:column; *//* justify-content: flex-start; */width:100%;/* overflow: auto; */}
.m_nav_list::-webkit-scrollbar {display:none}
#m_nav .top_search{ display: flex; justify-content: center; margin-right: 0; margin-top: 1rem; margin-bottom: 1rem;}
#m_nav {
    z-index: -1;
    position: fixed;
    background: #eef2f6;
    width: 100%;
    height:100vh;
    right: 0;
    top: 0;
    display:none;
    padding:50px 0;
    overflow:hidden;
    pointer-events: none;
    transition: all 0.5s cubic-bezier(0.445, 0.145, 0.355, 1);
    -webkit-transition: all 0.5s cubic-bezier(0.445, 0.145, 0.355, 1);
    -moz-transition: all 0.5s cubic-bezier(0.445, 0.145, 0.355, 1);
    -o-transition: all 0.5s cubic-bezier(0.445, 0.145, 0.355, 1);
    -ms-transition: all 0.5s cubic-bezier(0.445, 0.145, 0.355, 1);
    display: block;
    overflow: auto;
    visibility: hidden;
    opacity: 0;
    }
#m_nav::-webkit-scrollbar{ display: none;}
#m_nav.act{pointer-events: auto;top:0; visibility: visible; opacity: 1;z-index: 99999;}
#m_nav>ul>li{width: 80%;overflow:hidden;padding: 0 1rem;margin: 0 auto;}
#m_nav>ul>li+li{border-top: 1px solid rgb(111 111 111 / 10%);}
#m_nav li .a{  }
#m_nav li .a h3{line-height:4.5rem;height:4.5rem;color: #3d3d3d;padding:0;font-size:1.25rem;float:left; font-weight: bold;}
#m_nav li .a span{ display:block; position:absolute; top:0; right:10px; width: 20px; height: 50px; text-align:center;}
#m_nav li .a span i{ font-size:0;}
#m_nav .title .a i{opacity:1;filter:alpha(opacity=100);display:inline-block;width: 16px;height:4.5rem;float:right;display:inline-block;background: url("../images/arrow_down.svg") center no-repeat;background-size:contain;}
#m_nav li.on.title .a i{ transform:rotate(-90deg);-webkit-transform:rotate(-90deg); -moz-transform:rotate(-90deg);}
#m_nav .on.title .a i{ transform:rotate(-90deg);-webkit-transform:rotate(-90deg); -moz-transform:rotate(-90deg);}
#m_nav li{display:block;width:100%;}
.slide_nav{ position: absolute; left:0; height: 70px; z-index: 998; padding:15px; top:0; width: 100%; }
#m_nav .title .list{display:none;position:relative;width:100%;z-index:9;left:0;margin-left:0;background:none;border:0;clear: both;padding-bottom:10px;}
#m_nav .title .list span{ background:none; }
#m_nav .title .list span a:hover{ color: #014085;}
#m_nav .title .list a{display:block;font-size:1.125rem;color: #666;text-align:left;line-height:35px;height: 35px;border:0; }
/*三级导航 开始*/
#m_nav .title .list .void>a{background-size:10px; position:relative;}
#m_nav .title .list .void>a:before{ content:"·"; position:absolute; left:-1em; font-size:12px; font-weight:bold;}
#m_nav .title .list span{ position:relative; display:block;}
#m_nav .title .list span .sub{ position: static; width:100%;display: block !important; overflow:hidden;}
#m_nav .title .sub a{ background:none; font-size:.875rem; opacity:.8; min-width:50%; float:left; display:inline-block; color:#999;}
.nav_mask { position: fixed; top: 0; left: 0;width: 100%;height: 100%;z-index: 1000;background-color: rgba(0,0,0,0.4);display: none;}

.search-dialog-box{
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 18rem;
    z-index: 1000000;
    opacity: 0;
    visibility: hidden;
    transition: .6s;
    /* overflow: hidden; */
}
.search-dialog-box:before{content:"";position:absolute;top:0;height:0; transition: .6s;left: 0;right: 0;z-index: 1; background: #2b4886;}
.search-dialog-box.on:before{ height:100%}
.search-dialog-box .bubbles-bg{
    opacity: 0;
    visibility: hidden;
    display: none;
}
.search-dialog-box .search-bg{
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 0;
    margin: 0;
    background: rgba(0,0,0,.7);
    background-size: cover;
    background-repeat: no-repeat;
    /* z-index: 1; */
    transform-origin: center center;
    transition: height .8s cubic-bezier(.77,0,.175,1);
}
.search-dialog-box .wrap-inner{
    transform:translateY(100%);
    transition: .6s;
}
.header-right .bubbles-bg{
    opacity: 0;
    visibility: hidden;
    transition: all .5s .8s;
}
.search-dialog-box .bubbles-bg .bubble{
    position: absolute;
}
.search-dialog-box .bubbles-bg .bubble .circle{
    border-radius: 100%;
    position: absolute;
    left: 0;
    top: 0;
    width:100%;
    height: 100%;
}
.search-dialog-box .bubbles-bg .bubble1{
    width:6%;
    padding-top: 6%;
    left: 26.875%;
    top: -6.67%;
}
.search-dialog-box .bubbles-bg .bubble1 .circle{
    border:1px solid #fff;
}
.search-dialog-box .bubbles-bg .bubble2{
    width:12px;
    padding-top: 12px;
    left: 13.54%;
    top: 18%;
}
.search-dialog-box .bubbles-bg .bubble2 .circle{
    background-color: #ff495f;
}
.search-dialog-box .bubbles-bg .bubble3{
    width:36px;
    padding-top: 36px;
    left: 8.854%;
    top: 30.55%;
}
.search-dialog-box .bubbles-bg .bubble3 .circle{
    background-color: #fff;
}
.search-dialog-box .bubbles-bg .bubble4{
    width:56.875%;
    padding-top: 56.875%;
    left: -28.6458%;
    top: 51.85%;
}
.search-dialog-box .bubbles-bg .bubble4 .circle{
    background: -webkit-linear-gradient(45deg, rgba(255,255,255,0),rgba(255,255,255,.05) 100%);
    background: -ms-linear-gradient(45deg, rgba(255,255,255,0),rgba(255,255,255,.05) 100%);
    background: linear-gradient(45deg, rgba(255,255,255,0),rgba(255,255,255,.05) 100%);
}
.search-dialog-box .bubbles-bg .bubble5{
    width:54px;
    padding-top: 54px;
    left: 26.3%;
    top: 70.83%;
}
.search-dialog-box .bubbles-bg .bubble5 .circle{
    background-color: #fff;
    opacity: .1;
}
.search-dialog-box .bubbles-bg .bubble6{
    width:56.875%;
    padding-top: 56.875%;
    left: 73.4375%;
    top: -52.77%;
}
.search-dialog-box .bubbles-bg .bubble6 .circle{
    background: -webkit-linear-gradient(135deg, rgba(255,255,255,.05),rgba(255,255,255,.1) 100%);
    background: -ms-linear-gradient(135deg, rgba(255,255,255,.05),rgba(255,255,255,.1) 100%);
    background: linear-gradient(135deg, rgba(255,255,255,.05),rgba(255,255,255,.1) 100%);
}
.search-dialog-box .bubbles-bg .bubble7{
    width:2rem;
    padding-top: 2rem;
    left: 60.9375%;
    top: 18.5%;
}
.search-dialog-box .bubbles-bg .bubble7 .circle{
    background-color: #ff495f;
}
.search-dialog-box .bubbles-bg .bubble8{
    width:1.35rem;
    padding-top: 1.35rem;
    left: 95.83%;
    top: 70.83%;
}
.search-dialog-box .bubbles-bg .bubble8 .circle{
    border:1px solid #fff;
}
.search-dialog-box .bubbles-bg .bubble9{
    width:16px;
    padding-top: 16px;
    left: 76.5625%;
    top: 96.296%;
}
.search-dialog-box .bubbles-bg .bubble9 .circle{
    background-color: #fff;
}
.search-dialog-box .bubbles-bg .bubble10{
    width:56.875%;
    padding-top: 56.875%;
    left: 71.354%;
    top:87%;
}
.search-dialog-box .bubbles-bg .bubble10 .circle{
    background: -webkit-linear-gradient(135deg, rgba(255,255,255,.05),rgba(255,255,255,.3) 100%);
    background: -ms-linear-gradient(135deg, rgba(255,255,255,.05),rgba(255,255,255,.3) 100%);
    background: linear-gradient(135deg, rgba(255,255,255,.05),rgba(255,255,255,.3) 100%);
}
.search-dialog-box .bubbles-bg .bubble{
    animation:spin 8s infinite linear;
    transform-origin: 50% 45%;
}
.search-dialog-box .bubbles-bg .bubble:nth-child(2n){
    animation:spin2 8s infinite linear;
}
.search-dialog-box .bubbles-bg .bubble .circle{
    animation:spin-reverse 8s infinite linear;
}
.search-dialog-box .bubbles-bg .bubble:nth-child(2n) .circle{
    animation:spin-reverse2 8s infinite linear;
}
.search-dialog-box .bubbles-bg .sm-bubble{
    transform-origin: 30% 30px;
}
.search-dialog{
    position: absolute;
    left: 0;
    top: 50%;

    transform: translateY(-50%);
    width: 100%;
    z-index: 2;
}
.search-dialog .search-tit{
    font-size: 2.75rem;
    line-height: 3.5rem;
    color: #fff;
    text-align: center;
    overflow: hidden;
    display: none;
}
.search-dialog .search-inner{
    overflow: hidden;
    margin-top: 0;
}
.search-dialog .search-input{
    width: 50rem;
    margin: 0 auto;
    padding: 0 0.5rem 0 1.5rem;
    background-color: rgba(255,255,255,.1);
    box-sizing: border-box;
    transition: all .3s;
    max-width: 94%;
}
.search-dialog .search-input input[type=text]{
    float: left;
    height: 4.5rem;
    width: calc(100% - 3.5rem);
    background-color: transparent;
    font-size: 1.25rem;
    line-height: .5rem;
    color: #fff;
    transition: all .3s;
}
.search-dialog .search-input input[type=text]::-webkit-input-placeholder{
    color:rgba(255,255,255,0.5);  
}  
.search-dialog .search-input input[type=text]:-moz-placeholder{
    color:rgba(255,255,255,0.5); 
}  
.search-dialog .search-input input[type=text]::-moz-placeholder{
    color:rgba(255,255,255,0.5); 
}  
.search-dialog .search-input input[type=text]:-ms-input-placeholder {
    color:rgba(255,255,255,0.5); 
} 
.search-dialog .search-input input[type=submit],
.search-dialog .search-input .clear-btn{
    float: right;
    height: 4.5rem;
    width: 3.5rem;
}
.search-dialog .search-input input[type=submit]{
    background-color: transparent;
    background-repeat: no-repeat;
    background-position: center;
    background-size: 1.5rem;
    background-image: url("../images/search-btn.svg");
}
.search-dialog .search-input .clear-btn{
    background-color: rgba(0,0,0,.2);
    background-repeat: no-repeat;
    background-position: center;
    background-image: url("../images/close-btn.svg");
    background-size: 3.5rem;
    border-radius: 100%;
    margin-right: 1rem;
    display: none;
}
.search-dialog .search-input.on{
    background-color: #fff;
}

.search-dialog .search-input.on input[type=submit]{
    background-image: url("../images/search-btn2.svg")
}

.search-dialog .hot-search{
    font-size: 0;
    width:19.5rem;
    margin:.6rem auto 0;
    box-sizing: border-box;
    padding:0 .6rem;
    overflow: hidden;
}
.search-dialog .hot-search .hot-tit,
.search-dialog .hot-search .hot-link{
    display: inline-block;
    *display: inline;
    zoom:1;
    vertical-align: top;
}
.search-dialog .hot-search .hot-tit{
    font-size: .375rem;
    line-height: .5rem;
    color: #fff;
    font-weight: bold;
    padding-left: .6rem;
    background-repeat: no-repeat;
    background-position: left center;
    background-size: .5rem;
    background-image: url("../images/hot-icon.png");
}
.search-dialog .hot-link{
    margin-left: 1rem;
}
.search-dialog .hot-link a{
    display: inline-block;
    *display: inline;
    zoom:1;
    font-size: .375rem;
    line-height: .5rem;
    margin-right: .75rem;
    color:#fff;
    padding-bottom: 5px;
    position: relative;
}

.search-dialog .hot-link a:before{
    content: "";
    position: absolute;
    left:0%;
    bottom:0;
    width:100%;
    height: 2px;
    background-color: #fff;
    transform:scaleX(0);
    transform-origin:left center;
    transition:transform .3s;
}
.search-dialog-box .bottom-box{
    position: absolute;
    left: 0;
    bottom:5.1%;
    width:100%;
}
.search-dialog-box .bottom-box .share-box{
    overflow: hidden;
}
.search-dialog-box .bottom-box .copy{
    font-size: .35rem;
    line-height:.5rem;
    color: #fff;
    font-family: "gilroy-regular";
    margin-top: .5rem;
    overflow: hidden;
}

.header-right.is-open .bubbles-bg{
    visibility: visible;
    opacity: 1;
}
.header-right.is-open .search-btn .con-box{
    display:none;
}
.header-right.is-open .close-btn{
    display:block;
}
.header-right.is-open .item .search-bg{
    transform:scale(1);
}
.search-dialog-box.on{
    opacity: 1;
    visibility: visible;
}
.search-dialog-box.on .search-bg{height: 100vh;}

.search-dialog-box.on .bubbles-bg{opacity: 1;visibility: visible;}
.search-dialog-box.on .wrap-inner{ transform:translateY(0)}

.pub-close {
    position: absolute;
    width: 3rem;
    height: 3rem;
    z-index: 10;
    right: 1.5rem;
    top: 1.35rem;
    background-color: rgba(255,255,255,.1);
    border-radius: 100%;
}
.pub-close .bg {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: #1c5ab7;
    transform: scale(0);
    border-radius: 100%;
    transition: transform .3s;
}
.pub-close i {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-position: center;
    background-size: 0.75rem;
    background-repeat: no-repeat;
    background-image: url("../images/close-btn.svg");
    transition:.6s
}
.pub-close i:hover{ transform:rotate(180deg)}

@keyframes spin{
    to{transform: rotate(1turn);}
}
@keyframes spin2{
    to{transform: rotate(-1turn);}
}
@keyframes spin-reverse{
    from{
        transform:rotate(1turn);
    }
}
@keyframes spin-reverse2{
    from{
        transform:rotate(-1turn);
    }
}

.title001 hr{ border: 0;}


/*首页banner*/
#banner{ position: relative;}
#banner .swiper-container { height:100vh;  }
#banner .swiper-slide { overflow: hidden;}
#banner .slide-inner { position: absolute;  width: 100%; height: 100%;left: 0; top: 0; background-size: cover; background-position: center; background-repeat: no-repeat !important;}
#banner .txt{ color: #fff; height: 100%; display: flex; flex-direction: column; align-items:center; justify-content: center; padding-bottom:6rem;}
#banner .txt{ opacity: 0; }
#banner .txt img{ max-width: 20.5625rem;}
#banner .txt h3{ font-size: 3.75rem; color: #ffffff; font-weight: bold; margin-top: 2rem; margin-bottom: 1.5rem;}
#banner .txt p{ font-size: 1rem; line-height: 1.5; text-align: center; color: rgba(255,255,255,.7);}
#banner .swiper-button-prev{ background:url("../images/banner_left.png") center no-repeat !important; background-size:1.5rem !important; opacity:.8; left:4%;}
#banner .swiper-button-next{ background:url("../images/banner_right.png") center no-repeat !important; background-size:1.5rem !important; opacity:.8; right:4%;}
#banner .swiper-slide.swiper-slide-active .txt{ animation: enter 1.2s forwards .2s;} 
.dotbox{ position: absolute; left: 0; bottom: 2rem; width: 100%; height: 20px; z-index: 111;}
.dotbox .dots{ width: 20px !important; height: 20px !important; display: inline-block; background: none; opacity: 1; margin-right: 7px; }
.dotbox .dots:before{ border: 0; background: #fff; transform: scale(.4);}
.dotbox .dots svg.drawcircle circle {
	fill: none; box-sizing:border-box;
	stroke-width: 1.5;    
	stroke-dasharray: 0 , 62.8;
	stroke-dashoffset:62.8;
}
.dots.swiper-pagination-bullet-active svg.drawcircle circle { 
    animation: svgrotate 6.2s forwards;
}
@-webkit-keyframes svgrotate {
    0% { stroke:rgba(255, 255, 255, 1);
        stroke-dasharray: 0 , 62.8;
        stroke-dashoffset:62.8;}
    100% { stroke:rgba(255, 255, 255, 1);
        stroke-dasharray:62.8 , 0;
        stroke-dashoffset:62.8; }
 }
@keyframes enter {
 }
 
@-webkit-keyframes enter {
    0% { opacity: 0; transform:translateY(100px); -webkit-transform:translateY(100px); -moz-transform:translateY(100px); -ms-transform:translateY(100px); -o-transform:translateY(100px); }
    20% { opacity: 0; transform:translateY(100px); -webkit-transform:translateY(100px); -moz-transform:translateY(100px); -ms-transform:translateY(100px); -o-transform:translateY(100px); }
    100% { opacity: 1; transform: translateY(0px); -webkit-transform: translateY(0px); -moz-transform: translateY(0px); -ms-transform: translateY(0px); -o-transform: translateY(0px); }
}
@keyframes enter {
    0% { opacity: 0; transform:translateY(100px); -webkit-transform:translateY(100px); -moz-transform:translateY(100px); -ms-transform:translateY(100px); -o-transform:translateY(100px); }
    20% { opacity: 0; transform:translateY(100px); -webkit-transform:translateY(100px); -moz-transform:translateY(100px); -ms-transform:translateY(100px); -o-transform:translateY(100px); }
    100% { opacity: 1; transform: translateY(0px); -webkit-transform: translateY(0px); -moz-transform: translateY(0px); -ms-transform: translateY(0px); -o-transform: translateY(0px); }
}
 

.s_about{ background: url("../images/s_about_bg.jpg") left top no-repeat; position: relative; z-index: 9; background-size: cover; height: 41.25rem;}
.s_about .m{ display: flex;}
.s_about .leftbox{ margin-right: 9.5rem;}
.s_about .leftbox .tt{ font-size: 1.875rem; color: #2d5bc4; font-weight: bold; margin-bottom: 2rem;}
.s_about .leftbox .con{ font-size: .9375rem; line-height: 1.875rem; color: #5f6064; margin-bottom: 2rem;}
.s_about .leftbox .btn_xq{}
.s_shuzi{ margin-top: 4.25rem;}
.s_shuzi ul{ display: flex; justify-content: space-between; max-width: 632px;}
.s_shuzi ul li{}
.s_shuzi ul li>div{ display: flex; }
.s_shuzi ul li>div b{ font-family: FRADMCN; font-weight: normal; font-size: 3rem; color: #2d5bc4;}
.s_shuzi ul li span{ font-size: 1rem; color: rgba(0, 0, 0, 0.7);}
.s_shuzi ul li i{ display: inline-block; font-size: 1.875rem; color: #2d5bc4; font-family: FRAMDCN; position: absolute; top: 0; }
.s_shuzi ul li .cols{ display: flex; position: relative; margin-left: .5rem; flex-direction: column; padding: .5rem 0; flex-direction: column-reverse; align-items: center; justify-content: space-between;}
.s_shuzi ul li p{ font-size: 1rem; color: rgba(0, 0, 0, 0.7); margin-top: 6px;}

.btn_xq{ width: 9rem; height: 3.125rem; line-height: 3.125rem; display: block; text-align: center;font-size: .9375rem;color: #b9b9b9;border-radius: 1.875rem;position: relative;z-index: 0;overflow: hidden;transition: all ease 600ms;}
.btn_xq:before {content: "";position: absolute;right: 0;top: 0;display: block;height: 100%;width: 100%;border-radius: 1.875rem;box-sizing: border-box;border: 1px solid #b9b9b9;transition: all ease 600ms;z-index: -1;}
.btn_xq:hover:before {border: 1px solid #2d5bc4;}
.btn_xq:after {content: "";position: absolute;right: 0;top: 0;display: block;height: 100%;width: 0;background: #2d5bc4;transition: all ease 600ms;z-index: -1;}
.btn_xq:hover:after {width: 100%;left: 0;right: auto;}
.btn_xq:hover {color: #fff;}

.s_about .rightbox{ width: 25rem; flex-shrink: 0; position: relative; z-index: 1; padding: 7.25rem 4rem;}
.s_about .rightbox .bg{ position: absolute; left: 0; top: 0; z-index: -1; width: 100%; padding-top: 180.2%; border-radius: 6.875rem 0 6.875rem 0; background:url("../images/s_about_rightbox.jpg") center no-repeat; background-size:100% 100%;}
.s_about .rightbox .tt{ font-size: 3rem; margin-bottom: 3rem; line-height: 1; color: #fff; font-family: FRAMDCN; text-transform: uppercase;}
.s_about .rightbox h4{ font-size: 1.25rem; color: #fff; margin-bottom: 1.75rem; margin-top: 4rem;}
.s_about .rightbox p{ font-size: .9375rem; line-height: 1.875rem; color: rgba(255, 255, 255, .6);}

.btn_arr01{ display: flex; width: 45px; height: 45px; transition: .5s; border-radius: 50%; align-items: center; justify-content: center; border: 2px solid rgba(255, 255, 255, .5);}
.btn_arr01:hover{ transform: rotate(45deg);}

.s_video{ background: url("../images/s_video.jpg") center no-repeat; background-size: cover; height: 42.5rem;}
.s_video .m{ display: flex; align-items: center; justify-content: center; flex-direction: column;}
.s_video .btn_play{ margin-bottom: 6.25rem;}
.s_video h4{ font-size: 2.5rem; color: #fff; font-weight: bold; margin-bottom: 1rem;}
.s_video p{ font-size: 1rem; line-height: 1.5rem; color: rgba(255, 255, 255, .7);}


.btn_play{ display: block; width: 5.4375rem; height: 5.4375rem; border-radius: 50%; display: flex; align-items: center; justify-content: center; position: relative; cursor: pointer; }
.btn_play img{ position: relative; z-index: 99;}
  .btn_play span {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    border-radius: 50%; border: 1px solid rgba(255, 255, 255, .6);
    transform: scale(1);
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -webkit-animation: circleScale 4s linear infinite;
    -moz-animation: circleScale 4s linear infinite;
    -ms-animation: circleScale 4s linear infinite;
    animation: circleScale 4s linear infinite;
  }
  .btn_play span:nth-of-type(2) {
    animation-delay: 1s;
  }
  .btn_play span:nth-of-type(3) {
    animation-delay: 2s;
  }
  .btn_play span:nth-of-type(4) {
    animation-delay: 3s;
  }
  @keyframes circleScale {
    0% {
      opacity: 1;
      transform: scale(1);
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
      
    }
    100% {
      opacity: 0;
      -webkit-transform: scale(1.8);
      -moz-transform: scale(1.8);
      -ms-transform: scale(1.8);
      transform: scale(1.8);
    }
  }
  @keyframes circleScale1 {
    0% {
      opacity: 1;
      transform: scale(1);
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    }
    60% {
      opacity: 1;
    }
    100% {
      opacity: 0;
      -webkit-transform: scale(3);
      -moz-transform: scale(3);
      -ms-transform: scale(3);
      transform: scale(3);
    }
  }

  .tc_btn{ cursor: pointer;}
  .tc_video{ width:90%; max-width: 800px; margin:0 auto; background:none; position: relative;}
  .tc_video #my-video{ position:relative; height: 0; padding-top:60%; width:100%;}
  .tc_video #my-video video{ width:100%; height:100%; position: absolute; left: 0; top: 0;}
  .tc_video .tc_close{ display:block; position:absolute; top:-2rem; right:-3rem; border-radius:50%;} 
  .video-js{}
  .video-js .vjs-big-play-button{ left:50% !important; top:50% !important; margin-left:calc(-1.6rem - 5px); margin-top:calc(-1.6rem - 5px); background-color: rgba(0, 0, 0, 0) !important;}
  video{ object-fit:fill; }
  .vjs-poster{ background-size: cover !important;}
  
  .s_video .mask{ position: absolute; left: 0; top: 0; width: 100%; height: 100%; display: flex; align-items: center; justify-content: center; }
  .s_video{ position: relative;}
    
.s_tt{ margin-bottom: 2.375rem;}  
.s_tt h3{ font-size: 3rem; color: #323232; font-weight: bold; margin-bottom: 1rem;}  
.s_tt p{ font-size: 1rem; color: #626366; line-height: 1.5;}

.s_yewu{ background: url("../images/s_yewu_bg.jpg") right bottom no-repeat; padding:10rem 0}
.s_yewu ul{ display: grid; grid-template-columns: repeat(4,1fr); column-gap: 1.5rem;}
.s_yewu ul li{ position: relative; margin-bottom: 3rem;}
.s_yewu ul li .img{ border-radius: .625rem; overflow: hidden;}
.s_yewu ul li .img img{}
.s_yewu ul li .txt{ position: absolute; height: 12.375rem; left: 0; top: 100%; width: 100%;}
.s_yewu ul li .txt>div{ border-radius: .625rem; margin: 0 2rem; padding: 2.75rem 2rem 1.5rem; display: flex; flex-direction: column; justify-content: space-between;}
.s_yewu ul li .txt h5{ font-size: 1.5rem; color: #2c2c2e; margin-bottom: .75rem;}
.s_yewu ul li .txt p{ font-size: .875rem; line-height: 1.375rem; height: 2.75rem; overflow: hidden; color: rgba(124, 125, 128,.8);}
.s_yewu ul li .txt span{ display: flex; align-items: center; font-size: 1rem; color: #323232; transition: .5s;}
.s_yewu ul li .txt span svg{ margin-left: .8rem;}
.s_yewu ul li:hover .txt span svg path{ fill: #2d5bc4;}
.s_yewu ul li:hover .txt span{ color: #2d5bc4;}

.s_news{ background: url("../images/s_news_bg.jpg") center no-repeat; background-size: cover;}
.s_news .hd{ display: flex; justify-content: space-between; margin-bottom: 4.375rem; align-items: center;}
.s_news .hd h3{ font-size: 3rem; color: #2d2d2d; font-weight: bold;}
.s_news .hd ul{ display: flex;}
.s_news .hd ul li{ margin-left: 1.25rem;}
.s_news .hd ul li a{ font-size: .9375rem; color: #494949; width:9.0625rem; height: 3.125rem; display: flex; align-items: center; justify-content: center; font-size: .9375rem;color: #494949;border-radius: 1.875rem;position: relative;z-index: 0;overflow: hidden;transition: all ease 600ms;}
.s_news .hd ul li a:before {content: "";position: absolute;right: 0;top: 0;display: block;height: 100%;width: 100%;border-radius: 1.875rem;box-sizing: border-box;border: 2px solid #dfdfdf;transition: all ease 600ms;z-index: -1;}
.s_news .hd ul li a:after {content: "";position: absolute;right: 0;top: 0;display: block;height: 100%;width: 0;background: #2d5bc4;transition: all ease 600ms;z-index: -1;}
.s_news .hd ul li.on a:before {border: 2px solid #2d5bc4;}
.s_news .hd ul li.on a:after {width: 100%;left: 0;right: auto;}
.s_news .hd ul li.on a {color: #fff;}

.s_news .bd{}
.s_news .bd .box{}
.s_news .bd .box .img{}
.s_news .bd .box .img img{ height:220px;}
.s_news .bd .box .txt{ padding: 3.125rem 3.625rem; background: #fff;}
.s_news .bd .box .txt h4{ font-size: 1.375rem; line-height: 1.875rem; height: 3.75rem; overflow: hidden; color: #2d2d2d; margin-bottom: 1.375rem;}
.s_news .bd .box .txt p{ font-size: .9375rem; line-height: 1.5rem; height: 3rem; overflow: hidden; color: rgba(0, 0, 0, 0.7); margin-bottom: 1.125rem;}
.s_news .bd .box .txt .timebox{ display: flex; justify-content: space-between; align-items: center;}
.s_news .bd .box .txt .time{ font-size: 1rem; color: #2d5bc4; font-family: FRAMDCN; display: flex; }
.s_news .bd .box .txt .time i{ display: block; flex-shrink: 0; width: .875rem; height: 1rem; margin-right: 7px; background: url("../images/time.png") center no-repeat; background-size: contain;}
.s_news .bd .box .txt .btn_arr02{}

.btn_arr02 {
    display: block;
    width: 4.0625rem;
    height: 2.1875rem;
    overflow: hidden;
    position: relative;
    /* border: 1px solid #cdcdcd; */
    background: #eceef3;
    border-radius: 1.25rem;
    transition: .5s;
    -webkit-transition: .5s;
    -moz-transition: .5s;
    -ms-transition: .5s;
    -o-transition: .5s;
  }

  .btn_arr02 font {
    display: flex; align-items: center; justify-content: center;
    width: 100%;
    height: 100%; 
    text-align: center;
    position: absolute;
    top: 0;
    transition: .5s;
    -webkit-transition: .5s;
    -moz-transition: .5s;
    -ms-transition: .5s;
    -o-transition: .5s;
  }

  .btn_arr02 font:nth-child(1) {
    left: -50px;
  }

  .btn_arr02 font:nth-child(2) {
    left: 0;
  }

  .btn_arr02 font svg path {
    fill: #b8b8b8;
    transition: .5s;
    -webkit-transition: .5s;
    -moz-transition: .5s;
    -ms-transition: .5s;
    -o-transition: .5s;
  }

  .btn_arr02 font svg { 
  }

  .btn_arr02:hover {
    background: #2d5bc4; 
  }

  .btn_arr02:hover font:nth-child(1) {
    left: 0;
  }

  .btn_arr02:hover font:nth-child(2) {
    left: 50px;
  }

  .btn_arr02:hover font svg path {
    fill: #fff;
  }

 .s_news .swiper-pagination{ position: relative; margin-top: 4rem; display: flex; align-items: center; justify-content: center;}
 .s_news .swiper-pagination .swiper-pagination-bullet{ width: 10px; height: 10px; margin: 0 6px; }
 .s_news .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active{ border: 2px solid #004ea1; background: none; width: 14px; height: 14px;}

.s_lianxi{ height: 41.875rem; position: relative;}
#mymap{ position: absolute; left: 0; top: 0; width: 100%; height: 100%;}

.s_lianxi{ border-top: 1px solid #dce1e4;}
.s_lianxi .m{ display: flex; justify-content: flex-end; align-items: center;}
.s_lianxi .txt{ background: #fff; padding: 4.25rem 3.375rem; width: 602px; max-width: 100%; box-shadow: 0px 8px 9px 0px rgba(69, 69, 69, 0.2); position: relative;}
.s_lianxi .txt h3{ font-size: 1.5rem; color: #3d3d3d; margin-bottom: .75rem;}
.s_lianxi .txt h4{ font-size: 2.125rem; color: #2d5bc4; font-family: impact; margin-bottom: 1.75rem;}
.s_lianxi .txt h4 span{ display: inline-block; margin-right: 1.375rem;}
.s_lianxi .txt .con{ font-size: .9375rem; line-height: 1.875rem; color: #5f6064;}
.s_lianxi .txt .con dl{ display: flex;}
.s_lianxi .txt .con dt{ flex-shrink: 0;}
.s_lianxi .btn_lianxi{ position: absolute; right: 0; bottom: 0; width: 4.25rem; height: 4.25rem; border-radius: 1rem 0 0 0; background: #2d5bc4; color: #fff; display: flex; align-items: center; justify-content: center; padding: 1rem; line-height: 1.3; font-size: 1rem;}

#foot{ padding-top: 5rem;}
#foot .box1{ border-bottom: 1px dotted #cbcbcd;}
#foot .box1 .m{ display: flex; justify-content: space-between; padding-bottom: 2.5rem;}
#foot .box1 .left{ max-width: 41.25rem; flex-grow: 1;}
#foot .box1 .right{}
.foot_nav{ display: flex; justify-content: space-between; margin-bottom: 1.625rem;}
.foot_nav a{ display: block; margin-bottom: .625rem;}
.foot_nav a:hover{ color: #2d5bc4;}
.foot_tel{ display: flex; align-items: center;}
.foot_tel img{ flex-shrink: 0; margin-right: .625rem; width: 2.1875rem; height: 2.1875rem;}
.foot_tel div{}
.foot_tel p{ font-size: .875rem; color: #77787b; margin-bottom: 10px;}
.foot_tel h6{ font-size: 1.25rem; color: #363637;}
.foot_tel span{}
.foot_tel b{ font-family: "苹方","微软雅黑";}

.foot_ewm{ display: flex; align-items: center;}
.foot_ewm .tt{ font-size: 1rem; line-height: 1.5rem; color: #5b5b5c; text-align: right;}
.foot_ewm .ewm{ margin-left: 1.125rem;}
.foot_ewm .ewm .pic{ width: 82px; height: 82px; border: 1px solid #e5e5e5;}
.foot_ewm .ewm .pic img{ height:120px;}
.foot_ewm .ewm p{ font-size: .75rem; color: #5b5b5c; text-align: center; margin-top: 9px;}
#foot .box2{ padding-top: 1.75rem; padding-bottom: 3rem;}
#foot .box2 .m{ display: flex; align-items: center; justify-content: center;}
.foot_link{ width: 22.1875rem; max-width: 100%;}
.foot_link dl{ position: relative; }
.foot_link dt{ height: 2.9375rem; padding: 0 1.75rem; font-size: .75rem; color: #4e5054; cursor: pointer; display: flex; align-items: center; justify-content: space-between; position: relative; z-index: 2;}
.foot_link dt i{ width: .75rem;}
.foot_link dt i path{ fill: #a5a6a8;}
.foot_link dd{ position: absolute; background: #fff; z-index: 1; bottom: 0; left: 0; width: 100%; padding-bottom: 2.9375rem; }
.foot_link dd:before{ content: ""; display: block; position: absolute; width: 100%; height: 100%; left: 0; top: 0; border: 1px solid #e6e7e9; z-index: -1;}
.foot_link dd .box{ border-radius: 1.5rem; padding: 1rem 1.75rem 0; display: none; }
.foot_link dd .box a{ display: block; color: #666; font-size: .75rem; line-height: 2; transition: .3s;}
.foot_link dd .box a:hover{ color: #2d5bc4;}

.copyright{ font-size: .8125rem; color: #a7a9ac; flex-grow: 1; text-align: right;}
.copyright a:hover{ color: #2d5bc4;}

/* .s_video h4{ font-size: 1.5rem;} */

.btn_play{ width: 4rem; height: 4rem;}
.btn_play img{ width: 2rem;}


.n_banner{  background-size: cover !important; 
    /* height: 28.75rem; */
}
.n_banner:before{ content: ""; display: block; width: 100%; padding-top:600px; }
#n_main{ min-height: 300px;  }
.n_title {padding: 0;position: relative;background: rgba(0, 0, 0, 0.3);position: absolute; width: 100%; margin-top: -70px;z-index: 999;} 
.n_title .m { position: relative; display: flex; flex-direction: row; justify-content: space-between; align-items: center;}
.n_nav { position: relative; }
.n_nav li{display: block; font-size: 15px; color: #fff; float: left;line-height:75px;z-index: 1; position: relative; font-weight:bold}
.n_nav li a{ display: block; border-radius: 5px;height: 36px;
    line-height: 36px;
    margin: 17px 0;
    padding: 0 15px} 
/*.n_nav li:before {content: "";width: 100%;height: 3px;position: absolute;background:#2d5bc4; bottom:0; left:0; margin-left: -1px; transform: scaleX(0); transform-origin: top; transition: 0.3s ease-in-out; opacity: 0; z-index: -1;}*/
/*.n_nav li.on:before, .n_nav li:hover:before {  opacity: 1; transform: scaleX(1);}   */
.n_nav li.on a, .n_nav li:hover a{ color: #fff !important;background:#2d5bc4;  border-radius: 5px;height: 36px;
    line-height: 36px;
    margin: 17px 0;
    padding: 0 15px}
.position {left: 0;bottom: 0;font-size: 1rem;color: #fff; display: flex;align-items: center;}
.position>svg{ vertical-align: middle; margin-bottom: 3px; margin-right: 5px;}
.position span, .position a, .position i {font-size: .8125rem;color: #fff;-moz-transition: all 0.36s ease-in-out;-webkit-transition: all 0.36s ease-in-out;-o-transition: all 0.36s ease-in-out;-ms-transition: all 0.36s ease-in-out;transition: all 0.36s ease-in-out;}
.position i{margin:.25rem .5rem 0;font-style: normal;width: 12px;height: 12px;display: flex;align-items: center;}
.position span { color: #2d5bc4;font-style: normal;}
.position em { color: #171717;font-style: normal;}
.position a:hover {color: #2d5bc4;}
/*====移动端导航====*/
#m_n_nav {display: none;line-height: 50px;position: relative;z-index: 9; width: 100%; background: #2d5bc4;}
#bnt_back { position: absolute; left: 1rem; top: 0; }
#bnt_back svg { fill: #fff; height: 50px; vertical-align: middle; width: 26px; }
#m_n_nav i { }
#m_n_nav h1 { font-size: 14px; color: #fff; text-align: center; margin: 0; line-height: 50px; }
#bnt_sub_nav { position: absolute; right: 1rem; top: 0; cursor: pointer; color: #fff; font-size: 18px; }
#bnt_sub_nav svg {fill: #fff;height: 50px;vertical-align: middle;width: 20px;}
#bnt_sub_nav img { display: block; height: 15px; }
#bnt_sub_nav.on img { -webkit-transform: rotate(-180deg); transform: rotate(-180deg); }
#sub_nav_content {background: #f0f3f5;display: none;box-shadow: 0 0 5px #999;z-index: 9;}
#sub_nav_content ul { padding: 10px; }
#sub_nav_content ul li { display: block; line-height: 28px; margin: 1rem 0; }
#sub_nav_content ul li a { display: block; border-left: 2px solid #2d5bc4; height: 30px; line-height: 30px; font-size: 14px; padding-left: 10px; color: #535455; }
#sub_nav_content ul li.on a { color: #2d5bc4; }
#sub_nav_content dl { font-size: 0; overflow: hidden; background: #fff; padding: 10px 0; }
#sub_nav_content dt { position: relative; background: #fff; z-index: 999; width: 33.333333%; display: inline-block; margin-bottom: 0; float: left; text-align: center; }
#sub_nav_content dt a { margin: 0 20px; display: block; color: #5b5349; line-height: 30px; font-size: 14px; font-weight: 400; vertical-align: top; }
#sub_nav_content dt a i { position: absolute; right: 15px; top: 0; opacity: 0; filter: alpha(opacity=0); display: none; }
#sub_nav_content dt a { }
#sub_nav_content dt.title { background: #fafafb; }
#sub_nav_content dt.title i { opacity: 1; filter: alpha(opacity=100); }
#sub_nav_content dt.title_on { background: #fafafb; }
#sub_nav_content dt.title_on a { color: #2d5bc4; border-top: 1px solid #fff; }
#sub_nav_content dt.title_on a i { color: #2d5bc4; }
#sub_nav_content dt.last a { border-top: 1px solid #f8f8f8; }
#sub_nav_content dt.on a, #sub_nav_content dt.title_on a {color: #2d5bc4;}
#sub_nav_content dd { display: none; }
#sub_nav_content dd .box { padding: 0px 0px 0px 0px; }
#sub_nav_content dd a { padding: 0 25px; line-height: 30px; border-top: 1px solid #e7e7e7; font-size: 12px; color: #5b5349; display: block; height: 30px; }
#sub_nav_content dd a.on { color: #2d5bc4; }

.n_lianxi{}
.n_lianxi .m{ display: flex; justify-content: space-between;}
.n_lianxi .left{ flex-grow: 1; max-width: 50%; margin-right: 8rem;}
.n_lianxi .right{width: 50%;padding: 3.25rem 0;}
.n_lianxi .item{ padding: 3.25rem 0;  }
.n_lianxi .item+.item{border-top: 1px solid #cdd1d5;}
.n_lianxi .tt{ margin-bottom: 1.625rem;}
.n_lianxi .tt h3{ font-size: 1.5rem; color: #323232; font-weight: bold;}
.n_lianxi .tt span{ font-size: 1.5rem; color: #2d5bc4; font-family: FRAMDCN;}
.n_lianxi .con{ font-size: 1rem; line-height: 1.875rem; color: #646569;}
.n_lianxi dl{ display: flex; align-items: flex-start; max-width: 530px;}
.n_lianxi dl dt{ flex-shrink: 0; display: flex; align-items: center;}
.n_lianxi dl dt img{ margin-right: .75rem;}
.n_lianxi dl dd{}
.n_lianxi dl dd a{font-weight: bold; color: #2d5bc4; font-size: .875rem; margin-left: .625rem;}
.n_lianxi .pic{}
.n_lianxi .pic img{ display: block;}
.n_lianxi .demo01{ width: 5.625rem; height: 5.625rem; border-radius: 50%; background: rgba(45, 90, 196, 0.7); position: absolute; right: 3rem; top: .75rem;}
.n_lianxi .demo02{ width: 21.25rem; height: 9.375rem; border-radius: 4.75rem; color: #fff; position: absolute; left: -6rem; bottom: 0; background: #2d5bc4; display: flex; flex-direction: column; align-items: center; justify-content: center;}
.n_lianxi .demo02 h3{ font-size: 1.5rem; margin-bottom: .5rem;}
.n_lianxi .demo02 span{ font-size: .75rem; line-height: 1rem; color: rgba(255, 255, 255, .4); text-transform: uppercase;}

.n_form{ background: url("../images/n_form_bg.jpg") center no-repeat; background-size: cover;}
.n_form .m{ display: flex; justify-content: space-between;}
.n_form .left{ margin-right: 6rem; padding-top: 1.25rem;}
.n_form .left .tt{ margin-bottom: 2.5rem;}
.n_form .left .tt div{ display: flex; align-items: flex-end; display: block; position: relative;}
.n_form .left .tt div span{ font-size: 3.75rem;  font-family: FRADMCN; line-height: 1.1; color: #2d5bc4; text-transform: uppercase; }
.n_form .left .tt h3{ font-size: 1.5rem; color: #3f3f3f; margin-top: .75rem;}
.n_form .left .tt img{ position: absolute; bottom: 0; transform: translateX(10px); margin-left: 6rem;}
.n_form .left .con{ font-size: 1rem; line-height: 1.75rem; color: #5f6064;}
.n_form .right{}
.form_fuwu{ margin: 0 -4.5px; width: 730px; max-width: 100%;}
.form_fuwu .row{ display: flex;}
.form_fuwu .groupbox{ display: flex; width: 50%; flex-grow: 1;  }
.form_fuwu .groupbox .group{border: 1px solid #e1e3e4; background: #fff; display: flex; align-items: flex-start; padding: 0 1.125rem; margin: 0 4.5px; margin-bottom: 1.25rem; width: 100%; position: relative; }
.form_fuwu .groupbox .group .span{  white-space: nowrap; line-height: 3.625rem; font-size: .875rem; color: #4f4f4f; display: flex; align-items: center; flex-shrink: 0;}
.form_fuwu .groupbox .group .span i{ color: red;}
.form_fuwu .groupbox .group .span img{ margin-right: .625rem;}
.form_fuwu .groupbox .group .yzm{ position: absolute;width: 116px; background: #fff; right: 0; top: 0; bottom: 0; height: 100%; object-fit:none;}
.form_fuwu .input{height: 3.625rem; flex-grow: 1; padding-left: 1rem; color: #262626; font-size: .9375rem; font-family:"微软雅黑", sans-serif;}
.form_fuwu .btnbox{ width: calc(100% - 345px);font-family:"微软雅黑", sans-serif; margin: 0 4.5px; }
.form_fuwu textarea{ width: 100%; height: 100%; padding-left: 1.25rem; font-size: .9375rem; padding-top: 1.125rem; line-height: 1.5; color: #262626;font-family:"微软雅黑", sans-serif; }
.form_fuwu .btn_tijiao{font-family:"微软雅黑", sans-serif;
  display: block;
  width: 13.4375rem;
  height: 3.625rem;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center; font-size: .875rem; 
  background: #2d5bc4; border: 0;
  color: #fff; 
  transition: .3s; 
}

 .n_licheng{ background: #e3e7ee url("../images/n_licheng_bg.jpg") center bottom no-repeat; background-size: 100%;}
 .n_licheng .hd{ background: #fff; margin-bottom:5rem;}
 .n_licheng .hd ul{}
 .n_licheng .hd ul li{}
 .n_licheng .hd ul li span{ font-size: 2.25rem; line-height: 9rem; position: relative; text-align: center; cursor: pointer; display: block; color: #d3d3d3;font-family: FRADMCN; }
 .n_licheng .hd ul li span:after{ content: ""; display: block; width: 8px; height: 8px; border-radius: 50%; background: #2d55ba; position: absolute; left: 50%; transform: scale(0) translateX(-50%) translateY(1.5rem); top: 50%; opacity: 0; visibility: hidden; transition: .5s;}
 .n_licheng .hd ul li.slick-current span{ color: #2d5bc4;}
 .n_licheng .hd ul li.slick-current span:after{ opacity: 1; visibility: visible; transform: scale(1) translateX(-50%) translateY(1.5rem); }
 .n_licheng .bd{ background: url("../images/tiao.png") left top no-repeat; position: relative;}
 .n_licheng .bd:after{ content: ""; display: block; width: 14px; height: 59px; background: url("../images/history.png") center no-repeat; background-size: contain; position: absolute; right: 0; top: 1.875rem;}
 .n_licheng .bd .box{ display: flex; padding-left: 44px; }
 .n_licheng .bd .box .imgbox{ margin-right: 5.5rem; padding-left: 3.5625rem; padding-bottom: 3rem; position: relative; z-index: 1;}
 .n_licheng .bd .box .imgbox:before{ content: ""; width: 400px; height: 335px; max-width: 70%; max-height: 80%; display: block; background: #2d5bc4; position: absolute; left: 0; bottom: 0; z-index: -1;}
 .n_licheng .bd .box .img{ border-radius: 6px;}
 .n_licheng .bd .box .img img{}
 .n_licheng .bd .box .txt{ padding-top: 3.75rem; padding-right: 4rem;}
 .n_licheng .bd .box .txt i{ display: block; width: 10px; height: 10px; margin-bottom: 1.625rem; border-radius: 50%; border: 1px solid #2d5bc4;}
 .n_licheng .bd .box .txt h3{display: flex; align-items: flex-start; margin-bottom: 2.5rem;}
 .n_licheng .bd .box .txt h3 span{ font-size: 4.5rem; line-height: 3.5rem; color: #515355; font-family: FRADMCN; }
 .n_licheng .bd .box .txt h3 font{ font-size: 1.5rem; line-height: 1.5rem; color: #515355; font-weight: bold; margin-top: 3px; margin-left: 1.125rem; }
 .n_licheng .bd .box .txt h4{ font-size: 1.5rem; color: #2d5bc4; font-weight: bold; margin-bottom: 2rem;}
 .n_licheng .bd .box .txt .con{ font-size: 1.125rem; color: #5f6064; line-height: 1.875rem; }
 .n_licheng .bd .box .txt .con p{}

 .n_licheng .swiper-pagination{ bottom: 0 !important;}
 .n_licheng .swiper-pagination .swiper-pagination-bullet{ width:10px; height: 10px; margin: 0 6.5px !important; border-radius: 50%; border-radius: 50%; border: 2px solid #2d5bc4; background: none; opacity: 1;}
 .n_licheng .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active{ background: #2d5bc4;}
 
 .n_licheng .arr_left{ width:3.75rem; height: 3.75rem; display: block; border: 2px solid #2d5bc4; display: flex; align-items: center; justify-content: center; position: absolute; right: 0; bottom: 1rem; z-index: 99;}
 .n_licheng .arr_left svg{ position: relative; z-index: 0;}
 .n_licheng .arr_left .slick-next{ position: absolute; left: 0; top: 0; width: 100%; height: 100%; z-index: 99; transform: none;}
 .n_licheng .arr_left .slick-next:before{ display: none;}
 .n_licheng .arr_left .slick-prev{ display: none !important;}

.n_guwen{ background: #e3e7ee;}
.n_guwen ul{}
.n_guwen ul li+li{ margin-top: 1.875rem;}
.n_guwen ul li .box{ display: flex; background: #fff; border-radius: 1.625rem; overflow: hidden;}
.n_guwen ul li .box .picbox{ flex-shrink: 0; width: 25.125rem; border-radius: 0 0 6.25rem 0; height: 22.8125rem; overflow: hidden; padding-top: 3%; display: flex; align-items: center; justify-content: center; background: url("../images/n_guwen_bg.jpg") center no-repeat; background-size: cover;}
.n_guwen ul li .box .picbox .img{ width: 13.625rem; border-radius: 50%;}
.n_guwen ul li .box .picbox .img:after{ padding-top: 100%;}
.n_guwen ul li .box .picbox .img img{}
.n_guwen ul li .box .txt{ padding: 4.5rem 5rem; padding-right: 3rem; height: 22.8125rem;}
.n_guwen ul li .box .txt .tt{ font-size: 1.125rem; color: #000000; margin-bottom: 1rem;}
.n_guwen ul li .box .txt .tt i{ display: inline-block; margin: 0 1.125rem;}
.n_guwen ul li .box .txt .tt span{ font-size: 2.25rem; color: #000000; font-weight: bold;}
.n_guwen ul li .box .txt .con{ font-size: .9375rem; color: #5f6064; line-height: 2.125rem;}
.n_guwen ul li .box .txt .scrollbox{ height: 10.625rem; overflow: auto; padding-right: 2rem;}
.n_guwen ul li:nth-child(even) .box{ flex-direction: row-reverse;}
.n_guwen ul li:nth-child(even) .box .picbox{ border-radius: 0 0 0 6.25rem;}


/*翻页*/
.page { text-align:center; font-size: 0; color:#0a0a0a; display: flex; align-items: center; justify-content: center; flex-flow: wrap;}
.page .box{ margin-top:4rem; display: flex; align-items: center; justify-content: center; flex-flow: wrap;}
.page li{ display:inline-block; list-style: none; }
.page a{ padding:0 10px; min-width: 30px; line-height:28px; height: 30px; box-sizing: border-box; border-radius: 2px; display:block; text-transform: capitalize; border: 1px solid #d2d5da; border-radius: 4px; margin:0 5px; color:rgba(51, 51, 51, 0.7); font-size:.875rem; -moz-transition: all 0.36s ease-in-out; -webkit-transition: all 0.36s ease-in-out; -o-transition: all 0.36s ease-in-out; -ms-transition: all 0.36s ease-in-out; transition: all 0.36s ease-in-out; float:left }
.page .on{ background:#0e45a9; color:#fff; border: 1px solid #0e45a9;  }
.page a[href]:hover,.page-num-current{ background:#0e45a9; border: 1px solid #0e45a9; color:#fff!important; text-decoration:none; }
.page span{ line-height:30px; display:inline-block; margin:0 8px; font-size:.875rem; border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; -o-border-radius: 3px; }
 
.n_fengcai{}
.n_fengcai ul{ display: grid; grid-template-columns: repeat(3,1fr); column-gap: 1.125rem; row-gap: 1.125rem;}

.pic05 ul li a{ display:block; width:100%; height:100%; position:relative; background:#000; overflow:hidden}
.pic05 ul li a .img,.pic05 ul li a .img img{ width:100%; overflow:hidden; position:relative}
.pic05 ul li a .img img{ -moz-transition: all 0.5s ease-in-out;-webkit-transition: all 0.5s ease-in-out;-o-transition: all 0.5s ease-in-out;-ms-transition: all 0.5s ease-in-out;transition: all 0.5s ease-in-out;}
.pic05 ul li a .img:after{content:"";position:absolute;right:0;top:0;width:100%;height:100%;filter:progid:DXImageTransform.Microsoft.gradient(enabled='true',startColorstr='#4C000000', endColorstr='#4C000000');background: rgba(0,0,0,0.4);-moz-transition: all 0.6s ease-in-out;-webkit-transition: all 0.6s ease-in-out;-o-transition: all 0.6s ease-in-out;-ms-transition: all 0.6s ease-in-out;transition: all 0.6s ease-in-out;}
:root .pic05 ul li a .img:after{filter:progid:DXImageTransform.Microsoft.gradient(enabled='true',startColorstr='#00000000', endColorstr='#00000000');}/*for IE9*/ 
:root .pic05 ul li a .img:after{filter:none;}/*for IE9*/
.pic05 ul li a .con{ position:absolute; left:0; top:0; width:100%; height:100%; overflow:hidden; text-align: center; display: flex; align-items: center; justify-content: center;}
.pic05 ul li a .con h3{position:relative;-moz-transition: all 0.6s ease-in-out;-webkit-transition: all 0.6s ease-in-out;-o-transition: all 0.6s ease-in-out;-ms-transition: all 0.6s ease-in-out;transition: all 0.6s ease-in-out;font-size: 1.375rem;line-height: 2.125rem;color: #fff;padding: 0 2.5rem;}
.pic05 ul li a .con h3 img{ max-width:80%}
.pic05 ul li a .con h5{ height:0; overflow:hidden; position:relative; -moz-transition: all 0.6s ease-in-out;-webkit-transition: all 0.6s ease-in-out;-o-transition: all 0.6s ease-in-out;-ms-transition: all 0.6s ease-in-out;transition: all 0.6s ease-in-out;}
.pic05 ul li a .con h5 span{ display:inline-block; font-size:0.875rem; color:#fff; margin:0 0.5rem}
.pic05 ul li a .con h4{ height:0; -moz-transition: all 0.6s ease-in-out;-webkit-transition: all 0.6s ease-in-out;-o-transition: all 0.6s ease-in-out;-ms-transition: all 0.6s ease-in-out;transition: all 0.6s ease-in-out;}
.pic05 ul li a .con:before{ content:""; position:absolute; right:0; top:0; width:0; height:100%; background:rgba(14,69,169,0.9); -moz-transition: all 0.6s ease-in-out;-webkit-transition: all 0.6s ease-in-out;-o-transition: all 0.6s ease-in-out;-ms-transition: all 0.6s ease-in-out;transition: all 0.6s ease-in-out;}
.pic05 ul li:hover a .img:after{ left:0; width:0}
.pic05 ul li:hover a .con:before{ left:0; width:100%} 
.pic05 ul li:hover a .con h5{ height:1rem; margin-top: 1.25rem;}

.mybg{ background: #e3e7ee;}
.n_about01{font-size: 16px;
    color: #5f6064;
    line-height: 30px;}

.n_about01 .left{ flex-shrink: 0; margin-right: 6.75rem;}
.n_about01 .left img{ width: 27.5rem;}
.n_about01 .right{}
.n_about01 .left img{ margin-bottom: 1.5rem;}
.n_about01 .left h3{ font-size: 1.875rem; color: #2d5bc4; font-weight: bold;}
.n_about01 .left span{ font-size: 1.5rem; color: rgba(98, 98, 98, 0.4); font-family: FRAMDCN;}
.n_about01 .con{ font-size: .9375rem; line-height: 2.25rem; color: #5f6064;}

.n_video{}
.n_video .con{ font-size: .9375rem; color: rgba(95, 96, 100, 0.8); line-height: 2.25rem;}

.n_video{}
.n_video .m{ display: flex;}
.n_video .left{ width: 26.75rem; margin-right: 10px;}
.n_video .right{ flex-grow: 1;}
.n_video .txt{ background: url("../images/n_video_txt.jpg") center no-repeat; border-radius: 1.25rem; background-size: cover; padding: 3rem;}
.n_video .txt .con:first-child{ font-size: 1rem; line-height: 1.875rem; color: rgba(0, 0, 0, 0.7);}
.n_video .txt .tt{ margin: 2.25rem 0;}
.n_video .txt .tt h3{ font-size: 1.5rem; color: #5f6064; font-weight: bold; margin-bottom: 10px;}
.n_video .txt .tt span{ font-size: 1.5rem; color: #2d5bc4;font-family: FRADMCN; text-transform: uppercase; }
.n_videobox{ height: 100%; display: flex; align-items: center; justify-content: center; border-radius: 1.25rem; overflow: hidden;}

.n_shuzi{ background: #2d5bc4;}
.n_shuzi .tt{ text-align: center; margin-bottom: 3.125rem;}
.n_shuzi .tt h3{ font-size: 3.5rem; color: #fff; font-weight: bold; font-style: italic;}
.n_shuzi .tt p{ font-size: 1rem; color: rgba(255, 255, 255, .6); line-height: 1.5; margin-top: 1rem;}
.n_shuzi ul{ display: flex; justify-content: space-between;}
.n_shuzi ul li{ padding: .625rem 0;}
.n_shuzi ul li>div{ display: flex; color: #fff; }
.n_shuzi ul li>div b{ font-family: FRADMCN; font-size: 3rem; color: #fff; font-weight: normal;}
.n_shuzi ul li span{ font-size: 1rem; color: rgba(255, 255, 255, 0.7);}
.n_shuzi ul li i{ display: inline-block; font-size: 1.875rem; color: #fff; font-family: FRAMDCN; position: absolute; top: 0; }
.n_shuzi ul li .cols{ display: flex; position: relative; margin-left: .5rem; flex-direction: column; padding: .5rem 0; flex-direction: column-reverse; align-items: center; justify-content: space-between;}
.n_shuzi ul li p{ font-size: 1rem; color: rgba(255, 255, 255, 0.7); margin-top: 6px;}
.n_shuzi ul li.line{ width: 1px; height: auto; background: #fff; opacity: .2;}

.n_about2{  background: #e3e7ee url(../images/n_licheng_bg.jpg) center bottom no-repeat; background-size: 100%;}
.n_about2 .tt{ margin-bottom: 1rem; text-align:center}
.companytt h3{ font-size: 36px; color: #2d5bc4; font-weight: bold;line-height: 60px;}
.companytt span{ font-size: 1.5rem; color: rgba(98, 98, 98, 0.4);  font-family: FRAMDCN;}
.n_about2 .con{ font-size: 16px; color: #5f6064; line-height: 30px; margin-bottom: 4rem;}
.n_about2 .swiper{ border-radius: 1.25rem; overflow: hidden;}
.n_about2 .bd{ padding-right: 16.5rem; position: relative;}
.n_about2 .bd .right{ position: absolute; right: 0; top: 0; height: 100%; width: 4.5rem; background: url("../images/n_about2_line.png") center top no-repeat; background-size: .8125rem; display: flex; flex-direction: column; justify-content: flex-end;}
.n_about2 .arr_prev{ cursor: pointer; }
.n_about2 .arr_next{ margin-top: 1.125rem; cursor: pointer;}
.n_about2 .draw_h:before{ border: 2px solid #cfcfcf;}

.n_about2 .draw_h:hover svg.drawcircle circle{ stroke:#2d5bc4;}

.n_tt{ text-align: center; margin-bottom: 4rem;}
.n_tt h3{ font-size: 2.5rem; color: #252525; font-weight: bold; margin-bottom: .625rem;}
.n_tt span{ font-size: 1.5rem; color: #2d5bc4; text-transform: uppercase; font-family: FRAMDCN; }
.n_factory{ overflow: hidden; position: relative;}
.n_factory:before{ content: ""; display: block; width: 100%; height: 30.5rem; position: absolute; left: 0; top: 0; background: #edf0f6;}

.n_factory .swiper-slide .img{ border-radius: 0 3.75rem 0 3.75rem;}
.n_factory .swiper-slide:nth-child(even) .img{ border-radius:3.75rem 0 3.75rem 0;}
.n_factory .arr{ display: block; width: 3.125rem; height: 3.125rem; border-radius: 50%; top: 40%; transition: .5s;}
.n_factory .swiper-button-prev{ background: url("../images/factory_left.png") center no-repeat; background-size: contain !important;}
.n_factory .swiper-button-next{ background: url("../images/factory_right.png") center no-repeat; background-size: contain !important;}
.n_factory .swiper-button-prev:hover{ background: url("../images/factory_left_on.png") center no-repeat;}
.n_factory .swiper-button-next:hover{ background: url("../images/factory_right_on.png") center no-repeat;}
.n_factory .bd{ margin-bottom: 3.5rem;}
.arrstyle{}
.arrstyle .bd{ position: relative;}
.arrstyle .arr_left{ left: -6.25rem;}
.arrstyle .arr_right{ right: -6.25rem;}

.n_subnav{ margin-bottom: 3.25rem;}
.n_subnav ul{ display: flex; flex-flow: wrap; justify-content: center;}
.n_subnav ul li{ margin: 5px 10px;}
.n_subnav ul li a{ font-size: 1.125rem; color: rgba(45, 45, 45, 0.7); padding: 0 2.375rem; min-width: 10.625rem; height: 3.125rem; display: flex; align-items: center; justify-content: center; border-radius: 1.875rem;position: relative;z-index: 0;overflow: hidden;transition: all ease 600ms;}
.n_subnav ul li a:before {content: "";position: absolute;right: 0;top: 0;display: block;height: 100%;width: 100%;border-radius: 1.875rem;box-sizing: border-box;border: 2px solid #c5c5c5;transition: all ease 600ms;z-index: -1;}
.n_subnav ul li a:after {content: "";position: absolute;right: 0;top: 0;display: block;height: 100%;width: 0;background: #2d5bc4;transition: all ease 600ms;z-index: -1;}
.n_subnav ul li.on a:before {border: 2px solid #2d5bc4;}
.n_subnav ul li.on a:after {width: 100%;left: 0;right: auto;}
.n_subnav ul li.on a {color: #fff;}

.join_left{ flex-grow: 1;}
.join_left>ul{ display: grid; row-gap: 1.5rem;}
.join_left>ul>li{ position: relative; overflow: hidden;}
.join_left>ul>li:after{ content: ""; display: block; transform: translateY(10px); width: 72px; height: 61px; background: url("../images/join_on_bg.png") center no-repeat; position: absolute; right: 0; bottom: 0; z-index: 9; transition: .5s; opacity: 0; visibility: hidden;}
.join_left ul li .box{ position: relative; padding: 3rem 3rem 4.75rem; z-index: 1;}
.join_left ul li .box:before{ content: ""; display: block; width: 100%; height: 100%; position: absolute; z-index: -2; left: 0; top: 0; border: 2px solid #d4d8df;}
.join_left ul li .box:after{ content: ""; display: block; width: 100%; height: 100%; position: absolute; z-index: -1; left: 0; top: 0; opacity: 0; visibility: hidden; transition: .5s;
    background-image: -moz-linear-gradient( 270deg, #fff 0%, #e9f0f9 100%);
    background-image: -webkit-linear-gradient( 270deg, #fff 0%, #e9f0f9 100%);
    background-image: -ms-linear-gradient( 270deg, #fff 0%, #e9f0f9 100%); 
}
.join_left ul li .dt{ display: flex; justify-content: space-between; align-items: center; flex-flow: wrap; margin-bottom: 1.125rem;}
.join_left ul li .dt h3{ font-size: 1.5rem; color: #2d2d2d; font-weight: bold;}
.join_left ul li .dt p{}
.join_left ul li .dt span{ font-size: 18px; margin: .5rem 0; color: #2d2d2d; display: inline-block;}
.join_left ul li .dt span+span{ margin-left: 2.5rem;}
.join_left ul li .dd{ font-size: .9375rem; color: rgba(45, 45, 45, 0.7); line-height: 1.875rem;}
.join_left ul li .dd ul li{ list-style: disc; margin-left: 1.25em;}
.join_left ul li .dd .scrollbox{ overflow: auto; height: 11.25rem;}
.join_left ul li:hover .box:after{ opacity: 1; visibility: visible;}
.join_left>ul>li:hover:after{ opacity: 1; visibility: visible; transition-delay: .2s; transform: translateY(0);}
.n_join .bd{ display: flex;}

.join_right{ width: 26.875rem; margin-left: 2.5rem; flex-shrink: 0;}
.join_right .tt{ background: #2d5bc4; height: 6.375rem; display: flex; align-items: center; justify-content: center;}
.join_right .tt h3{ font-size: 1.25rem; line-height: 1.875rem; color: #fff; font-weight: bold; text-align: center;}
.join_right .con{ padding: 0 1.75rem; background: #fff;}
.join_right ul{}
.join_right ul li{ text-align: center; padding: 2rem 0;}
.join_right ul li+li{ border-top: 1px solid #e3e7ed;}
.join_right ul li span{ font-size: 3rem; line-height: 1; font-family: arial; color: rgba(45, 45, 45,.05); text-transform: uppercase; display: block;}
.join_right ul li h3{ font-size: 1.25rem; color: #2d2d2d; font-weight: bold; margin-bottom: .75rem;}
.join_right ul li p{ font-size: 1rem; line-height: 1.625rem; color: #7e808c;}
.join_right ul li a:hover{ color: #2d5bc4;}

.n_news_xq{ background: #e3e7ee;}
.n_news_xq .left {
	width: calc(100% - 385px);
	padding: 0 3.625rem 0 0;
	float: left;
}
.n_news_xq .right {
	width: 385px;
	float: right;
	background: #fff;
	position: sticky;
	top: 5rem;
	padding: 55px 36px 20px;
	border-radius: 6px;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	-ms-border-radius: 6px;
	-o-border-radius: 6px;
}
.n_news_xq .right .tt {
	font-size: 1.375rem;
	color: #333333;
	font-weight: bold;
	margin-bottom: 20px;
}
.n_news_xq .ar_title {
	margin-bottom: 2rem;
	border-bottom: #dadfe3 1px solid; 
	position: relative;
}
.n_news_xq .ar_title h3 {
	font-size: 2rem;
	color: #2d2d2d;
	line-height: 1.5;
margin-bottom: .375rem;
	font-weight: bold;
}
.n_news_xq .ar_title h6 {
	margin-bottom: 1rem
} 
.n_news_xq .ar_title h6 span img { margin-right: 5px;
}
.shart_box {
	display: inline-block;
	cursor: pointer
}
#share-21.social-share {
	 white-space: nowrap;
}
#share-21.social-share .social-share-icon {
	display: inline-block; border: 0 !important; 
	width: 40px;
	height: 40px;
	line-height: 40px;
}
.social-share-icon{ background: #fff;}
/* #share-21.social-share .social-share-icon:hover {
	border: #2d5bc4 1px solid !important;
	background: #2d5bc4 !important;
	color: #fff !important;
} */
#share-21.social-share .icon-wechat .wechat-qrcode .qrcode {
	height: 105px;
}
.right_search {
	margin-bottom: 34px;
}
.relative {
	position: relative;
}
.right_search .input {
	height: 54px;
	border: 1px solid #e0e1e8;
	width: 100%;
	background: none;
	padding: 0 20px;
	padding-right: 50px;
	font-size: 14px;
	color: #8a8a8c;
}
.right_search .btn_submit {
	position: absolute;
	border: 0 !important;
	outline: 0 !important;
	cursor: pointer;
	width: 40px;
	height: 100%;
	top: 0;
	right: 0;
	background: none;
	text-align: left;
}
.right_search .btn_submit:hover svg path {
	fill: #2d5bc4;
}
.right_news {
}
.right_news ul {
	margin-top: -18px;
}
.right_news ul li {
	padding: 18px 0;
}
.right_news ul li+li {
	border-top: 1px solid #e3e5eb;
}
.right_news ul li a {
	display: block;
	overflow: hidden; display: flex; align-items: center;
}
.right_news ul li .img {
	width: 166px;
	height: 96px; flex-shrink: 0;
	float: left;
	margin-right: 9px;
}
.right_news ul li .img img {
}
.right_news ul li .txt { 
}
.right_news ul li .txt .time {
	font-size: 14px;
	color: #808182;
	font-family: arial;
	margin-bottom: 12px; display: flex; align-items: center;
}
.right_news ul li .txt .time svg{ flex-shrink: 0; margin-right: .375rem;}
.right_news ul li .txt p {
	font-size: 14px;
	line-height: 22px;
	color: #333333;
	height: 44px;
	overflow: hidden;
}

.ar_fot2{  background: url("../images/end.png") center top no-repeat; padding-top: 2rem; margin-top: 2rem;}
.ar_fot2 a{ display: block; font-size: .9375rem; line-height: 1.7; padding: .5rem; color: #707076;}
.ar_fot2 a:hover{ color: #2d5bc4;}

.ar_title h6{ display: flex; justify-content: space-between; align-items: center;} 
.ar_time{ display: flex; font-size: 1.25rem; color: #2d5bc4; font-family: FRADMCN; align-items: center; }
.ar_time img{ flex-shrink: 0;}

.n_news ul{ display: grid; grid-template-columns: repeat(3,1fr); column-gap: 1.125rem; row-gap: 2.25rem;}
.n_news .box{}
.n_news .box .img{}
.n_news .box .img img{ height:220px;}
.n_news .box .txt{ padding: 3.125rem 3.625rem; background: #fff;}
.n_news .box .txt h4{ font-size: 1.375rem; line-height: 1.875rem; height: 3.75rem; overflow: hidden; color: #2d2d2d; margin-bottom: 1.375rem;}
.n_news .box .txt p{ font-size: .9375rem; line-height: 1.5rem; height: 3rem; overflow: hidden; color: rgba(0, 0, 0, 0.7); margin-bottom: 1.125rem;}
.n_news .box .txt .timebox{ display: flex; justify-content: space-between; align-items: center;}
.n_news .box .txt .time{ font-size: 1rem; color: #2d5bc4; font-family: FRAMDCN; display: flex; }
.n_news .box .txt .time i{ display: block; flex-shrink: 0; width: .875rem; height: 1rem; margin-right: 7px; background: url("../images/time.png") center no-repeat; background-size: contain;}
.n_news .box .txt .btn_arr02{}

.n_study{}
.n_study ul{ display: grid; row-gap: 1.1875rem;}
.n_study ul li{}
.n_study ul li a{ display: flex; align-items: center; background: #fff; padding-right: 4rem;}
.n_study ul li .img{ width: 18.4375rem; height: 13.75rem; flex-shrink: 0; }
.n_study ul li .img img{}
.n_study ul li .txt{ padding-left: 2.5rem; height: 13.75rem; display: flex; flex-direction: column; justify-content: center;}
.n_study ul li .txt h5{ font-size: 1.375rem; color: #242424; margin-bottom: 1.25rem; font-weight: bold;}
.n_study ul li .txt p{ font-size: .875rem; line-height: 1.5rem; color: rgba(36, 36, 36, 0.7); margin-bottom: .75rem;}
.n_study ul li .flex{ display: flex; justify-content: space-between;}
.n_study ul li .txt .time{ font-size: .875rem; color: #cbcbcb; font-family: FRADMCN;}
.n_study ul li .txt .time span{ font-size: 1.5rem; color: #124a9d; display: inline-block; margin-right: 7px;}
.n_study ul li .txt .more{ font-size: .875rem; line-height: 1.5rem; color: #605e5b; font-family: arial; text-transform: uppercase;}
.n_study ul li .txt .more:hover{ color: #124a9d;}

.n_study_xq{}
.n_study_xq .tt{ text-align: center; padding-bottom: 1.75rem; position: relative; margin-bottom: 2.75rem;}
.n_study_xq .tt:before{ content: ""; display: block; width: 100%; height: 2px; background: #e9ecef; position: absolute; left: 0; bottom: 0;}
.n_study_xq .tt:after{ content: ""; display: block; width: 3.75rem; height: 2px; background: #2d5bc4; position: absolute; left: 50%; transform: translateX(-50%); bottom: 0;}
.n_study_xq .tt h3{ font-size: 2.125rem; color: #000000; font-weight: bold; line-height: 1.5;}

.n_zihzis .content{border: #ffffff 2px solid;background: rgba(255,255,255,.55);border-radius: .625rem;padding: 5rem 4rem;position: relative; margin-bottom: 1.625rem;}
.n_zihzis .content .dot{ position: absolute; left: 1.875rem; right: 1.875rem;}
.n_zihzis .content .dot1{ top: 2.25rem; }
.n_zihzis .content .dot2{ bottom: 2.25rem; }
.n_zihzis .content .dot:before{content: "";width: 1rem;height: 1rem;background: url("../images/dots.png") center no-repeat;position: absolute;}
.n_zihzis .content .dot:after{content: "";width: 1rem;height: 1rem;background: url("../images/dots.png") center no-repeat;position: absolute; right:0;}

.list_box_zihzis{ display: flex;  flex-wrap: wrap; margin: 0 -.75rem;}
.list_box_zihzis li{width: 16.66%;padding: 0 .75rem;}
.list_box_zihzis li a{background: #dde1e7; display: block; padding-bottom: 1px;}
.list_box_zihzis li *{ transition: .5s;}
.list_box_zihzis li a h4{font-size: .875rem;color: rgba(26, 26, 26, 0.85);line-height: 1.125rem; height: 2.25rem; overflow: hidden; margin: 0;text-align: center;margin: 1rem;}
.list_box_zihzis li a .box{background: #e6e9ee;background-size: cover;padding: 2px 2px 0;}
.list_box_zihzis li a .img .img_hezi{padding-bottom: 137% !important;background: #fff;}
.list_box_zihzis li a .img img{max-width: 90%;max-height: 90%;left: 50%;top: 50%;transform: translateX(-50%) translateY(-50%);width: auto;height: auto;}
.img_zd{ position:relative; width:100%}
.img_zd .img_hezi{ padding-bottom:60% !important}
.img_zd>img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit: cover;}
.list_box_zihzis li:hover a{ background: #2d5bc4; color: #fff;}
.list_box_zihzis li:hover a h4{ color: #fff;}
.list_box_zihzis li:hover a .box{ background: #2d5bc4;}
.pagination{}
.yewu_list{ display: grid; grid-template-columns: repeat(4,1fr); row-gap: 1.75rem; column-gap: 2.5rem;}
.yewu_list li{}
.yewu_list li .box{border: 1px solid #e5e8ea; border-radius: .625rem; overflow: hidden;}
.yewu_list li .img{ }
.yewu_list li .img img{}
.yewu_list li .txt{background: #edeff1; flex-grow: 1; height:70px; text-align:center; line-height:70px;}
.yewu_list li .txt h4{ font-size: 1.125rem; color: #484848;}
.yewu_list li .txt p{ font-size: .875rem; line-height: 1.75rem; color: #757575; margin-top: .875rem; margin-bottom: 1.25rem;}
.yewu_list li .txt .btn_baojia{ width: 7.5rem; height: 2.5rem; transition: .5s; border: 1px solid #c9cacb; font-size: .875rem; color: #6d6d6d; border-radius: 1.25rem; display: flex; align-items: center; justify-content: center;}
.btn_baojia svg{ margin-right: 6px;}
.yewu_list li .txt .btn_baojia:hover{ background: #2d55ba; border: 1px solid #2d55ba; color: #fff;}
.yewu_list li .txt .btn_baojia:hover svg path{ fill: #fff;}

.n_zizhi2{}
.zizhi2_list{ display: grid; grid-template-columns: repeat(4,1fr); column-gap: 2.5rem; row-gap: 3rem;}
.zizhi2_list li{ }
.zizhi2_list li a{ display: inline-block;}
.zizhi2_list li .picbox{ position: relative; display: inline-block;}
.zizhi2_list li .pic{ position: absolute; left: 0; top: 0; width: 100%; height: 100%; padding: 0; background: rgba(255, 255, 255, .6);}
.zizhi2_list li .pic img{ width: 100%; height: 100%; object-fit: contain;}
.zizhi2_list li p{ font-size: 1rem; color: #151515; text-align: center; margin-top: 1.5rem; position: relative;}
.zhuanli_border{ position: relative; z-index: 9; display: block; pointer-events: none;}
.zhuanli_border_shandow{ position: absolute; left: 0; top: 100%; height: auto; width: 100%;}

.page-wrap-right {
    overflow: hidden;font-size: 16px;
    line-height: 36px;
}

/* 自动发布 */
.xypg-detail-article .article-img {
    text-align: center;
    margin: 5px 0;
}

.xypg-detail-article .article-img img {
    border: 1px solid #efefef;
    padding: 1px;
    max-width: 100%;
    height: auto !important;
}

.page-product-detail-effect {
    float: left;
    width: 42.61%;
}

.page-product-detail-effect .big-img {
    border: 1px solid #eee;
}

.page-product-detail-effect .big-img a {
    display: block;
    text-align: center;
    width: 100%;   
    font-size: 0;
}

.page-product-detail-effect .big-img a img {
    max-width: 500px;
    max-height: 400px;
    display: inline-block;
    vertical-align: middle;
}

.page-product-detail-effect .big-img a:after {
    content: '';
    height: 100%;
    display: inline-block;
    vertical-align: middle;
}

.page-product-detail-right {
    width: 50%;
    float: right;
}

.page-product-detail-right > h1 {
    font-size:30px;
    color: #2D5BC4;
    margin-bottom: 20px; font-weight:bold;
}

.product-detail-item li {
    font-size: 18px;
    line-height: 36px;
    color: #333; text-align:justify
}

.product-detail-slick {
    position: relative;
    margin-top: 20px;
}
.product-detail-slick ul span{color:#2D5BC4; font-size:24px; font-weight:bold}
.product-detail-slick ul li{margin-right:30px;} 
.product-detail-slick ul li img{ float:left}
.product-detail-slick ul li p{float:left; height:53px; line-height:53px; margin-left:20px;}
.product-detail-slick a.slick-item {
    display: block;
    text-align: center;
    width: 100%;
    height: 95px;
    font-size: 0;
    border: 1px solid #eee;
    position: relative;
}

.product-detail-slick a.slick-item img {
    max-width: 100%;
    max-height: 100%;
    display: inline-block;
    vertical-align: middle;
}

.product-detail-slick a.slick-item:after {
    content: '';
    height: 100%;
    display: inline-block;
    vertical-align: middle;
}

.product-detail-slick a.slick-item.active {
    border-color: #2D5BC4;
}

.product-detail-slick .owl-nav button {
    position: absolute;
    width: 27px;
    height: 27px;
    background: rgba(37, 37, 37, 0.6) !important;
    border-radius: 50%;
    text-align: center;
    line-height: 27px;
    top: 50%;
    margin-top: -13.5px;
    z-index: 9;
    cursor: pointer;
    opacity: 0;
    -webkit-transition: all .5s ease;
    transition: all .5s ease;
    outline: none;
    border: none;
}

.product-detail-slick .owl-nav button .icon-font {
    width: 100%;
    height: 100%;
    display: block;
}

.product-detail-slick .owl-nav button .icon-left-arrow:after {
    background-position: 1px -509px;
}

.product-detail-slick .owl-nav button .icon-right-arrow:after {
    background-position: -27px -240px;
}

.product-detail-slick .owl-prev {
    left: 0;
}

.product-detail-slick .owl-prev:after {
    background-position: 0 0;
}

.product-detail-slick .owl-next {
    right: 0;
}

.product-detail-slick:hover .owl-nav button {
    opacity: 1;
}

.page-product-inquiry {
    margin-top: 30px;
}

.page-product-inquiry a {
    font-size: 30px;
    color: #ffffff;   
    background: #2D5BC4;
    padding: .5em 1.1em;
    border-radius: 2em;  font-family:'impact'; float:left;
}
.page-product-inquiry a img{ position:absolute}


@media (max-width: 990px) {
    .page-product-detail-effect {
        float: none;
        width: 100%;
        margin-bottom: 20px;
        pointer-events: none;
    }

    .page-product-detail-right {
        width: 100%;
        float: none;
    }
	.product-detail-slick ul span{color:#2D5BC4; font-size:22px; font-weight:bold; width:100px;}
.product-detail-slick ul li{margin-right:10px;} 
.product-detail-slick ul li img{ float:left}
.product-detail-slick ul li p{float:left; height:53px; line-height:53px; margin-left:10px;}
.page-product-detail-effect .big-img a img{ width:100%; }
}

@media (max-width: 640px) {
    .product-detail-slick .slick-item {
        height: 65px;
    }

    .page-product-inquiry a {
        font-size: 20px;padding: 0.7em 1.1em;
    }

    .page-product-detail-right > h1 {
        font-size: 16px;
        margin-bottom: 15px;
    }
}

.product-detail-tab {
    margin-top: 50px;border-top: 1px solid #ebebeb;
    padding-top: 30px;
}

.product-detail-tab .product-detail-tabli {
  
    height: 50px;
    line-height: 50px; display:flex;
}


.product-detail-tab .product-detail-tabli li {margin: 5px 10px; font-size:18px; color: rgba(45, 45, 45, 0.7); padding: 0 30px; min-width: 100px; height:50px; display: flex; align-items: center; justify-content: center; border-radius: 50px;position: relative;z-index: 0;transition: all ease 600ms;}
.product-detail-tab .product-detail-tabli li :before {content: "";position: absolute;right: 0;top: 0;display: block;height: 100%;width: 100%;border-radius: 20px;box-sizing: border-box;border: 2px solid #c5c5c5;transition: all ease 600ms;z-index: -1;}
.product-detail-tab .product-detail-tabli li :after{content: "";position: absolute;right: 0;top: 0;display: block;height: 100%;width: 0;background: #2d5bc4;transition: all ease 600ms;z-index: -1;}
.product-detail-tab .product-detail-tabli li.on:before, .product-detail-tab .product-detail-tabli li:visited:before, .product-detail-tab .product-detail-tabli li:active:before{border: 2px solid #2d5bc4;}
.product-detail-tab .product-detail-tabli li.on:after{content:"";
position: absolute;
width: 0;
height: 0;
 border-style: solid; border-width: 20px; /* 三角形大小 */ border-color: transparent transparent #EEEFF3 transparent; top:40px}
/* .product-detail-tab .product-detail-tabli li:nth-child(2).on:after{position: absolute;
width: 0;
height: 0;
 border-style: solid; border-width: 20px; border-color: transparent transparent #367FC4 transparent; top:40px}*/
.product-detail-tab .product-detail-tabli li.on, .product-detail-tab .product-detail-tabli li:visited, .product-detail-tab .product-detail-tabli li:active,.product-detail-tab .product-detail-tabli li:hover{color: #fff;background: #2d5bc4;}




.product-detail-tabbox {
  background:#EEEFF3; margin-top:30px;
}

.product-detail-tab .product-detail-tabcon img, .product-detail-tab .product-detail-tabcon p img {
    max-width: 100%;
    height: auto !important;
    width: auto !important;
}

@media (max-width: 768px) {
    .product-detail-tab .product-detail-tabli {
        height: 35px;
    }

    .product-detail-tab .product-detail-tabli li {
        font-size: 18px;
        line-height: 33px; margin:0
    }
	.n_subnav ul li a{  padding: 0 2rem; min-width: 8rem; }
}

@media (max-width: 420px) {
    .product-detail-tab .product-detail-tabli {
        height: 30px;
    }

    .product-detail-tab .product-detail-tabli li {
        font-size: 12px;
        line-height: 28px;
    }
}

/**
 * EasyZoom core styles
 */
.easyzoom {
    position: relative;
    /* 'Shrink-wrap' the element */
    display: inline-block;
    *display: inline;
    *zoom: 1;
}

.easyzoom img {
    vertical-align: bottom;
}

.easyzoom.is-loading img {
    cursor: progress;
}

.easyzoom.is-ready img {
    cursor: crosshair;
}

.easyzoom.is-error img {
    cursor: not-allowed;
}

.easyzoom-notice {
    position: absolute;
    top: 50%;
    left: 50%;
    z-index: 150;
    width: 10em;
    margin: -1em 0 0 -5em;
    line-height: 2em;
    text-align: center;
    background: #FFF;
    -webkit-box-shadow: 0 0 10px #888;
    box-shadow: 0 0 10px #888;
}

.easyzoom-flyout {
    position: absolute;
    z-index: 100;
    overflow: hidden;
    background: #FFF;
}

/**
 * EasyZoom layout variations
 */
.easyzoom--overlay .easyzoom-flyout {
    top: 0;
    left: 0;
    width: 100%;
    height: 100%; display:none
}

.easyzoom--adjacent .easyzoom-flyout {
    top: 0;
    left: 100%;
    width: 100%;
    height: 100%;
    margin-left: 20px;
}

.table {
	margin-bottom: 0;
	color: #333
}

.table a {
	text-decoration: none
}

.table thead th,
.table tfoot th,
.table td {
	vertical-align: middle;
	outline: none
}

.table td .tag:not(.tag-pill) {
	line-height: inherit
}

table th {
	background-color: #f3f7f9;
	font-weight: bold !important
}

table td.text-xs-center input[type="text"],
table th.text-xs-center input[type="text"] {
	text-align: center
}

@media (min-width:480px) {
	table th {
		white-space: nowrap
	}

	table.form-inline .form-group,
	table.form-inline .form-control {
		display: block;
		width: 100%
	}
}
div.dataTables_paginate .paginate_button.active>a,
div.dataTables_paginate .paginate_button.active>a:focus,
div.dataTables_paginate .paginate_button.active>a:hover {
	background: #ddd !important;
	border-color: #ddd !important;
	color: #777 !important
}

.dataTables_empty {
	text-align: center
}

.dataTables_info {
	color: #777
}

body table.table-bordered.dataTable {
	border-collapse: collapse !important
}

.table-striped.dataTable tbody tr.active td,
body .table-striped.dataTable tbody tr.active:hover td {
	background: #f3f7f9 !important;
	color: inherit !important
}

.table-striped.dataTable tbody tr.active td>a,
body .table-striped.dataTable tbody tr.active:hover td>a {
	color: #62a8ea !important
}


.table {
	width: 100%;
	max-width: 100%;
	margin-bottom: 1rem;

}

.table td,
.table th {
	padding: .572rem;
	vertical-align: top;
	border-top: 1px solid #e4eaec
}

.table thead th {
	vertical-align: bottom;
	border-bottom: 2px solid #e4eaec
}

.table tbody+tbody {
	border-top: 2px solid #e4eaec
}

.table .table {
	background-color: #fff
}

.table-sm td,
.table-sm th {
	padding: .358rem
}

.table-bordered {
	border: 1px solid #e4eaec
}

.table-bordered td,
.table-bordered th {
	border: 1px solid #e4eaec
}

.table-bordered thead td,
.table-bordered thead th {
	border-bottom-width: 1px
}
.table-striped tbody tr{ height:36px;}
.table-striped tbody tr:nth-of-type(odd) {
	background-color:#f3f7f9; 
}

.table-hover tbody tr:hover {
	background-color: #e2f0f8;
}

.table-active,
.table-active>td,
.table-active>th {
	background-color: #f3f7f9
}

.table-active a {
	color: inherit
}

.table-hover .table-active:hover {
	background-color: #e2ecf1
}

.table-hover .table-active:hover>td,
.table-hover .table-active:hover>th {
	color: inherit;
	background-color: #e2ecf1
}

.table-responsive {
	display: block;
	overflow-x: auto;
	width: 100%;
	min-height: .01%
}


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

.flexed {
  display: flex;
  justify-content: space-between;
  flex-wrap: nowrap;
  display: -webkit-flex;
}

/* 技术优势及特点 */
.ys-index{

}

.tab-con { position: relative;}
.tab-con .tab-main { position: absolute; left: 0; top: 0; z-index: 9; right: 0;}
.tab-con .tab-main { opacity: 0; visibility: hidden; transition: all .5s ease; }
.tab-con .tab-main.active { position: static; opacity: 1; visibility: visible;}

.ys-wrap{

}

.ys-wrap .img1{
  width: 50%;
}

.ys-wrap .img1 img{
  width: 100%;
  border-radius: 10px;
}

.ys-wrap .wz{
  width: 45.19%;
  padding-top: 1.3vw;
}

.ys-wrap .wz .wz1{
  font-weight: 600;
  color: #2D5BC4;
  font-size: 48px;
  display: flex;
  align-items: center;
  line-height: 1;
}

.ys-wrap .wz .wz1 img{
  max-width: 100%;
  margin-left: 2vw;
}

.ys-wrap .wz .wz2{
  margin-top: 2vw;
}

.ys-wrap .wz .wz2 p{
  color: #333333;
  font-size: 16px;
  margin-bottom: 1.5625vw;
  position: relative;
}


.ys-index{
  position: relative;
}

.tab-li{
  position: absolute;
  bottom: 30px;
  right: 0;
  width: 45.19%;
}

.tab-li ul li{
  width: 31.21%;
}

.tab-li ul li .img1{
  border: 3px solid transparent;
  border-radius: 24px;
  
}

.tab-li ul li .img1 img{
  width: 100%; border-radius: 22px;
}

.tab-li ul li.active .img1{
   border: 3px solid #067344;
   box-shadow: 0 0 10px rgba(0,80,45,.5); line-height:0
}

@media(max-width: 1300px){
  .ys-wrap .wz .wz1{
    font-size: 30px;
  }
  .ys-wrap .wz .wz2 p{
    font-size: 16px;
  }
}

@media(max-width: 1024px){
  .ys-wrap .wz .wz1{
    font-size: 24px;
  }
  .ys-wrap .wz .wz1 img{
    max-width: 20px;
    width: 100%;
  }
  .ys-wrap .wz .wz2 p{
    font-size: 14px;
    margin-bottom: 5px;
  }
  .tab-li{
    bottom: 10px;
  }
  .ys-wrap .wz .wz2 p::before{
    width: 80px;
  }
}

@media(max-width: 767px){
  .ys-index{
    margin-top: 20px;
    margin-bottom: 20px;
    display: flex;
    flex-wrap: wrap;
    flex-direction: column-reverse;
  }
  .ys-wrap{
    flex-wrap: wrap;
    margin-top: 20px;
  }
  .ys-wrap .img1{
    width: 100%;
  }
  .ys-wrap .wz{
    width: 100%;
    padding-top: 20px;
  }
  .ys-wrap .wz .wz1{
    font-size: 16px;
  }
  .tab-li{
    position: relative;
    width: 100%;
    bottom: 0;
  }
  .tab-li ul li .img1 img{
    border-radius: 20px;
  }
}

.box2{background:url(../../../../images/d2b2cd3b3cb1de5de4d019042c50501927f5917c.jpg) no-repeat;background-size:cover;padding:7vw 0;margin-top:-1px;}
.b2cont{position:relative;}
.pinz{width:47.53%;position:absolute;z-index:99;left:0;top:0;}
.pintt{color:#2D5BC4;font-size:48px;line-height:60px; font-weight:bold}

.pbg{background:#ffffff;margin-top:4.2vw;padding:3vw 0 7vw;} 
.pbg .nr{width:82%;margin:0 auto;overflow: hidden;}

.prolist{border-bottom: 1px solid #CDCDCD;}
.prolist li{ cursor: pointer; position: relative;text-align:center;height:100px;}
.prolist li .img{ display:block; margin: 0 auto;height: 2.5vw; margin-bottom:14px; text-align:center}
.prolist li .img img{width:auto;display:block; height:50px; margin:auto}
.prolist li h3{ font-size: 16px; font-weight: normal;color:#333333}
.prolist li::before{content:""; display: block; width: 0; z-index: 1;height: 2px; position: absolute; left: 50%; bottom: -1px;  transition: ease 1s; background: #2D5BC4;}
.prolist li.cur::before{ width: 100%; left: 0;}


.proimg {
opacity: 0;
visibility: hidden;
overflow: hidden;
height: 0px;
}
.proimg.active{opacity: 1;visibility: visible;height: 100%;}
.proimg li{}
.proimg li .wz{color:#666666;font-size:16px;line-height:30px;margin-top:2vw;}
.proimg.active{animation: scaleUpDown 0.5s  linear .65s;   animation-delay:0s;     animation-fill-mode: forwards;  }
  @keyframes scaleUpDown {
        0% { transform: translateX(-100px); opacity:0;}
        100% {transform: translateX(0px);opacity:1;transition: all .8s ease;}
    }
.pimg{width:67.6%;}
.pimg img{width:100%;display:block;}



@media (max-width:1024px) {

  .pintt{font-size:35px;line-height:48px;}
  .prolist li{height:70px;}
  .prolist li .img{width:60%;}
  .prolist li h3{font-size:14px;}
  .proimg li .wz{font-size:14px;height:66px;line-height:22px;}
 
  
  .bt{font-size:20px;}
  .bt p{font-size:22px;}
  .know{font-size:20px;}
  .hotTel h2{font-size:38px;}
}





@media (max-width: 768px) {

 .pinz{position:static;width:100%;}
 .pimg{width:100%;margin-top:20px;}
 .pbg .nr{width:92%;}
 .proimg li .wz{height:auto;}
 .prolist li{height:60px;}
}

@media (max-width:428px) {
 
  .pintt{font-size:26px;line-height:33px;}
    .bt{font-size:16px;}
  .bt p{font-size:18px;}
  .prolist li .img{height:22px;}
  
}