@charset "utf-8";
/* CSS Document */
i,em{
	font-style: normal;
}
body{ color:#333; font-size: 14px; font-family:"Microsoft Yahei","微软雅黑",arial,"\5b8b\4f53";  }


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


.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:6.5rem; width:100%; position: fixed; top: 0; z-index: 998; transition: .5s; -webkit-transition: .5s; -moz-transition: .5s; -ms-transition: .5s; -o-transition: .5s;border-bottom:1px solid rgba(255,255,255,.2); }
#header .m{ display: flex; height: 100%; max-width: 100%; justify-content: space-between; align-items: center; position: static; }  
#logo{ flex-shrink:0; padding-top:10px; }
#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:900px;}
#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:1.0rem; color:#fff; line-height:6.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: #da0e1a; 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%); }


#header .hea-tel{width:26px; height:26px; float:left; margin:0 0 0 14px;position: relative;}
#header .hea-tel i{display: block; width:26px; height:26px; cursor: pointer;}
#header .hea-tel i img{width:100%;}
#header .hea-tel p{width:0px; height:45px; line-height:45px; font-size:25px; color:#FFF; text-align:center; border-radius: 25px;background:#da0e1a; position: absolute; top:-10px; right:30px; transition: .5s; overflow:hidden;}
#header .hea-tel:hover p{width:240px;}


#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:5rem; 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:5rem; color: #333;}
#header.xg #logo .img01{ display: block; width:80%;}
#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 .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); }
}
 
 
 
