body{ margin: 0; padding: 0; padding-top: 111px; font-family: Arial, Helvetica, sans-serif;}
html{ scroll-behavior:smooth; }
ul{ margin: 0; padding: 0;}
li{ list-style: none;}
.fl{ float:left;}
.fr{ float:right;}
.clear{ clear:both;}
.cl:after{ content: ''; clear: both; display: table;}
a{ text-decoration: none !important;}



/*导航开始*/

.header{ box-shadow:0px 1px 4px rgba(0,0,0,0.1); position:fixed; top:0; left:0; right:0; margin:0 auto; z-index:999; background:#ffffff; height: 111px;}
.header .container{ position: relative; padding-left: 500px; padding-right: 120px;}
.logo{ position: absolute; left: 0; top: 0; height: 111px;}
.logo a{ display: block;}
.logo a img{ max-height: 100%; display: block; max-width: 100%;}
.pc_nav{ padding-top: 50px;}
.pc_nav ul{ text-align: right; font-size: 0;}
.pc_nav ul li{ display: inline-block; margin-right: 40px;}
.pc_nav ul li a{ display: block; line-height: 30px; height: 30px; position: relative; font-size: 16px; color: #2b2a2a; font-weight: bold; text-transform: uppercase;}
.pc_nav ul li.active a{ color: #00539b;}
.pc_nav ul li a:hover{ color: #00539b;}
/* .pc_nav ul li a:after{ content: ''; width: 100%; height: 4px; background: #00539b; position: absolute; bottom: 3px; left: 0; z-index: 2; opacity: 0; transition: all 0.3s;}
.pc_nav ul li.active a:after{ opacity: 1;} */
.pc_language{ position: absolute; width: 120px; right: 0; top: 45px; height: 36px;}
.pc_language a{ display: block; text-align: center; line-height: 36px; background: #00539b; border-radius: 24px; color: #fff;}


.erji{ position: absolute; top: 100%; left: 50%; transform: translateX(-50%); width: 120px; display: none;}
.erji:before{ content: ''; width: 80%; height: 5px; background: #d40f34; bottom: 100%; left: 10%; position: absolute;}
.erji:after{ content: ''; width: 100%; height: 34px; position: absolute; bottom: 100%; left: 0; z-index: 2;}
.erji .ej_li{ text-align: left; margin: 0; position: relative; background: rgba(255,255,255,0.95);border-bottom: 1px solid #bfe6fe;}
.erji .ej_li>a{ line-height: 24px; padding: 6px 0; text-align: center; color: #333; display: block; font-size: 15px;}
.erji .ej_li:last-child{ border-bottom: none;}
.erji .ej_li:hover>a{ color: #d40f34;}

.erji .ej_li:hover .sanji{ display: block;}
/* .erji .ej_li:hover .sanji:after{ content: ''; width: 0; height: 0; border-top: 10px solid transparent; border-bottom: 10px solid transparent; border-left: 10px solid #0098d9; position: absolute; left: -1px; top: 10px; z-index: 2;} */
.sanji{ display: none; position: absolute; left:calc(100% + 1px); top:0; width: 120px;}
.sanji:after{ content: ''; width: 1px; height: 100%; position: absolute; left: 0; top: 0;}
.sanji a{ display: block; padding: 6px 0; padding-left: 15px; background: rgba(255,255,255,0.95); border-bottom: 1px solid #bfe6fe; line-height: 24px; color: #333; display: block; font-size: 15px;}
.sanji a:hover{ color: #d40f34;}




.s_banner .swiper-slide a{ padding-top: 38.9%; display: block; position: relative;}
.ban_text{ width: 563px; position: absolute; right: 10%; bottom: 15%; z-index: 2;}
.ban_text h2{ font-size: 28px; line-height: 40px; margin-bottom: 30px; font-weight: bold; color: #00539b; text-transform: uppercase; text-shadow: #fff 1px 0 0, #fff 0 1px 0, #fff -1px 0 0, #fff 0 -1px 0;}

.s_banner .swiper-pagination{ bottom: 30px;}
.s_banner .swiper-pagination .swiper-pagination-bullet{ width: 12px; height: 12px; position: relative; background: #b8b8b8; margin: 0 10px;}
.s_banner .swiper-pagination .swiper-pagination-bullet:after{ content: ''; width: calc(100% + 10px); height: calc(100% + 10px); border: 1px solid #b8b8b8; position: absolute; left: 50%; top: 50%; transform: translateX(-50%) translateY(-50%); border-radius: 50%;}
/* .s_banner .swiper1 .swiper-button-next1{ right: 10%;background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E");}
.s_banner .swiper1 .swiper-button-prev1{ left: 10%;background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E");} */

.s_news{ padding: 30px 0;}
.s_news .caption{ margin-bottom: 20px; transition: all 0.3s;}
.s_news .caption:hover{ box-shadow: 0px 4px 16px rgba(0,0,0,0.3);}
.s_news .caption:hover .new_img a{ transform: scale(1.1);}
.new_img{ position: relative; overflow: hidden;}
.new_img span{ position: absolute; line-height: 16px; left: 0; top: 0; z-index: 2; text-align: center; padding: 15px; background: #00539b; color: #fff; font-size: 12px; font-weight: bold;}
.new_img span b{ font-size:36px; display: block; line-height: 36px;}
.new_img a{ display: block; padding-top: 50%; transition: all 2s;}
.new_text{ padding: 10px 20px; border: 1px solid #dedede;}
.new_text h5{ color: #000; line-height: 24px; font-size: 16px; margin: 15px 0; height: 48px;display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden;}
.new_text p{ font-size: 14px; color: #666; line-height: 24px; height: 72px;display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; overflow: hidden;}
.new_text h6{ margin-top: 30px;}
.new_text h6 a{ display: block; width: 50%; padding: 10px 0; text-align: center; font-size: 14px; color: #fff; background: #00539b;}
.ty_more{ text-align: center; margin-top: 50px; margin-bottom: 20px;}
.ty_more a{ display: inline-block; padding: 10px 20px; border: 1px solid #ccc; color: #666; transition: all 0.3s;}
.ty_more a:hover{ background: #00539b; border: 1px solid #00539b; color: #fff;}

.footer{ background: #999a9c; padding-top: 60px;}
.footer h5{ margin-bottom: 20px;}
.footer h5 a{ display: inline-block; margin-right: 30px; color: #fff; font-size: 18px; font-weight: bold; transition: all 0.3s; position: relative;}
.footer h5 a:after{ content: ''; width: 0; height: 2px; background: #fff; position: absolute; left: 0; bottom: -8px; opacity: 0; transition: all 0.3s;}
.footer h5 a:hover:after{ opacity: 1; width: 100%;}
.footer ul li{ margin-top: 20px; position: relative; padding-left: 40px; font-size: 16px; color: #fff;}
.footer ul li i{ position: absolute; left: 0; top: 50%; transform: translateY(-50%); font-size: 20px;}
/* .foot_form{ padding-left: 10%;} */
.foot_form .form-control{ border: 1px solid #fff; background: none; border-radius: 0; color: #fff; box-shadow: none;}
.foot_form .form-control::placeholder{ color: #fff;}
.foot_form button.form-control{ background: #00539b; color: #fff; border-radius: 0; border: none; font-size: 16px;}
.foot_di{ color: #fff; padding: 15px 0; background: #52565a; margin-top: 30px;}
.foot_di a{ color: #fff;}




.weizhi{ padding: 30px 0; color: #666;}
.weizhi a{ color: #666;}
.weizhi a:hover{ color: #00539b;}

.n_banner{ padding-top: 33.3%; position: relative;}

.nnew_biao h3{ font-size: 20px; color: #000; line-height: 30px; padding-bottom: 20px; border-bottom: 1px solid #dedede;}
.nnew_biao h5{ margin-top: 20px; color: #999;}
.nnew_biao{ margin-bottom: 30px; text-align: center;}
.n_news .ty_content p{ font-size: 16px; line-height: 30px;}

.ab_flex{display: flex; background: #f1f1f1;
  display: -webkit-flex;
  align-items: stretch;
  flex-wrap: wrap;
  justify-content: center;}

.ab_flex_left{ padding: 15px 20px; width: 56%;}
.ab_flex_right{ width: 44%;}
.n_about h2{ margin-bottom: 20px; color: #00539b; font-size: 34px;}
.ab_flex_left p{ font-size: 16px; line-height: 30px; color: #666;}

.n_about .ty_content{ margin: 30px 0;}
.ab_hisory{ padding: 40px 0; background: #eeeded;}
.ab_hisory h2{ padding-left: 20px;}
.ab_hisory .gallery-top{ margin: 0 auto; padding: 20px 6.2%; padding-top: 10px;}
.ab_hisory .gallery-top .swiper-slide.swiper-slide-active .bai{ opacity: 1; transform: translateX(0);}
.ab_hisory .gallery-top .swiper-slide.swiper-slide-active .bai:after{ width: 4px;}
.ab_hisory .gallery-top .swiper-slide.swiper-slide-active .bai:before{ height: calc(100% + 30px);}
.ab_hisory .gallery-top .bai{ background: #Fff; padding: 30px; position: relative; opacity: 0; transform: translateX(10%); transition: all 0.8s 0.1s;}
.ab_hisory .gallery-top .bai:after{ content: ''; width: 0; height: 50px; background: #00539b; position: absolute; left: 0; top: 0; transition: all 0.3s 0.1s;}
.ab_hisory .gallery-top .bai:before{ content: ''; width: 1px; height: 0; position: absolute; left: 0; top: 0; background: #ccc; transition: all 0.8s 0.4s;}
.ab_hisory .gallery-top .bai .bai_zi{ position: absolute; right: 0; bottom: 0; opacity: 0.01; font-size: 100px; font-weight: bold;}
.ab_hisory .gallery-top .bai p{ line-height: 30px; font-size: 16px; color: #666;}
.ab_hisory .gallery-top .swiper-slide{ background: #eeeded;}
.dw_swiper{ position: relative; margin-top: -60px;}
.dw_swiper .swiper-button-next, .dw_swiper .swiper-button-prev{ width: 46px; height: 46px; top: 50%; transform: translateY(-50%); border-radius: 50%; margin: 0; border: 4px solid #00539b; text-align: center; background: none;}
.dw_swiper .swiper-button-next i, .dw_swiper .swiper-button-prev i{ line-height: 36px; display: inline-block; font-size: 24px; color: #00539b;}
.dw_swiper .swiper-button-next{ right: -46px;}
.dw_swiper .swiper-button-prev{ left: -46px;}
.ab_hisory .gallery-thumbs .swiper-slide{ text-align: center; padding: 60px 0; position: relative; cursor: pointer;}
.ab_hisory .gallery-thumbs:after{ content: ''; width: 100%; height: 1px; background: #00539b; position: absolute; top: 50%; transform: translateY(-50%); left: 0;}
.ab_hisory .gallery-thumbs .swiper-slide i{ width: 7px; height: 7px; border-radius: 50%; background: #00539b; display: block; margin: 0 auto; position: relative;}
.ab_hisory .gallery-thumbs .swiper-slide i:after{ content: ''; width: 100%; height: 100%; border-radius: 50%; border: 1px solid #00539b; transition: all 0.3s; position: absolute; left: 0; top: 0;}
.ab_hisory .gallery-thumbs .swiper-slide span{ transition: all 0.3s; position: absolute; bottom: 20px; left: 0; width: 100%; display: block; text-align: center; font-weight: bold; color: #999; font-size: 18px;}
.ab_hisory .gallery-thumbs .swiper-slide.swiper-slide-active i:after{ transform: scale(3);}
.ab_hisory .gallery-thumbs .swiper-slide.swiper-slide-active span{ bottom: 0; font-size: 30px; color: #333;}

.n_product{ padding-bottom: 60px;}
.ncp_down ul li{ margin: 2px 0;}
.ncp_down ul li a{ display: block; position: relative; padding: 20px 0; padding-left: 60px; padding-right: 80px; color: #666; background: #e6e6e6;transition: all 0.3s;}
.ncp_down ul li a span{ display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: 18px;}
.ncp_down ul li a i:first-child{ left: 20px; top: 50%; transform: translateY(-50%);}
.ncp_down ul li a i:last-child{ right: 25px; top: 50%; transform: translateY(-50%); color: #00539b;}
.ncp_down ul li a i{ font-size: 24px; position: absolute; transition: all 0.3s;}
.ncp_down ul li:hover a{ background: #00539b; color: #fff;}
.ncp_down ul li:hover a i{ color: #fff;}
.ncp_right h3{ font-size: 20px; margin-bottom: 20px;}

.nuser_biao{ margin-bottom: 30px;}
.nuser_biao h1{ color: #00539b;}
.nuser_biao h2{ color: #696969; margin-top: 10px;}
.nuser_biao h3{ padding: 10px 15px; background: #00539b; color: #fff;}
.n_user h4{ line-height: 30px;}

.user_flex1{display: flex;
  align-items: stretch;
  flex-wrap: wrap;
  justify-content: space-between;}
.user_caption1{ width: 46%; margin-top: 40px;}
.user_caption1:hover .user_img{ box-shadow: 0px 8px 20px rgba(0,0,0,0.5);}
.user_caption2:hover .user_img{ box-shadow: 0px 8px 20px rgba(0,0,0,0.5);}
.user_img{ border: 5px solid #000; transition: all 0.3s; position: relative;}
.user_img i{ width: 70px; height: 70px; background: rgba(0, 83, 155, 0.85); line-height: 70px; text-align: center; font-size: 36px; color: #fff; font-style: normal; position: absolute; left: 0; top: 0; z-index: 2;}
.user_img img{ display: block; width: 100%;}
.user_text h4{ color: #333; line-height: 30px;}
.user_text p{ font-size: 16px; color: #696969; line-height: 28px;}
.user_caption2{display: flex; margin-top: 40px; width: 100%;
  align-items: center;
  flex-wrap: wrap;
  justify-content: space-between;}
.user_caption2 .user_img{ width: 50%;}
.user_caption2 .user_text{ width: 50%; padding: 0 30px;}
.user_hui{ background: #f1f1f1; padding: 50px 0; margin-top: 50px; padding-bottom: 80px;}

.n_contact ul{display: flex;
  align-items: stretch;
  flex-wrap: wrap;
  justify-content: center;}
.n_contact ul li{ transition: all 0.3s; width: 20%; margin: 0 2%; background: #f1f1f1; border-radius: 20px; margin-bottom: 50px; text-align: center; padding: 30px 0;}
.n_contact ul li i{ font-size: 36px; color: #00539b;}
.n_contact ul li h3{ margin-top: 10px; margin-bottom: 20px; color: #00539b; font-size: 22px;}
.n_contact ul li h4{ line-height: 24px;}
.n_contact ul li:hover{ box-shadow: 0px 8px 16px rgba(0,0,0,0.3);}

/* 涟漪特效代码 */
.ncp_map .icon_img{ position: absolute; width: 15px; height: 15px; display: block;}
.ncp_map .icon_img img{ position: relative; z-index: 3;display: block; width: 100%;}
.ncp_map .icon_img:before{ display: block; content: ''; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: #fff; -webkit-border-radius: 50%; border-radius: 50%; -webkit-animation: anim-out2 3s ease-out infinite; animation: anim-out2 3s ease-out infinite; z-index: 1;}
.ncp_map .icon_img:after{ display: block; content: ''; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: #fff; -webkit-border-radius: 50%; border-radius: 50%; -webkit-animation: anim-out2 3s 1s ease-out infinite; animation: anim-out2 3s 1s ease-out infinite; z-index: 2;}
.ncp_map .icon_img .before2{ display: block; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: #fff; -webkit-border-radius: 50%; border-radius: 50%; -webkit-animation: anim-out2 3s 2s ease-out infinite; animation: anim-out2 3s 2s ease-out infinite; z-index: 1;}

.ncp_map{ position: relative;}
.ncp_map .icp_1{ top: 35%; left: 9%;}
.ncp_map .icp_2{ top: 45%; left: 36%;}
.ncp_map .icp_3{ top: 44%; left: 72.5%;}
.lx_form h3{ margin-bottom: 30px; color: #00539b;}
.lx_form .form-control{ border-radius: 0; height: 50px; margin-bottom: 30px;}
.lx_form textarea.form-control{ height: auto;}
.lx_form button.form-control{background: #00539b; color: #fff; border: none; font-size: 24px;}


@-webkit-keyframes anim-out2{
    0%{ opacity: 0.5;}
    100%{ transform: scale(3); opacity: 0;}
}

@-moz-keyframes anim-out2{
    0%{ opacity: 0.5;}
    100%{ transform: scale(3); opacity: 0;}
}

@-ms-keyframes anim-out2{
    0%{ opacity: 0.5;}
    100%{ transform: scale(3); opacity: 0;}
}

@keyframes anim-out2{
    0%{ opacity: 0.5;}
    100%{ transform: scale(3); opacity: 0;}
}






















/* 通用样式 */
.ty_content{ color: #666;}
.ty_content h3{ line-height: 30px;}
.ty_content h4{ line-height: 28px;}
.ty_content h5{ font-size: 16px; line-height: 28px;}
.ty_content p{ font-size: 16px; color: #666; line-height: 28px;}
.ty_content img{ max-width: 100%;}


.tabel_content table{ max-width: 100% !important;}
#code{ transform: translateY(-2px);}

.fanye{ padding:30px 0; margin-top: 30px;}
.fanye a{ display:inline-block; padding:8px 14px; background:#eeeeee; color:#666; text-decoration:none; margin: 0 5px; border-radius: 3px;}
.fanye a:hover{ color:#00539b;}
.fanye a.active{ background:#00539b; color:#fff;}
.fanye a.active:hover{ color:#fff;}
.fanye a.cur{ color:#999; border:1px solid #eee; pointer-events: none}

.fanye02{ padding:20px 0; border-top: 1px solid #dedede; margin: 40px 0;}
.fanye02 p{ position: relative; padding-left: 75px; font-size: 16px; margin: 0;}
.fanye02 p a{ display: block; padding: 5px 0; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; color: #666; border-radius: 0;}
.fanye02 p span{ position: absolute; left: 0; top: 50%; transform: translateY(-50%);}
.fanye02 p a:hover{ color: #00539b;}

		
#bsWXBox{height: 256px !important; width: 232px !important;}	

.my-map { margin: 0 auto; width: 100%; height: 700px; }
.my-map .icon { background: url(http://lbs.amap.com/console/public/show/marker.png) no-repeat; }
.my-map .icon-cir { height: 31px; width: 28px; }
.my-map .icon-cir-red { background-position: -11px -5px; }
.amap-container{height: 100%;}




@media (max-width:767px){
body{ padding-top: 60px;}
.header{ height: 60px;}
.header .container{ padding: 0 15px; height: 100%;}
.pc_nav ul{ text-align: left;}
.pc_nav ul li{ display: block; margin: 0;}
.pc_nav ul li a{ color: #fff; line-height: 36px; height: auto; padding-left: 30px;}
.pc_nav ul li.active a{ color: #fff;}
.pc_nav ul li a:after{ bottom: 0; background: rgba(255,255,255,0.65);}
.pc_nav{ display: none; background: #043f72; position: absolute; top: 60px; left: 15px; right: 15px; padding: 15px 0;}

.pc_nav.active{ display: block;}
.logo{ width: auto; height: 70%; left: 15px; top: 15%;}
.logo a{ height: 100%;}
.logo a img{ height: 100%; max-width: auto;}

.pc_language{ width: 80px; right: 60px; height: 30px; top: 17px;}
.pc_language a{ padding: 0 5px; line-height: 30px; margin-left: 0px; font-size: 12px;}

.s_banner .swiper-slide a{ padding-top: 60%; height: auto;}
.s_banner .swiper1 .swiper-button-next1{ right: 5px;}
.s_banner .swiper1 .swiper-button-prev1{ left: 5px;}
.s_banner .swiper-pagination{ bottom: 10px;}
.s_banner .swiper-pagination .swiper-pagination-bullet{ width: 6px; height: 6px;}
.foot_form{ padding-left: 0; margin-top: 30px;}
.footer{ padding-top: 30px;}
.footer h5{ margin-bottom: 15px;}
.footer h5 a{ margin-right: 10px; font-size: 16px;}
.footer ul li{ margin-top: 15px;}
.ty_more{ margin-top: 30px;}

.ab_flex_left, .ab_flex_right{ width: 100%;}
.weizhi{ padding: 15px 0;}
.n_about h2{ font-size: 24px;}
.ab_flex_left p{ font-size: 14px; line-height: 24px;}
.ab_hisory .gallery-top{ padding: 20px 8%; padding-top: 10px;}
.ab_hisory .gallery-top .bai{ padding: 15px;}
.ab_hisory .gallery-top .bai p{ line-height: 24px; overflow : hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 9;
  -webkit-box-orient: vertical;}
  .ab_hisory .gallery-top .swiper-slide.swiper-slide-active .bai:before {
    height: calc(100% + 30px);
}
.dw_swiper .swiper-button-next, .dw_swiper .swiper-button-prev{ width: 30px; height: 30px; border: 2px solid #00539b; background: #fff;}
.dw_swiper .swiper-button-next i, .dw_swiper .swiper-button-prev i{ line-height: 26px; font-size: 16px;}
.dw_swiper .swiper-button-next{ right: -15px;}
.dw_swiper .swiper-button-prev{ left: -15px;}
.ab_hisory .gallery-thumbs .swiper-slide.swiper-slide-active span{ bottom: 15px;font-size: 24px;}
.ab_hisory .gallery-thumbs .swiper-slide span{ font-size: 16px;}
.ab_hisory .gallery-thumbs .swiper-slide.swiper-slide-active i:after{  transform: scale(2.5);}

.n_contact ul li{ width: 48%; margin: 1%; padding: 15px 0;}
.n_contact ul li h3{ font-size: 18px; min-height: 39px; margin-bottom: 10px;}
.lx_form h3{ font-size: 18px; line-height: 30px;}
.lx_form .form-control{ margin-bottom: 0px;}
.lx_form button.form-control{ font-size: 18px;}

.n_product h1, .nuser_biao h1{ font-size: 30px;}
.n_product .ty_content h2, .nuser_biao h2{ font-size: 24px;}
.n_product .ty_content h3, .nuser_biao h3, .n_user h3{ font-size: 20px;}
.n_product .ty_content h4, .n_user h4{ font-size: 16px; line-height: 26px;}
.ncp_down ul li a span{ font-size: 16px;}
.user_caption1, .user_caption2 .user_img, .user_caption2 .user_text{ width: 100%;}
.user_caption2 .user_text{ padding: 0;}
.menu-link{
    -webkit-transition: all 0.2s ease-out;
    -moz-transition: all 0.2s ease-out;
    -ms-transition: all 0.2s ease-out;
    -o-transition: all 0.2s ease-out;
    transition: all 0.2s ease-out;
    }
    .menu-link {border-radius:5px; box-sizing: border-box; position:absolute; top:50%; margin-top:-19px; right: 5px; font-size: 12px;z-index: 10;width:42px;height:42px; padding:6px 8px;}
    .menu-link span {position: relative;display: block;margin-top:12px;}
    .menu-link span,
    .menu-link span:before,
    .menu-link span:after {background-color: #00539b; border-radius:1.5px; width: 100%;height:3px;-webkit-transition: all 0.4s;-moz-transition: all 0.4s;-ms-transition: all 0.4s;-o-transition: all 0.4s;transition: all 0.4s;}
    
    .menu-link span{ width:90%;}
    .menu-link span:before{ width:110%;}
    .menu-link span:after{ width:80%;}
    .menu-link.active span,.menu-link.active span:before,.menu-link.active span:after{ width:100%;}
    
    .menu-link span:before,
    .menu-link span:after {position: absolute; right: 0; top: -.7em;content: " ";}
    .menu-link span:after {top: .7em;}
    .menu-link.active span {background: transparent;}
    .menu-link.active span:before { background-color:#00539b;
    -webkit-transform: rotate(45deg) translate(.5em, .4em);
    -moz-transform: rotate(45deg) translate(.5em, .4em);
    -ms-transform: rotate(45deg) translate(.5em, .4em);
    -o-transform: rotate(45deg) translate(.5em, .4em);
    transform: rotate(45deg) translate(.5em, .4em);
    }
    .menu-link.active span:after { background-color:#00539b;
    -webkit-transform: rotate(-45deg) translate(.6em, -.5em);
    -moz-transform: rotate(-45deg) translate(.6em, -.5em);
    -ms-transform: rotate(-45deg) translate(.6em, -.5em);
    -o-transform: rotate(-45deg) translate(.6em, -.5em);
    transform: rotate(-45deg) translate(.6em, -.5em);
    }

}
@media (min-width:768px) and (max-width:991px) {

  body{ padding-top: 60px;}
  .header{ height: 60px;}
  .header .container{ padding: 0 15px; height: 100%;}
  .pc_nav ul{ text-align: left;}
  .pc_nav ul li{ display: block; margin: 0;}
  .pc_nav ul li a{ line-height: 36px; height: auto; padding-left: 30px;}
  .pc_nav ul li a:after{ bottom: 0; background: rgba(255,255,255,0.65);}
  .pc_nav{ display: none; background: #00539b; position: absolute; top: 60px; left: 15px; right: 15px; padding: 15px 0;}
  .pc_nav ul li a{ color: #fff;}
  .pc_nav.active{ display: block;}
  .logo{ width: auto; height: 70%; left: 15px; top: 15%;}
  .logo a{ height: 100%;}
  .logo a img{ height: 100%; max-width: auto;}
  
  .s_banner .swiper-slide a{ padding-top: 60%; height: auto;}
  .s_banner .swiper1 .swiper-button-next1{ right: 5px;}
  .s_banner .swiper1 .swiper-button-prev1{ left: 5px;}
  .s_banner .swiper-pagination{ bottom: 10px;}
  .s_banner .swiper-pagination .swiper-pagination-bullet{ width: 6px; height: 6px;}
  

  .pc_language{ width: 80px; right: 60px; height: 30px; top: 17px;}
  .pc_language a{ padding: 0 5px; line-height: 30px; margin-left: 0px; font-size: 12px;}
  
  .s_banner .swiper-slide a{ padding-top: 60%; height: auto;}
  .s_banner .swiper1 .swiper-button-next1{ right: 5px;}
  .s_banner .swiper1 .swiper-button-prev1{ left: 5px;}
  .s_banner .swiper-pagination{ bottom: 10px;}
  .s_banner .swiper-pagination .swiper-pagination-bullet{ width: 6px; height: 6px;}
  .foot_form{ padding-left: 0; margin-top: 30px;}
  .footer{ padding-top: 30px;}
  .footer h5{ margin-bottom: 15px;}
  .footer h5 a{ margin-right: 10px; font-size: 16px;}
  .footer ul li{ margin-top: 15px;}
  .ty_more{ margin-top: 30px;}
  
  .ab_flex_left, .ab_flex_right{ width: 100%;}
  .weizhi{ padding: 15px 0;}
  .n_about h2{ font-size: 24px;}
  .ab_flex_left p{ font-size: 14px; line-height: 24px;}
  .ab_hisory .gallery-top{ padding: 20px 8%; padding-top: 10px;}
  .ab_hisory .gallery-top .bai{ padding: 15px;}
  .ab_hisory .gallery-top .bai p{ line-height: 24px; overflow : hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 9;
    -webkit-box-orient: vertical;}
    .ab_hisory .gallery-top .swiper-slide.swiper-slide-active .bai:before {
      height: calc(100% + 30px);
  }
  .dw_swiper .swiper-button-next, .dw_swiper .swiper-button-prev{ width: 30px; height: 30px; border: 2px solid #00539b; background: #fff;}
  .dw_swiper .swiper-button-next i, .dw_swiper .swiper-button-prev i{ line-height: 26px; font-size: 16px;}
  .dw_swiper .swiper-button-next{ right: -15px;}
  .dw_swiper .swiper-button-prev{ left: -15px;}
  .ab_hisory .gallery-thumbs .swiper-slide.swiper-slide-active span{ bottom: 15px;font-size: 24px;}
  .ab_hisory .gallery-thumbs .swiper-slide span{ font-size: 16px;}
  .ab_hisory .gallery-thumbs .swiper-slide.swiper-slide-active i:after{  transform: scale(2.5);}
  
  .n_contact ul li{ width: 48%; margin: 1%; padding: 15px 0;}
  .n_contact ul li h3{ font-size: 18px; min-height: 39px; margin-bottom: 10px;}
  .lx_form h3{ font-size: 18px; line-height: 30px;}
  .lx_form .form-control{ margin-bottom: 0px;}
  .lx_form button.form-control{ font-size: 18px;}
  
  .n_product h1, .nuser_biao h1{ font-size: 30px;}
  .n_product .ty_content h2, .nuser_biao h2{ font-size: 24px;}
  .n_product .ty_content h3, .nuser_biao h3, .n_user h3{ font-size: 20px;}
  .n_product .ty_content h4, .n_user h4{ font-size: 16px; line-height: 26px;}
  .ncp_down ul li a span{ font-size: 16px;}
  .user_caption1, .user_caption2 .user_img, .user_caption2 .user_text{ width: 100%;}
  .user_caption2 .user_text{ padding: 0;}
  
  .menu-link{
      -webkit-transition: all 0.2s ease-out;
      -moz-transition: all 0.2s ease-out;
      -ms-transition: all 0.2s ease-out;
      -o-transition: all 0.2s ease-out;
      transition: all 0.2s ease-out;
      }
      .menu-link {border-radius:5px; box-sizing: border-box; position:absolute; top:50%; margin-top:-19px; right: 5px; font-size: 12px;z-index: 10;width:42px;height:42px; padding:6px 8px;}
      .menu-link span {position: relative;display: block;margin-top:12px;}
      .menu-link span,
      .menu-link span:before,
      .menu-link span:after {background-color: #00539b; border-radius:1.5px; width: 100%;height:3px;-webkit-transition: all 0.4s;-moz-transition: all 0.4s;-ms-transition: all 0.4s;-o-transition: all 0.4s;transition: all 0.4s;}
      
      .menu-link span{ width:90%;}
      .menu-link span:before{ width:110%;}
      .menu-link span:after{ width:80%;}
      .menu-link.active span,.menu-link.active span:before,.menu-link.active span:after{ width:100%;}
      
      .menu-link span:before,
      .menu-link span:after {position: absolute; right: 0; top: -.7em;content: " ";}
      .menu-link span:after {top: .7em;}
      .menu-link.active span {background: transparent;}
      .menu-link.active span:before { background-color:#00539b;
      -webkit-transform: rotate(45deg) translate(.5em, .4em);
      -moz-transform: rotate(45deg) translate(.5em, .4em);
      -ms-transform: rotate(45deg) translate(.5em, .4em);
      -o-transform: rotate(45deg) translate(.5em, .4em);
      transform: rotate(45deg) translate(.5em, .4em);
      }
      .menu-link.active span:after { background-color:#00539b;
      -webkit-transform: rotate(-45deg) translate(.6em, -.5em);
      -moz-transform: rotate(-45deg) translate(.6em, -.5em);
      -ms-transform: rotate(-45deg) translate(.6em, -.5em);
      -o-transform: rotate(-45deg) translate(.6em, -.5em);
      transform: rotate(-45deg) translate(.6em, -.5em);
      }

}
@media (min-width:991px) and (max-width:1200px) {

  
  .pc_nav ul li{ margin-right: 10px;}
  .pc_nav ul li a{ font-size: 14px;}
  .pc_language{ width: 90px;}
  .header .container{ padding-right: 100px; padding-left: 460px;}
  .n_banner h2{ top: 30%; font-size: 30px;}
  .n_banner h2, .n_banner .ny_nav{ left: 30px;}
  .res_right h2{ font-size: 24px;}
  

}
@media (min-width:1200px) and (max-width:1440px) {
  .pc_nav ul li{ margin-right: 30px;}


  
}
@media (min-width:1441px) and (max-width:1650px) {


  
}

@media (min-width:1441px){

  .container{ width: 1340px ; padding: 0;}
  .ncp_right{ padding-left: 15px;}


}

@media (max-width:991px) {

  iframe{ height:300px ;}
  .fanye{ text-align: center ;}
  .fanye a{ padding: 4px 8px ; }
  
  }
  @media (min-width:991px) {

    .col-sm-6.left_55{ width: 55%;}
    .col-sm-6.right_45{ width: 45%;}
  
  .fancybox-button {  width: 60px ;  height: 60px ;}
  .fancybox-navigation button {  width: 80px ; height:120px ;}
  .fancybox-navigation button:before { width: 60px ; height: 60px ;}
  
  }