﻿
html, body {padding: 0;margin: 0;background: #fff;width: 100%;min-height: 100%;}
* {margin: 0;padding: 0;font-family: Arial, Helvetica, Verdana, 'Microsoft YaHei';border: 0;outline: medium;text-shadow: none;text-decoration: none;}
body {color: #444;font-size: 15px;position: relative;overflow-x: hidden;-webkit-text-size-adjust: none;-ms-text-size-adjust: none;-webkit-tap-highlight-color: rgba(0, 0, 0, 0);}
input {vertical-align: middle;}
textarea {resize: none;}
ul {list-style: none;}
img, {display: block;}
a{color: #444;text-decoration: none;}
a:hover{color: #444;text-decoration: none;}
i, em {font-style: normal;}
p{margin-bottom: 0px;}
/*input placeholder 样式 */
::-webkit-input-placeholder {color: #999999;}
:-moz-placeholder {color: #999999;}
::-moz-placeholder {color: #999999;}
:-ms-input-placeholder {color: #999999;}
.over-line-1 {
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 1;
	overflow: hidden;
}

.over-line-2 {
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	overflow: hidden;
}

.over-line-3 {
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp:3;
	overflow: hidden;
}

.over-line-4 {
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp:4;
	overflow: hidden;
}
#playercontainera{margin:0 auto;}
.jw-skin-bce .jw-controlbar{width: 100%;}
/*修改滚动条*/
::-webkit-scrollbar{width:6px;height:6px ;}
::-webkit-scrollbar-track{box-shadow: inset 0 0 6px transparent;background: #f8f8f8;border-radius: 6px;}
::-webkit-scrollbar-thumb{border-radius: 6px;background: #bbb;}
/* 无内容 */
.pf_12{font-size: 12px;line-height: 25px;}
.pf_16{font-size: 16px;line-height: 30px;}
.pf_18{font-size: 18px;line-height: 30px;}
.pf_20{font-size: 20px;line-height: 35px;}
.pf_22{font-size: 22px;line-height: 35px;}
.pf_24{font-size: 24px;line-height: 40px;}
.pf_26{font-size: 26px;line-height: 40px;}
.pf_28{font-size: 28px;line-height: 40px;}
.pf_30{font-size: 30px;line-height: 45px;}
.pf_32{font-size: 32px;line-height: 45px;}
.pf_34{font-size: 34px;line-height: 50px;}
.pf_36{font-size: 36px;line-height: 50px;}
.pf_40{font-size: 36px;line-height: 50px;}
@font-face {font-family:fz;src: url('../font/bahnschrift.ttf');}
#dituContent label {max-width: unset!important;text-align: center;}
/*top*//*top*/
.top{position: fixed;z-index: 88;top:0;width: 100%;background: #fff;}
.topa img{display: block;max-width: 100%;margin:0 auto;}
.topa a{float: left;border-right: 1px solid #e6e6e6;}
.topa strong{display: block;}
.topa p{color: #777;line-height: 30px;letter-spacing: 9px;}
.toptel{height: auto;overflow: hidden;background: url(../image/toptel.png) left  no-repeat;padding-left:40px;margin:0 auto;width: 200px;}
.toptel span{display: block;color: #777;font-size:12px;line-height: 25px; }
.toptel p{font-size:28px;line-height: 30px;font-family: fz;}

.menu {position: relative;}
.menu::after{position: absolute;content: "";width: 1px;height: 15px;background: #e7e7e7;right:0;top:42%;}
.menu li{position: relative; text-align: center;height: 100%;}
.menu li span{display: block;position: relative;line-height: 94px; overflow: hidden;font-size: 17px;transition:.4s;font-weight: bold;}
.menu li span::before{position: absolute;content: "";width: 0px;height: 2px;background: #1b3884;bottom: 0;left:42%;transition:.4s;}
.menu li span:hover {color: #1b3884;}
.menu li span:hover::before{width: 16%;}
.menu li.curr { transition: all 0.3s ease 0s; }
.menu li.curr .submenu{opacity: 1; }
.menu li .submenu{position:fixed;z-index: 8;top:94px;left:0; width:100%;text-align: left; height:0;overflow: hidden;opacity:0;background:rgba(255,255,255,1);
    border-top: 1px solid #eee;transition: all 0.3s ease 0s;box-shadow: 0px 4px 4px 4px rgba(9,9,9,.02); }
.menu li .submenu .suba strong{display: block;color: #333;}
.menu li .submenu .suba p{line-height: 30px;color: #777;}
.menu li .submenu .suba a{display: block;width: 140px;line-height: 45px;height: 45px; background: #175aa8;text-align: center;color: #fff;transition:.4s;}
.menu li .submenu .suba a:hover{border-radius:30px;}
.menu li .submenu .subb{position: relative;}
.menu li .submenu .subb::before{position: absolute;content: "";width: 1px;height: 200%;top:-50%;left:0; background: rgba(0,0,0,.1);}
.menu li .submenu .subb::after{position: absolute;content: "";width: 1px;height: 200%;top:-50%;right:0; background: rgba(0,0,0,.1);}
.menu li .submenu .subb p{line-height:45px;border-bottom: 1px dashed #dadada;}
.menu li .submenu .subb p a{display: block;color: #777;transition:.4s;}
.menu li .submenu .subb p a:hover{color: #175aa8;}
.menu li .submenu .subb p i{float: right;}
.menu li .submenu .subc img{display: block;max-width: 100%;margin:0 auto;box-shadow: 0px 0px 2px 2px #ddd;padding: 7px;}

.mobmenu .flex-control-nav{background: #ddd;float: left;width: 3%;}
.mobmenu .code{-moz-border-radius:.3em;-webkit-border-radius:.3em;border-radius:.3em;color:#000;font-family:'Fira mono', 'Courier New', Courier, monospace;font-size:85%;letter-spacing:.05em;padding:1em;}
.mobmenu .aligncontent-center {text-align: center;}
.mobmenu .main-header {text-align: center;font-weight:300;font-size: 90%;}
.mobmenu .menu-button {position: absolute;margin: 5px;height: 36px;width: 36px;right: 10px;top: -25px;}
.mobmenu .menu-left {float: left;}
.mobmenu .sidebar{display: none;width: 100%;height: 100%;margin: 0;left:0; position: fixed;top: 0;z-index: 9999;}
.mobmenu .menu-button i{font-size: 24px;}
.mobmenu .sidebar > .bg-cover{display: block;position: absolute;top: 0;left: 0;z-index: -1;width: 100%;height: 100%;background: rgba(0,0,0,.5);}
.mobmenu .sidebar nav{float: left;width: 260px;height: 100%;margin-left: -260px;color: white;background:rgba(255,255,255,0.9);}
.mobmenu .sidebar nav span{display: block;line-height: 45px;background: #444;color: #fff;padding-left: 10%;font-size: 18px;text-transform: uppercase;font-family: fz;}
.mobmenu .sidebar ul{padding:4%;}
.mobmenu .sidebar li a{display: block;line-height: 50px;border-bottom: 1px solid rgba(62,62,62,.2);transition: .4s;padding-left: 1rem;}
.mobmenu .sidebar li a:hover{background: rgba(23,90,168,.9);color: #fff;}
.mobmenu .sidebar li i{float: right; font-size: 18px;}
/*首页大图*/
.banner {height: auto;overflow: hidden;position: relative;}
.banner img{display: block;width: 100%;}
.banner .swiper-pagination{bottom: 4% !important;}
.banner .swiper-pagination-bullet{transition:.4s;}
.banner .swiper-pagination-bullet-active{background: #fff;width: 8px;height: 30px;border-radius: 10px;}
/*in_01*/
.in_01{height: auto;overflow: hidden;}
.intita{text-align: center;position: relative;}
.intita span{display: block;font-size: 70px;font-family: impact;text-transform: uppercase;color: #f6f7f9;position: relative;z-index: 1}
.intita strong{display: block;margin-top: -70px;position: relative;z-index: 2;}
.intita strong b{color: #1b3884}
.intita p{color: #777;}
.in01a .mySwiper .swiper-slide{border: 1px solid #f7f7f7;}
.in01a .mySwiper .swiper-slide em{display: block;width:60px;line-height:60px;height:60px;border-radius: 80px;background: rgba(203,203,203,.2);text-align: center;padding: 8px;}
.in01a .mySwiper .swiper-slide em b{display: block;width:100%;height: 100%;line-height: 100%; border-radius: 80px;font-weight: normal;background: #cbcbcc;padding-top: 15px;transition:.4s;}
.in01a .mySwiper .swiper-slide em i{font-size: 30px;color: #fff;}
.in01a .mySwiper .swiper-slide span{display: block;line-height: 35px;font-weight: bold;}
.in01a .mySwiper .swiper-slide p{text-transform: uppercase;color: #999;}
.in01a .mySwiper .swiper-slide:hover .in01a_a::before{background: #1b3884;}
.in01a .mySwiper .swiper-slide:hover em b{background: #df0001;}
.in01a .mySwiper .swiper-slide-thumb-active .in01a_a::before{background: #1b3884;}
.in01a .mySwiper .swiper-slide-thumb-active em b{background: #df0001;}
.in01a_a{padding-top: 3rem;position: relative;}
.in01a_a::before{position: absolute;content: "";width: 100%;height: 120%;background: #f7f7f7;z-index: -1;right:0;top:0;border-radius: 120px 0 0 0;transition:.4s;}
.in01a_a img{max-width:80%;display: block;margin:0 auto;}
.in01a .mySwiper2{background:url(../image/in01b.jpg) center top no-repeat;padding-bottom: 4%;position: relative;}
.in01c{color: #fff;}
.in01c span i{font-size:30px;}
.in01c p{line-height: 30px;color: rgba(255,255,255,.8);}
.in01c ul{height: auto;overflow: hidden;border-bottom: 1px solid rgba(255,255,255,.3)}
.in01c li{float: left;width: 50%;line-height: 55px;}
.in01c li a{color: #fff;padding: 0 1rem;transition:.4s;}
.in01c li a:hover{background: #df0001;color: #fff;}
.in01c li em{float: right;}
.in01ca a{display: block;width: 150px;line-height: 45px;background: #fff;text-align: center;position: relative;transition:.4s;}
.in01ca a:hover{background: #d45253;color: #fff;}
.in01ca a::before{position: absolute;content: "";width: 15px;height:2px;background: #df0001;left:0;top:-2px;}
.in01ca a::after{position: absolute;content: "";width: 2px;height:17px;background: #df0001;left:-2px;top:-2px;}
.in01d{text-align: center;}
.in01d img{display: block;max-width: 100%;margin:0 auto;}
.in01a .swiper-button-next{ right: 45%; top:90%; outline: none;   width: 46px; height: 50px;background:#1b3884;transition:.4s;}
.in01a .swiper-button-next i{color: #fff;}
.in01a .swiper-button-prev{ left: 45%; top:90%; outline: none;width: 46px; height: 50px;background:#ffffff;transition:.4s;}
.in01a .swiper-button-prev i{color: #1b3884;}
.in01a .swiper-button-prev:after,.in01a .swiper-button-next:after{display: none;} 
.in01a .swiper-button-prev:hover{background:rgba(255,255,255,.8);}
.in01a .swiper-button-next:hover{background:rgba(27,56,132,.8);}
/*in_02*/
.in_02 {height: auto;overflow: hidden;;position: relative;}
.in_02 .mySwiper2{position: relative;z-index: 1;}
.in_02 .mySwiper2 .swiper-slide {display: block;position: relative;height: auto;overflow: hidden;}
.in_02 .mySwiper2 .swiper-slide img{max-width: 100%;}
.in_02 .mySwiper .swiper-slide-thumb-active{background: #013c75;}
.in_02 .mySwiper .swiper-slide{cursor: pointer;transition:.4s;text-align: center;color: #fff;padding: 2rem 0;border-left:  1px solid rgba(255,255,255,.3)}
.in_02 .mySwiper .swiper-slide:hover{background: #013c75;}
.in02a{color: #fff;position: absolute;z-index: 3;bottom: 0;width: 100%;border-top: 1px solid rgba(255,255,255,.3)}
.in02a .swiper-slide {font-size: 16px;}
.in02a .swiper-slide span{font-family: fz;font-size: 24px;}
.in02b{position: absolute;top:55%;width: 100%;color: #fff;}
.in02b strong{display: block;}
.in02b a:hover em{transform:rotate(0deg);}
.in02b em{display: block;border: 1px solid #fff;width: 35px;line-height: 35px;height: 35px;border-radius: 60px;transition:.4s; text-align: center;transform:rotate(-45deg);}
.in02b em i{color: #fff;}
.in_02 .swiper-button-next{ right: 74%; top:50%; outline: none;width: 50px; height: 35px;border: 1px solid rgba(255,255,255,.6);transition:.4s;}
.in_02 .swiper-button-next i{color: #fff;}
.in_02 .swiper-button-prev{ left: 30%; top:50%; outline: none;width: 50px; height: 35px;border: 1px solid rgba(255,255,255,.6);transition:.4s;}
.in_02 .swiper-button-prev i{color: #fff;}
.in_02 .swiper-button-prev:after,.in_02 .swiper-button-next:after{display: none;} 
.in_02 .swiper-button-prev:hover{background:rgba(27,56,132,.8);}
.in_02 .swiper-button-next:hover{background:rgba(27,56,132,.8);}
.in_02 .swiper-pagination{position: absolute;left:75%;top:22%;width: 100px;font-family: fz;font-size: 18px;}
.in_02 .swiper-pagination .swiper-pagination-current{font-size: 30px;}
.in02a_a{position: relative;}
.in02a_a em{position: absolute;left:50%;top:46%; display: block;width:6rem;height: 1px;background: rgba(255,255,255,.3);}

.in_03{height: auto;overflow: hidden;}
.in_03 li a{display: block;position: relative;height: auto;overflow: hidden;}
.in_03 li a:hover .in03a{top:0;padding: 3rem;}
.in_03 li a:hover .in03a i{display: block;}
.in_03 li a img{width: 100%;}
.in03a{position: absolute;z-index: 2;height: 100vh; background: rgba(12,27,66,.7);text-align: center;color: #fff;width: 100%;top:80%;transition:.4s;}
.in03a i{font-size:34px;display: none;}
.in03a span{display: block;line-height: 45px;}
.in03a p{display: block;width: 140px; line-height: 35px;border: 1px solid rgba(255,255,255,.6);text-align: center;margin:0 auto;border-radius: 30px;margin-top: 1rem;}

.in_04{height: auto;overflow: hidden;background: url(../image/in04bg.jpg) center top no-repeat;}
.in04a strong{display: block;color:rgba(255,255,255,.4);font-size: 48px;text-transform: uppercase;}
.in04a span{display: block;color:#fff;font-weight: bold;position: relative;}
.in04a span::after{position: absolute;content: "";left:170px;width: 80px;height: 1px; background: rgba(255,255,255,.8);top:45%;}
.in04b{height: auto;overflow: hidden;background: url(../image/in04b.png) center left no-repeat;margin-top:12%;padding:3rem 0;}
.in04b strong{display: block;color: #df0001}
.in04b span{display: block;color: #222}
.in04c p{line-height: 40px;color: #777;}
.in04c a{display: block;width: 150px;line-height: 45px;background: #fff;text-align: center;position: relative;transition:.4s;}
.in04c a:hover{background: #d45253;color: #fff;}
.in04c a::before{position: absolute;content: "";width: 15px;height:2px;background: #df0001;left:0;top:-2px;}
.in04c a::after{position: absolute;content: "";width: 2px;height:17px;background: #df0001;left:-2px;top:-2px;}
.in04d{height: auto;overflow: hidden;background: #f7f7f7;}
.in04d span{text-align: center;}
.in04d span:nth-of-type(2n+0){background: #efefef}
.in04d strong{font-size: 52px;font-family: fz;}
.in04d em{padding: 2px;background: #d51e07;color: #fff;border-radius: 15px;}
/*in_06*/
.in05a .swiper-container{height: auto;overflow: hidden;}
.in05a .swiper-slide img{display: block;max-width: 100%;transition: all 1s ease}
.in05a .swiper-slide a{display: block;height: auto;overflow: hidden;border: 1px solid #ebebeb; background: #fff;position: relative;}
.in05a .swiper-slide a:hover {color: #fff;}
.in05a .swiper-slide a:hover strong{color: #fff;}
.in05a .swiper-slide a:hover p{color: #fff;}
.in05a .swiper-slide a:hover .in05b::before{height: 100%;}
.in05a .swiper-slide a:hover img{transform: scale(1.1);}
.in05b {transition:all 0.6s ease 0s;height: auto;position: relative;}
.in05b::before {position: absolute;content: "";height: 0px;background: #004ea1;left:0;width: 100%;bottom: 0;z-index: 1;transition:.4s;}
.in05b strong{display: block;color: #222;position: relative;z-index: 2;white-space: nowrap;text-overflow:ellipsis;overflow: hidden;transition:.4s;}
.in05b p{line-height: 25px;color: #777;position: relative;z-index: 2;transition:.4s;}
.nimgb{display: block;width: 100%;height: 0;padding-bottom: 66%;position: relative;overflow: hidden;}
.nimgb img{transition: all 2s;}
.nimgb::before{position: absolute;content: ""; bottom: 0;width: 100%;z-index: 3;transition: all .3s;padding: 10%;z-index: 1; 
background-image: linear-gradient(to top,rgba(0,0,0,1),rgba(0,0,0,.0));background-color: transparent;color: #fff;}
/*脚步*/
.footer{height: auto;overflow: hidden;background:url(../image/footbg.jpg) center bottom no-repeat fixed;}
.foota{height: auto;overflow: hidden;border-bottom: 1px solid rgba(255,255,255,.1);color: #fff;}
.foota img{float: left;max-width: 100%;}
.foota p{line-height: 20px;letter-spacing: 12px;}
.search{position: relative;}
.search-text{border: 1px solid #ddd;line-height: 45px;padding-left: 10px;width: 100%;}
.fdj{position: absolute;right:5px;top:4px;width: 40px; height: 40px;border-radius: 40px; background: url(../image/fdj.png) center no-repeat #ce000c;outline: none;color: #fff;transition:.4s;}
.fdj:hover{background: url(../image/fdj.png) center no-repeat #444;}
.footba {border-right: 1px solid rgba(255,255,255,.1)}
.footba li span{display: block;line-height: 50px;transition:.4s;}
.footba li span a{color: #fff;transition:.4s;}
.footba li span:hover a{color: rgba(255,255,255,.7);}
.footca span{display: block;color: #fff;background: url(../image/footca.png) left center no-repeat;padding-left: 80px;}
.footca span b{font-family: impact;}
.footca p{line-height: 35px;color: rgba(255,255,255,.7);}
.footcb {text-align: center;}
.footcb img{border: 1px dashed rgba(255,255,255,.2);padding: 8px;max-width: 100%;}
.footcb span{display: block;line-height: 45px;color: rgba(255,255,255,.6)}
.footd{border-top: 1px solid rgba(255,255,255,.1);color: rgba(255,255,255,.6);line-height: 45px;}
.footd a{transition:.4s;color: #7c7c7c;}
.footd a:hover{color: #fff;}
.fmenu p{line-height: 40px;white-space: nowrap; text-overflow:ellipsis; overflow: hidden;}
.fmenu p a{color: rgba(255,255,255,.6);transition:.4s;}
.fmenu p a:hover{color: rgba(255,255,255,1);}
.footnav{position: fixed;display: none; left: 0;bottom:0;width: 100%;background:#fff;z-index: 888;border-top: 1px solid rgba(0,0,0,.3)}
.footnav li{float: left;text-align: center;width: 21%}
.footnav li em{display: block;width: 30px;line-height: 30px;border-radius: 60px;background: #d10000;margin:.75rem auto 0 auto;}
.footnav li em i{color: #fff;}
.footnav li a{display: block;}
.footnav li:nth-of-type(1){width: 16%;}
.footnav li:nth-of-type(4) a{border-right: none;}
.footnav li i{font-size: 20px;}
.footnav li span{display: block;line-height: 20px;font-size: 12px;}
.footnav li a{display: block;padding-top:4%;}
.footnav li a:hover{color: #d0121b}


.inedxmovie{position: fixed;right:0;bottom: 0;background: rgba(255,255,255,.6);z-index: 6;border: 1px solid #eee;}
.anniu{display: block;width: 30px;line-height: 30px;background: #004ea1;border-radius: 40px;text-align: center;margin-bottom: .5rem;cursor: pointer;}
.anniu i{color: #fff;}

/*简介*/
.com_ban {height: auto;overflow: hidden;padding:13% 0 10% 0;color: #fff;background: url(../image/com_ban.jpg) center top no-repeat;}
.pro_ban {height: auto;overflow: hidden;padding:13% 0 10% 0;color: #fff;background: url(../image/pro_ban.jpg) center top no-repeat;}
.jjfa_ban {height: auto;overflow: hidden;padding:13% 0 10% 0;color: #fff;background: url(../image/jjfa_ban.jpg) center top no-repeat;}
.case_ban {height: auto;overflow: hidden;padding:13% 0 10% 0;color: #fff;background: url(../image/case_ban.jpg) center top no-repeat;}
.scsl_ban {height: auto;overflow: hidden;padding:13% 0 10% 0;color: #fff;background: url(../image/scsl_ban.jpg) center top no-repeat;}
.news_ban {height: auto;overflow: hidden;padding:13% 0 10% 0;color: #fff;background: url(../image/news_ban.jpg) center top no-repeat;}
.movie_ban {height: auto;overflow: hidden;padding:13% 0 10% 0;color: #fff;background: url(../image/movie_ban.jpg) center top no-repeat;}
.ban strong{display: block;width: 280px;background: rgba(1,60,117,.5);text-align: center;}
.ban strong i{font-size: 24px;}
.ban span{display: block;}
.location{height: auto;line-height: 60px;color: #777;background:#fff;border-bottom: 1px solid #f1f1f1;}
.location a{display: block;text-align: center; transition:.4s;font-size: 15px;position: relative;}
.location a::before{position: absolute;content: "";width: 0px;left:46%;height: 2px;bottom: 0;background: #1b3884;transition:.4s;}
.location a:hover{color: #1b3884;}
.location a:hover::before{width: 8%;}
.locationa{height: auto;line-height: 60px;color: #777;background:#f6f6f6;}
.locationa a{color: #777;transition:.4s;}
.locationa a:hover{color: #1b3884;}
.locationa i{color: #1b3884;}
/*company*/
.companya{height: auto;overflow: hidden;background: url(../image/companya.jpg) center top no-repeat;}
.coma_a strong{display: block;color: #f4f4f4;font-size: 90px;height: 80px;line-height: 80px; text-transform: uppercase;font-family: fz;}
.coma_a span{display: block;color: #1b3884;text-transform: uppercase;margin-top: -60px;}
.coma_b{line-height: 35px;color: #777;}
.coma_c img{max-width: 100%;}
.coma_d{height: auto;overflow: hidden;background: url(../image/coma_d.jpg) center top no-repeat;}
.comtit{text-align: center;}
.comtit strong{display: block;color: rgba(255,255,255,.1);font-size: 90px;height: 80px;line-height: 80px; text-transform: uppercase;font-family: fz;}
.comtit span{display: block;color: rgba(255,255,255,.8);text-transform: uppercase;margin-top: -60px;}
.comtit p{color: rgba(255,255,255,.8);}
.companyb{height: auto;overflow: hidden;background: url(../image/companyb.jpg) center top no-repeat;}
.companyc{height: auto;overflow: hidden;background: url(../image/companyc.jpg) center top repeat;}
.comc_a{width: 50%;line-height: 40px;color: #fff;margin:0 auto;text-align: center;}
.companyc li {text-align: center;color: #fff;}
.companyc li:hover img{transform:rotate(45deg)}
.companyc li:hover i{background: #1b3884;width: 30px;}
.companyc li img{display: block;margin:0 auto; max-width: 100%;transition:.4s;}
.companyc li strong{display: block;}
.companyc li i{display: block;width: 15px;height: 2px;background: #fff;margin:1rem auto;transition:.4s;}
.companyc li p{font-size: 16px;line-height: 35px;}
.companyd a{display: block; position: relative;}
.companyd a:hover i{background: rgba(0,0,0,.4);}
.companyd a i{position: absolute;z-index: 2;background: rgba(0,0,0,0);width: 100%;height: 100%;transition:.4s;}
.companyd img{display: block;max-width: 100%;}
.companyd dl dd:nth-of-type(1){padding-right: .5rem;}
.companyd dl dd:nth-of-type(2){padding-left: .5rem;}
.companye{height: auto;overflow: hidden;background: url(../image/companye.jpg) center top no-repeat;}
.come_a .swiper-slide a{display: block;height: auto;overflow: hidden; position: relative;}
.come_a .swiper-slide a:hover span{line-height: 60px;}
.come_a .swiper-slide a:hover img{transform: scale(1.1);}
.come_a .swiper-slide span{position: absolute;z-index: 2;bottom: 0;width: 100%;left:0;text-align: center;background: rgba(1,60,117,.8);line-height: 45px;color: #fff;transition:.4s;}
.comimga{position: relative;overflow: hidden;width: 100%;height: 0;padding-bottom: 75%;background: #fff;}
.comimgb{display: block;width: 100%;height: 100%;left: 0;position: absolute;}
.comimgb img{display: block;margin: 0 auto;max-width: 100%;max-height: 100%;transition: 0.3s;}

/*product*/
.ptype li a{height: auto;overflow: hidden; border: 1px solid #f7f7f7;}
.ptype li a em{display: block;width:60px;line-height:60px;height:60px;border-radius: 80px;background: rgba(203,203,203,.2);text-align: center;padding: 8px;}
.ptype li a em b{display: block;width:100%;height: 100%;line-height: 100%; border-radius: 80px;font-weight: normal;background: #cbcbcc;padding-top: 15px;transition:.4s;}
.ptype li a em i{font-size: 30px;color: #fff;}
.ptype li a span{display: block;line-height: 35px;font-weight: bold;}
.ptype li a p{text-transform: uppercase;color: #999;}
.ptype li a:hover .ptype_a::before{background: #1b3884;}
.ptype li a:hover em b{background: #df0001;}
.ptype_a{padding-top: 3rem;position: relative;}
.ptype_a::before{position: absolute;content: "";width: 100%;height: 120%;background: #f7f7f7;z-index: 1;right:0;top:0;border-radius: 120px 0 0 0;transition:.4s;}
.ptype_a img{max-width:80%;display: block;margin:0 auto;position: relative;z-index: 3;}

.prolist{height: auto;overflow: hidden;}
.prolist a{border: 1px solid #f7f7f7;display: block;height: auto;overflow: hidden;transition:.4s;}
.prolist a:hover {border: 1px solid #1b3884}
.prolist a:hover .pfonta i{background: #1b3884}
.pimga{display: block;width: 100%;height: 0;padding-bottom: 75%;position: relative;overflow: hidden;}
.pimga img{transition: all 1s ease;width: 100%;height: 100%;object-fit: cover;left: 0;position: absolute;}
.pfonta{height: auto;overflow: hidden;background: #f7f7f7;position: relative;}
.pfonta strong{color: #1b3884;}
.pfonta i{position: absolute;right:0;bottom: 0;color: #f7f7f7;text-align: center;width: 32px;line-height: 32px;height: 32px;background: #f7f7f7;transition:.4s;}
.pfonta i em{font-size: 18px;color: #fff;}
.pfonta p{line-height: 30px;color: #777;}
/*product_info*/
.proa {height: auto;overflow: hidden;background: url(../image/proa.jpg) center top repeat;padding: 9rem 0 6rem 0;}
.plocation{line-height: 45px;color: #fff;}
.plocation a{color: #fff;}
.proa_a strong{display: block;color: #fff;}
.proa_a span{display: block;border: 1px dashed #df0001;color: #df0001;}
.proa_a p{line-height: 30px;color: #fff;}
.proa_ba {width: 60%;}
.proa_ba i{float: left;font-size: 44px;color: #df0001;margin-right: .5rem;}
.proa_ba span{display: block; color: #fff;margin-top: .5rem;}
.proa_ba p{color: #fff;font-weight: bold;}
.proa_bb a{display: block;background: #df0001;line-height: 45px;color: #fff;text-align: center;width: 140px;transition:.4s;}
.proa_bb a:hover{border-radius: 0 0 20px 0;}
.ptit{height: auto;line-height: 60px;color: #777;background:#fff;border-bottom: 1px solid #f1f1f1;}
.ptit a{display: block;text-align: center; transition:.4s;font-size: 15px;position: relative;}
.ptit a::before{position: absolute;content: "";width: 0px;left:46%;height: 2px;bottom: 0;background: #1b3884;transition:.4s;}
.ptit a:hover{color: #1b3884;}
.ptit a:hover::before{width: 8%;}
.ptita strong{display: block; height: auto;overflow: hidden;background: url(../image/ptita.png) left center no-repeat;padding-left: 2rem;}
.ptita p{color: #666;}
.MagnifierPop{display: none !important;}
.MagnifierDrag{display: none !important;}

.prob_a strong{display: block;font-size: 18px;color: #1b3884;margin-top: 1rem;}
.prob_a table { width: 100%!important;border-collapse: collapse;} 
.prob_a table p{ width: 100%!important; border-collapse: collapse;} 
.prob_a th,tr{width: 100%!important; border-collapse: collapse;border: 1px solid #ddd;}
.prob_a td{border-right: 1px solid #ddd}
.prob_a tr{border-right: 1px solid #ddd;text-align: center;line-height: 38px;}
.prob_a .top{border-right: 1px solid #ddd;}
.firstRow td{background: #eee;border-right: 1px solid #ddd;}
.proa_c {height: auto;overflow: hidden;background: #fff;}
.proa_c strong{float: left;width:45px;background: #1b3884;font-size: 24px;color: #fff;text-align: center;padding: 1rem 0;}
.proa_c ul{float: left;margin:.5rem;width: 90%;}
.proa_c ul li{line-height: 45px;border-bottom: 1px dashed #e8e8e8;color: #777;}
.proa_c ul li i{color:#1b3884;}

.prob_a{height: auto;overflow: hidden;background: #fafafa;line-height: 35px;color: #777;}
.proc_a{height: auto;overflow: hidden;background: url(../image/proc.jpg)  center no-repeat;}
.proc_b img{display: block;max-width: 100%;}
.proc_b span{display: block;line-height: 55px;background: #1b3884;color: #fff;text-align: center;font-size: 15px;}
.prod ul{height: auto;overflow: hidden;background: #fafafa}
.prod ul li {text-align: center;}
.prod ul li em{display: block;width: 80px;line-height: 80px;height: 80px;border-radius: 60px;background: #fff;text-align: center;margin:0 auto;}
.prod ul li em i{font-size: 36px;color: #1b3884}
.prod ul li span{display: block;color: #1b3884}
.prod ul li p{color: #777;line-height: 30px;}
.proe{height: auto;overflow: hidden;background: url(../image/proe.jpg)  center no-repeat;text-align: center;color: #fff;}
.proe strong b{font-size: 77px;font-family: fz;}
.proe .swiper-slide a{display: block;height: auto;overflow: hidden;position: relative;}
.proe .swiper-slide a span{position: absolute;width: 100%; bottom: 0;left:0;transition:.4s; line-height: 50px;background: rgba(27,56,132,.8);text-align: center;color: #fff;}
.proe .swiper-slide a:hover span{line-height: 60px;}
.proe .swiper-slide img{max-width: 100%;}




.prof_a{width: 80%;height: auto;overflow: hidden;}
.prof_a .forma input{display: block;float: left; width: 49%;margin-right: 2%;border: 1px solid #e7e7e7; line-height: 45px;padding-left:2rem;margin-bottom: 1rem;}
.prof_a  textarea{display: block;width: 100%;padding-top: 1rem;padding-left: 2rem;margin-bottom: 2rem;border: 1px solid #e7e7e7;}
.prof_a .forma input:nth-of-type(2){background:#fff;margin-right: 0px;}
.prof_a .code input{float: left;width: 35%;line-height: 45px;border: 1px solid #e7e7e7;text-align: center;}
.prof_a .code .verify{float: left;width: 30%;margin: 0 3%;}
.prof_a .code .verify img{max-width: 100%;height: 45px;}
.prof_a .code .submit{float: left;width: 28%; display: block;line-height: 45px;color: #fff;text-align: center;background: #1b3884;transition: .4s;}
.prof_a .code .submit:hover{background: #d10001;border-radius:5px;}
.mes-form{height: auto;overflow: hidden;}
.prof_a .code{width: 40%;}
/*scsl*/
.scsla{height: auto;overflow: hidden;}
.scsla_a{height: auto;overflow: hidden;background: #f8f8f8;}
.scsla_a img{display: block;max-width: 100%;margin:0 auto;}
.scsla_b{text-align: center;}
.scsla_b strong{display: block;}
.scsla_b p{line-height: 30px;color: #666;}
.scslb{height: auto;overflow: hidden;background: url(../image/scslbbg.jpg) center top no-repeat;}
.scslb_a{text-align: center;color:#fff;width: 70%;margin:0 auto;}
.scslc li a{display: block;position: relative;height: auto;overflow: hidden;}
.scslc li a:hover .scslc_a{top:0;padding: 3rem;}
.scslc li a:hover .scslc_a i{display: block;}
.scslc li a img{width: 100%;}
.scslc_a{position: absolute;z-index: 2;height: 100vh; background: rgba(12,27,66,.7);text-align: center;color: #fff;width: 100%;top:105%;transition:.4s;}
.scslc_a i{font-size:34px;display: none;}
.scslc_a span{display: block;line-height: 45px;}
.scslc_a p{display: block;width: 140px; line-height: 35px;border: 1px solid rgba(255,255,255,.6);text-align: center;margin:0 auto;border-radius: 30px;margin-top: 1rem;}
.scslb_b .swiper-slide {height:500px;position: relative;
  /* Center slide text vertically */
  flex-direction: column;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  transition: 500ms;
  transform: scale(1);
}
.scslb_b .swiper-slide-prev{ left: -15%; background: #000; }
.scslb_b .swiper-slide-next{ right: -15%; background: #000; }
.scslb_b .swiper-slide img{ width: 100%; height: 499px; opacity: 0.3;}
.scslb_b .swiper-slide-active img,.swiper-slide-duplicate-active img{opacity: 1; width: 100%; height: auto !important; transform: scale(2);}
.scslb_b .mySwiper2 .swiper-button-next,.scslb_b .mySwiper2 .swiper-button-prev{top: 50%; outline: none;transition:.4s;width: 50px; height: 35px;border: 1px solid #fff;}
.scslb_b .mySwiper2 .swiper-button-next:hover,.scslb_b .mySwiper2 .swiper-button-prev:hover{background:#1b3884;}
.scslb_b .mySwiper2 .swiper-button-next{ right: 10%; }
.scslb_b .mySwiper2 .swiper-button-next i{color: #fff;}
.scslb_b .mySwiper2 .swiper-button-prev{ left: 10%;}
.scslb_b .mySwiper2 .swiper-button-prev i{color: #fff;}
.scslb_b .swiper-slide .tit{ position: absolute; left: 0; bottom: 0; width: 100%;color: #fff;z-index: 9; opacity: 0;}
.scslb_b .swiper-slide-active .tit,.swiper-slide-duplicate-active .tit{position: absolute;transition:.4s; left: -50%; bottom: 20%; width: 199%;
	border: 1px dashed rgba(27,56,132,0.3); padding: 5px;z-index: 9; opacity: 1;}
.scslb_b .swiper-slide-active .tit span{display: block; background: rgba(27,56,132,0.3);line-height: 60px;}
.scslb_b .swiper-button-prev:after{display: none;} 
.scslb_b .swiper-button-next:after{display: none;}

/*jjfa*/
.jjfaa{height: auto;overflow: hidden;border-bottom: 1px solid #f5f5f5;}
.jjfaa li a{display: block;transition:.4s;position: relative;}
.jjfaa li a::before{position: absolute;content: ""; left:0;top:0;width: 0px;height: 3px;background: #df0001;transition:.4s;}
.jjfaa li a:hover{background: #fafafa;}
.jjfaa li a:hover::before{width: 100%;}
.jjfaa li a img{display: block; width: 130px;height: 130px; border-radius: 80px;margin:0 auto;}
.jjfaa li a span{line-height: 45px;text-align: center;}
.jjfalist li {height: auto;overflow: hidden;}
.jjfalist li a{display: block;height: auto;overflow: hidden;position: relative;}
.jjfalist li span{position: absolute;bottom: 0;left:0;width: 100%;line-height: 70px;height: 70px; background: rgba(1,60,117,.8);color: #fff;transition:.4s;}
.jjfalist li span em{display: block;border: 1px solid #fff;width: 32px;line-height: 32px;height: 32px;border-radius: 60px;text-align: center;transform:rotate(-45deg);}
.jjfalist li img{max-width: 100%;}
.jjfalist li a:hover span{bottom: -80px}
.jjfalist li a:hover .jimgb{top:0;}
.jjfalist li a:hover .jimgb i{display: block;}
.jjfalist li a img{width: 100%;}
.jimgb{position: absolute;z-index: 2;height: 100vh;padding:6rem 5rem 3rem 5rem; background: rgba(12,27,66,.7);text-align: center;color: #fff;width: 100%;top:110%;transition:.6s;}
.jimgb i{font-size:46px;display: none;}
.jimgb span{display: block;line-height: 45px;}
.jimgb p{display: block;width: 140px; line-height: 35px;border: 1px solid rgba(255,255,255,.6);text-align: center;margin:0 auto;border-radius: 30px;margin-top: 1rem;}
.jimgb em{display: block;line-height: 35px;}



/*case*/
.caselist li a{display: block;transition:.4s;background:url(../image/casea.png) right bottom no-repeat #f5f5f5;}
.caselist li a:hover{background:url(../image/caseah.png) right bottom no-repeat #fff;box-shadow: rgba(0,0,0,0.3) 0 5px 10px;transform: translate3d(0,-5px,0);transition: all linear 0.3s;}
.caselist li a:hover em{background:#1b3884;color: #fff}
.caselist li img{display: block;width: 100%;}
.case_a p{line-height: 40px;}
.case_a{width: 80%;}
.case_a strong{display: block;white-space: nowrap; text-overflow:ellipsis; overflow: hidden;}
.case_a em{display: block;width: 140px;line-height: 35px;border: 1px solid #d8d8d8;border-radius: 60px;background: #fff;color: #1b3884;transition:.4s;text-align: center;font-style: normal;}
.cimga{display: block;width: 100%;height: 0;padding-bottom: 75%;position: relative;overflow: hidden;}
.cimga img{transition: all 1s ease;width: 100%;height: 100%;object-fit: cover;left: 0;position: absolute;}
/*荣誉*/
.honorlist{height: auto;overflow: hidden;}
.honorlist li{height: auto;overflow: hidden;}
.honorlist li a{display: block;position: relative;border: 1px solid #efefef;}
.honorlist li .himgb{display: block;width: 100%;height: 100%;left: 0;position: absolute;}
.honorlist li img{display: block;margin:0 auto; max-width: 100%;max-height: 100%;transition: 0.3s;}
.honorlist li:hover img{transform: scale3D(1.1, 1.1, 1.1)}
.honorlist li:hover .hfonta{background: rgba(0,33,84,0.9);opacity: 0.8;bottom: 0;}
.hfonta{position: absolute;z-index: 8;bottom: -260px;width: 100%;color: #fff; height: 100%;padding-top: 25%; overflow: hidden;text-align: center;
    background: rgba(0,33,84,0);transition: .4s;}
.hfonta span{display: block;font-weight: bold;white-space: nowrap; text-overflow:ellipsis; overflow: hidden;}
.hfonta i{font-size: 50px;}
.himga{position: relative;overflow: hidden;width: 100%;height: 0;padding-bottom: 75%;}

.cpimga{position: relative;overflow: hidden;width: 100%;height: 0;padding-bottom:66%;}
.cpimgb{display: block;width: 100%;height: 100%;left: 0;position: absolute;}
/*新闻*/
.newslist{height: auto;overflow: hidden;}
.newslist ul li a{display: block;transition:.4s;position: relative;border-bottom: 1px solid #eee; }
.newslist ul li:hover a{background: #f7f8fb;}
.newslist ul li:hover img{transform: scale3D(1.1, 1.1, 1.1)}
.newslist ul li:hover span{color: #1b3884;}
.time {display: block;line-height: 30px;color: #999;}
.newsfonta span{display: block;white-space: nowrap; text-overflow:ellipsis; overflow: hidden;position: relative;z-index: 2; }
.newsfonta p{line-height: 30px;color: #777;}
.newsfonta i{display: block;width: 40px;height: 40px;border-radius: 40px;background: #1b3884;text-align: center;line-height: 40px;}
.newsfonta i em{color: #fff;}
.nimga{height: auto;overflow: hidden;}
.nimga img{display: block;max-width: 100%;transition:.4s;}
/*新闻详情*/
.newsinfo{height: auto;overflow: hidden;}
.newsinfo .row{height: auto;overflow: hidden;background: #f4f6f8;}
.ninfoa{height: auto;overflow: hidden;text-align: center;}
.ninfoa strong{display: block;font-size: 18px;color: #4c4c4c;line-height:40px;} 
.meta{line-height: 35px;color: #777;border-bottom: 1px solid #dbdbdb;}
.newsaa {height: auto;overflow: hidden;}
.newsaa  img{display: block;margin:0 auto;max-width: 100%;}
.newsaa  p{line-height: 30px;}
.sidetit{line-height: 50px;text-align: center;padding: 1rem 0;text-transform: uppercase;position: relative;background: #0068b7;}
.sidetit strong{display: block;color: #1475be;font-family: fz;display: block;font-size: 30px;line-height: 60px;}
.sidetit span{display: block;margin-top: -40px;color: #fff;}
.sidea{height: auto;overflow: hidden;}
.sidea li{height: auto;overflow: hidden;background: #f5f7fa;transition:.4s;}
.sidea li:hover{background: #175aa8;color: #fff;}
.sidea li:hover span{color: #fff;}
.sidea li:hover p{color: #fff;}
.sidea li img{max-width: 100%;}
.sidea li span{display: block;line-height: 25px;margin:10px 0;color: #666;white-space: nowrap; text-overflow:ellipsis; overflow: hidden;}
.sidea li p{line-height: 25px;color: #666;font-size: 13px;}
.sidea dl{height: auto;overflow: hidden;background: #f5f7fa;border-top: 1px dashed #dae6f9;}
.sidea dl dd{line-height: 35px;margin-bottom: 0px;}
.sidea dl dd a{display: block;position: relative;padding-left: 1rem;white-space: nowrap; text-overflow:ellipsis; overflow: hidden;color: #777;transition:.4s;}
.sidea dl dd a:hover{color: #175aa8;}
.sidea dl dd a:hover::before{background: #175aa8;}
.sidea dl dd a::before{position: absolute;content: "";top:40%;left:0;width: 5px;height: 5px;background: #555;border-radius: 20px;}
.page{border-top: 1px solid #dbdbdb;padding-top: 1rem;margin-top: 1rem;height: auto;overflow: hidden;}
#prev_next li{line-height: 35px; color: #777;}
#prev_next li i{float: left;}
#prev_next li a{transition:.4s;}
#prev_next li:hover a{color: #175aa8 !important;}
.back a{float: right; display: block;width: 140px;line-height: 45px;color: #fff; border:1px solid #175aa8;border-radius: 5px;text-align: center;;transition:.4s;background: #175aa8}
.back a:hover{border-radius: 0 20px 0 20px}
/*联系我们*/
.contact-list{ position: absolute; left: 0; top: 15%; z-index: 1; width: 100%; padding: 0;}
.contact-list .container{ margin: 0 auto !important;}
.contact-list .container ul{ float: left; width: 35%;}
.contact-list .container li{ background: #fff; padding: 7%; margin-bottom: 3%; position: relative;}
.contact-list .container .zxly{ background: #1b3884; height: 70px;clear: both; line-height: 70px; text-align: center; color: #fff; font-size: 20px; transition:0.3s; cursor: pointer;}
.contact-list .container .zxly i{ display: inline-block; font-size: 20px;}
.contact-list .container .zxly:hover{ background: #333;}
.contact-list .container li .pic{ float: left; width: 60px; height: 60px; background: #1b3884; line-height: 60px; text-align: center; border-radius: 3px;}
.contact-list .container li .pic i{ font-size: 30px; color: #fff;}
.contact-list .container li .font{ float: left; padding-left: 5%; width: 80%;}
.contact-list .container li .font span{ color: #666666; font-size: 18px;}
.contact-list .container li .font p{ color: #282828; font-size: 16px;line-height: 30px;}
.contact-list .container li:before{ position: absolute; right: 0; top: 0; content: '01.'; width: 45px; height: 45px; line-height: 45px; text-align: center; border-left: 2px solid #fafafb; border-bottom: 2px solid #fafafb; color: #666666; font-size: 24px; font-family: Bahnschrift;}
.contact-list .container li:nth-of-type(2):before{ content: '02.';}
.contact-list .container li:nth-of-type(3):before{ content: '03.';}
.zxly_nr{ float: right; background: #fff; width: 63%; padding: 3%; opacity: 0;
    -webkit-transition: all .6s ease-out 0s;
    transition: all .6s ease-out 0s;
    -webkit-clip-path: polygon(50% 20%,50% 50%,20% 50%,50% 50%,50% 80%,50% 50%,80% 50%,50% 50%);
    clip-path: polygon(50% 20%,50% 50%,20% 50%,50% 50%,50% 80%,50% 50%,80% 50%,50% 50%);
}
.zxly_nr .tit{ color: #282828; position: relative;}
.zxly_nr .tit p{ font-size: 36px; font-weight: bold; float: left; padding-right: 3%;}
.zxly_nr .tit span{ font-size: 24px; display: block; float: left;}
.zxly_nr .tit:before{ position: absolute; left: 0; top: 0; content: 'Online Message'; color: rgba(40,40,40,0.03); font-size: 88px; font-family: Bahnschrift; text-transform: uppercase; font-weight: bold;}
.zxly_nr .ly_close{ position: absolute; right: 0; top: 0; z-index: 1; width: 40px; height: 40px; line-height: 40px; text-align: center; border-radius: 100%; background: #1b3884; cursor: pointer; transition:0.3s;}
.zxly_nr .ly_close i{ color: #fff; font-size: 16px; transition: all 1.5s ease-out 0s;}
.zxly_nr .ly_close:hover{ background: #333;}
.zxly_nr .ly_close:hover i{ transform: rotate(720deg);}

.mes-form .form-tr{overflow: hidden;margin-top: 3%;}
.mes-form .form-tr input{display: block;width: 100%;padding: 0 2%;height: 4rem;line-height: 4rem;background: none;border-bottom: 1px solid #e7e7e7;}
.mes-form .form-tr .code input{width: 40%;float: left;}
.mes-form .form-tr textarea{display: block;width: 100%;padding: 5px 10px;height: 100px;background: none;border-bottom: 1px solid #e7e7e7;}
.mes-form .form-tr .code .verify{cursor: pointer;float: left;margin-left: 25px;width: 110px;height: 40px;line-height: 40px;text-align: center;font-size: 0;}
.mes-form .form-tr .code .verify img{display: inline-block;vertical-align: middle;max-width: 100%;max-height: 100%;}
.mes-form .form-tr .submit2{margin-top: 15px;display: block;width: 190px;float: right;height: 40px;text-align: center;line-height: 40px;background: #1b3884;color: #fff;font-size: 15px;transition: 0.3s;}
.mes-form .form-tr .submit2:hover{background: #c30000;}
.zxly_nr.show{ opacity: 1;
    -webkit-clip-path: polygon(50% 0,0 0,0 50%,0 100%,50% 100%,100% 100%,100% 50%,100% 0);
    clip-path: polygon(50% 0,0 0,0 50%,0 100%,50% 100%,100% 100%,100% 50%,100% 0);
}
@media screen and (max-width:1440px){
    .zxly_nr .tit p{ font-size: 30px;}
    .zxly_nr .tit span{ font-size: 16px;}
    .zxly_nr .tit:before{ font-size: 54px;}
}
@media screen and (max-width:1200px){
    .contact-list .container li .font{ width: 75%;}
    .contact-list .container li .font span{ font-size: 16px;}
    .contact-list .container li .font p{ font-size: 16px;}
    .zxly_nr .tit p{ font-size: 30px;}
    .zxly_nr .tit span{ font-size: 16px;}
    .zxly_nr .tit:before{ font-size: 54px;}
    .zxly_nr .ly_close{ width: 35px; height: 35px; line-height: 35px;}
}
@media screen and (max-width:991px){
    .contact-list .container ul{ width: 70%;}
}
@media screen and (max-width:765px){
    .contact-list{ position: relative; margin-top: 25% !important;}
    .contact-list .container ul{ width: 100%;}
    .contact-list .container ul li{ border: 1px solid #ccc; box-shadow: 0 0 10px rgba(0,0,0,0.1);}
}

@media (max-width: 576px) { 
.mf_12{font-size: 12px;line-height: 25px;}
.mf_14{font-size: 14px;line-height: 30px;}
.mf_16{font-size: 16px;line-height: 30px;}
.mf_18{font-size: 18px;line-height: 35px;}
.mf_22{font-size: 22px;line-height: 40px;}

.topa img{max-width: 70%;float: left;}
.topa a{border-right: none;}
.intita span{font-size: 36px;}
.intita strong{margin-top: -45px;}
.in01a .swiper-button-prev{display: none;}
.in01a .swiper-button-next{display: none;}
.in02a{position: relative;background: rgba(0,0,0,.6);}
.in_02 .mySwiper .swiper-slide{padding: 1rem 0;}
.in02b{top:10%;}
.in_02 .mySwiper2 .swiper-slide img{max-width: 160%;}
.in03a{top:65%;}
.in_03 li a:hover .in03a{padding: .5rem;}
.in03a p{display: none;}
.in_04{background: #fcfcfc;}
.in04a{background: rgba(27,56,132,.8);}
.in04b{background-size: 25%;margin-top:0px;}
.in04d strong{font-size: 30px;}
.com_ban{padding: 25% 0 10% 0;}
.com_ban {padding: 25% 0 10% 0;}
.pro_ban {padding: 25% 0 10% 0;}
.jjfa_ban {padding: 25% 0 10% 0;}
.case_ban {padding: 25% 0 10% 0;}
.scsl_ban {padding: 25% 0 10% 0;}
.news_ban {padding: 25% 0 10% 0;}
.in01c li em{display: none;}
.companya{background: #fff}
.coma_a strong{font-size: 42px;}
.companyb{background: #fff;}
.companyb .col-12{padding-left: 0px;padding-right: 0px;}
.comc_a{width: 100%;}
.companyd dl dd:nth-of-type(1){padding-right: 15px !important;}
.companyd dl dd:nth-of-type(2){padding-left: 15px !important;margin-top: 15px;}
.foota p{letter-spacing: 0px;}
.proa{padding: 6rem 0 1rem 0;}
.proc_b span{font-size: 12px;}
.proe strong b{font-size: 36px;}
.prof_a .code{width: 100%;}
.jjfaa li a img{width: 80px;height: 80px;}
.jjfalist li span{line-height: 40px;height: 40px;}
.jjfalist li span em{width: 28px;height: 28px;}
.jimgb{padding: 1rem;}
.jimgb i{font-size: 30px;}
.jimgb em{display: none;}
.jimgb p{display: none;}
.comtit strong{font-size:42px; }
.scslb_a{width: 100%;}
.scslb_b .swiper-slide img{height: 110px;}
.scslb_b .swiper-slide{height: 110px;}
.scslb_b .swiper-slide-active .tit span{font-size: 13px;}
.scslc li a:hover .scslc_a{padding: 1rem;}
.scslc_a p{display: none;}
.de-contact{background: rgba(0,0,0,.8);}
.prob_a table p{font-size: 12px;}
}

@media (min-width: 576px) and (max-width: 768px) { 
.topa img{max-width: 70%;float: left;}
.topa a{border-right: none;}
.intita span{font-size: 36px;}
.intita strong{margin-top: -45px;}
.in01a .swiper-button-prev{display: none;}
.in01a .swiper-button-next{display: none;}
.in02a{position: relative;background: rgba(0,0,0,.6);}
.in_02 .mySwiper .swiper-slide{padding: 1rem 0;}
.in02b{top:10%;}
.in_02 .mySwiper2 .swiper-slide img{max-width: 160%;}
.in03a{top:75%;}
.in_03 li a:hover .in03a{padding: 2rem;}
.in03a p{display: none;}
.in_04{background: #fcfcfc;}
.in04a{background: rgba(27,56,132,.8);}
.in04b{background-size: 25%;margin-top:0px;}
.in04d strong{font-size: 30px;}
.com_ban{padding: 25% 0 10% 0;}
.com_ban {padding: 25% 0 10% 0;}
.pro_ban {padding: 25% 0 10% 0;}
.jjfa_ban {padding: 25% 0 10% 0;}
.case_ban {padding: 25% 0 10% 0;}
.scsl_ban {padding: 25% 0 10% 0;}
.news_ban {padding: 25% 0 10% 0;}

.companya{background: #fff}
.coma_a strong{font-size: 42px;}
.companyb{background: #fff;}
.companyb .col-12{padding-left: 0px;padding-right: 0px;}
.comc_a{width: 100%;}
.companyd dl dd:nth-of-type(1){padding-right: 15px !important;}
.companyd dl dd:nth-of-type(2){padding-left: 15px !important;margin-top: 15px;}
.foota p{letter-spacing: 0px;}
.proa{padding: 6rem 0 1rem 0;}
.proc_b span{font-size: 12px;}
.proe strong b{font-size: 36px;}
.prof_a .code{width: 100%;}
.jjfaa li a img{width: 80px;height: 80px;}
.jjfalist li span{line-height: 40px;height: 40px;}
.jjfalist li span em{width: 28px;height: 28px;}
.jimgb{padding: 1rem;}
.jimgb i{font-size: 30px;}
.jimgb em{display: none;}
.jimgb p{display: none;}
.comtit strong{font-size:42px; }
.scslb_a{width: 100%;}
.scslb_b .swiper-slide img{height: 110px;}
.scslb_b .swiper-slide{height: 110px;}
.scslb_b .swiper-slide-active .tit span{font-size: 13px;}
.scslc li a:hover .scslc_a{padding: 1rem;}
.de-contact{background: rgba(0,0,0,.8);}
 }
@media (min-width: 768px) and (max-width:992px) { 
 .topa img{max-width: 70%;float: left;}
.topa a{border-right: none;}
.intita span{font-size: 36px;}
.intita strong{margin-top: -45px;}
.in01a .swiper-button-prev{display: none;}
.in01a .swiper-button-next{display: none;}
.in02a{position: relative;background: rgba(0,0,0,.6);}
.in_02 .mySwiper .swiper-slide{padding: 1rem 0;}
.in02b{top:10%;}
.in_02 .mySwiper2 .swiper-slide img{max-width: 160%;}
.in_04{background: #fcfcfc;}
.in04a{background: rgba(27,56,132,.8);}
.in04b{background-size: 25%;margin-top:0px;}
.in04d strong{font-size: 30px;}
.com_ban{padding: 25% 0 10% 0;}
.com_ban {padding: 25% 0 10% 0;}
.pro_ban {padding: 25% 0 10% 0;}
.jjfa_ban {padding: 25% 0 10% 0;}
.case_ban {padding: 25% 0 10% 0;}
.scsl_ban {padding: 25% 0 10% 0;}
.news_ban {padding: 25% 0 10% 0;}

.companya{background: #fff}
.coma_a strong{font-size: 42px;}
.companyb{background: #fff;}
.companyb .col-12{padding-left: 0px;padding-right: 0px;}
.comc_a{width: 100%;}
.companyd dl dd:nth-of-type(1){padding-right: 15px !important;}
.companyd dl dd:nth-of-type(2){padding-left: 15px !important;margin-top: 15px;}
.foota p{letter-spacing: 0px;}
.proa{padding: 6rem 0 1rem 0;}
.proc_b span{font-size: 12px;}
.proe strong b{font-size: 36px;}
.prof_a .code{width: 100%;}
.jjfaa li a img{width: 80px;height: 80px;}
.jjfalist li span{line-height: 40px;height: 40px;}
.jjfalist li span em{width: 28px;height: 28px;}
.jimgb i{font-size: 30px;}
.jimgb em{display: none;}
.jimgb p{display: none;}
.comtit strong{font-size:42px; }
.scslb_a{width: 100%;}
.scslb_b .swiper-slide img{height: 110px;}
.scslb_b .swiper-slide{height: 110px;}
.scslb_b .swiper-slide-active .tit span{font-size: 13px;}
.de-contact{background: rgba(0,0,0,.8);}
.proa_ba p{font-size: 22px;}
 }
@media (min-width: 992px) and (max-width:1200px) { 
.topa a{border-right: none;}
.in02b{top:35%;}
.in03a{top:72%;}
.in03a p{display: none;}
.footca span b{font-size: 28px;}
.ptype li a p{font-size: 12px;font-family: fz;}
.companyc li p{font-size: 14px;}
.comc_a{width: 70%;}
.jimgb{padding: 3rem;}
.case_a{width: 100%;}
.scslb_b .swiper-slide{height: 270px;}
.scslc li a:hover .scslc_a{padding:1rem;}
.in01a .mySwiper .swiper-slide p{font-size: 12px;font-family: fz;}
}

@media (min-width: 1200px) and (max-width:1360px) { 
.topa p{letter-spacing: 0px;}
.topa strong{font-size: 20px;}
.in02b{top:40%;}
.jjfaa li a img{width: 100px;height: 100px; border-radius: 80px;}
}
@media (min-width: 1200px) {
.container{max-width: 1400px ;}
.top .container{max-width: 1600px ;}

}
@media (max-width: 1400px) {
.inedxmovie{display: none;}

}







