@charset "utf-8";
/* CSS Document */
i,em{
	font-style: normal;
}

.fl{ float:left;}
.fr{ float:right;}
.tac{text-align: center;}
.w1300{ width:1400px; margin:0 auto}

.clearfix:after{ display: block; clear: both; content: ""; visibility: hidden; height: 0;}
.clearfix{ zoom:1;}

.clear {
	clear: both;
}
/*===========================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:7.5rem; width:100%; position: fixed; top: 0; z-index: 998; transition: .5s; -webkit-transition: .5s; -moz-transition: .5s; -ms-transition: .5s; -o-transition: .5s; }
#header .m{ display: flex; height: 100%; max-width: 100%; justify-content: space-between; align-items: center; position: static; }  
#logo{ flex-shrink:0; }
#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: none;}
#logo .img02{ display: block;}
#nav{ flex-grow: 1; max-width: 1000px;  }
#nav ul{ display: flex; justify-content: space-between;}
#nav ul li{ float:left; position:relative; z-index:0; flex-grow: 1; text-align: center; }
#nav ul li a{ display:block; text-transform:uppercase; font-size: 0;}
#nav ul li h3{ font-size:1rem; color:#fff; line-height:7.5rem; overflow:hidden; text-align: center; position:relative; z-index: 1; display:inline-block;}
#nav ul li.on h3,#nav ul li:hover h3{ }
#nav ul li h3:before{ content: ""; display: block; transition: .5s width; width: 0 !important; height: 15px;  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(255,255,255,.8);width: 200px; padding: 1rem; 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: .975rem;color: #505050; text-align: center; white-space: nowrap;}
#nav li .sub a:hover{ background: #2d5bc4; color: #fff; }
#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:hover #lan ul li{color:#333;}
#header:hover #lan ul li:hover{color:#2d5bc4;}
#header.xg #lan ul li{ font-size:.9rem; color:#333;line-height:1.5rem;}
#header.xg #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 #logo .img01{ display: block;}
#header.xg #logo .img02{ display: none;}
#header:hover{ background: rgba(255, 255, 255, .8); box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15);}
#header:hover #nav ul li h3{ color: #333; }
#header:hover #logo .img01{ display: block;}
#header:hover #logo .img02{ display: none;}
#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 #logo .img01{ display: block;}
#header.ny #logo .img02{ display: none;}
/***********************/

/*手机导航开始*/
#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(img/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('img/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('img/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('img/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;
}
.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(img/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 .slide-inner img{width:100%;}
#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(img/banner_left.png) center no-repeat !important; background-size:1.5rem !important; opacity:.8; left:4%;}
#banner .swiper-button-next{ background:url(img/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); }
}
 

