﻿@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,.9);width: 240px; 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: #f27e01; 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(28, 29, 135, .9); box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15);}
#header.xg #nav ul li h3{ line-height:5rem; color: #fff;}

#header.xg #logo .img01{ display: block; width:80%;}
#header.xg #logo .img02{ display: none;}
#header:hover{ background: rgba(28, 29, 135, .9); box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15);}
#header:hover #nav ul li h3{ color: #fff; }
#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(28, 29, 173, 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); }
}
 
 
 
/*------------首页栏目----------*/
.sylm{width:100%; height:auto;text-align:center; background-color:#f5f5f5; border-bottom:1px solid #dfdfdf;padding-top:60px; padding-bottom:30px; overflow:hidden;}
.sylm h2{ font-size:36px; color:#343434; line-height:55px;font-family: "思源宋体";}
.sylm h2 span{ color:#343434;}
.sylm p{font-size:16px; color:#888; line-height:26px;}


/*------------分类---------*/
.cpflbj{width:100%; height:auto; background-color:#F5F5F5; padding-bottom:30px;}
.fen{ margin:0 auto;width:1300px; padding-top:40px;}
.fen ul{ height:auto; text-align:center; overflow:hidden;}
.fen ul li {width:13.8%;height:55px; margin:0.2%;background:#1c1d87;border-radius:5px;text-align: center;float: left; box-sizing: border-box; position: relative; }
.fen ul li a{text-decoration: none; position: relative;z-index: 3; display: block; line-height:55px; height:55px; font-size:16px; color: #fff;}
.fen ul li a:hover{background:#d0001c\9;color: #fff;}
.fen ul li:after{content:'';position:absolute;height:100%;width:0;border-radius:5px;background:#f17e01;bottom:0;left:0;-webkit-transition:width .3s;transition:width .3s;}
.fen ul li:hover:after,.fen ul li.cur:after{width:100%;color: #fff;}
.fen ul li.cur a { background:#dc0817; color: #fff; }

.sx_al{margin:0 auto; width:90%; margin-top:60px;}
.grid {
	margin: 0;
	width:auto;
	list-style: none;
	text-align: center;
}

/* Common style */
.grid figure {
	position: relative;
	z-index: 1;
	display: inline-block;
	overflow: hidden;
	margin: -0.135em;
	width:32.3%;
	height:400px;
	padding:1%;
	background-color:#f9f9f9;
	margin:0.5%;
	float:left;
	text-align: center;
	cursor: pointer;
}

.grid figure img {
	position: relative;
	display: block; width:100%;
	min-height:100%;
}

.grid figure figcaption {
	padding: 2em;
	color: #fff;
	text-transform: uppercase;
	font-size: 1.25em;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
}

.grid figure figcaption::before,
.grid figure figcaption::after {
	pointer-events: none;
}

.grid figure figcaption,
.grid figure a {
	position: absolute;
	top: 0;
	left: 0;
	padding-top:30px;
	padding:5%;
	width: 100%;
	height: 100%;
}
figure.effect-zoe figcaption {
	top: auto;
	bottom: 0;
	padding:1em;
	height:6em; padding-top:2em;
	background:rgba(24,29,138,0.8);
	color: #fff;
	-webkit-transition: -webkit-transform 0.35s;
	transition: transform 0.35s;
	-webkit-transform: translate3d(0,100%,0);
	transform: translate3d(0,100%,0);
}

figure.effect-zoe h2 {
	float: left;
}

figure.effect-zoe figcaption > span {
	float: right; font-size:16px; padding-top:0.5em; color:#f17e01;}

figure.effect-zoe p {
	position: absolute;
	bottom: 8em;
	padding: 2em;
	color: #fff;
	text-transform: none;
	font-size: 90%;
	opacity: 0;
	-webkit-transition: opacity 0.35s;
	transition: opacity 0.35s;
}

figure.effect-zoe h2,
figure.effect-zoe figcaption > span {
	-webkit-transition: -webkit-transform 0.35s;
	transition: transform 0.35s;
	-webkit-transform: translate3d(0,200%,0);
	transform: translate3d(0,200%,0);
}

figure.effect-zoe figcaption > span::before {
	display: inline-block;
	padding: 8px 10px;
	font-family: 'feathericons';
	speak: none;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

.icon-eye::before {
	content: '\e000';
}

.icon-paper-clip::before {
	content: '\e001';
}

.icon-heart::before {
	content: '\e024';
}

figure.effect-zoe h2 {
	display: inline-block;
}

figure.effect-zoe:hover p {
	opacity: 1;
}

figure.effect-zoe:hover figcaption,
figure.effect-zoe:hover h2,
figure.effect-zoe:hover figcaption > span {
	-webkit-transform: translate3d(0,0,0);
	transform: translate3d(0,0,0);
}

figure.effect-zoe:hover h2 {
	-webkit-transition-delay: 0.05s;
	transition-delay: 0.05s;
}

figure.effect-zoe:hover figcaption > span:nth-child(4) {
	-webkit-transition-delay: 0.1s;
	transition-delay: 0.1s;
}

figure.effect-zoe:hover figcaption > span:nth-child(3) {
	-webkit-transition-delay: 0.15s;
	transition-delay: 0.15s;
}

figure.effect-zoe:hover figcaption > span:nth-child(2) {
	-webkit-transition-delay: 0.2s;
	transition-delay: 0.2s;
}






/*--about--*/
.aboutbj{width:auto; height:500px; background:url(img/aboutbj.jpg) top center no-repeat;}
.a_sylm{width:100%; height:auto;text-align:center;border-bottom:1px solid #dfdfdf;padding-top:60px; padding-bottom:30px; overflow:hidden;}
.a_sylm h2{ font-size:36px; color:#343434; line-height:55px;font-family: "思源宋体";}
.a_sylm h2 span{ color:#343434;}
.a_sylm p{font-size:16px; color:#888; line-height:26px;}

.shuzi {padding-top:100px;}
.shuzi ul{ margin:0 auto;display: flex; justify-content: space-between; max-width:1300px;}
.shuzi ul li{}
.shuzi ul li>div{ display: flex; }
.shuzi ul li>div b{ font-family: FRADMCN; font-weight: bold; font-size: 3rem; color: #fff;}
.shuzi ul li span{ font-size: 1rem; color: rgba(255, 255, 255, 0.7);}
.shuzi ul li i{ display: inline-block; font-size: 1.875rem; color: #f27e01; font-family: FRAMDCN; position: absolute; top: 0; }
.shuzi ul li .cols{ display: flex; position: relative; margin-left: .5rem; flex-direction: column; padding: .5rem 0; flex-direction: column-reverse; align-items: center; justify-content: space-between;}
.shuzi ul li p{ font-size: 1rem; color: rgba(255, 255, 255, 0.7); margin-top: 6px;}

.a_about{margin:0 auto; width:80%; height:auto; margin-top:-180px; z-index:100; }
.a_about  .a_left{ width:48%; height:418px; margin-right:2%; float:left;}
.a_about  .a_right{ width:46%; height:418px; background-color:#f7f7f7; text-align:left; padding:40px; float:left;}
.a_about  .a_right h1{ font-size:35px; color:#434343; line-height:50px;}
.a_about  .a_right h3{ font-size:30px; color:#181d8a; line-height:50px;}
.a_about  .a_right p{ font-size:15px; color:#888; line-height:30px;}
.a_about  .a_right .a_more{width:150px; height:40px; border:1px solid #888; text-align:center; float:right; margin-top:30px;border-radius: 20px;}
.a_about  .a_right .a_more a{font-size:16px; color:#888; line-height:40px;}
.a_about  .a_right .a_more:hover{ background-color:#181d8a;transition: all .3s;}
.a_about  .a_right .a_more:hover a{color:#fff;}

.product{padding:76px 0 60px;}
.product .pro-bot{padding:0 31px;}
.product .pro-bot .bd{overflow: hidden;}
.product .pro-bot .bd ul li{float:left; width:343px !important;margin-right: 20px;}
.product .pro-bot .bd ul li span{display: block; width:95%; line-height: 0; overflow: hidden;border:1px solid #d7d7d7; box-sizing: border-box;margin:0 auto;}
.product .pro-bot .bd ul li span img{width:100%; transition: 1s;}
.product .pro-bot .bd ul li em{display: block;width:95%;margin:0 auto;height:67px; line-height: 67px;font-size: 16px; color:rgba(48,55,63,0.8);background:url(img/pro-jt.png) no-repeat right;}
.product .pro-bot .bd ul li:hover span img{-webkit-transform: scale(1.1);-moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1);}    
@media screen and  (min-width:760px) and (max-width:1680px){
    .product .pro-bot .bd ul li{width:237px !important;margin:0 10px;}
}




/*--news--*/
.news_box{margin:0px auto;padding-bottom:50px;  }
.news_bt{margin:0px auto;width:85%; margin-bottom:40px;}
@-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:45%;}
.nbcl_le .news_div_item{width:100%;display: inline-block;vertical-align:top;}
.nbcl_le .news_div_item+.news_div_item{margin-left:26px;}
.nbcl_le .news_div_item_pic img{width:100%;height:450px; margin-top:30px; margin-bottom:30px;}
.news_div_item_title a{font-size:18px;}
.nbcl_le .news_div_item:hover a{color:#f17e01;}
.nbcl_le .news_div_item_body{margin-top:20px;line-height:30px;color:#68686a;font-size:15px;}
.nbcl_le .news_div_item_year{color:#888;  font-size: 14px; line-height:30px;}
.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;float: right;margin-top:17px;}

.nbcr_ri{width:50%;}
.nbcr_ri .news_div_item_pic{display: none;}
.nbcr_ri .news_div_item{font-size:0;margin-bottom:10px;padding:35px 0;position:relative;transition:300ms;}
.nbcr_ri .news_div_item:hover{background-color:#f9f9f9;box-shadow:0 0 11px #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:#f17e01;}
.nbcr_ri .news_div_item_content{width:70%;padding-left:20px; font-weight: 100;}
.nbcr_ri .news_div_item_date{ border-left:1px solid #888; border-right:1px solid #888;}
.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; line-height:30px;}
.nbcr_ri .news_div_item_year{color:#565656;  font-size: 14px; line-height:30px;}
.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;}
.new_t{float:left; }
.new_ta{font-size:40px;color:#333;line-height:46px;display:block;width:400px;margin:auto;}
.new_ta span{font-weight:bold;}
.new_tb{font-size:20px;color:#666;line-height:40px;}


/*------------dt----------*/
.s_dt{ height: 41.875rem; position: relative;}
#map_bj{ position: absolute; left: 0; top: 0; width: 100%; height: 100%;background: url(img/map.jpg) center no-repeat;}

.s_dt{ border-top: 1px solid #dce1e4;}
.s_dt .m{ display: flex; justify-content: flex-end; align-items: center;}
.s_dt .txt{ background: #fff; padding: 4.25rem 3.375rem; width: 602px; max-width: 100%; box-shadow: 0px 8px 9px 0px rgba(69, 69, 69, 0.2); position: relative;}
.s_dt .txt h3{ font-size: 1.5rem; color: #3d3d3d; margin-bottom: .75rem;}
.s_dt .txt h4{ font-size: 2.125rem; color: #181d8a; font-family: impact; margin-bottom: 1.75rem;}
.s_dt .txt h4 span{ display: inline-block; margin-right: 1.375rem;}
.s_dt .txt .con{ font-size: .9375rem; line-height: 1.875rem; color: #5f6064;}
.s_dt .txt .con dl{ display: flex;}
.s_dt .txt .con dt{ flex-shrink: 0;}
.s_dt .btn_lianxi{ position: absolute; right: 0; bottom: 0; width: 4.25rem; height: 4.25rem; border-radius: 1rem 0 0 0; background: #181d8a; color: #fff; display: flex; align-items: center; justify-content: center; padding: 1rem; line-height: 1.3; font-size: 1rem;}


/*------------foot----------*/
.footbj { background-color:#181d8a;
            color: #fff;
            position: relative;
            z-index: 1;
            line-height:22px;
        }
.footer {width:1340px; margin:0 auto;font-family:"Microsoft Yahei";}
.footer a {color: #fff;}
        
.f_con {height:auto;padding:34px 0 0;overflow: hidden;border-bottom: 1px solid rgba(255, 255, 255, 0.3);}
        
.f_con h3 {
            font-size: 16px;
            line-height: 44px;
            height: 64px;
            position: relative;
        }
.f_con h3:before {
            content: "";
            position: absolute;
            width: 6px;
            height: 2px;
            left: 0;
            bottom: 4px;
            background: #fff;
            opacity: 0.3;
        }
        
.f_text {
            width: 333px;
        }
        
.f_search {
            height:70px;
        }
.f_search span {
            height: 60px;
            line-height: 42px;
            font-size: 16px;
            opacity: 0.6;
            display: block;
        }
.f_seainp .serach1 {
            width: 203px;
            line-height: 40px;
            height: 40px;
            border: solid 1px #7e7e7e;
            border-right: 0;
            float: left;
            padding: 0 20px;
            background: #282828;
            color: #b6b6b6;
        }
        
        .f_seainp .sub1 {
            width: 89px;
            background: #ffeb12;
            color: #222;
            text-align: center;
            line-height: 42px;
            height: 42px;
            border: 0;
        }
        
        .f_tel {
            height:58px;
            line-height: 26px;
            color: #b6b6b6;
        }
        
        .f_tel b {
		
            display: block;
            font-size:30px;
            line-height:42px;
            color: #f17e01;
        }
        
        .f_text li {
            float: left;
            height: 106px;
            line-height: 24px;
            width: 202px;
        }
        
        .f_text li:nth-child(2n) {
            width: 416px;
        }
        
        .f_text li span {
            display: block;
            font-family: Times New Roman, Arial;
            font-size: 20px;
        }
        
        .f_code p {
            width:94px;
            text-align: center;
            float: left;
            line-height: 36px;
            white-space: nowrap;
        }
        
        .f_code p:nth-child(2) {
            margin: 0 38px;
        }
        
        .f_code p img {
            display: block;
            width:94px;
            height:94px;
            background: #fff;
            padding:3px;
        }
        
        .f_nav {
            width:330px;
            line-height:34px;
        }
        
        .f_lx {
            width: 385px;
        }
        
        .f_dh {
            width: 120px;
        }
        
        .f_nav a {
            display: block;
            width:100%;
            opacity: 0.8;
        }
         .f_nav a:hover{color:#0fff;}
        .f_lx a {
            width: 182px;
        }
        
        .f_bq {
            height:80px;
            position: relative; 
        }
        
        .f_bq h2 {
			 width:auto;
			 text-align:center;
            position: absolute;
			font-weight:normal;
            top:17px;
			font-size:15px;
        }
        .f_bq h2 a:hover{color:#0fff;}
        .f_bq p {
            opacity: 0.8;
            padding: 7px 0 0;
            font-weight: bold;
        }
        
        .f_bq p span {
            float: right;
        }






/* .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: 1.15rem;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%;}
#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:24px; color: #434343; 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-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-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{  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;}




.arrstyle{}
.arrstyle .bd{ position: relative;}
.arrstyle .arr_left{ left: -6.25rem;}
.arrstyle .arr_right{ right: -6.25rem;}




.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{}



.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;}

.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;}



/*分类*/
.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(233,142,0,0.9);height:50px;position: fixed;bottom:30px;left:50%;margin-left:-46%;z-index:999;width:92%;border-radius:10px;}
@media (min-width:640px){.mobile .fixed_footer{width:640px !important;left:50%;margin-left:-320px;}}
.mobile .fixed_footer a{float: left;width:33.33%;text-align: center;}
.mobile .fixed_footer img{display: inline-block;height:24px;margin:5px 0 0;}
.mobile .fixed_footer strong{color:#fff;font-size:12px;display: block;height:20px;line-height:20px;}

@media( max-width:1210px ){
	.fixed_right, .footer .three, .footer .one, .footer .nav {display: none;}
	.mobile .fixed_footer{display: block;}
	.footer .two{width:100%;margin:0;}
	}


.ph-bq{
  margin-bottom:43px;
  padding:9px 15px 15px 15px;
  font-size: 15px;
  color: #ffba00;
  text-align: center;
  line-height: 150%;
  background-color: #434343;
}
.ph-bq p,
.ph-bq p a,
.ph-bq a{
  font-size: 15px;
  color: #ffba00;
  text-align: center;
  line-height: 150%;
}
.ph-bq img{
  display: block;
  margin:0 auto;
  margin-top: 10px;
}

 /*ph页脚*/

.ph-foot{
  position: fixed;
  bottom:0px;
  left: 0px;
  padding-bottom:10px;
  width: 100%;
  background-color: #5e5d5d;
  overflow: hidden;
  border-top:1px solid #fff;
  border-radius: 15px 15px 0px 0px;
}
.ph-foot li{
  float: left;
  padding:10px 0px;
  width: 25%;
  height: 40px;
  font-size: 14px;
  color: #fff;
  text-align: center;
}
.ph-foot li img{
  display: block;
  margin:0 auto;
  width: 25%;
}
.ph-foot li p{
  display: block;
  margin-top:15px;
  font-size: 14px;
  color: #fff;
  text-align: center;
}





/* 内页 */
.padding0-sm-mini{padding:0px;}
.ny-about{
  position: relative; width: 100%;height:400px; overflow: hidden;background: url(img/nyabout.jpg) top center no-repeat;}
.ny-lxwm{
  position: relative; width: 100%;height:400px; overflow: hidden;background: url(img/nylxwm.jpg) top center no-repeat;}
.ny-pic{
  position: relative; width: 100%;height:400px; overflow: hidden;background: url(img/nypic.jpg) top center no-repeat;}
.ny-factory{
  position: relative; width: 100%;height:400px; overflow: hidden;background: url(img/nyfactory.jpg) top center no-repeat;}
.ny-honor{
  position: relative; width: 100%;height:400px; overflow: hidden;background: url(img/nyhonor.jpg) top center no-repeat;}
.ny-news{
  position: relative; width: 100%;height:400px; overflow: hidden;background: url(img/nynews.jpg) top center no-repeat;}


#div-1{ font-size:18px; line-height:35px;}
.lx_t{ padding-bottom:20px;}
.lx_t h3{ font-size:18px; font-weight:bold; line-height:40px; padding-bottom:10px;}
.lx_t p{ font-size:15px; color:#434343; line-height:26px;}


.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:#f17e01; 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;
}



/* 联系内页 */

.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;}
.sylm{ padding-top:30px;}
.fen{width:auto; padding:10px;}
.fen ul li{width:48%; margin:1%; height:45px;}
.fen ul li a{height:45px; line-height:45px;}
.sx_al{margin-top:30px; width:auto; padding:10px;}
.grid figure{width:48%; height:150px; margin:1%;}
figure.effect-zoe h2{font-size:1.0em;}
figure.effect-zoe figcaption{height:3.6em; padding-top:1em;}
.shuzi{padding-top:50px;}
.shuzi ul { margin:0 auto;width:90%;display: inherit;}
.shuzi ul li{width:50%; float:left; margin-bottom:20px;}
.a_about{margin-top:-260px; width:90%;}
.a_about .a_left{width:100%; height:300px;}
.a_about .a_right{width:100%; height:auto;}
.product{padding:6px 0 0px;}
.product .pro-bot{padding:0 0px}
.product .pro-bot .bd{overflow: auto;}
.product .pro-bot .bd ul li{margin:15px;}
.a_sylm{padding-top:20px;}
.news_bt{margin-bottom:0px;}
.nbc_list{margin-top:0px;}
.nbcl_le{width:100%;}
.nbcl_le .news_div_item_pic img{height:auto;}
.nbcr_ri{width:100%;}
.nbcr_ri .news_div_item{padding:15px; margin-top:10px; background-color:#f9f9f9;}
.nbcr_ri .news_div_item_content{width:80%;}
.nbcr_ri .news_div_item_body{padding-right:0px;}
.footer{width:auto; padding:20px;}
.f_text{float:left; border-bottom:1px solid rgba(255, 255, 255, 0.3);}
.f_con{padding:0px;}
.f_bq{height:140px;}

	 
    .ny-about{ 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-honor{height:160px;background-size:210% auto; }
	.ny-news{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;}
	

	
	.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%; height:260px; 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;}

	

	.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;}
	ul.love1 li{width:33% !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;}
.sylm{ padding-top:30px;}
.fen{width:auto; padding:10px;}
.fen ul li{width:31.2%; margin:1%; height:45px;}
.fen ul li a{height:45px; line-height:45px;}
.sx_al{margin-top:30px; width:auto; padding:10px;}
.grid figure{width:31.2%; height:auto; margin:1%;}
.shuzi{padding-top:50px;}
.shuzi ul { margin:0 auto;width:90%;display: inherit;}
.shuzi ul li{width:50%; float:left; margin-bottom:20px;}
.a_about{margin-top:-260px; width:90%;}
.a_about .a_left{width:100%; height:400px;}
.a_about .a_right{width:100%; height:auto;}
.product{padding:6px 0 0px;}
.product .pro-bot{padding:0 30px}
.product .pro-bot .bd{overflow: auto;}
.product .pro-bot .bd ul li{margin:15px;}
.a_sylm{padding-top:20px;}
.news_bt{margin-bottom:0px;}
.nbc_list{margin-top:0px;}
.nbcl_le{width:100%;}
.nbcl_le .news_div_item_pic img{height:auto;}
.nbcr_ri{width:100%;}
.nbcr_ri .news_div_item{padding:15px; margin-top:10px; background-color:#f9f9f9;}
.nbcr_ri .news_div_item_content{width:80%;}
.nbcr_ri .news_div_item_body{padding-right:0px;}
.footer{width:auto; padding:20px;}

.f_text{float:left; width:50%; border-bottom:1px solid rgba(255, 255, 255, 0.3); clear:both;}
.f_nav{width:50%; margin-bottom:60px;}
.f_con{padding:0px;}
.f_bq{height:140px;}


  .ny-about{ 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-honor{height:230px;background-size:130% auto; }
	.ny-news{height:230px;background-size:130% auto; }



}



/*====================PC====================*/
@media only screen and (min-width: 1200px){
	.n_fl{display: none;}
}