/**/
.aboutbj{width:100%; height:770px; background:url(img/aboutbj.jpg) bottom center no-repeat;}
.a_bt{padding-top:30px;}
.a_bt h2{text-align: center;margin-bottom: 30px;}
.a_bt h2 span{display: block; height:51px; line-height: 51px;font-size: 42px; color:#333333; font-weight: normal;}
.a_bt h2 em{display: block; height:27px; line-height: 27px;font-size: 16px; color:#666; font-weight: normal;margin-bottom: 14px;}
.a_bt h2 i{display: block; width:29px; height:2px; background:#006ad0;margin:0 auto;}
.vid{padding-top:140px; padding-bottom:60px; overflow:hidden;}
.vid .vid-left{width:660px; float:left;padding-top:14px;}
.vid .vid-left h2{margin-bottom: 38px;}
.vid .vid-left h2 span{display: block; height:62px; line-height:62px;font-size: 40px; color:#000000; font-weight: bold;}
.vid .vid-left h2 em{display: block; height:49px; line-height:49px;font-size: 29px; color:#000000; font-weight: normal;}
.vid .vid-left p{ font-size:17px;line-height:38px; color:#666; }
.vid .vid-left .a_more{width:140px; height:40px; text-align:center; margin-top:30px; background-color:#003993;}
.vid .vid-left .a_more a{color:#fff; line-height:40px; font-size:14px;}
.vid .vid-left .a_more:hover{ background-color:#d80103;transition:0.5s;}
 

/**/
.section3 {
    position: relative;
}

.section3 .swiper-container {
    height: 100%;
}

.section3 .swiper-pagination {
    position: absolute;
    display: inline-block;
    width: auto !important;
    left: 50%;
    margin-left: -640px;
    text-align: left;
    bottom: 9%;
    z-index: 99;
}

.section3 .swiper-pagination .swiper-pagination-bullet {
    margin-right: 0.1rem;
}

 


/*news*/
.news_box{margin:0px auto;padding-bottom:40px; background:url(img/newsbj.jpg) bottom center no-repeat; padding-top:50px;}
.news_bt{margin:0px auto;width:1340px; margin-bottom:40px;}
.nb_tab{ width:300px;text-align:center; float:right;}
.nb_tab a{width:120px;height:42px;background:#fff;display:inline-block;vertical-align:top;color:#333;box-shadow:0px 0px 20px #eee;border-radius:30px; margin:1%; margin-top:30px;}
.nb_tab a.cur{ width:120px;background:#003993;color:#fff;background-size:400% 370%;}
.nb_tab a i,.nb_tab a b{display:inline-block;vertical-align:top;line-height:42px;}
.nb_tab a b{font-size:16px;font-weight:100;letter-spacing:1px;}
@-webkit-keyframes Gradient {
    0% {
        background-position: 0% 50%
    }
    50% {
        background-position: 100% 50%
    }
    100% {
        background-position: 0% 50%
    }
}
@-moz-keyframes Gradient {
    0% {
        background-position: 0% 50%
    }
    50% {
        background-position: 100% 50%
    }
    100% {
        background-position: 0% 50%
    }
}
@keyframes Gradient {
    0% {
        background-position: 0% 50%
    }
    50% {
        background-position: 100% 50%
    }
    100% {
        background-position: 0% 50%
    }
}
.nbc_list+.nbc_list{display:none;}
.nbc_list{margin:0 auto; width:100%; height:auto; overflow:hidden; margin-top:50px;}
.nbcl_le{width:55%;}
.nbcl_le .news_div_item{width:47%;display: inline-block;vertical-align:top;border: 1px solid #e6e6e6;padding:16px;}
.nbcl_le .news_div_item:hover{background-color:#f9f9f9;box-shadow:0 0 21px #d2d2d2;}
.nbcl_le .news_div_item+.news_div_item{margin-left:26px;}
.nbcl_le .news_div_item_pic img{width:100%;height:auto;}
.news_div_item_title a{font-size:16px; line-height:26px; font-weight:bold;}
.nbcl_le .news_div_item:hover a{color:#d70b17;}
.nbcl_le .news_div_item_content{margin-top:30px;}
.nbcl_le .news_div_item_body{margin-top:20px;line-height:30px;color:#68686a;font-size:15px;}
.nbcl_le .news_div_item_date,.new_more{display:inline-block;vertical-align:top;font-size:0;margin-top:25px;}
.nbcl_le .news_div_item_date>div{display:inline-block;vertical-align:top;color:#68686a;}
.new_more{width:24px;height:24px;border-radius:24px;border:1px solid #9a9899;background:url(img/n_more.png) no-repeat right center;float: right;margin-top:17px;}

.nbcr_ri{width:45%;}
.nbcr_ri .news_div_item_pic{display: none;}
.nbcr_ri .news_div_item{font-size:0;border-top:1px solid #e6e6e6;padding:40px 0;position:relative;transition:300ms;border-left:1px #e6e6e6 solid;border-right:1px #e6e6e6 solid;}
.nbcr_ri .news_div_item:hover{box-shadow:0 0 21px #d2d2d2;z-index:1;transition:300ms;}
.nbcr_ri .news_div_item_date,.nbcr_ri .news_div_item_content{display:inline-block;vertical-align:top;}
.nbcr_ri .news_div_item_date{width:20%;text-align:center;font-size:0; color:#003993;}
.nbcr_ri .news_div_item_content{width:70%;padding-left:20px;border-left:1px solid #f3f3f3; font-weight: 100;}
.nbcr_ri .news_div_item_date>div{font-family:Arial;}
.nbcr_ri .news_div_item_year,.nbcr_ri .news_div_item_month{display:inline-block;vertical-align:top;color:#565656;  font-size: 14px;}
.nbcr_ri .news_div_item_day{font-size:47px;font-weight:bold;line-height: 55px;}
.nbcr_ri .news_div_item_body{margin-top:10px;line-height:25px;color:#68686a;padding-right:20px;font-size:15px;}
.nbcr_ri .news_div_item:nth-child(3){border-bottom:1px #e6e6e6 solid;}
.new_t{float:left; }
.new_ta{font-size:40px;color:#333;line-height:46px; text-align:left;display:block;width:400px;margin:auto;}
.new_ta h2{font-weight:normal; font-size:42px; line-height:50px; color:#333;}
.new_tb{font-size:16px;color:#666;line-height:40px; text-align:left;}



/*------------foot----------*/
.h_ft{ height:384px; background-color:#003993;padding-top:54px;box-sizing: border-box;}
.h_ft .m_fnav{ width:900px;float: left;height:270px; }
.h_ft .m_fnav dl{ width:32%; margin-bottom:20px; padding-left:5%;float:left;position: relative;}
.h_ft .m_fnav dl:before{content: "";position: absolute;width:1px;height: 220px;background: rgba(255,255,255,.2);right:0;top:7px;}
.h_ft .m_fnav dt a{display: block;height: 40px;line-height: 40px;font-size:18px;color:#fff;background: url(img/ftico.png) no-repeat 115px 15px;margin-bottom: 12px;}
.h_ft .m_fnav dd a{ width:100%; float:left;display: block;line-height: 30px;font-size:14px;color:#fff;}
.h_ft .m_fnav dd a:hover{color:#f5b803;}
.h_ft .m_fnav dl:nth-child(1){animation-delay: 0.1s;}
.h_ft .m_fnav dl:nth-child(2){animation-delay: 0.2s;}
.h_ft .m_fnav dl:nth-child(3){animation-delay: 0.3s;}
.h_ft .f_er{width:220px; height:auto; overflow:hidden; padding-top:20px;}
.h_ft .f_er li{ margin:0 auto; width:90px; padding:10px;background: rgba(255,255,255,.2); text-align:center; float:left;}
.h_ft .f_er li img{width:100%;}
.h_ft .f_er li p{color:#fff; font-family:"微软雅黑"; font-size:14px; line-height:20px; padding-top:10px;}
.f_lx{float: right;width:400px;animation-delay: 0.4s;}
.f_lx h3 a{display: block;height: 40px;line-height: 40px;font-size:18px;color:#fff;background: url(img/ftico.png) no-repeat 185px 15px;margin-bottom: 12px;}
.f_lx h4{height:80px;font-size:14px;color:#fff;font-weight: normal; }
.f_lx h4 b{display: block;font-size:40px;color:#f5b803; margin-top:15px;line-height:40px;}
.f_lx p{font-size:15px;line-height: 36px;color:#fff;}

.copyr{font-size:14px;color:#fff; border-top:1px solid rgba(255,255,255,.2); padding-top:20px;}
.copyr a{color:#fff;}
.copyr a:hover{color:#f5b803;}



/* .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: 5.1rem;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: #003993;}
#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:100%; display: inline-block; margin-bottom: 0; text-align:left; float: left;  }
#sub_nav_content dt a { width:38%; float:left; 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_video_txt.jpg) center no-repeat; border-radius: 1.25rem; background-size: cover; padding: 3rem;}
.n_video .txt .con:first-child{ font-size: 1rem; line-height: 1.875rem; color: rgba(0, 0, 0, 0.7);}
.n_video .txt .tt{ margin: 2.25rem 0;}
.n_video .txt .tt h3{ font-size: 1.5rem; color: #5f6064; font-weight: bold; margin-bottom: 10px;}
.n_video .txt .tt span{ font-size: 1.5rem; color: #2d5bc4;font-family: FRADMCN; text-transform: uppercase; }
.n_videobox{ height: 100%; display: flex; align-items: center; justify-content: center; border-radius: 1.25rem; overflow: hidden;}

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

.n_about2{ background: 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;}



.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%;}


/*分类*/
.ph-proc{ margin:0 auto; width:700px;
  padding:10px; margin-bottom:40px; margin-top:20px; height:auto; overflow:hidden;
}
.ph-proc li{
 padding:1px 1%;
 float: left;
 width:24.7%;
 margin:1px;

}
.ph-proc a{
  display: block;
  padding:6% 2%;
  font-size:15px;
  color: #666;
  text-align: center;
  border-radius:5px; border:1px solid #888;
  box-sizing: border-box;
}
.ph-proc a:hover{
 
  border:1px solid #888; background-color:#003995; color:#fff;transition:all .5s ease
}


/* 底部固定导航 */


.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:#e98e00;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(44,44,44,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:460px; overflow: hidden;background: url(img/nyabout.jpg) top center no-repeat;}
.ny-culture{
  position: relative; width: 100%;height:460px; overflow: hidden;background: url(img/nyculture.jpg) top center no-repeat;}
.ny-djgz{
  position: relative; width: 100%;height:460px; overflow: hidden;background: url(img/nydjgz.jpg) top center no-repeat;}
.ny-lxwm{
  position: relative; width: 100%;height:460px; overflow: hidden;background: url(img/nylxwm.jpg) top center no-repeat;}
.ny-pic{
  position: relative; width: 100%;height:460px; overflow: hidden;background: url(img/nypic.jpg) top center no-repeat;}
.ny-factory{
  position: relative; width: 100%;height:460px; overflow: hidden;background: url(img/nyfactory.jpg) top center no-repeat;}
.ny-zsyz{
  position: relative; width: 100%;height:460px; overflow: hidden;background: url(img/nyzsyz.jpg) top center no-repeat;}
.ny-honor{
  position: relative; width: 100%;height:460px; overflow: hidden;background: url(img/nyhonor.jpg) top center no-repeat;}
.ny-news{
  position: relative; width: 100%;height:460px; overflow: hidden;background: url(img/nynews.jpg) top center no-repeat;}

.n_aboutbj{width:auto; height:auto; background:url(img/n_aboutbj.jpg) center no-repeat; overflow:hidden;}
.n_aboutbj .n_right{width:50%; height:auto; text-align:left; padding-top:100px; padding-bottom:60px; float:right;}
.n_aboutbj .n_right h2{ font-size:30px; line-height:40px; font-weight:normal;}
.n_aboutbj .n_right p{ font-size:17px; line-height:35px; font-weight:normal; color:#666; padding-top:30px;}


/*nyjls*/
.a_jlsbj{width:100%; height:auto; overflow: hidden;}
.a_jlsbj ul{margin:0 auto; width:1400px; height:auto; overflow:hidden;}
.a_jlsbj ul .j-left{width:600px; height:456px; float:left;}
.a_jlsbj ul .j-right{width:760px; height:auto;  text-align:left; overflow:hidden; float:right;}
.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:16px; color:#888;line-height:30px; overflow:hidden;}

/*wjls*/
.w_jlsbj{width:100%; height:auto; padding-top:80px;overflow: hidden;}
.w_jlsbj ul{margin:0 auto; width:1400px; height:auto; overflow:hidden;}
.w_jlsbj ul .j-left{width:600px; height:456px; padding-top:35px;float:right; }
.w_jlsbj ul .j-left img{width:100%;}
.w_jlsbj ul .j-right{width:700px; height:auto; text-align:left; float:left;}
.w_jlsbj ul .j-right h3{font-family:"微软雅黑"; font-size:28px; color:#434343; font-weight:bold; line-height:40px;}
.w_jlsbj ul .j-right h3 span{color:#ec4b05;}
.w_jlsbj ul .j-right em{font-family: Arial, Helvetica, sans-serif; font-size:16px; color:#888;line-height:30px; text-transform:uppercase;}
.w_jlsbj ul .j-right p{font-family:"微软雅黑"; font-size:16px; color:#666;line-height:30px;}

.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: #122b88;
}
.ny-pagemenu-ov:after{
  width: 63px !important;
  left:16px !important;
}

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

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

.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:1340px; height:auto; font-family:"微软雅黑"; font-size:16px; color:#434343; margin-top:40px; margin-bottom:40px; line-height:30px;text-align:left;overflow:hidden;}
.nyzw h3{font-size:24px; color:#003995; font-weight:normal;}
.nyzw h4{font-size:36px; color:#003995; font-weight:bold; line-height:60px;}
.nyzw h5{font-size:26px; color:#222; font-weight:bold; line-height:40px;}
.nyzw h6{font-size:20px; color:#434343; font-weight:bold; line-height:40px;}


.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:31%; float:left;
  margin:1%;
  border-bottom:3px solid #f9f9f9;
  overflow: hidden;
}
.ny-news01 li .tu1{
	float: left;
	width: 100%;
	height:310px;
	overflow: hidden;
}
.ny-news01 li .tu1 img{
	width: 100%;
	height:310px;
	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:100%; padding-top:20px;
  height: auto;
}
.ny-news01 li .r01 a h2{
  display: block;
  width: 100%;
  height:80px;
  overflow:hidden;
  font-size:18px;
  line-height:35px;
  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:100px;
  font-size:15px;
  color: #888;
  letter-spacing: 0px;
  line-height: 180%;
  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;
}

.bookbj{width:auto; height:auto; padding-top:40px; padding-bottom:40px; background: url(img/a1.jpg) center no-repeat; }
.bookbj .lx{ margin:0 auto; width:600px; float:right;}
.bookbj .lx h1.title3{background:#f3b101; color:#fff;}
.bookbj .lx h1.title3 a{color:#fff;}
.bookbj .lx ul.fs{border:0;}
.bookbj .lx ul.fs li{background:rgba(2,2,2,0.5);}
.bookbj .lx ul.fs li dl{color:#fff;}
.bookbj .lx ul.fs li dt label span{ border:0px;}


/*新闻详情页样式*/
.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;
}

/*wh*/
.wh_js{width:49%; height:550px;padding-left:40px; padding-top:60px;text-align:left; color:#fff; background:url(img/wh_js.jpg) left center no-repeat;background-size: 100%;background-position:50% 50%;transition: all .5s; float:left;}
.wh_js:hover{background-size:105%;}
.wh_js h3{font-size:26px; line-height:50px;font-weight:bold;}
.wh_js p{font-size:18px; line-height:30px;}
.wh_l{width:49%; height:570px; float:right;}
.wh_l li{width:auto; height:265px; padding-left:40px; padding-top:60px; text-align:left; color:#fff; background:url(img/wh_zz.jpg) center no-repeat;background-size: 100%;background-position:50% 50%;transition: all .5s; margin-bottom:20px;}
.wh_l li:hover{background-size:105%;}
.wh_l li h3{font-size:26px; line-height:50px;font-weight:bold;}
.wh_l li p{font-size:18px; line-height:30px;}
.wh_l li:nth-child(2){background:url(img/wh_zz1.jpg) center no-repeat;background-size: 100%;background-position:50% 50%;transition: all .5s; }
.wh_l li:nth-child(2):hover{background-size:105%;}
.wh_z{width:auto; height:325px;}
.wh_z li{width:49%; height:315px;padding-left:40px; padding-top:60px; text-align:left; color:#fff; background:url(img/wh_ln.jpg) left center no-repeat;background-size: 100%;background-position:50% 50%;transition: all .5s; float:left;}
.wh_z li:nth-child(2){ background:url(img/wh_ln1.jpg) left center no-repeat;background-size: 100%;background-position:50% 50%;transition: all .5s;float:right;}
.wh_z li:hover{background-size:105%;}
.wh_z li h3{font-size:26px; line-height:50px; font-weight:bold;}
.wh_z li p{font-size:18px; line-height:30px;}



/* 联系内页 */

.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;}





/*====================手机====================*/
@media only screen and (max-width: 768px){
#m_header .m{padding:0 15px;}
#m_logo img{height:70px; padding-top:8px;}
.m{padding:0 15px !important;}
.w1300{width:auto;}
.aboutbj{height:auto; background:url(img/s_aboutbj.jpg) center no-repeat;}
.vid{padding-top:30px;}
.vid .vid-left{ width:auto; padding:10px;}
.vid .vid-left h2{margin-bottom:10px;}
.vid .vid-left h2 span{font-size:30px;}
.vid .vid-left h2 em{font-size:24px; line-height:34px;}
.vid .vid-rig{width:auto;}
.vid .vid-rig imw{width:100%;}

.content4{ height:auto!important;}
.content4 .right{ width:100%;right:6%!important;position: relative!important;margin-top:2%!important;}
.content4 .right img{width:70%;}
.content2 .product{ position:relative!important;}
.content2 .product > a{ width:100%!important; margin-top:10px;}
.fenlei{margin-top:300px!important;}
.fenlei li{ width:45%!important;}
.content2 .product .intro p a{font-size:16px!important;}

.news_box{padding-bottom:0px;}
	.new_t{float:none;}
	.nbc_list{margin-top:0px;}
	.news_bt{width:93%; margin-bottom:0px; padding-top:20px;}
	.new_tb{line-height:30px;}
	.new_ta{font-size:30px; width:auto;}
	.nb_tab{float:none;}
	.nb_tab a{width:30%;}
	.nbcl_le{width:auto;}
	.nbcl_le .news_div_item{width:auto;}
	.nbcl_le .news_div_item_body{line-height:22px; margin-top:10px; font-size:14px;}
	.nbcl_le .news_div_item+.news_div_item{margin-left:0px; margin-top:10px;}
	.nbcr_ri{width:auto; margin-top:10px;}
	.nbcr_ri .news_div_item{padding:10px 0;}
	.nbcr_ri .news_div_item_content{width:78%;}
	.nbcr_ri .news_div_item_body{font-size:14px;}


    .h_ft{height:auto; padding:10px; padding-top:20px; padding-bottom:80px;}
	.h_ft .m_fnav{height:auto; width:auto;}
	.h_ft .m_fnav dl:nth-child(1){width:50%; margin-right:0px;}
	.h_ft .m_fnav dl:nth-child(2){width:50%; margin-right:0px;}
	.h_ft .m_fnav dl:nth-child(3){margin-bottom:60px;}
	.h_ft .m_fnav dl:before{display: none;}
	.f_lx{float:left; width:auto;}
	.h_ft .m_fnav dl{width:auto;}

	 
    .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-djgz{height:160px;background-size:210% auto; }
	.ny-honor{height:160px;background-size:210% auto; }
	.ny-news{height:160px;background-size:210% auto; }
	.ny-zsyz{height:160px;background-size:210% auto; }
	
	.nyzw h4{ font-size:22px; line-height:30px;}
	.nyzw h5{font-size:18px; line-height:30px;}
	.ny-pagemenu li{margin-top:10px;}
	
    .jt-page{ width: 100%; height: auto;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;}
	.tr_wh{width:auto; padding-top:0px;}
	
	
	.w_jlsbj ul{width:auto;}
	.w_jlsbj ul .j-left{width:100%; height:auto; padding-top:0px; margin-bottom:40px;}
	.w_jlsbj ul .j-left img{width:100%;}
	.w_jlsbj ul .j-right{width:auto; }
	.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_aboutbj{width:auto; height:auto; background:url(img/s_aboutbj1.jpg)  top center no-repeat #f6f6f6;background-size:100% auto; overflow:hidden;}
	.n_aboutbj .n_right{ margin:0 auto;width:95%; height:auto; text-align:left; padding-top:280px; padding-bottom:40px; float:right;}
	.n_aboutbj .n_right h2{ font-size:20px; line-height:40px; font-weight:normal;}
	.n_aboutbj .n_right p{ font-size:17px; line-height:30px; font-weight:normal; color:#666; padding-top:30px;}
	
	.wh_js{width:auto; height:300px; padding-top:40px;background-size:100%;background-position:50% 50%;transition: all .5s; margin-bottom:20px;float:none;}
	.wh_l{width:100%; height:auto; float: none;}
	.wh_l li{width:auto; height:180px;padding-top:40px;margin-bottom:20px;}
	.wh_z{width:100%; height:auto;}
	.wh_z li{width:auto; height:180px;padding-top:40px;float:none;margin-bottom:20px;}
	.wh_z li:nth-child(2){ float:none;}
	
	.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;}
   
   .bookbj{width:auto; height:auto; padding-top:40px; padding-bottom:40px; background: url(img/a1.jpg) center no-repeat; }
	.bookbj .lx{ margin:0 auto; width:90%; float:none;}
   
   .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;}
	.showlist li img{height:130px !important;}

}


/*====================平板====================*/
@media screen and (min-width: 768px) and (max-width: 1200px){
#m_header .m{padding:0 15px;}
#m_logo img{height:70px; padding-top:8px;}
.m{padding:0 15px !important;}
.w1300{width:auto;}
.aboutbj{height:auto; background:url(img/s_aboutbj.jpg) center no-repeat;}
.vid{padding-top:30px;}
.vid .vid-left{ width:auto; padding:10px;}
.vid .vid-left h2{margin-bottom:10px;}
.vid .vid-left h2 span{font-size:30px;}
.vid .vid-left h2 em{font-size:24px; line-height:34px;}
.vid .vid-rig{width:auto;}
.vid .vid-rig imw{width:100%;}

.content4{ height:auto!important;}
.content4 .right{ width:100%;right:6%!important;position: relative!important;margin-top:2%!important;}
.content4 .right img{width:70%;}
.content2 .product{ position:relative!important;}
.content2 .product > a{ width:100%!important; margin-top:10px;}
.fenlei{margin-top:500px!important;}
.fenlei li{ width:45%!important;}
.content2 .product .intro p a{font-size:16px!important;}

.news_box{padding-bottom:0px;}
	.new_t{float:none;}
	.nbc_list{margin-top:0px;}
	.news_bt{width:93%; margin-bottom:0px; padding-top:20px;}
	.new_tb{line-height:30px;}
	.new_ta{font-size:30px; width:auto;}
	.nb_tab{float:none;}
	.nb_tab a{width:30%;}
	.nbcl_le{width:auto;}
	.nbcl_le .news_div_item{width:auto;}
	.nbcl_le .news_div_item_body{line-height:22px; margin-top:10px; font-size:14px;}
	.nbcl_le .news_div_item+.news_div_item{margin-left:0px; margin-top:10px;}
	.nbcr_ri{width:auto; margin-top:10px;}
	.nbcr_ri .news_div_item{padding:10px 0;}
	.nbcr_ri .news_div_item_content{width:78%;}
	.nbcr_ri .news_div_item_body{font-size:14px;}


.h_ft{height:auto; padding:10px; padding-top:20px; padding-bottom:80px;}
	.h_ft .m_fnav{height:auto; width:auto;}
	.h_ft .m_fnav dl:nth-child(1){width:50%; margin-right:0px;}
	.h_ft .m_fnav dl:nth-child(2){width:50%; margin-right:0px;}
	.h_ft .m_fnav dl:nth-child(3){margin-bottom:60px;}
	.h_ft .m_fnav dl:before{display: none;}
	.f_lx{float:left; width:auto;}
	.h_ft .m_fnav dl{width:auto;}

  .ny-about{ height:230px;background-size:130% auto;}
	.ny-culture{ height:230px; background-size:130% auto;}
    .ny-lxwm{height:230px;background-size:130% auto; }
	.ny-pic{height:230px;background-size:130% auto; }
	.ny-factory{height:230px;background-size:130% auto; }
	.ny-djgz{height:230px;background-size:130% auto; }
	.ny-honor{height:230px;background-size:130% auto; }
	.ny-news{height:230px;background-size:130% auto; }
	.ny-cooperate{height:230px;background-size:130% auto; }


	.n_aboutbj .n_right{padding-top:580px;}

}



/*====================PC====================*/
@media only screen and (min-width: 1200px){
	.ys .ys-list dl dd .sa_tel{display: none;}
	.sjfl{display: none;}
	.n_fl{display: none;}
}