@charset "utf-8";

* {
   box-sizing: border-box;
}

html {
   -webkit-text-size-adjust: none;
   max-height: 100%;
}

body,
button,
input,
select,
textarea {
   font-size: 16px;
   font-family: -apple-system, helvetica neue, helvetica, arial, pingfang sc, hiragino sans gb, stheiti, microsoft yahei, microsoft jhenghei, SimSun, sans-serif;
}

body,
p,
h1,
ul,
li,
input,
img,
figure,
h3,
h1,
h2,
h4,
h5,
h6,
dl,
dd,
dt {
   margin: 0;
   padding: 0;
}

input[type="text"],
input[type="password"],
input[type="submit"],
input[type="reset"],
input[type="button"],
textarea {
   -webkit-appearance: none;
}

body {
   color: #333;
}

address,
cite,
dfn,
em,
var,
i {
   font-style: normal;
}

code,
kbd,
pre,
samp {
   font-family: courier new, courier, monospace;
}

small {
   font-size: 10px;
}

ul,
ol {
   list-style: none;
}

a {
   text-decoration: none;
   color: #333;
}

a:hover {
   text-decoration: none;
   color: #0062ad
}

sup {
   vertical-align: text-top;
}

sub {
   vertical-align: text-bottom;
}

abbr[title] {
   border-bottom: 1px dotted;
   cursor: footer-help;
}

legend {
   color: #000;
}

fieldset,
img {
   border: 0;
}

a img {
   vertical-align: text-bottom;
}

:focus {
   outline: 0;
}

textarea {
   overflow: auto;
   vertical-align: top;
   resize: vertical;
}

button,
input,
select,
textarea {
   font-size: 100%;
}

button,
input,
select {
   vertical-align: middle;
}

button {
   cursor: pointer;
}

table {
   border-collapse: collapse;
   border-spacing: 0;
}

caption,
th {
   text-align: left;
}

/*text align*/
.tc {
   text-align: center;
}

.tr {
   text-align: right;
}

.tl {
   text-align: left;
}

.tj {
   text-align: justify;
}

/*float and clear*/
.float-left {
   float: left;
   display: inline;
}

.float-right {
   float: right;
   display: inline;
}


/*clear*/
.clearfix:after {
   content: '';
   display: block;
   clear: both;
   visibility: hidden;
   line-height: 0;
   height: 0;
   font-size: 0;
}

.clearfix {
   zoom: 1;
}

.clear {
   clear: both;
   display: block;
   overflow: hidden;
   visibility: hidden;
   width: 0;
   height: 0;
}

.w-100 {
   width: 100% !important
}

.juzhong {
   margin: 0 auto;
}

.arial {
   font-family: Arial, Helvetica, sans-serif;
}

.nor {
   font-weight: normal;
}

.ellipsis {
   display: block;
   text-overflow: ellipsis;
   white-space: nowrap;
   overflow: hidden;
}

.capital {
   text-transform: uppercase;
}

.blue {
   color: #0062ad
}

.overflow-hidden {
   overflow: hidden;
}

.position-relative {
   position: relative;
}

.mw1230 {
   min-width: 1230px
}

/**************滚动条样式**********/

::-webkit-scrollbar {
   -webkit-appearance: none;
   width: 8px;
   height: 8px;
}

::-webkit-scrollbar-thumb {
   border-radius: 4px;
   background-color: #dddddd;
   box-shadow: 0 0 1px rgba(255, 255, 255, 0.5);
}


/**************框架公用样式**********/
.container {
   width: 1230px;
}

.container {
   padding-right: 15px;
   padding-left: 15px;
   margin-right: auto;
   margin-left: auto;
}

.photo img {
   -webkit-transition: 0.5s;
   transition: 0.5s;
}

.photo:hover img {
   -webkit-transform: scale(1.1);
   -moz-transform: scale(1.1);
   -ms-transform: scale(1.1);
   transform: scale(1.1);
   -webkit-transition: 0.5s;
   transition: 0.5s;
}


/**************头部**********/
header {
   z-index: 10;
   width: 100%;
   height: 110px;
   line-height: 110px;
}

header .logo {
   margin: 15px 0 0;
   width:282px;
   height:70px;
}

nav ul li {
   float: left;
   position: relative;
   font-size: 18px;
}

nav ul li a {
   display: block;
   width: 120px;
   height: 110px;
   line-height: 110px;
   text-align: center;
   position: relative;
   z-index: 6;
   background: #fff;
}

nav ul li:hover a,
nav #current {
   color: #0062ad;
   font-weight: bolder
}