/*产品中心*/
.probox{color: #002386;font-family:"Microsoft Yahei";position: relative; background-color:#f2f2f2;line-height: 26px;width:100%; padding-bottom:30px; height:auto;max-width:1920px;margin:0 auto; overflow:hidden;}
.sy_lm{ margin:0 auto; width:80%;padding:55px 0 20px;}
.probox .sy_lm li a,.newbox .sy_lm li a{color: #fff; font-size:18px;font-weight:bold;}
.sy_lm li.cur a,.sy_lm li:hover a,.newbox .sy_lm li.cur a,.newbox .sy_lm li:hover a{background: #fc8a03;color: #fff;}
.til01{text-align: center;color: #000;font-size:54px;line-height:72px;font-family: "Microsoft Yahei";padding: 0 0 28px;font-weight: normal;}
.til01 p{display: block;font-size:16px;line-height:34px;opacity: 0.8;}
.til01 a{color: #000;}
.til02,.til02 a{color: #fff;}

.sy_lm{height: auto;font-size: 18px;}
.sy_lm .til01{text-align: left;float: left;}
.sy_lm h3{ width:30%; float:left;text-align: left;color: #343434;font-size:50px;line-height:72px;font-family: "思源宋体";padding: 0 0 28px;font-weight: normal;}
.sy_lm h3 b{ color:#2d5bc4;}
.sy_lm h3 p{display: block;font-size:20px;line-height:30px; font-weight:normal;font-family: "Microsoft Yahei";text-transform: uppercase;}
.sy_lm ul{width:45%; padding-top:70px; text-align:right;float: right;}
.sy_lm li{ width:23%;float: left;text-align: center; margin-left:1%;}
.sy_lm li a{width:auto;height:auto;line-height:30px; padding:5px; padding-left:15px; padding-right:15px;background: #2d5bc4;border-radius:5px;box-sizing:border-box;display: block;color: #fff;overflow:hidden;}



.service_list_met_16_26_84 .met-index-body{background-image:url();background-repeat:no-repeat;background-size:cover;background-position:center;padding:0px 0px; margin-top:60px;}
.service_list_met_16_26_84 ul{ margin:0 auto;width:82%; height:auto; overflow:hidden;}
.service_list_met_16_26_84 .met-index-body .advantage-list{ width:100%;overflow:hidden;display:flex}
.service_list_met_16_26_84 .advantage-list li{width:32%;height:auto; margin:0.5%;float:left;position:relative;transition:width 455ms;overflow:hidden; }
.service_list_met_16_26_84 .advantage-list li figure{margin-bottom:0px;display:block;overflow:hidden;position:relative;text-align:center;background-position:center center;background-repeat:no-repeat;height:364px;transition:all 4s}
.service_list_met_16_26_84 .advantage-list li h2{font-family:"微软雅黑"; font-size:18px; color:#343434; line-height:40px; text-align:center;}
.service_list_met_16_26_84 .advantage-item{width:100%;height:auto;position:absolute;top:70%;-webkit-transition:all 0.52s cubic-bezier(0.4,0,0.2,1);transition:all 0.52s cubic-bezier(0.4,0,0.2,1)}
.service_list_met_16_26_84 .advantage-list .black-20{position:absolute;left:0;top:0;width:100%;height:100%}
.service_list_met_16_26_84 .advantage-item .ico{width:60px;display:block;position:relative;margin:0px auto 15px}
.service_list_met_16_26_84 .advantage-item .ico img{width:100%;display:block}
.service_list_met_16_26_84 .advantage-item p{transition:0.3s;-webkit-transition:0.3s;color:#ffffff}
.service_list_met_16_26_84 .advantage-item .t{font-size:33px;line-height:1.5;margin-bottom:10px}
.service_list_met_16_26_84 .advantage-item .bot{height:0px;width:1px;background-color:#ffffff;display:block;margin:0px auto 24px;-webkit-transition:all 0.52s cubic-bezier(0.4,0,0.2,1);transition:all 0.52s cubic-bezier(0.4,0,0.2,1)}
.service_list_met_16_26_84 .advantage-item .by{color:#666666;color:#ffffff;opacity:0;visibility:hidden\9;height:68px;text-align:center;overflow:hidden;transition:0.3s;-webkit-transition:0.3s}
.service_list_met_16_26_84 .advantage-item .btnMore{margin:60px auto 0;opacity:0;visibility:hidden\9;transition:0.3s;-webkit-transition:0.3s}
.service_list_met_16_26_84 .advantage-item .ilink{z-index:10}
.service_list_met_16_26_84 .btnMore{width:170px;height:42px;line-height:42px;text-align:center;border:2px solid #ffffff;display:block;position:relative;z-index:1}
.service_list_met_16_26_84 .btnMore:before{content:"";width:100%;height:100%;background-color:#2d5bc4;z-index:-1;position:absolute;left:0;bottom:0px;transform-origin:100%;-webkit-transform-origin:100%;-webkit-transition:-webkit-transform 0.42s cubic-bezier(0.4,0,0.2,1);transition:transform 0.42s cubic-bezier(0.4,0,0.2,1);transform:scaleX(0);-webkit-transform:scaleX(0);visibility:hidden\9}
.service_list_met_16_26_84 .btnMore .txt{color:#ffffff;padding:0px 42px 0 0px;background:url(img/btn_m2.png) no-repeat scroll right center}
.service_list_met_16_26_84 .btnMore.arrow .txt{background:url() no-repeat scroll right center}
.service_list_met_16_26_84 .btnMore:hover{border-color:#fff}
.service_list_met_16_26_84 .btnMore:hover:before{transform:scaleX(1);-webkit-transform:scaleX(1);-moz-transform:scaleX(1);transform-origin:0;-webkit-transform-origin:0;visibility:visible\9}
.service_list_met_16_26_84 .btnMore:hover .txt{color:#fff;color:;background-image:url(img/btn_m1.png)}
.service_list_met_16_26_84 .btnMore.hoverarrow:hover .txt{background-image:url()}@media screen and (min-width:1025px){ .service_list_met_16_26_84 .advantage-list li.now{ width:40% !important}.service_list_met_16_26_84 .advantage-list li.sible{ width:calc(60% / (3 - 1)) !important}.service_list_met_16_26_84 .advantage-list li:hover .ico{ -webkit-transition-timing-function:cubic-bezier(0.6,4,0.3,0.8); transition-timing-function:cubic-bezier(0.6,4,0.3,0.8); -webkit-animation:gelatine 0.5s 1; animation:gelatine 0.5s 1}
.service_list_met_16_26_84 .advantage-list li:hover .black-20{ background:none rgba(0,0,0,0.6)}
.service_list_met_16_26_84 .advantage-list li:hover .advantage-item{ top:25%}

.service_list_met_16_26_84 .advantage-list li:hover .bot{ height:42px}.service_list_met_16_26_84 .advantage-list li:hover .by{ opacity:1; visibility:visible\9; transition:all 0.4s ease 0.3s; -webkit-transform:all 0.4s ease 0.3s}.service_list_met_16_26_84 .advantage-list li:hover .btnMore{ opacity:1; visibility:visible\9}}@media screen and (max-width:1260px){.service_list_met_16_26_84 .advantage-item .ico{ width:50px}.service_list_met_16_26_84 .advantage-item .t{ font-size:16px}}@media screen and (max-width:1024px){.service_list_met_16_26_84.met-index-body .advantage-list{flex-direction:column; height:auto; width:100%;}.service_list_met_16_26_84.met-index-body{ height:auto; padding:0px 0px}.service_list_met_16_26_84 .advantage-list li{ width:49% !important;}
.service_list_met_16_26_84 .advantage-list li h2{ font-size:16px; font-weight:normal;}
.service_list_met_16_26_84 .advantage-list li figure{ background-size:cover; height:100%; position:absolute; left:0; top:0; width:100%}.service_list_met_16_26_84 .advantage-item{ position:inherit; top:auto; left:auto; height:auto; margin:0 auto; padding:70px 0; width:500px}.service_list_met_16_26_84 .advantage-list li .bot{ height:15px; margin:10px auto 15px}.service_list_met_16_26_84 .advantage-list li .by{ opacity:1; visibility:visible\9; height:auto}.service_list_met_16_26_84 .advantage-list li .ico{ margin-bottom:5px}.service_list_met_16_26_84 .advantage-item .btnMore{ opacity:0; visibility:visible\9; margin-top:40px}}@media screen and (max-width:860px){.service_list_met_16_26_84 .advantage-item{ width:460px; padding:40px 0px 50px}}@media screen and (max-width:767px){.service_list_met_16_26_84.met-index-body{ padding:0px 0px}}@media screen and (max-width:641px){.service_list_met_16_26_84 .advantage-item{ width:90%}}


/*ys*/

.sylm{width:auto; height:auto; text-align:center; padding-top:70px; padding-bottom:20px;}
.sylm h3{font-family: "思源宋体"; font-size:40px; color:#343434; font-weight:bold; line-height:50px;}
.sylm h3 span{color:#2d5bc4}
.sylm p{font-family:"微软雅黑"; font-size:20px; color:#666;line-height:30px;text-transform: uppercase;}

.ys{ }

.ys .sylm{width:auto; height:auto; text-align:center; padding-top:70px; padding-bottom:20px;}
.ys .sylm h3{font-family: "思源宋体"; font-size:40px; color:#fff; font-weight:bold; line-height:50px;}
.ys .sylm h3 span{color:#f98f06;}
.ys .sylm p{font-family:"微软雅黑"; font-size:20px; color:#fff;line-height:30px;text-transform: uppercase;}

.ys_con{width: 100%;height: 740px;margin-top: 50px;padding-bottom:30px;overflow: hidden;}
.ys_con ul{width: 100%;height: 740px;}
.ys_con li{width:16%;float: left;position: relative;cursor:pointer;height: 740px;box-sizing:border-box;border-left: solid 10px #fff;z-index: 50;}

.ys_con li:first-child{border: 0;}
.ys_con li:before{content: "";position: absolute;width:100%;height:100%;background:rgba(0, 0,0, 0.45);bottom:0;left:0;}
.ys_con li .ys_by{width: 100%;height:68%;left:42px;position: absolute;top:80px;}
.ys_con li .ys_by h3{position: relative;}
.ys_con li .ys_by h3:before{content: "";position: absolute;width:3px;height:296px;background:#fff;top:145px;left:8px;}
.ys_con li .ys_by h3 span{ display: block;font-size: 30px;color: #ffffff;font-weight: bold;line-height: 30px;margin-bottom: 8px;font-family: Microsoft JhengHei; }
.ys_con li .ys_by h3 i{ display: block;font-size: 14px;color: #ffffff;line-height: 14px;text-transform: uppercase; font-weight: normal;}

.ys_con li .ys_by em img{ display: block;width:73px;height: 73px;margin-top: 460px; }

.ys_con li .bock{display: none;width:100%;position: absolute;bottom:0;left:0;background:#f1f1f1;box-sizing:border-box;height:222px;transition:all 0.3s;}
.ys_con li .bock h3{float: left;width: 200px;height: 222px;font-weight: normal;background: #2d5bc4;padding-top: 32px;padding-left: 28px;box-sizing: border-box;}
.ys_con li .bock h3 b{ display: block;font-size: 36px;color: #ffffff;font-weight: bold;line-height: 36px;margin-bottom: 8px;font-family: Microsoft JhengHei; }
.ys_con li .bock h3 i{ display: block;font-size: 22px;color: #ffffff;line-height: 22px;font-family: Microsoft JhengHei; }
.ys_con li .bock h3 img{ display: block;width: 73px;height: 73px;margin-top: 18px; }
.ys_con li .bock p{ float: left;font-size: 16px;line-height: 30px;color: #333;width: 774px; padding: 36px 40px 0;box-sizing: border-box;}
.ys_con li .bock p span{ display: block;font-size: 16px;color: #666666;line-height: 24px;margin-bottom: 12px; }
.ys_con li.cur{width:52%;box-shadow: 0px 3px 29px 0px rgba(0, 0, 0, 0.15); }
.ys_con li.cur:before{width: 0;height: 0;}
.ys_con li.cur .bock{display: block;}
.ys_con li.cur .shu2{ display: none;}

@media screen and (max-width:1366px) {   
   .ys_con li .bock p{ width: 410px; padding: 15px 20px 0;box-sizing: border-box;}
   .ys_con li .bock p span{ display: block;font-size: 14px;color: #666666;line-height: 24px;margin-bottom: 10px; }
    
}
@media screen and (min-width:1367px) and (max-width:1440px) {
        .ys_con li .bock p{ width: 410px; padding: 20px 20px 0;box-sizing: border-box;}
   .ys_con li .bock p span{ display: block;font-size: 14px;color: #666666;line-height: 24px;margin-bottom: 12px; }
}
@media screen and (min-width:1441px) and (max-width:1660px) {
         
 .ys_con li .bock p{ width: 530px; padding: 36px 24px 0;box-sizing: border-box;}
   .ys_con li .bock p span{ display: block;font-size: 16px;color: #666666;line-height: 24px;margin-bottom: 12px; }
        }
@media screen and (min-width:1661px) and (max-width:1920px) {
         
 .ys_con li .bock p{ width:650px; padding: 36px 24px 0;box-sizing: border-box;}
   .ys_con li .bock p span{ display: block;font-size: 16px;color: #666666;line-height: 24px;margin-bottom: 12px; }
        }   
		   
@media screen and (min-width:1761px) and (max-width:1920px) {
         
 .ys_con li .bock p{ width:760px; padding: 36px 24px 0;box-sizing: border-box;}
   .ys_con li .bock p span{ display: block;font-size: 16px;color: #666666;line-height: 24px;margin-bottom: 12px; }
        }   

.ys_t{ height:128px; border-bottom:1px solid #efefef; }
.ys_t li{ float: left;height: 68px;font-size: 54px;font-family: Arial; color: #cda975;line-height: 40px;transition: all 0.5s;padding: 0 73px;border-right: 1px solid #eeeeee;}
.ys_t li em{ display: block;height: 54px; text-align: center;}
.ys_t li em b{color: #cda975; display: inline-block;font-size: 54px;line-height: 40px;font-family: Arial;}
.ys_t li em i{ display: inline-block;text-align: center;line-height: 16px;vertical-align: bottom;margin-left: 6px;height: 22px;font-size: 16px;color: #c49c61;width: 39px;border:1px solid #c49c61;box-sizing: border-box;border-radius: 2px;line-height: 20px;font-weight: normal;}
.ys_t li h3{font-size: 16px; color: #666666; line-height: 16px; font-weight: normal;text-align: center;}
.ys_t li:first-child{ padding-left: 0; }
.ys_t li:last-child{ padding-right: 0;border-right: 0; }
.ys_t li:last-child em i{ width: 22px; }
.ys_t li:hover{ transform: translateY(-5px); }



/*about*/
.about{ background: url(img/about_bg.jpg) left top no-repeat; position: relative; z-index: 9; background-size: cover; height: 41.25rem;}
.about .m{ display: flex;}
.about .leftbox{ margin-right: 9.5rem;}
.about .leftbox .tt{ font-size: 1.875rem; color: #2d5bc4; font-weight: bold; margin-bottom: 2rem;}
.about .leftbox .con{ font-size: .9375rem; line-height: 1.875rem; color: #5f6064; margin-bottom: 2rem;}
.about .leftbox .btn_xq{}

.shuzi {margin-top:40px;}
.shuzi ul{ display: flex; justify-content: space-between; max-width: 632px;}
.shuzi ul li{}
.shuzi ul li>div{ display: flex; }
.shuzi ul li>div b{ font-family: FRADMCN; font-weight: bold; font-size: 3rem; color: #2d5bc4;}
.shuzi ul li span{ font-size: 1rem; color: rgba(0, 0, 0, 0.7);}
.shuzi ul li i{ display: inline-block; font-size: 1.875rem; color: #2d5bc4; font-family: FRAMDCN; position: absolute; top: 0; }
.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;}
.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;}

.about .rightbox{ width: 26rem; flex-shrink: 0; position: relative; z-index: 1; padding: 6.25rem 4rem;}
.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(img/about_r.jpg) center no-repeat; background-size:100% 100%;}
.about .rightbox .tt{ font-size:3rem; margin-bottom: 3rem; line-height: 1.5; color: #fff; font-family: FRAMDCN; text-transform: uppercase;}
.about .rightbox h4{ font-size: 1.25rem; color: #fff; margin-bottom: 1.75rem; margin-top: 4rem;}
.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);}

.video{ background: url(img/video.jpg) top center no-repeat; background-size: cover; height:auto; padding-bottom:40px; overflow:hidden;}
.video .sylm{width:auto; height:auto; text-align:left; padding-top:70px; padding-bottom:20px;}
.video .sylm h3{font-family: "思源宋体"; font-size:40px; color:#fff; font-weight:bold; line-height:50px;}
.video .sylm h3 span{color:#2d5bc4}
.video .sylm p{font-family:"微软雅黑"; font-size:20px; color:#888;line-height:30px;text-transform: uppercase;}
.video .m{ display: flex; align-items: center; justify-content: center; flex-direction: column;}
.video .btn_play{ margin-bottom: 6.25rem;}
.video h4{ font-size:2.5rem; color: #fff; font-weight: bold; margin-bottom: 1rem;}
.video p{ font-size: 1rem; line-height: 1.5rem; color: rgba(255, 255, 255, .7);}


.a-ys{width:1000px; height:auto; padding-top:40px;overflow:hidden; float:left;}
.a-ys li{width:400px; height:auto; margin-bottom:50px; margin-left:20px; overflow:hidden; float:left;}
.a-ys li img{width:78px; height:87px; float:left;}
.a-ys li ol{width:300px; height:auto; padding-left:20px;text-align:left; overflow:hidden;float:left;}
.a-ys li ol h3{font-family:"微软雅黑"; font-size:20px; color:#fff; line-height:30px;}
.a-ys li ol p{font-family:"微软雅黑"; font-size:16px; color:#8F8F8F; line-height:26px;}




.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;}
  
 
 /*--cqcj--*/   
.cq_bt{ margin-bottom: 2.375rem;}  
.cq_bt h3{ font-size: 3rem; color: #323232; font-weight: bold; margin-bottom: 1rem;}  
.cq_bt p{ font-size: 1rem; color: #626366; line-height: 1.5;}

.yybj{width:auto; height:420px; background:url(img/yybj.jpg) top center no-repeat; padding-top:20px;overflow:hidden;}
.yybj .sylm{width:auto; height:auto; text-align: center; padding-top:70px; padding-bottom:20px;}
.yybj .sylm h3{font-family: "思源宋体"; font-size:40px; color:#fff; font-weight:bold; line-height:50px;}
.yybj .sylm h3 span{color:#2d5bc4}
.yybj .sylm p{font-family:"微软雅黑"; font-size:20px; color:#888;line-height:30px;text-transform: uppercase;}
.yybj .a_by{margin:0 auto; width:1240px; height:auto;text-align:center; font-family:"微软雅黑"; color:#fff;}
.yybj .a_by h3{font-size:24px; line-height:40px; font-weight:normal;}
.yybj .a_by p{font-size:18px; line-height:35px; padding-top:40px;}
.yybj .a_yy{ margin:0 auto;width:1200px;margin-top:60px;}
.yybj .a_yy dl{width:240px;height:240px;float:left;margin-right:80px;text-align:center;padding-top:50px;background: #000;}
.yybj .a_yy .dl1{background:url(img/a_ys1.jpg) no-repeat center;}
.yybj .a_yy .dl2{background:url(img/a_ys2.jpg) no-repeat center;}
.yybj .a_yy .dl3{background:url(img/a_ys3.jpg) no-repeat center}
.yybj .a_yy .dl4{background:url(img/a_ys4.jpg) no-repeat center}
.yybj .a_yy dt{font-size:66px;font-family:'DIN';color:#fff;line-height:66px;}
.yybj .a_yy .dd1{width:1px;height:24px;background:#aaa;margin:20px auto;}
.yybj .a_yy .dd2{font-size:16px;color:#fff;padding:0 40px;line-height:26px;}
.yybj .a_yy dl:nth-child(4){margin-right:0px !important;}

/*hz*/
.l_hz{ margin:0 auto; width:1400px; height:auto; padding-bottom:60px; overflow:hidden;}
.l_hz li{width:13.5%; margin-right:3.1%; margin-bottom:1.5%; background-color:#fff; float:left;}
.l_hz li img{width:100%;}


/*news*/
.news{ background: url(img/news_bg.jpg) center no-repeat; background-size: cover;}
.news .hd{ display: flex; justify-content: space-between; margin-bottom: 4.375rem; align-items: center;}
.news .hd h3{ font-size: 3rem; color: #2d2d2d; font-weight: bold; font-family:"思源宋体";text-transform: uppercase; }
.news .hd h3 span{color:#2d5bc4}
.news .hd h3 em{font-size:20px;}
.news .hd ul{ display: flex;}
.news .hd ul li{ margin-left: 1.25rem;}
.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;}
.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;}
.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;}
.news .hd ul li.on a:before {border: 2px solid #2d5bc4;}
.news .hd ul li.on a:after {width: 100%;left: 0;right: auto;}
.news .hd ul li.on a {color: #fff;}

.news .bd{ margin:0 auto; width:1400px;}
.news .bd .box{}
.news .bd .box .img{}
.news .bd .box .img img{}
.news .bd .box .txt{ padding:1.125rem 1.625rem; background: #fff;}
.news .bd .box .txt h4{ font-size: 1.275rem; line-height: 1.475rem; height:3rem; overflow: hidden; color: #2d2d2d;}
.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;}
.news .bd .box .txt .timebox{ display: flex; justify-content: space-between; align-items: center;}
.news .bd .box .txt .time{ font-size: 1rem; color: #2d5bc4; font-family: FRAMDCN; display: flex; }
.news .bd .box .txt .time i{ display: block; flex-shrink: 0; width: .875rem; height: 1rem; margin-right: 7px; background: url(img/time.png) center no-repeat; background-size: contain;}
.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;
  }

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


/*------------foot----------*/
.footer{background:url(img/footerbj.jpg) bottom center no-repeat; padding-top:40px;overflow:hidden;}
.footer .left {width:250px;height:auto;padding: 20px 0 0;}
.footer .left dl{display:inline-block; vertical-align:top; margin:0 26px; text-align:left;}
.footer .left dl dt{font-size:18px;margin-bottom:24px;}
.footer .left dl dt a{color:#fff; transition:0.36s}
.footer .left dl dt a:hover{color: #fc8a03;}
.footer .left dl dd{width:100%; font-size: 14px;color:#ccc;line-height:26px; position:relative; float:left;}
.footer .left dl dd:before{content:"";position:absolute;left:-15px;width:3px;height:0;background:#fc8a03;transition: 0.6s;top: 50%;margin-top: -6px;}
.footer .left dl dd a{color: #fff;}
.footer .left dl dd a:hover{color: #fc8a03;}
.footer .left dl dd:hover:before{ height:13px}

.footer .center{text-align:center;width:360px;font-size:0;padding: 20px 0 0;}
.footer .center dl{ width:160px; display:inline-block; vertical-align:top; margin:0 26px; text-align:left}
.footer .center dl dt{font-size:18px;margin-bottom: 24px;}
.footer .center dl dt a{color: #fff; transition:0.36s}
.footer .center dl dt a:hover{color: #fc8a03;}
.footer .center dl dd{ width:50%;font-size: 14px;color: #868787;line-height: 30px; position:relative; float:left;}
.footer .center dl dd:before{content:"";position:absolute;left:-15px;width:3px;height:0;background:#fc8a03;transition: 0.6s;top: 50%;margin-top: -6px;}
.footer .center dl dd a{color: #fff;}
.footer .center dl dd a:hover{color: #fc8a03;}
.footer .center dl dd:hover:before{ height:13px}

.footer  .footerfl{ display:inline-block; vertical-align:top; margin-top:40px;text-align:left; width:360px;}
.footer  .footerfl li{background:rgba(45,91,196,0.3); width:145px; height:130px; padding-top:5px; margin-bottom:13px; float:left}
.footer  .footerfl li em{ width:30px; height:117px; padding:20px 6px 0px; font-size:14px; line-height:15px; color: #fff; float:left;}
.footer  .footerfl li i{ width:99px; height:99px; float:left; margin-top:9px; background-color:#fff; padding:10px;}
.footer  .footerfl li i img{width:99px; height:99px;}

.footer .right{width:288px;height:auto;border-left:#65716e 1px solid;padding: 20px 0 0 44px;}
.footer .right h5{ font-size:16px; color:#ffffff}
.footer .right h3{font-size:30px; line-height:50px;color:#fff;font-weight:bold;margin:10px 0 5px;font-family: DINOT;}
.footer .right p{font-size:14px;line-height:20px;color:#61656d; color:rgba(255,255,255,.5); font-family:arial; font-weight:bold; margin-bottom: 32px;}
.footer .right a{display:inline-block;width:100px;height:32px;line-height:32px;font-size:14px;color:#fff;background:#2d5bc4;border-radius:25px;text-align:center;position:relative;overflow: hidden;}
.footer .right a:before{content:"";position:absolute;width:100px;height:100px;top:50%;margin-top:-50px;left:50%;margin-left:-50px;background: rgba(0,0,0,.1);transform:scale(0);transition:0.6s;border-radius: 50%; opacity:0}
.footer .right a span{ position:relative}
.footer .right a:hover{ color:#fff;overflow: hidden !important;}
.footer .right a:hover:before{transform:scale(1); opacity:1;  border-radius: 50%;}

footer .bot{padding:15px 0; border-top:1px solid #65716e; margin-top:20px;}
footer .bot .tt{float:left;color: #fff;line-height:35px;height:35px;margin-right:3px;}
footer .bot .tt img{ margin-right:10px;}
.copyright{float:right;font-size:13px;color: #7d7d7f;line-height:35px;}
.copyright *{display: inline-block;font-size:12px;color: #fff;}
.copyright a{color: #fff;font-size:13px;}
.copyright a:hover{ color:#fc8a03; }
footer .bot { font-size:13px; color:#837a74; }

.s_foot_link{float:left;width: 178px;height: 35px;cursor:pointer;position: relative;text-align:left;}
.s_foot_link .tanchu:before{content:"";display:block;border:10px solid transparent;border-top:10px solid #ebf8fa;width:0px;height:0px;position:absolute;bottom: -7px;left:50%;margin-left:-10px;}
.s_foot_link .tanchu>div{background: #ebf8fa;border: 1px solid #e2e2e2;padding:10px 13px;overflow:auto;box-shadow: 0px 6px 12px 0px rgba(225, 59, 58,0.25);}
.s_foot_link .tanchu>div::-webkit-scrollbar {display:none}
.s_foot_link .tanchu a {color: #333; line-height: 27px; display:block; font-size: 12px;}
.s_foot_link .tanchu a:hover{ font-weight:bold;}
.s_foot_link #bnt_link1.a {padding-left:12px;color: #ababab;text-align:left;line-height: 35px;width: 230px;position:absolute;z-index:1;font-size: 14px;}
.s_foot_link #bnt_link1.a i{display:inline-block;font-style:normal;width: 175px;overflow: hidden;text-overflow:ellipsis;white-space:nowrap;color:#919397;}
.s_foot_link .a span{ display:inline-block; float:right; color:#919397; line-height:28px;}

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

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


.n_banner{  background-size: cover !important; margin-top: 7.187rem;
    /* height: 28.75rem; */
}
.n_banner:before{ content: ""; display: block; width: 100%; padding-top: 23.95%; }
#n_main{ min-height: 300px;  }
.n_title {padding: 0;position: relative; } 
.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: 1rem; margin-right: 3rem; color: #323232; float: left;line-height: 5rem;z-index: 1; position: relative; }
.n_nav li a{ display: block; } 
.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: #2d5bc4;}
.position {left: 0;bottom: 0;font-size: 1rem;color: #5d5d5d; 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: #838486;-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: #016aae;}
#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: 570px; margin-right: 8rem;}
.n_lianxi .right{}
.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.625rem; 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{ position: relative; display: inline-block;}
.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(img/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(img/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(img/tiao.png) left top no-repeat; position: relative;}
 .n_licheng .bd:after{ content: ""; display: block; width: 14px; height: 59px; background: url(img/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(img/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;  }
.page .on{ background:#0e45a9; color:#fff; border: 1px solid #0e45a9;  }
.page a[href]:hover{ background:#0e45a9; border: 1px solid #0e45a9; color:#fff; 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{}
.n_about01 .m{ display: flex;}
.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(img/n_about_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: url(img/n_about2_bg.jpg) center top no-repeat;}
.n_about2 .tt{ margin-bottom: 1.75rem;}
.companytt h3{ font-size: 1.875rem; color: #2d5bc4; font-weight: bold;}
.companytt span{ font-size: 1.5rem; color: rgba(98, 98, 98, 0.4);  font-family: FRAMDCN;}
.n_about2 .con{ font-size: .9375rem; color: #5f6064; line-height: 2.25rem; 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(img/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(img/factory_left.png) center no-repeat; background-size: contain !important;}
.n_factory .swiper-button-next{ background: url(img/factory_right.png) center no-repeat; background-size: contain !important;}
.n_factory .swiper-button-prev:hover{ background: url(img/factory_left_on.png) center no-repeat;}
.n_factory .swiper-button-next:hover{ background: url(img/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 #dfdfdf;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(img/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: .9375rem; 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(img/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{}
.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(img/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(img/dots.png) center no-repeat;position: absolute;}
.n_zihzis .content .dot:after{content: "";width: 1rem;height: 1rem;background: url(img/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;}

.yewu_list{ display: grid; grid-template-columns: repeat(2,1fr); row-gap: 1.75rem; column-gap: 2.5rem;}
.yewu_list li{}
.yewu_list li .box{ display: flex; border: 1px solid #e5e8ea; border-radius: .625rem; overflow: hidden;}
.yewu_list li .img{ width: 23rem; flex-shrink: 0;}
.yewu_list li .img img{}
.yewu_list li .txt{ background: #edeff1; flex-grow: 1; padding: 2.375rem; display: flex; align-items: flex-start; justify-content: center; flex-direction: column; height:21rem;}
.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%;}

	


/* 底部固定导航 */


.go_top{display: none;background:url(img/top.png) center center/50% no-repeat;width:40px;height:40px;cursor:pointer;text-align: center;background-color:#ea9528;border-radius:50%;position: fixed;right:6px;bottom:100px;z-index:99999999999;}

.fixed_footer, .wap_show{display: none;}
.mobile .fixed_footer{display: none;background-color:rgba(1,106,174,0.85);height:50px;position: fixed;bottom:30px;left:50%;margin-left:-46%;z-index:999;width:92%;border-radius:10px;}
@media (min-width:640px){.mobile .fixed_footer{width:640px !important;left:50%;margin-left:-320px;}}
.mobile .fixed_footer a{float: left;width:33.33%;text-align: center;}
.mobile .fixed_footer img{display: inline-block;height:24px;margin:5px 0 0;}
.mobile .fixed_footer strong{color:#fff;font-size:12px;display: block;height:20px;line-height:20px;}

@media( max-width:1210px ){
	.fixed_right, .footer .three, .footer .one, .footer .nav {display: none;}
	.mobile .fixed_footer{display: block;}
	.footer .two{width:100%;margin:0;}
	}


.ph-bq{
  margin-bottom:43px;
  padding:9px 15px 15px 15px;
  font-size: 15px;
  color: #ffba00;
  text-align: center;
  line-height: 150%;
  background-color: #434343;
}
.ph-bq p,
.ph-bq p a,
.ph-bq a{
  font-size: 15px;
  color: #ffba00;
  text-align: center;
  line-height: 150%;
}
.ph-bq img{
  display: block;
  margin:0 auto;
  margin-top: 10px;
}

 /*ph页脚*/

.ph-foot{
  position: fixed;
  bottom:0px;
  left: 0px;
  padding-bottom:10px;
  width: 100%;
  background-color: #5e5d5d;
  overflow: hidden;
  border-top:1px solid #fff;
  border-radius: 15px 15px 0px 0px;
}
.ph-foot li{
  float: left;
  padding:10px 0px;
  width: 25%;
  height: 40px;
  font-size: 14px;
  color: #fff;
  text-align: center;
}
.ph-foot li img{
  display: block;
  margin:0 auto;
  width: 25%;
}
.ph-foot li p{
  display: block;
  margin-top:15px;
  font-size: 14px;
  color: #fff;
  text-align: center;
}





/* 内页 */
.padding0-sm-mini{padding:0px;}
.ny-about{
  position: relative; width: 100%;height:400px; overflow: hidden;background: url(img/nyabout.jpg) top center no-repeat;}
.ny-culture{
  position: relative; width: 100%;height:400px; overflow: hidden;background: url(img/nyculture.jpg) top center no-repeat;}
.ny-case{
  position: relative; width: 100%;height:400px; overflow: hidden;background: url(img/nycase.jpg) top center no-repeat;}
.ny-lxwm{
  position: relative; width: 100%;height:400px; overflow: hidden;background: url(img/nylxwm.jpg) top center no-repeat;}
.ny-pic{
  position: relative; width: 100%;height:400px; overflow: hidden;background: url(img/nypic.jpg) top center no-repeat;}
.ny-factory{
  position: relative; width: 100%;height:400px; overflow: hidden;background: url(img/nyfactory.jpg) top center no-repeat;}
.ny-cooperate{
  position: relative; width: 100%;height:400px; overflow: hidden;background: url(img/nycooperate.jpg) top center no-repeat;}
.ny-honor{
  position: relative; width: 100%;height:400px; overflow: hidden;background: url(img/nyhonor.jpg) top center no-repeat;}
.ny-news{
  position: relative; width: 100%;height:400px; overflow: hidden;background: url(img/nynews.jpg) top center no-repeat;}



.nywh{width:100%; height:auto; background:url(img/nywhbj.jpg) center no-repeat; padding-top:100px; padding-bottom:260px;overflow:hidden;}
.nywh ul{margin:0 auto; width:1000px; height:auto; text-align:center; overflow:hidden;}
.nywh ul li{width:330px; height: auto; float:left; text-align:center; padding-top:60px; overflow:hidden;}
.nywh ul li .t1{margin:0 auto; width:122px; height:140px; background:url(img/21n.png) center no-repeat;}
.nywh ul li p{ margin:0 auto; padding-top:10px; width:240px; height:auto; text-align:center; color:#666; font-size:16px; line-height:30px;}
.nywh ul li p span{font-size:20px; line-height:30px; color:#333;}
.nywh ul li:hover .t1{background:url(img/21nh.png) center no-repeat;}
.nywh ul li .t2{margin:0 auto; width:122px; height:140px; background:url(img/22n.png) center no-repeat;}
.nywh ul li:hover .t2{background:url(img/22nh.png) center no-repeat;}
.nywh ul li .t3{margin:0 auto; width:122px; height:140px; background:url(img/23n.png) center no-repeat;}
.nywh ul li:hover .t3{background:url(img/23nh.png) center no-repeat;}


.nyry{margin:0 auto; width:1400px; height:auto; margin-top:50px; margin-bottom:50px; text-align:center; overflow:hidden;}
div.indexmaindiv{height:300px;margin:0px auto;width:100%;}
div.indexmaindiv div.playerstyles{width:168px;height:44px;}
div.indexmaindiv1{margin-top:25px;}
div.indexmaindiv1 div.playerdetail{width:340px;height:300px;background:#FFF;font-family:'微软雅黑';}
div.indexmaindiv1 div.playerdetail div.detailimg{width:340px;height:300px;}
div.indexmaindiv1 div.playerdetail div.detailimg img{width:330px;height:300px;}
div.indexmaindiv1 div.playerdetail div.teanames {text-align:center;margin-top:15px;height:26px;}
div.indexmaindiv1 div.playerdetail div.teanames a{font-size:16px;color:#404040;}
div.indexmaindiv1 div.playerdetail div.teadetail{width:340px;height:27px;margin:5px 8px;color:#666;}
div.indexmaindiv1 div.playerdetail .checkdetail{width:134px;height:27px;display:block;margin:18px;}
/*滚动*/
div.maindiv1{float:left;width:100%;height:300px;overflow:hidden;position:relative;}
div.maindiv1 ul{position:absolute;left:0;top:0;}
div.maindiv1 ul li{float:left;width:340px;height:300px;margin-left:10px;}

.n_li{height:100px;font-size: 18px;padding-top:10px;}
.n_li li{float: left;text-align: center;}
.n_li li a{ width:auto;height:auto;line-height:40px;height:60px; padding:10px;border-radius:5px;box-sizing:border-box;display: block;color:#333; margin-right:15px;overflow:hidden;}
.n_li li:hover a { background-color:#0065b3; color:#fff;}



.jt-page{
  width: 100%;
  height: 80px;
  background-color: #f5f5f5;
  font-size: 0;
}
.ny-top{
	width: 100%;
	height: auto;
}

.jt-ny-tit{
  position: relative;
  height: 400px;
}
.jt-ny-tit h2{
  position: absolute;
  bottom:0px;
  left:0px;
  width:200px;
  height: 50px;
  background-color: #3985ff;
  text-align: center;
  line-height: 50px;
  color: #fff;
  font-size: 26px;
}


.ny-pagemenu{
  text-align:left;
}
.ny-pagemenu li{
  margin:0px;
  padding:0px;
  position: relative;
  display: inline-block;
  padding: 0 10px;
}
.ny-pagemenu li a{
  display: block;
  color: #323232;
  font-size:1rem;
  padding: 27px;
}

.ny-pagemenu li:hover:after{
  width: 63px;
  left:16px;
}
.ny-pagemenu li:hover a{
  color: #016aae;
}
.ny-pagemenu-ov:after{
  width: 63px !important;
  left:16px !important;
}

.ny-pagemenu-ov a{
   color: #323232 !important;
}

.ny-pagemenu-ov:hover a{
   color: #016aae !important;border-bottom:2px solid #016aae;
}

.ny-loc{
  margin-top: 28px;
  font-size: 14px;
  text-align: right;
  float:right;
}
.ny-loc i{
  display: inline-block;
  width: 10px;
  height: 10px;
  position: relative;
  top: 1px;
}
.ny-loc em{
  display: inline-block;
  background: url(img/location-li.png) no-repeat;
  width: 3px;
  height: 5px;
  margin: 0 10px;
  position: relative;
  top: -2px;
}
.ny-loc a {
  display: inline-block;
    color: #6a6a6a;
    font-weight: bold;
}
.ny-loc span {
  padding-left:3px;
  font-size: 14px;
  color: #6a6a6a;
}
.ny-loc p:last-child{
  color: #6a6a6a;
    font-weight: bold;
}




.ny-loc1{ margin:0 auto; width:1400px;
  margin-top: 28px;
  font-size: 14px;
  text-align: left;
}
.ny-loc1 i{
  display: inline-block;
  width: 10px;
  height: 10px;
  position: relative;
  top: 1px;
}
.ny-loc1 em{
  display: inline-block;
  background: url(img/location-li.png) no-repeat;
  width: 3px;
  height: 5px;
  margin: 0 10px;
  position: relative;
  top: -2px;
}
.ny-loc1 a {
  display: inline-block;
    color: #6a6a6a;
    font-weight: bold;
}
.ny-loc1 span {
  padding-left:3px;
  font-size: 14px;
  color: #6a6a6a;
}
.ny-loc1 p:last-child{
  color: #6a6a6a;
    font-weight: bold;
}





.ny-pagemenu1{
  text-align:left; float:right;
}
.ny-pagemenu1 li{
  margin:0px;
  padding:0px;
  position: relative;
  display: inline-block;
  padding: 0 10px;
}
.ny-pagemenu1 li a{
  display: block;
  color: #fff;
  background-color:#0065b3;
  font-size:20px;
  padding: 27px;
}

.ny-pagemenu1 li:hover:after{
  width: 63px;
  left:16px;
}
.ny-pagemenu1 li:hover a{
  color: #fff;
}
.ny-pagemenu1-ov:after{
  width: 63px !important;
  left:16px !important;
}
.ny-pagemenu1-ov a{
   color: #fff !important;
   font-weight: bold;
}




/*--首页栏目--*/
.nyzw{margin:0 auto; width:1400px; height:auto; font-family:"微软雅黑"; font-size:16px; color:#434343; margin-top:70px;padding-bottom:50px; line-height:30px;text-align:left;overflow:hidden;}
.nyzw h3{font-size:24px; color:#274195; font-weight:normal;}
.nycpfl{ margin:0 auto; width:1280px; height:auto; margin-top:30px; overflow:hidden;}
.lx-nyzw{margin:0 auto; width:1280px; height:auto; font-family:"微软雅黑"; font-size:15px; color:#434343; line-height:28px;text-align:left;padding-top:50px;padding-bottom:50px;overflow:hidden;}
.n-ysbj{width:auto; height:auto; background:url(img/f-bj1.jpg) top center no-repeat; padding-top:50px; padding-bottom:50px; margin-bottom:20px; overflow:hidden;}
.n-plan{height:auto;font-family:"Microsoft Yahei";font-size: 16px;line-height: 24px;text-align: center;color: #666;}
.ny-news01{width:100%;height: auto;}
.ny-news01 li{
  width:100%;
  margin:1%; padding-bottom:30px; padding-top:30px;
  border-bottom:3px solid #f9f9f9;
  overflow: hidden;
}
.ny-news01 li .tu1{
	float: left;
	width: 240px;
	height: 155px;
	overflow: hidden;
}
.ny-news01 li .tu1 img{
	width: 270px;
	height: 155px;
	overflow: hidden;
	 transition: all 0.5s ease-out;
  -webkit-transform: scale(1, 1); 
     -moz-transform: scale(1, 1); 
  -webkit-transition: all 0.5s ease-out; 
     -moz-transition: all 0.5s ease-out; 
}
.ny-news01 li:hover .tu1 img{
	 transition: all 0.5s ease-out;
  -webkit-transform: scale(1.1, 1.1); 
     -moz-transform: scale(1.1, 1.1); 
  -webkit-transition: all 0.5s ease-out; 
     -moz-transition: all 0.5s ease-out;
}
.ny-news01 li .l01{
  width:120px;
  height:30px;
  margin-top:5px;
}
.ny-news01 li .l01 .n-day{
  width: 100%;
  height:20px;
  font-size:14px;
  color: #ccc; font-weight:bold;
  text-align: left;
  line-height:20px;
  font-family: Arial, Helvetica, sans-serif;
  letter-spacing: 0px;
  transition: all 0.4s ease-in-out;
}
.ny-news01 li:hover .l01 .n-day{color: #888;}
.ny-news01 li .l01 .n-month{
  width: 100%;
  font-size: 15px;
  color: #555;
  text-align: center;
  letter-spacing: 0px;
}
.ny-news01 li .r01{
  float: left;
  width:75%;
  padding-left:80px;
  height: auto;
}
.ny-news01 li .r01 a h2{
  display: block;
  width: 100%;
  height: 60px;
  overflow:hidden;
  font-size:24px;
  line-height:40px;
  font-weight:normal;
  color: #434343;
  letter-spacing: 0px;
  transition: all 0.3s ease-in-out;
}
.ny-news01 li .r01 a h2 span{color:#e60002; font-weight:normal; margin-right:10px;}
.ny-news01 li .r01 p{
  display: block;
  width: 100%;
  height:auto;
  font-size:16px;
  color: #888;
  letter-spacing: 0px;
  line-height: 150%;
  overflow: hidden;
}
.ny-news01 li .more{width:120px; height:30px; border:1px solid #ccc;text-align:center; }
.ny-news01 li .more a{ font-family: Arial, Helvetica, sans-serif; font-size:16px; color:#ccc;}
.ny-news01 li:hover .more{background-color:#666;transition: all 0.3s ease-in-out;}


.ny-news01 li .r02{
  float: left;
  width:100%;
  padding-left:20px;
  height: auto;
}
.ny-news01 li .r02 a h2{
  display: block;
  width: 100%;
  height: 60px;
  overflow:hidden;
  font-size:16px;
  line-height:26px;
  font-weight:normal;
  color: #434343;
  letter-spacing: 0px;
  transition: all 0.3s ease-in-out;
}
.ny-news01 li .r02 a h2 span{color:#e60002; font-weight:normal; margin-right:10px;}
.ny-news01 li .r02 p{
  display: block;
  width: 100%;
  height:86px;
  font-size: 14px;
  color: #888;
  padding-top:10px;
  letter-spacing: 0px;
  line-height: 150%;
  overflow: hidden;
}



/*新闻详情页样式*/
.newszwbj{ width:auto; height:auto; overflow:hidden;}
.new-cont-h1{text-align:center; font-family:"微软雅黑"; font-size:30px; line-height:40px;color:#535353; border-bottom:1px solid #ccc; font-weight:normal;}
.new-xq{
  margin:0px auto;
  margin-top:30px;
  width:100%;
  height: auto;
  overflow:hidden;
}
.new-xq-l{
  width:100%;
  height:auto;
  text-align:left;
  
}
.new-xq-l .date1{
  width: 100%;
  height: auto;
  text-align: left;
}
.new-xq-l .date1 .year1 {
  font-size: 20px;
  color: #000;
  line-height:30px;
  font-family: "微软雅黑";
  font-weight:normal;
  text-align: center;
}
.new-xq-l .date1 .year1 span{
  position: absolute;
  z-index:2;
  display:block;
  font-size:15px;
  color: #b2b2b2;
  font-family: Arial, Helvetica, sans-serif;
  letter-spacing: 0px; 

}
.new-xq-l .date1:before{
  content: "";
  display: block;
  width: 100%;
  height:30px;
  position: absolute;
  left: 0;
  z-index:1;
}
.new-xq-l .date2{
  margin-top: 32px;
  text-align: center;
  font-size: 34px;
  line-height: 120%;
  color: #27cbf1;
  font-family:Impact;
  letter-spacing: 0px;
}
.new-xq-l .read1{
  position:relative;
  z-index:22222;
  width:120px;
  font-size:13px;
  padding-top:0px;
  text-align: center;
  background-color:#efeeee;
  color: #888;
  letter-spacing: 0px;
  float:right;
 
}
.new-xq-l .read1 strong{
  font-weight: bold;
}
.new-xq-r{
  margin:0 auto;
  padding:10px;
  width:auto;
  height:auto;
  margin-bottom:30px;
  text-align:center;
  background-color:#efeeee;
  overflow: hidden;
}
.new-xq-r p{
  display: block;
  height: auto;
  font-size: 14px;
  color: #666;
  text-align:left;
  line-height: 170%;
  letter-spacing: 0px;
  overflow: hidden;
}
.new-xq-r p p{
  font-size: 15px;
  color: #333;
  line-height: 170%;
  letter-spacing: 0px;
}


.ny-l01 {
    float: left;
    width: 250px;
}
.ny-r01 {
    float: right;
    width: 956px;
}
.ny-l-fenlei{
  padding:20px 15px 50px 15px;
  background-color: #043d77;
  border-radius: 15px;
}
.ny-l-fenlei .ny-fl-tit{
  font-size: 34px;
  font-weight: bold;
  text-align: center;
  color: #fff;
}
.ny-l-fenlei .line01{
  margin:0 auto;
  margin-top: 15px;
  width: 60%;
  height: 5px;
  background-color: #fff;
}
.ny-fenlei1{
  height: auto;
  overflow: hidden;
}
.ny-fenlei1 dt a{
  display: block;
  margin:15px 0px;
  width: 100%;
  height: 30px;
  background-color: #fbe000 ;
  font-size: 17px;
  color: #000;
  text-align: center;
  line-height: 30px;
  border-radius: 20px;
}
.ny-fenlei1 dd a{
  display: block;
  padding:3px;
  width: 100%;
  border-bottom:1px dashed #5084b5;
  font-size: 15px;
  color: #fff;
  text-align: center;
  line-height: 20px;
}
.ny-fenlei1 dd a:hover{
  background-color: #039de5;
  color: #fff;
}
.ny-fenlei1-hover{
  background-color: #facd00 !important;
  color: #525252 !important;
}

.pic-jj{
  margin:0 auto;
  padding:10px;
  width:auto;
  height:auto;
  font-size:16px;
  text-align:left;
  line-height:26px;
  background-color:#efeeee;
  overflow: hidden;
}
.pic-jj p{
  display: block;
  height: auto;
  font-size:18px;
  color: #666;
  text-align:left;
  line-height: 170%;
  letter-spacing: 0px;
  overflow: hidden;
}

/* 联系内页 */

.contact-wrapper {
  padding:0.25vw 0.5416666667vw;
}
@media screen and (max-width: 768px) {
  .contact-wrapper {
  }
}
.contact-wrapper .big-title {
  color: #e60012;
  margin-bottom: 2.0833333333vw;
}
.contact-wrapper .title-gray {
  color: #999;
  margin-bottom: 0.5208333333vw;
}
.contact-wrapper .desc {
  font-size: 1.3541666667vw;
}
@media screen and (max-width: 768px) {
  .contact-wrapper .desc {
    font-size: 16px;
  }
}
.contact-wrapper .desc-small {
  font-size: 0.9375vw;
}
@media screen and (max-width: 768px) {
  .contact-wrapper .desc-small {
    font-size: 14px;
  }
}
.contact-wrapper .desc-red {
  color: #d50505;
}
.contact-wrapper .clean-padding-top > div {
  padding-top: 0 !important;
}
.contact-wrapper .contact {
  display: flex;
}
@media screen and (max-width: 768px) {
  .contact-wrapper .contact {
    flex-wrap: wrap;
  }
}
.contact-wrapper .contact.border-top {
  background-color:#f9f9f9; margin-bottom:1%; padding:1%;
}
.contact-wrapper .contact.border-bottom {
  border-bottom: 1px solid #cccbcb;
}
.contact-wrapper .contact > div {
  flex: 0 0 27%;
  padding-left:5%;
  padding-bottom: 2.125vw;
  padding-top: 2.125vw;
}
@media screen and (max-width: 768px) {
  .contact-wrapper .contact > div {
    flex: 0 0 100%;
  }
}
.contact-wrapper .contact-email {
  display: flex;
  padding-bottom: 3.125vw;
  padding-top: 3.125vw;
}
.contact-wrapper .contact-email .img-wrapper {
  flex: 0 0 23.4375vw;
}
.contact-wrapper .contact-email .text-wrapper {
  flex: 1;
  display: flex;
  flex-wrap: wrap;
}
.contact-wrapper .contact-email .text-wrapper .big-title {
  width: 100%;
  color: #e60012;
  margin-bottom: 2.0833333333vw;
}
.contact-wrapper .contact-email .text-wrapper .wrapper {
  flex: 1;
}

.h-proc2{
    margin:0 auto;
	width:auto;
	height: auto;
	margin-bottom:30px;
	text-align: center !important;
}
.h-proc2 a{
	display: inline-block;
	margin:2px;
	height:45px;
	width:13.8%;
	margin:0.2%;
	background-color:#434343;
	font-size:15px;
	color: #ccc;
	text-align: center;
	line-height:45px;
	border-spacing:5px;
}
.h-proc2 a:hover{
	background-color: #f08226;
	color: #fff;}
.x_sylm{width:auto; height:auto; background-color:#f9f9f9; padding:10px; text-align:left; margin-bottom:30px;}
.x_sylm h2{font-size:18px;}
.n_pro{height:auto;position: relative;width:auto; margin-bottom:50px; overflow: hidden;}
.n_pro li{float:left;width:32%;margin:10px 0.5% 0; height:450px;}
.n_pro li dl{width:100%;height:410px;  position: relative;transition: all 0.5s linear;-webkit-transition: all 0.5s linear;-moz-transition: all 0.5s linear;-o-transition: all 0.5s linear;}
.n_pro li dl a{text-decoration: none; }
.n_pro dt{width: 100%;}
.n_pro dt img{width: 100%; height:300px;display: block;}
.n_pro dd{height: auto;padding-top: 10px; background-color:#f5f5f5;box-sizing: border-box; text-align: center; color: #333333;}
.n_pro dd h3 {height: 40px; line-height: 40px;  color: #333333; font-size:22px; display: block; text-align: center;}
.n_pro dd em{ color:#e31b1d;}
.n_pro dd  p{padding:0 10px; height:auto; text-align: center; margin-bottom:10px; line-height: 24px; font-size: 14px; color: #888888;}
.n_pro dd .m-more{width: 154px; height:40px; line-height:40px; display: block;margin:0 auto; color: #fff; background: #e31b1d; text-align: center; }
.n_pro dd .s-more{ margin:0 auto;width:80%; height:25px; line-height:25px; border-radius:10px;display: block;margin:0 auto; background: #e31b1d; text-align: center; }
.n_pro dd .s-more a{color:#fff; font-size:12px;}
.n_pro li:hover dd{background-color:#e31b1d;}
.n_pro li:hover .m-more{background-color:#434343}
.n_pro li:hover dd em{ color:#fff;}
.n_pro li:hover dd p{ color:#fff;}
.n_pro li:hover dd h3{ color:#fff;}
.n_pro li dl:hover{margin-top: 8px; }
.n_pro li dl:hover img{box-shadow: 0 0 10px #ccc;}
.n_pro li dl:hover span{display: block;}


/*nyjls*/
.a_jlsbj{width:100%; height:auto; padding-top:40px;overflow: hidden;}
.a_jlsbj ul{margin:0 auto; width:1400px; height:auto; overflow:hidden;}
.a_jlsbj ul .j-left{width:530px; height:412px; float:left;}
.a_jlsbj ul .j-right{width:870px; height:auto; padding-left:50px; text-align:left; overflow:hidden;}
.a_jlsbj ul .j-right h3{font-family:"微软雅黑"; font-size:28px; color:#434343; font-weight:bold; line-height:40px;}
.a_jlsbj ul .j-right h3 span{color:#ec4b05;}
.a_jlsbj ul .j-right em{font-family: Arial, Helvetica, sans-serif; font-size:15px; color:#888;line-height:30px; text-transform:uppercase;}
.a_jlsbj ul .j-right p{font-family:"微软雅黑"; font-size:15px; color:#666;line-height:30px; overflow:hidden;}



/*====================手机====================*/
@media only screen and (max-width: 768px){
	#m_header .m{padding:0 15px;}
.m{padding:0 15px !important;}
.sy_lm{width:95%;padding:25px 0 20px}
.sy_lm h3{width:100%; font-size:34px; line-height:50px;}
.sy_lm ul{width:100%; padding-top:0px;}
.sy_lm li{width:48%; margin:1%;}
.sylm{padding-top:30px;}
.sylm h3{font-size:30px;}
.ys{display: none;}
/*sjys*/
	.sjys{width:auto; height:auto; background-color:#2d5bc4; margin-top:20px;}
	.sjys li{width:auto; height:auto; }
	.sjys li img{width:100%;}
	.sjys li ol{width:auto; height:auto;text-align:left; padding:20px;}
	.sjys li ol em{font-family:Arial, Helvetica, sans-serif; font-size:40px;line-height:60px; color:#fff; border-bottom:2px solid #222; padding:10px;background-color:#d71f1f;font-style:oblique; float:left; margin-right:10px;}
	.sjys li ol h3{font-family:"微软雅黑"; font-size:24px; color:#fff; line-height:40px; padding-top:10px; font-weight:bold;}
	.sjys li ol h3 span{font-family:"微软雅黑"; font-size:16px; color:#f7d807; font-weight: bold;line-height:30px;}
	.sjys li ol p{font-family:"微软雅黑"; font-size:15px; color:#fff; line-height:26px; padding-top:10px;}

.about{height:auto;}
.about .m{display: block;}
.about .leftbox{margin-bottom:2rem;margin-right:0;}
.about .rightbox{width:100%;padding:3rem 2.25rem;}
.shuzi{margin-top:20px;}
.about .rightbox .bg{padding-top:120.2%}
.about .rightbox .tt{font-size:2rem;}
.w1300{width:auto;}
.a-ys{width:95%;}
.a-ys li{width:100%;}
.a-ys li ol{width:75%;}
.video .sylm{padding-left:10px;}
.yybj{height:auto; padding-top:0px; padding-bottom:20px;}
.yybj .a_yy{width:auto; padding:10px;margin-top:20px;}
.yybj .a_yy dl{width:47%; height:180px; margin:1%;padding-top:20px;}
.yybj .a_yy .dd1{height:14px;margin:10px auto;}
.l_hz{width:auto;}
.l_hz li{width:31%; margin:1%;}
.news .hd{margin-bottom:2.375rem}
.news .hd h3{font-size:2rem;}
.news .hd ul li{margin-left:0.1rem;}
.swiper-slide{width:48%;}
.news .bd{width:auto;}
.btn_arr02{width:3.0625rem;}
.footer{background:url(img/footerbj.jpg)  repeat;}
.footer .center{width:50%;}
.footer .left{width:50%;}
.footer .footerfl{width:100%;}
.footer .footerfl li{width:50%; padding-left:4%;}
.footer .right{width:100%;padding:20px 0 0 24px}
footer .bot{padding:10px;}
.copyright{line-height:22px;}
	 
     .ny-about{ height:160px;background-size:210% auto;}
	.ny-culture{ height:160px; background-size:210% auto;}
    .ny-lxwm{height:160px;background-size:210% auto; }
	.ny-pic{height:160px;background-size:210% auto; }
	.ny-factory{height:160px;background-size:210% auto; }
	.ny-case{height:160px;background-size:210% auto; }
	.ny-honor{height:160px;background-size:210% auto; }
	.ny-news{height:160px;background-size:210% auto; }
	.ny-cooperate{height:160px;background-size:210% auto; }
	
	.ny-pagemenu li{margin-top:10px;}
	
    .jt-page{ width: 100%; height: auto; margin-bottom:20px; background-color: #fff; font-size: 0; border-bottom: 1px solid #eaeaea; overflow:hidden;}
	.ny-pagemenu li a{padding:10px 5px;}
    .ny-top{width: 100%;height: auto;}
	.jt-ny-tit{position: relative; height:156px;}
	.jt-ny-tit h2{width:140px; height:35px; font-size:20px; line-height:35px;}
	.ny-loc{display: none;}
	.a_ys{width:auto;}
	.a_ys dl{width:40%; height:100px; margin:4.5%;}
	.a_ys dt{font-size:30px; line-height:40px;}
	.tr_wh{width:auto; padding-top:0px;}
	
	
	.a_jlsbj{padding-top:0px;}
	.a_jlsbj ul{width:auto;}
	.a_jlsbj ul .j-left{width:100%; height:auto; float:left;}
	.a_jlsbj ul .j-left img{width:100%;}
	.a_jlsbj ul .j-right{width:auto; height:auto; padding-left:0px; float:left;text-align:left; overflow:hidden;}
	
	.n_fl{width:auto; padding:10px; overflow:hidden;}
	.n_fl ul{width:100%; padding-bottom:30px; text-align:right;}
    .n_fl li{ width:31%;float: left;text-align: center; margin:1%;}
    .n_fl li a{width:auto;height:auto;line-height:30px; padding:5px;background: #2d5bc4;border-radius:5px;box-sizing:border-box;display: block;color: #fff !important;overflow:hidden;}
	.probox .sy_lm li a, .newbox .sy_lm li a{ font-weight:normal;}
	
	.nyzw{width:auto;padding:10px; margin-top:0px;}
	.nyzw h3{font-size:18px; color:#274195; font-weight:normal;}

	.sf{display: none;}
	.showleft{display: none;}
	
	.ny-news01{width:auto}
	.ny-news01 li{width:auto;}
	.ny-news01 li .tu1{width:100%; margin-bottom:10px;}
	.ny-news01 li .r01{width:100%; margin-left:0px; padding-left:0px;}
	.ny-news01 li .l01{display: none;}
	.ny-news01 li .r01 a h2{font-size:16px; line-height:30px; font-weight:bold;}
	.ny-news01 li .r01 p{font-size:14px;}
	
	
	.ny-news01 li .r02{width:100%; margin-left:0px; padding-left:0px;}
	.ny-news01 li .l02{display: none;}
	.ny-news01 li .r02 a h2{font-size:14px; font-weight:bold;}
	
	
	.new-xq-l{display: none;}
	.new-xq-r{display: none;}
	.new-xq-r p{
	  width:100%;
	}
   .lx-nyzw{width:auto;padding-top:10px;}
   
   
   .n_pro{margin-top:10px; width:auto;}
	.n_pro li{width:48%; height:auto;}
	.n_pro dt img{height:160px;}
	.n_pro dd h3{font-size:18px;}
	.n_pro li dl{height:auto;}
	.n_pro dd p{display: none;}
	.n_pro dd .m-more{display: none;}

	
	
	.nywh{background:url(img/nywhbj.jpg) left bottom no-repeat #0167bc; padding-top:20px; padding-bottom:20px;}
	.nywh ul{width:95%;}
	.nywh ul li{width:100%;padding-top:20px;}
	.nywh ul li .t1{margin:0 auto; width:122px; height:140px; background:url(img/21n.png) center no-repeat;}
	.nywh ul li p{ margin:0 auto; padding-top:10px; width:100%; }
	.nyry{display: none;}

	.ny-pagemenu1{display: none;}
	.n_li{padding-top:0px; padding-bottom:10px;}
	.ny-loc1{margin-top:0px;}
	
	.c1-con ul li .tu img{width:100% !important;height:auto;transition: .5s;}
	

	/*系统原样式修改*/
	.min_box_content{display: none;}
	.showpics{margin:3% !important;}
	.page_list span{display: none!important;}
	.showlist li .t{line-height:25px!important;}

}


/*====================平板====================*/
@media screen and (min-width: 768px) and (max-width: 1200px){
	
	.about .rightbox .bg{padding-top:55.2%}
.about .rightbox .tt{font-size:2rem;}
.a-ys{width:100%;}
.a-ys li{width:45%;}
.a-ys li ol{width:75%;}
	
	.ny-about{ height:180px;background-size:125% auto;}
	.ny-video{ height:180px; background-size:125% auto;}
    .ny-lxwm{height:180px;background-size:125% auto; }
	.ny-pic{height:180px;background-size:125% auto; }
	.ny-factory{height:180px;background-size:125% auto; }
	.ny-case{height:180px;background-size:125% auto; }
	.ny-honor{height:180px;background-size:125% auto; }
	.ny-news{height:180px;background-size:125% auto; }
	.ny-crcm{height:180px;background-size:125% auto; }
	
	.ny-pagemenu li{margin-top:10px;}
	
	.nywh{background:url(img/nywhbj.jpg) right  center no-repeat; padding-top:20px; padding-bottom:20px;}
	.nywh ul{width:95%;}
	.nywh ul li{width:33%;padding-top:20px;}
	.nywh ul li .t1{margin:0 auto; width:122px; height:140px; background:url(img/21n.png) center no-repeat;}
	.nywh ul li p{ margin:0 auto; padding-top:10px; width:100%; }
	.nyry{display: none;}
	
	
}



/*====================PC====================*/
@media only screen and (min-width: 1200px){
	.sjys{display: none;}
	.n_fl{display: none;}
}