nav ul li ul {
   position: absolute;
   top: -500%;
   z-index: 5;
   width: 100%;
   display: table;
   transition: 0.5s;
   background-image: linear-gradient(to right, #0b72b9, #1c93d0, #0d77bb);
}

nav ul li ul li {
   width: 100%
}

nav ul li:hover ul {
   top: 110px
}

ul nav ul li:hover ul li {
   margin: 0;
}

nav li li a {
   height: 35px;
   line-height: 35px;
   color: #fff !important;
   background: none;
   opacity: 1;
   font-size: 14px;
   position: relative;
   z-index: 2;
   border-bottom: 0
}

nav ul li ul li a em {
   width: 0;
   height: 35px;
   position: absolute;
   left: 0;
   top: 0;
   background: #0b72b9;
   z-index: -1;
   transition: .3s
}

nav ul li ul li a:hover em {
   display: block;
   width: 100%;
   color: #fff;
}




/**************banner**********/

.banner .swiper-slide img {
   width: 100%;
   display: block
}

.banner .swiper-pagination-bullet {
   background-color: #fff;
   border: 1px solid #fff;
   opacity: 1;
   width: 10px;
   height: 10px;
}

.banner .swiper-pagination-bullet-active {
   background-color: #0062ad;
   border: 1px solid #0062ad;
}

.banner .swiper-pagination {
   bottom: 20px;
}


.project-name {
   padding-top: 40px;
   padding-bottom: 40px
}

.project-name h1 {
   font-size: 36px;
   font-family: PingFang sc Heavy;
}

.project-name span {
   height: 3px;
   width: 510px;
   background: #0062ad;
   display: inline-block
}

.project-name p {
   font-size: 20px;
   margin-top: 10px;
   color: #464646
}

.about-us {
   height: 600px;
   margin-bottom: 60px;
}

.about-us .about-us-content {
   position: absolute;
   text-align: center;
   height: 600px;
   display: flex;
   align-items: center;
   justify-content: center;
   flex-direction: column;
   padding: 80px;
   top: 0;
   color: #fff
}

.about-us .about-us-content h1 {
   font-size: 55px;
}

.about-us .about-us-content section {
   font-size: 20px;
   margin: 60px 0;
   line-height: 36px;
}

.about-us .about-us-content a {
   width: 125px;
   height: 45px;
   line-height: 45px;
   border-radius: 30px 0 30px;
   color: #0062ad;
   background: #fff;
   display: inline-block;
   transition: all 0.3s ease;
}

.about-us .about-us-content a:hover {
   background-image: linear-gradient(to right, #0b72b9, #1c93d0, #0d77bb);
   color: #fff
}

.about-us img {
   display: block;
   border-radius: 50px 0 50px
}


.products-list {
   overflow: hidden;
   background: #f2f2f2;
}


.products-list-main {
   display: flex;
   justify-content: space-between;
}

.products-menu {
   width: 215px
}

.products-menu h2 {
   font-size: 22px;
   color: #fff;
   background-image: linear-gradient(to right, #0b72b9, #1c93d0, #0d77bb);
   padding: 20px
}

.products-menu h2 i {
   font-size: 35px;
   margin-right: 10px;
   vertical-align: middle;
   display: inline-block
}

.products-menu ul li a {
   height: 45px;
   line-height: 45px;
   margin-top: 5px;
   padding: 0 10px;
   background: #fff;
   display: block
}

.products-menu ul li a:hover {
   background-image: linear-gradient(to right, #0b72b9, #1c93d0, #0d77bb);
   color: #fff
}

.products-menu ul li a i {
   margin-right: 10px;
}

.products-list-content {
   width: 980px;
   display: flex;
   flex-wrap: wrap;
   padding-bottom: 40px;
   overflow: hidden;
}

.products-list-content li {
   position: relative;
   width: 240px;
   margin: 0 5px 15px 0;
   overflow: hidden;
   text-align: center;
   background: #fff;
   height: 210px;
}

.products-list-content li img {
   width: 100%;
   height: 172px;
   display: block
}

.products-list-content li em {
   display: block;
   overflow: hidden;
}

.products-list-content li h2 {
   margin: 8px 0 0;
   font-size: 14px;
   padding:0 10px
}

.products-list-content li h3 {
   font-size: 14px;
   padding:0 10px
}

.knowledge img {
   border-radius: 50px 0 50px
}

.knowledge section {
   background: #fff;
   position: absolute;
   right: 0;
   top: 60px;
   padding: 40px 30px;
   width: 700px;
   height: 415px;
   border-radius: 50px 0 50px;
   box-shadow: 0 0 10px rgba(102, 102, 102, .1)
}

.knowledge section p {
   line-height: 38px;
   display: flex;
   justify-content: space-between
}

.knowledge section p em {
   display: inline-block;
   width: 5px;
   height: 5px;
   border-radius: 50%;
   background: #999;
   vertical-align: middle;
   margin-right: 6px;
}

.more01 {
   width: 125px;
   height: 45px;
   margin-top: 60px;
   line-height: 45px;
   border-radius: 30px 0 30px;
   color: #fff;
   background-image: linear-gradient(to right, #0b72b9, #1c93d0, #0d77bb);
   display: inline-block;
   transition: all 0.3s ease;
   text-align: center
}

.more01:hover {
   background-image: linear-gradient(to right, #1c93d0, #0b72b9, #1c93d0);
   color: #fff
}

footer {
   background: #5fb217;
   padding: 50px 0 0;
   margin-top: 50px;
}

footer,
footer a {
   color: #fff
}

footer .container {
   display: flex;
   justify-content: space-between;
}

footer .footer-nav ul {
   float: left;
   margin-right: 50px
}

footer .footer-nav ul:nth-child(2) dl {
   float: left
}

footer .footer-nav ul:nth-child(2) dd {
   opacity: .8;
}

footer .footer-nav ul:nth-child(2) dl:nth-child(2) {
   margin: 35px 15px 0 0
}

footer .footer-nav dl dt {
   font-size: 18px;
   margin-bottom: 10px;
}

footer .footer-nav dl dt i {
   margin-right: 8px;
}

footer .footer-nav dl dd {
   line-height: 32px;
   padding-left: 25px
}

footer .footer-contact {
   line-height: 30px;
   width: 300px;
}

footer .footer-contact h2 {
   margin-bottom: 10px;
   font-size: 18px;
}

footer .footer-contact h2 i {
   margin-right: 8px;
}

footer .footer-contact section {
   padding-left: 25px
}

.footer-copyright {
   padding: 15px 15px;
   margin-top: 40px;
   border-top: 1px solid rgba(255, 255, 255, .3);
   color: #fff
}

footer a:hover {
   text-decoration: underline;
   color: #fff
}

/***************内页开始*****************************/
.min_banner img{display:block; width:100%}
.n_main {
   padding-top: 50px;
}

.n_main_l {
   width: 20%;
   float: left;
}

.n_main_l .main-name {
   background-image: linear-gradient(to right, #0b72b9, #1c93d0, #0d77bb);
   padding: 30px 30px;
   color: #fff;
   font-size: 28px;
   font-weight: 500;
   text-align: center
}

.n-bg {
   padding: 15px;
   background: #fff;
   border: 1px solid #eee
}

.n_main_l .main-name span {
   display: block;
   font-size: 14px;
   font-weight: 300;
}

.n_menu li a {
   display: block;
   padding: 12px 0 12px 20px;
   background: #fff;
   margin: 5px 0 0 0;
   border: 1px solid #eee
}

.n_menu li a:hover,
.n_menu #current {
   background-image: linear-gradient(to right, #0b72b9, #1c93d0, #0d77bb);
   color: #fff;
   border: 1px solid #1c93d0
}

.n_menu li a:after {
   content: '\e670';
   font-family: iconfont;
   float: right;
   font-size: 10px;
   margin: 5px 20px 0 0
}


.list_dt{
        display: block;
    padding: 12px 0 12px 20px;
    background: #fff;
    margin: 12px 0 0 0;
    border: 1px solid #eee;
}
.list_dt i{
	float: right;
    font-size: 10px;
    margin: 5px 10px 0 0;
	transition:.3s
}
#open i{transform: rotate(90deg);}
.list_dt:hover,#open,.list_current{
    background-image: linear-gradient(to right, #0b72b9, #1c93d0, #0d77bb);
    color: #fff;
    border: 1px solid #1c93d0;
}

.list_dd{
    display: none;
}

.list_li{
    padding: 0 0 0 10px;
	margin-top:8px
}
.list_li span{margin-right:8px; font-weight:normal; font-size:12px; display:inline-block; vertical-align:middle;transform: scale(0.9); margin-top: -3px; color:#999}
.list_li a{display:block; text-overflow:ellipsis;   white-space: nowrap; overflow:hidden; font-size:14px;}
.list_li a:hover,.list_li #current{
    color:#0062ad
}




.n_main_r {
   width: 76%;
   float: right;
   background: #fff;
}

.n_content_t {
   border-bottom: 1px solid #eee;
   padding: 20px 0;
   font-size: 16px;
}

.n_content_t i {
   vertical-align: middle;
   margin: -5px 5px 0 0;
   color: #0062ad;
   display: inline-block
}

.pro-search {
   position: relative;
   height: 35px;
   width:350px;
}

.pro-search input {
   border: 1px solid #ddd;
   border-radius: 30px;
   height: 35px;
   background: none;
   padding-left: 15px;
   width: 100%
}

.pro-search input:focus {
   border: 1px solid #0062ad
}

.pro-search button {
   border: 0;
   position: absolute;
   right: 10px;
   top: 8px;
   background: none;
}

.n_content {
   padding-top: 30px;
   line-height: 220%;
}

.n_content img {
   max-width: 100%;
}


.n_news_list {
   padding: 30px 0;
   background: #fff;
}

.n_news_list li {
   font-size: 18px;
   border: 1px dotted #ddd;
   margin-bottom: 15px;
   padding: 20px
}

.n_news_list li a {
   float: left;
   display: block;
}

.n_news_list li a h3 {
   display: inline-block
}

.n_news_list li h3 a:hover {
   text-decoration: underline
}


.n_news_list li span {
   font-size: 16px;
   color: #666;
}
.n_news_list li span i{margin-right:8px; display:inline-block}

.n_news_list li section {
   font-size: 15px;
   color: #999;
   margin-top: 10px;
   line-height: 26px;
}

.n_news_list li:hover {
   border: 1px dotted #0062ad
}

.n_news_list li:hover a {
   color: #0062ad;
}


.location {
   padding: 20px 0;
   background-image: linear-gradient(to right, #0b72b9, #1c93d0, #0d77bb);
   color: #fff;
   font-size: 16px;
}

.location a {
   color: #fff
}

.location span:before {
   content: '\e7a6';
   font-family: iconfont;
   margin: 0 10px -8px 0;
   color: #fff;
   font-size: 24px;
   display: block;
   float: left;
}
.n_menu01{width:70%;text-align: right;}

.n_menu01 a {
   padding: 5px 30px;
   background: rgba(255, 255, 255, .2);
   cursor: pointer;
   display:inline-block;
   margin:2px 0
}

.n_menu01 a:hover,
.n_menu01 #current {
   background: rgba(255, 255, 255, 1);
   color: #333333;
}


/* .n_products_list { */
   /* width: 101%; */
   /* padding: 30px 0 20px */
/* } */

/* .n_products_list ul { */
   /* width: 23.8%; */
   /* float: left; */
   /* margin: 1.2% 1.2% 1.2% 0; */
   /* overflow: hidden; */
   /* text-align: center; */
   /* position: relative; */
/* } */

/* .n_products_list ul li { */
   /* position: relative; */
   /* overflow: hidden; */
/* } */

/* .n_products_list ul li img { */
   /* width: 100%; */
   /* height: 206px; */
/* } */

/* .n_products_list ul li section { */
   /* top: -100%; */
   /* position: absolute; */
   /* width: 92%; */
   /* height: 92%; */
   /* z-index: 5; */
   /* border: 1px solid #fff; */
   /* margin: 3% auto 0; */
   /* left: 0; */
   /* right: 0; */
   /* padding: 20px 20px; */
/* } */

/* .n_products_list ul li section p { */
   /* padding: 10px 0; */
   /* line-height: 200%; */
   /* font-size:14px; */
/* } */

/* .n_products_list ul li section span { */
   /* font-size: 30px; */
/* } */

/* .n_products_list ul li section em { */
   /* display: inline-block; */
   /* padding: 5px 25px; */
   /* border: 1px solid #fff; */
/* } */

/* .n_products_list ul li .bg { */
   /* background: rgba(0, 78, 171, .8); */
   /* position: absolute; */
   /* top: -100%; */
   /* width: 100%; */
   /* height: 100%; */
   /* transition: .3s */
/* } */

/* .n_products_list ul li a { */
   /* color: #fff; */
/* } */

/* .n_products_list ul li:hover section, */
/* .n_products_list ul li:hover .bg { */
   /* top: 0 */
/* } */

/* .n_products_list ul h2 span { */
   /* display: block; */
   /* font-size: 14px; */
/* } */

/* .n_products_list ul h2 { */
   /* font-size: 16px; */
   /* margin-top: 10px; */
   /* color: #666; */
   /* font-weight: normal; */
   /* text-overflow:ellipsis;   white-space: nowrap; overflow:hidden */
/* } */


.n_products_list_show h3{
	background-color: #eee;
    font-size: 18px;
    padding: 10px 15px;
    margin-top: 20px;}
.n_products_list_show ul {
    border: 1px solid #ddd;
}
.n_products_list_show li{    
	float: left;
    width: 50%;
    overflow: hidden;
    transition: all 0.3s;
    border-right: 1px solid #ddd;
    border-top: 1px solid #ddd;
	}
	
.n_products_list_show li:first-child, .n_products_list_show li:nth-child(2) {
    border-top: none;
}

.n_products_list_show  li a {
    display: block;
    font-size: 16px;
    padding: 10px 15px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.n_products_list_show li:nth-child(2n) {
    border-right: none;
}