@charset "utf-8";
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: 14px;position: relative;-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;}
.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: 30px;}
.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_44{font-size: 44px;line-height: 60px;}

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

/*淇敼婊氬姩鏉?/
::-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;}
#dituContent label {max-width: unset!important;text-align: center;}
/*top*/
.top{border-bottom: 1px solid #bbbfc2;}
.menu li{position: relative; text-align: center;height: 100%;}
.menu li:hover .menua i{margin-top: 0px;}
.menu li .menua{display: block;position: relative;height: 30px;line-height: 30px; overflow: hidden; }
.menu li .menua i{display: block;font-family: Arial; text-transform: uppercase;font-size: 13px;font-style: normal;font-weight: bold;margin-top: -30px;transition:.4s;color: #004098;}

.menu li.curr { transition: all 0.3s ease 0s; }
.menu li.curr .submenu{opacity: 1; }
.menu li .submenu{position:fixed;z-index: 8;top:93px;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;}





.toptel{height: auto;overflow: hidden;background: url(../images/toptel.png) left  no-repeat;padding-left:40px;}
.toptel span{display: block;color: #777;font-size:12px;line-height: 25px; }
.toptel p{font-size: 24px;line-height: 30px;color: #004098;font-family: impact;}
.topa a img{max-width: 100%;margin:0 auto;display: block;}
.topa span{display: block;font-size: 18px;line-height: 30px;color: #23569e;font-weight: bold;}
.topa p{color: #777;}
.lang{background: #004098;text-align: center;line-height: 91px;padding: 0 .25rem;}
.lang a{color: #fff;}
.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;color:#0a7ee0}
.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 ul{padding:10%;}
.mobmenu .sidebar li a{display: block;line-height: 50px;border-bottom: 1px solid rgba(255,255,255,.5);transition:.4s;}
.mobmenu .sidebar li i{color: #666;font-size: 18px;}
.mobmenu .sidebar li a:hover{color: #004098;}
/*棣栭〉澶у浘*/
.banner {position: relative;height: auto !important;z-index: 1}
.banner .swiper-wrapper{height: auto !important;}
.banner .swiper-slide {position: relative;height: auto !important;float: left;}
.banner .swiper-slide a img{ width: 100%; height: auto;}
.banner .swiper-pagination {position: absolute;font-size:0;left: 0;height: 20px;text-align: center;bottom: 6% !important;width: 100%;z-index: 9999;}
.banner .swiper-pagination-bullet{background: #fff;}
.banner .swiper-pagination-bullet-active{width:30px;height: 8px;border-radius: 10px;background: #006cbd;}
/*index_01*/
.in_01{height: auto;overflow: hidden;}
.in01b{height: auto;overflow: hidden;text-align: center;}
.in01b span{display: block;margin:0 auto;font-weight: 100;}
.search{position: relative; height: auto;overflow: hidden; margin: 15px auto;width: 40%;}
.search #search_name{ width: 100%; height: 50px; line-height: 50px;float: left;border:solid 1px #cccccb;border-radius:60px; outline: none;font-size: 12px;text-indent:10px;}
.search #button{position: absolute;right:5px;top:5px; width: 40px; height: 40px; line-height: 40px; background:url(../images/fdj.png) center no-repeat #e50012;border-radius: 60px;cursor: pointer;color: #fff;text-align: center; border:none;outline: none; transition: 0.3s;}
.search #button:hover{ background:url(../images/fdj.png) center no-repeat #333;}
.in01a{height: auto;overflow: hidden;}
.in01a li a{position: relative;text-align: center; line-height: 50px;border-bottom: 1px dashed #e8e8e8;transition:.4s;background:#f6f7fc;}
.in01a li a::before{position: absolute;content: "";left:0;width: 0px;height: 2px;background: #ddd;transition: all 1s ease;z-index: 1}
.in01a li:hover a{box-shadow: #dedede 0 5px 10px;}
.in01a li:hover a::before{width: 100%;}
/*index_02*/
.in_02{height: auto;overflow: hidden;background: url(../images/in02bg.jpg) center top no-repeat #f6f7fc;}
.intita{height: auto;overflow: hidden;text-align: center;}
.intita span{display: block;letter-spacing: 2px;}
.intita em{color: #004098;}
.intita p{letter-spacing: 1px;color: #777;}
.intita i{display: block; background: url(../images/linea.png) center  no-repeat;height: 3px;}
.in02a{height: auto;overflow: hidden;}
.in02a .col-6{padding-left: 0.5% !important;padding-right: 0.5% !important;}
.in02a li a{display: block; position: relative;height: auto;overflow: hidden;background: #fff;}
.in02a li a::before{position: absolute;content: "";left:0;top:0;height: 6px;width: 0px;z-index: 6;background: #004098;transition: all 1s ease}
.in02a li img{display: block;max-width: 100%;}
.in02a li:hover .inp_b{bottom:0;}
.in02a li:hover .phover::before{height: 100%;}
.in02a li:hover .phover::after{height: 100%;}
.in02a li:hover a::before{width: 120%;}
.infonta{height: auto;overflow: hidden;border-top: 1px solid #e8e8e8;}
.infonta span{float: left;width: 80%;}
.infonta span em{display: block;width: 20px;border-top: 3px solid #e50012;margin-bottom: .5rem;}
.infonta i{display: block;float: right;width: 20%;height: 40px;background: url(../images/tipb.png)center  no-repeat;}
.phover{position: absolute;height: 100%;width: 100%; z-index: 8;}
.phover::before{position: absolute;content: "";left:0;top:0;height:0px;width:6px;z-index: 6;background: #004098;transition: all 1s ease}
.phover::after{position: absolute;content: "";right:0;top:0;height:0px;width:6px;z-index: 6;background: #004098;transition: all 1s ease}
.inp_b{position: absolute; bottom:-100px;left:0;transition: all 1s ease}
.inp_b i{position: absolute;bottom: 60px;width: 100px;line-height: 40px;background: #ff8b19;right:0;border-radius: 50px 0 0 50px;text-align: center;font-size: 18px;font-weight: bold;}
/*index_03*/
.in_03{height: auto;overflow: hidden;}
.in03a strong{position: absolute;z-index: 1;font-size: 200px;text-transform: uppercase;color: #f2f3f7;top:10%;}
.in03b{position: absolute;z-index: 1;left:26%;}
.in03b img{display: block;max-width: 100%;}
.in_03 .swiper-slide {text-align: center;padding: 6% 0;
      /* Center slide text vertically */
      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: 600ms;
	  transform: scale(0.4);
    }
.in_03 .swiper-slide-active,.swiper-slide-duplicate-active{transform: scale(1);  }
.in_03 .swiper-button-next::after{display: none; }
.in_03 .swiper-button-prev::after{display: none;}
.in_03 .swiper-button-prev, .in_03 .swiper-container-rtl .in_03 .swiper-button-next{left:25%;outline: none;}
.in_03 .swiper-button-next, .in_03 .swiper-container-rtl .in_03 .swiper-button-prev{right:25%;outline: none;}
.in03c{height: auto;overflow: hidden;text-align: center;margin-top: -6%;z-index: 8;position: relative;}
.in03c i{display: block;width: 25px;height: 3px;background: #e50012;margin:1rem auto;}
.in03c strong{display: block;}
.in03c p{color: #777;width: 70%;margin:1rem auto;}
.inmore a{width: 140px;line-height: 40px;background: #e50012;border-radius: 60px; text-align: center;color: #fff;margin: 0 auto;transition:.4s}
.inmore a em{font-size: 28px;}
.inmore a:hover{background: #004098;}
.sa{height: auto;overflow: hidden;margin: 2% 0;}
.sa span{display: block;line-height: 40px;}
/*index_04*/
.in_04{height: auto;overflow: hidden;background: #f6f7fc;}
.in04a span{display: block;font-size: 80px;line-height: 100px;text-transform: uppercase;color: #eff1f6;font-style: italic;}
.in04a strong{display: block;margin-top: -50px;}
.in04a p{font-size: 32px;line-height: 60px;}
.in04b{height: auto;overflow: hidden;margin: 4% 0;}
.in04b p{line-height: 30px;color: #777;}
.in04c{background: #004098;color: #fff;position: relative;}
.in04c p{line-height: 30px;text-transform: uppercase;}
.in04c strong{display: block; }
.in04c span{position: absolute;right:1px;bottom: 1px; width: 50px;line-height: 50px;height: 50px;background: #fff;text-align: center;}
.in04c span i{font-size: 32px;color: #004098;}
.in04d img{max-width: 100%;}
/*index_05*/
.in_05{height: auto;overflow: hidden;}
.in05a .swiper-slide a{display: block; height: auto;overflow: hidden;border: 1px solid #ededed;}
.in05a .swiper-slide:hover img{transform:scale(1.05,1.05);}
.in05a .swiper-slide:hover .in05a_a b{background: rgba(0,0,0,0.5);}
.in05a .swiper-slide:hover p i{width: 40px;}
.in05a .swiper-slide:hover .in05a_b span{color: #004098;}
.in05a .swiper-slide:hover .in05a_b p b{color: #004098;}
.in05a .swiper-slide img{display: block;width: 100%;transition:all 0.6s ease 0s;}
.in05a_b{height: auto;overflow: hidden;}
.in05a_b span{border-bottom: 1px solid #ededed;}
.in05a_b p{line-height: 50px;height: 50px;overflow: hidden; font-weight: normal;color: #777;}
.in05a_b p i{width: 20px;height: 3px;background: #e50012;transition: all 1s ease}
.in05a_b p em{color: #777;}
.in05a_a{height: auto;overflow: hidden;position: relative;}
.in05a_a b{position: absolute;z-index: 88;background: rgba(0,0,0,0);width: 100%;height: 100%;transition:.4s;}

/*index_06*/
.in_06{height: auto;overflow: hidden;background: #f6f7fc;}
.intitb strong{display: block;font-size: 80px;color: #eff1f6;text-transform: uppercase;}
.intitb p{margin-top: -60px;}
.intitb i{color: #999;}
.in06a a{display: block;height: auto;overflow: hidden; background: #fff;transition: 0.3s;}
.in06a .in06pic{ height: 0; padding-bottom: 70%; position: relative; overflow: hidden;}
.in06a .in06pic img{ width: 100%; height: 100%; object-fit: cover; left: 0; position: absolute; transition:0.3s;}
.in06a .in06a_a{ width: 72%;}
.in06a .in06a_a p{ color: #999;line-height: 25px;}
.in06a .in06a_b{width: 26%; height: 85px; background: #df0001; text-align: center; color: #fff; border-radius: 5px; transition: 0.3s;}
.in06a .in06a_b p{ font-size: 45px;line-height: 56px;}
.in06a .in06a_b span{ color: rgba(255,255,255,0.5);}
.in06a a:hover .in06pic img{transform: scale(1.1);}
.in06a a:hover{ background: #df0001;color: #fff;}
.in06a a:hover .in06a_a p{ color: #fff;}
.in06a a:hover .in06a_b{ background: #fff;}
.in06a a:hover .in06a_b span,.in06a:hover .in06a_b p{ color: #df0001;}
.in06b{ background: #fff;}
.in06b li{transition: 0.3s; border-right: 1px solid #f5f5f5; border-bottom: 1px solid #f5f5f5;}
.in06b .col-12:last-of-type li{ border-bottom: none;}
.in06b .in06b_b{ float: right; width: 80%; padding-left: 20px;}
.in06b p{ color: #999;line-height: 25px;}
.in06b .in06b_a{ float: left; text-align: center; font-size: 14px;}
.in06b .in06b_a span{ display: block; font-size: 40px; font-weight: bold; color: #818182;}
.in06b .in06b_a p{ color: #818182;}
.in06b li:hover{ background: #df0001;}
.in06b li:hover span{ color: #fff;}
.in06b li:hover .in06b_a span,.in06b li:hover .in06b_a p{ color: rgba(255,255,255,1);}
.in06b li:hover p{color: rgba(255,255,255,0.5);}


.in07a{height: auto;overflow: hidden; }
.in07a ul{border: 1px solid #e6e6e6; border-right: none; border-bottom: none;}
.in07a li{text-align: center;border-right: 1px solid #e6e6e6; border-bottom: 1px solid #e6e6e6; transition: 0.3s; cursor: default;}
.in07a li:hover{box-shadow: 0 0 20px rgba(0, 0, 0, 0.15);}
.in07a li img{display: block;max-width: 100%;margin:0 auto;}

/*鑴氭*/
.footer{height: auto;overflow: hidden;background: #282828;}
.foota_a{height: auto;overflow: hidden;color: #b0b0b0; }
.foota_a li{line-height: 30px; }
.foota_a li a{display: block;color: #b0b0b0;transition:.4s;}
.foota_a li:hover a{color: #fff;}
.foottit{line-height: 50px;font-size: 18px;color:#dadada;margin-bottom: 20px;}
.foottit i{display: block;width: 30px;height: 2px;background: #dadada;}
.foota_b{height: auto;overflow: hidden;;}
.foota_b a{display: block;width: 140px;line-height: 40px;background: #e50012;border: 1px solid #e50012;text-align: center;color: #fff;border-radius: 60px;transition:.4s;}
.foota_b a:hover{background: #fff;color: #444;}
.footb{line-height: 80px;color: #b0b0b0;border-top: 1px dashed #545454;text-align: center;}
.footb a{color: #b0b0b0;transition:.4s;}
.footb a:hover{color: #fff;}
.foota_b {color: #fff;}
.foota_b span{color: #b0b0b0;}
.foota_b i{float: left;font-size: 24px;margin-right: .5rem;}
.foota_c img{display: block;margin: 0 auto;}
.ewm{height: auto;overflow: hidden;}
.ewm img{background: rgba(255,255,255,.2);padding: 5px;max-width: 100%;}
.ewm span{display: block;line-height: 35px;text-align: center;color: #b0b0b0;}

.footnav{left: 0;bottom:0;float: left;width: 100%;position: fixed;background:#2e3269;color:#fff;z-index: 888;}
.footnav li{float: left;text-align: center; color: #fff;}
.footnav li a{display: block;}
.footnav li:nth-of-type(1){width: 15%;}
.footnav li:nth-of-type(1) a{border-right: 1px solid #242a81;}
.footnav li:nth-of-type(2){width: 15%;}
.footnav li:nth-of-type(2) a{border-right: 1px solid #242a81;}
.footnav li:nth-of-type(3){background: #444;width: 35%;}
.footnav li:nth-of-type(3) a{border-right: 1px solid #222;}
.footnav li:nth-of-type(4){background: #444;width: 35%;}
.footnav li i{font-size: 20px;}
.footnav li span{display: block;line-height: 25px;}
.footnav li a{display: block; color: #fff !important;padding-top:4%;}
.footnav li a:hover{color: #ffb40b}

.kefu{position: fixed;right:10px;bottom:20%;z-index: 888;}
.kefu li{position: relative; height: 60px;width: 40px;text-align: center;}
.kefu li:hover i{color: #004098}
.kefu li:nth-of-type(1){height: 65px;}
.kefu li:nth-of-type(1)::after{position: absolute;content: "";height: 25px;width: 1px;background:#e50113; bottom:7px;left:45%;}
.kefu li:nth-of-type(2)::after{position: absolute;content: "";height: 25px;width: 1px;background:#e50113; bottom:0;left:45%;}
.kefu li:nth-of-type(3)::after{position: absolute;content: "";height: 25px;width: 1px;background:#e50113; bottom:0;left:45%;}
.kefu li i{font-size: 22px;color: #e50113;height: 80px;margin: 0 auto;transition:.4s;}
.sewm {position: relative;right:200px;top:-85px;display: none;}
.kefua:hover .sewm{display: block;}
.gotop i{font-family: impact;cursor: pointer;}
/*绠€浠?/
.ban{height: auto;overflow: hidden;background: url(../images/ban.jpg) center no-repeat;padding: 1.8rem 0;}
.ban strong{display: block;font-size: 42px;line-height: 50px;color: #004098;font-family: fz;text-stroke: 1px #fff;-webkit-text-stroke:1px #fff;}
.ban strong b{font-family: impact;font-size: 60px;text-stroke: 2px #fff;-webkit-text-stroke:2px #fff;}
.ban span{display: block; color: #004098;}
.ban p i{display: block;width: 100px;border: 1px solid #004098;color: #004098;margin-bottom: 2%;border-radius: 60px;margin-right: 2%; line-height: 30px;float: left;text-align: center;}
.bana{text-align: right;}
.bana img{max-width: 100%;}
.location{height: auto;line-height: 50px;border-bottom: 1px solid #e8e8e8;}
.locationb a{display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 1;overflow: hidden; position: relative; transition:.4s;text-align: center;}
.locationb a:hover{background: #23569e;color: #fff;}
.locationa{text-align: right;color: #777;}
.locationa a {color: #777;transition:.4s;}
.locationa a:hover {color: #23569e;}
/*content_product*/
.producta{height: auto;overflow: hidden;background: #f6f7fc;}
.productc{height: auto;overflow: hidden;position: relative;}
.productc img{display: block;max-width: 100%;max-height: 100%; position: relative;z-index: 1;}
.productaa{position: absolute;bottom: 1rem;left:1rem; z-index: 5;padding:1rem 2rem;background: rgba(255,255,255,.8);}
.productaa span{display: block;font-size: 22px;line-height: 40px;}
.productaa i{display: block;width: 30px;height: 3px;margin:1rem 0;background: #444;}
.productaa p{line-height: 30px;font-size: 16px;color: rgba(0,0,0,.8);}


.companya{height: auto;overflow: hidden;background: #f6f7fc;}
.comtit{height: auto;overflow: hidden;position: relative;text-align: center;margin-bottom: 1rem;}
.comtit strong{display: block; font-size: 46px;color: #e9ebf1;text-transform: uppercase;}
.comtit span{display: block;font-size: 24px;line-height: 50px;}
.comtit i{display: block;margin:1rem auto;width: 30px;height: 3px;background: #004098}
.comtit em{font-weight: normal;font-size: 30px;}
.companyaa p{color:  #777;line-height: 30px;}
.companyaa img{max-width: 100%;}
.companyb {height: auto;overflow: hidden;}


.companyc{height: auto;overflow: hidden;}
.comc_bg{height: auto;overflow: hidden;background: url(../images/companyc.jpg) center top fixed;}
.comc_a{width: 60%;color: #fff;margin:0 auto;text-align: center;}
.comc_a p{line-height: 40px !important;}
.companyc li {text-align: center;color: #fff;}
.companyc li:hover img{transform:rotate(45deg)}
.companyc li:hover i{background: #e50012;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;}

.comc_ba{text-align: center;background: #f6f7fc;}
.comc_b li img{display: block;margin:0 auto;}
.comc_b li strong{display: block;}
.comc_b li p{color: #777;}


#hxys{position: relative;z-index: 1;}
#hxys .swiper-container {width: 100%;height: 100%;}
#hxys .swiper-slide:hover .tit{background: rgba(0,0,0,0.8)}
#hxys .swiper-slide {text-align: center;height: 499px;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);
}
#hxys .swiper-slide-active,.swiper-slide-duplicate-active{  background: #fff;position: relative;}
#hxys .swiper-slide-prev{ left: -15%; background: #000; }
#hxys .swiper-slide-next{ right: -15%; background: #000; }
#hxys .swiper-slide img{ width: 100%; height: 499px; opacity: 0.3;}
#hxys .swiper-slide-active img,.swiper-slide-duplicate-active img{ opacity: 1; width: 100%; height: auto ; transform: scale(2);}
#hxys .swiper-container .swiper-button-next{ right: 10%; top: 60%; outline: none;   width: 46px; height: 50px;}
#hxys .swiper-container .swiper-button-prev{ left: 10%; top: 60%; outline: none;width: 46px; height: 50px;}
#hxys .swiper-container .swiper-pagination{ border-bottom: 1px solid #e6e6e6; border-top:1px solid #e6e6e6; bottom: auto; top: 0; height: 55px;}
#hxys .swiper-container .swiper-pagination .swiper-pagination-bullet{ width: 15%; height: 55px;border-radius: 0 ; opacity: 1; outline: none;position: relative;}
#hxys .swiper-container .swiper-pagination .swiper-pagination-bullet:nth-of-type(1)::before{position: absolute;z-index: 888;content:"鑷姩娓呯悊绯荤粺";top:0;}
.swiper-pagination-bullet{background: #13956b ;}
#hxys .swiper-slide .tit{ position: absolute; left: 0; bottom: 0; width: 100%; background: rgba(0,0,0,0.4); height: 50px;line-height: 50px; color: #fff; z-index: 999; opacity: 0;}
#hxys .swiper-slide-active .tit,.swiper-slide-duplicate-active .tit{ position: absolute;width: 200%; overflow: hidden;transition:.4s; left: -50%; bottom: 0;background: rgba(0,0,0,0.4);z-index: 999; opacity: 1; height: auto;}
@media screen and (max-width:768px){
  #hxys .swiper-slide-active .tit,.swiper-slide-duplicate-active .tit{ width: 100%; left: 0;}
}
@media screen and (max-width:768px){
  #hxys .swiper-container .swiper-pagination .swiper-pagination-bullet{ width: 22%; background-size: 100%;}
  #hxys .swiper-container .swiper-pagination .swiper-pagination-bullet:nth-of-type(2){ background-size: 100%;}
  #hxys .swiper-container .swiper-pagination .swiper-pagination-bullet:nth-of-type(3){ background-size: 100%;}
  #hxys .swiper-container .swiper-pagination .swiper-pagination-bullet:nth-of-type(4){ background-size: 100%;}
  #hxys .tit{ padding: 2% ; background: #26365a ;}
  #hxys .tit .left{ width: 100%; border: none;}
}
.companyd{height: auto;overflow: hidden;background: #f6f7fc;}
.companyd li{height: auto;overflow: hidden;border: 1px solid #ccc; position: relative;}
.companyd li span{line-height: 50px;color: #777;}
.companyd li span em{margin-left: 3%;color: #004098}
.companyd li img{max-width: 100%;}
.companyd li:hover .infontb{background: rgba(4,40,126,0.8);opacity: 1;margin-left: 0px;}
.infontb{position: absolute;z-index: 88;left: 0;top:0;padding: 8%;background: rgba(4,40,126,0);margin-left:30px; width: 100%;height: 100%;color: #fff;opacity: 0;transition:.4s;}
.infontba{padding: 8%;width: 100%;height: 100%;color: #fff;border: 1px solid #d0d0d0;}
.infontba span{color: #fff !important;}
.infontba i{display: block;width: 30px;border-top: 2px solid #ffb806;margin:3% 0;}
.infontba p{line-height: 30px;}
.more{line-height: 60px;text-align: center;text-transform: uppercase;}
.more a{display: block;transition:.4s;font-family: -webkit-pictograph;}
.more a:hover{color: #e50113}
/*content_public*/
.public{background: #f6f7fc;height: auto;overflow: hidden;}
.content{line-height: 30px;}
.content img{display: block;max-width: 100%;margin:0 auto;}
.content p{color: #777;}
.de-page-mian{height: auto;overflow: hidden;margin:1rem auto;}
/*鑽ｈ獕*/
.honorlist{height: auto;overflow: hidden;}
.honorlist li{height: auto;overflow: hidden;}
.honorlist li a{display: block;position: relative;border: 1px solid #efefef;}
.honorlist li img{display:block;height: auto;margin:0 auto;  max-width: 100%;transition: all 1s ease;}
.honorlist li:hover img{transform: scale3D(1.1, 1.1, 1.1)}
.honorlist li:hover .honorfonta{background: rgba(0,0,0,0.8);opacity: 0.8;bottom: 0;}
.honorfonta{position: absolute;z-index: 88;bottom: -215px;width: 100%;color: #fff; height: 100%;padding-top: 30%; overflow: hidden;text-align: center;background: rgba(0,0,0,0);transition: .4s;}
.honorfonta span{display: block; line-height: 30px;font-size: 15px;}
.honorfonta i{font-size: 42px;}
.imga{height: auto;overflow: hidden;}

.caselist li img{max-width: 100%;}
.caselist{height: auto;overflow: hidden;}
.caselist li{height: auto;overflow: hidden;}
.caselist li a{display: block;background: #fff;}
.caselist li:hover img{transform:scale(1.05,1.05);}
.caselist li:hover b{background: rgba(0,0,0,0.5);}
.caselist li img{display: block;width: 100%;transition:all 0.6s ease 0s;}
.caselist li b{position: absolute;z-index: 88;background: rgba(0,0,0,0);width: 100%;height: 100%;transition:.4s;}
.nfonta{height: auto;overflow: hidden;}
.nfonta span{display: block;font-size: 16px;line-height: 30px;height: 30px;overflow: hidden;}
.nfonta strong{display: block;line-height: 30px;font-weight: normal;color: #777;border-top: 1px solid #efefef;}
.nfonta strong i{float: right;}
.nimga{width: 100%;height: auto;overflow: hidden;position: relative;}



/*鏂伴椈*/
.newslist{height: auto;overflow: hidden;}
.newslist ul{border-top: 1px solid #f1f1f1;border-left: 1px solid #f1f1f1;}
.newslist ul li{border-right: 1px solid #f1f1f1;border-bottom: 1px solid #f1f1f1;transition: all 1s ease}
.newslist ul li img{display: block;max-width: 100%;}
.newslist ul li a{display: block;transition:.4s; }
.newslist ul li:hover{background: #f6f6f6;box-shadow: rgba(0,0,0,0.3) 0px   6px 15px;}
.newslist ul li:hover a{transform: translate3d(0,-10px,0)}
.newslist ul li:hover strong{color: #004098;}
.newslist ul li:hover span{background: #004098;color: #fff;}
.infontc{padding: 4%;height: auto;overflow: hidden;}
.infontc strong{font-size: 18px;line-height: 40px;transition:.4s;}
.infontc em{display: block;border-top: 3px solid #c1c1c1;width: 60px;margin: 4% 0;}
.infontc span{display: block;width: 80px;border:1px solid  #ddd;line-height:30px;margin-top: 4%;text-align: center;font-size: 12px;color: #777;transition: all 1s ease}
.infontc span b{font-family: -webkit-pictograph;text-align: center;}
.infontc span i{font-size: 12px;}
.infontc p{line-height: 30px;color: #777;transition:.4s;margin:10% 0;}
/*鏂伴椈璇︽儏*/
.newsinfoa{height: auto;overflow: hidden;}
.newsinfoa strong{display: block; text-align: center;font-size: 20px;margin-top: 40px; font-weight: bold;color: #4c4c4c;margin-bottom: 23px;line-height: 32px;}
.meta{line-height: 35px;height: 35px;overflow: hidden;border: 1px solid #dbdbdb;border-width: 1px 0;font-size: 12px;color: #808080;text-align: center;}
.newsaa {height: auto;overflow: hidden;}
.newsaa  img{display: block;margin:2% auto;max-width: 100%;}
.newsaa  p{line-height: 30px;}
.newsinfob{height: auto;overflow: hidden;}
.newsinfob strong{display: block;font-size: 1.375rem;line-height: 60px;}
.newsinfob li{height: auto;overflow: hidden;margin-bottom: 20px;background: #f1f1f1;padding: 15px;transition:.4s;}
.newsinfob li:hover{background: #23569e;color: #fff;}
.newsinfob li:hover span{color: #fff;}
.newsinfob li:hover p{color: #fff;}
.newsinfob li img{max-width: 100%;}
.newsinfob li span{line-height: 25px;margin:10px 0;color: #666;}
.newsinfob li p{line-height: 25px;color: #666;font-size: 13px;}
#prev_next li{float: left;width: 50%;line-height: 35px;border-top: 1px solid #dbdbdb;padding-top: 2%;}
#prev_next li a{transition:.4s;}
#prev_next li:hover a{color: #23569e !important;}
/*浜у搧璇︽儏*/
.proinfo{height: auto;overflow: hidden;margin:2% 0;}
.proa{height: auto;overflow: hidden;margin-bottom: 4%;background: #fff;padding: 2%;}
.proaa{height: auto;overflow: hidden;}
.proaa span{display: block;font-size: 22px;line-height: 40px;color: #004098}
.proaa p{line-height: 50px;color: #777;}
.proaa p i{color: #e50113;font-size: 20px;}
.proaab:hover p{opacity: 1;}
.proaab p{float: left; opacity: 0;font-size: 22px;color: #004098;transition:.4s;}
.proaab p i{color: #004098;font-size: 22px;}
.proaab a{display: block;float: right; width: 120px;background: #e50113;line-height: 40px;text-align: center;color: #fff;border-radius: 2px;transition:.4s;}
.proaab a:hover{background: #004098;}
.proab{background: #f6f7fc;}
.proab span{display: block; color: #004098;}
.proab p{line-height: 30px;color: #777;}
.proac{height: auto;overflow: hidden;}
.proac ul{height: auto;overflow: hidden;margin-top: 2%;}
.proac ul li:hover .profimg{border: 3px solid #e50113;}
.proac ul li:hover .proad{border: 5px solid #e50113;}
.proac p{line-height: 60px;border-bottom: 1px solid #e8e9eb;color: #777;font-size: 16px;}
.proac p i{color:  #e50113;font-size: 20px;}
.profimg img{display: block;max-width: 100%;transition: all 1s ease;}
.profimg{height: auto;overflow: hidden;position: relative;border: 3px solid #35363b;padding-bottom: 14%;transition:.4s}
.prodc{position: absolute;top:0;left:0;width: 70%;}
.prodd{position: absolute;bottom:0;left:0;}
.proad{position: relative;height: auto;overflow: hidden; border: 5px solid #35363b;padding-bottom: 9%;transition:.4s}
.proad img{display: block; max-width: 100%;}
.proda{position: absolute;top:0;left:0;}
.prodb{position: absolute;bottom:0;left:0;width: 100%;}



.proca strong{display: block;line-height: 50px;border-bottom: 1px solid #eee;font-size: 18px;color: #444; background: url(../images/tipd.png) left no-repeat;padding-left:2rem;margin: 1rem 0;}
.proca p{line-height: 30px;font-size: 15px;}
.proca table { width: 100%!important;border-collapse: collapse;} 
.proca  img{ max-width: 100%!important;} 
.proca table p{ width: 100%!important; border-collapse: collapse;border-right: 1px solid #ddd} 
.proca th,tr{width: 100%!important; border-collapse: collapse;border: 1px solid #ddd;}
.proca tr{border-right: 1px solid #ddd;text-align: center;}
.proca tr p{line-height: 40px;}
.firstRow td{background: #eee;border-right: 1px solid #ddd;}

.procb strong{display: block;line-height: 50px;border-bottom: 1px solid #eee;font-size: 18px;color: #444; background: url(../images/tipd.png) left no-repeat;padding-left:2rem;margin: 1rem 0;}
.procb li img{display: block;max-width: 100%;}

.prod{height: auto;overflow: hidden;background: #1e4085;}
.prod li{text-align: center;color: #fff;}
.prod li:nth-of-type(3n+0)::after{height: 0px;}
.prod li::after{position: absolute;content: "";height: 80%;top:20%;right:0; width: 1px;background: rgba(255,255,255,.2);}
.prod li span{display: block;font-size: 22px;line-height: 40px;font-weight: bold;}
.prod li p{text-transform: uppercase;margin-bottom: 1rem;line-height: 30px;color: rgba(255,255,255,.5);}
.prod li i{display: block;width: 30px;background: #c11126;height: 5px;border-radius: 3px;margin:0 auto;}
.prod li em{font-size: 54px;}

.proe li a{display: block;position: relative;}
.proe li a:hover img{transform:scale(1.05,1.05);}
.proe li span{display: block;position: absolute;right:4%;top:4%;color: #fff;}
.proe li img{display: block;max-width: 100%;transition:all 0.6s ease 0s;}


.sidea{height: auto;overflow: hidden;border: 1px solid #eaeaea}
.sidetita{height: 42px;background-color: #f6f6f6;color: #333;line-height: 42px;text-align: center;}
.sideaa {background: #fff;height: auto;overflow: hidden;padding: 4%;}
.s_c img{display: block; margin:4% auto 0 auto;}
.s_a{padding: 10%;height: auto;overflow: hidden;}
.s_a li{float: left;width: 50%;font-size: 12px;line-height: 20px;text-align: center;color: #777;}
.ciona{background: url(../images/ciona.png)  left center no-repeat #fff;color: #999;font-size: 13px;}
.cionb{background: url(../images/cionb.png)  left center no-repeat #fff;color: #999;font-size: 13px;}
.s_b p{margin-top: 8%;line-height: 25px;font-size: 13px;text-align: center;color: #777;}
.s_b .form-tr{margin-top: 3%;}
.s_b input {display: block;width: 100%;padding-left:10%;height: 50px;line-height: 50px;border: 1px solid #d8d8d8;}
.s_b .code{height: auto;overflow: hidden;}
.s_b .code input {width: 48%;float: left;}
.s_b .code img {cursor: pointer;float: right;border: 1px solid #d8d8d8;width: 48%;height: 50px;line-height: 50px;}
.s_b .submit {display: block;width: 100%;height: 60px;text-align: center;line-height: 60px;background: #d6000f;color: #fff !important;font-size: 22px;font-weight: bold;transition:.4s;letter-spacing: 1px;}
.s_b .submit:hover {background: #004098;}
.sideb{height: auto;overflow: hidden;margin-top: 2%;background: #fff;padding: 4%;}

.sideb ul{background: #f8f8f8;padding: 2%;margin-top: 2%;}
.sideb li{position: relative; line-height: 45px;height: 45px;border-bottom: 1px dashed #ccc;transition:.4s;}
.sideb li a{display: block;transition:.4s}
.sideb li:after{position: absolute;content: "";width: 0px;background: #004098;left:0; bottom: -1px; height: 2px;transition:.4s}
.sideb li:hover a{color: #004098;}
.sideb li:hover:after{width: 100%;}

/*.proc{height: auto;overflow: hidden;background: #fff;padding: 2%;}
.proca{height: auto;overflow: hidden;margin-top:2%;}
.proca p{line-height: 25px;}
.proca img{display: block;margin: 0 auto;max-width: 100%;}
.procb img{display: block;margin: 0 auto;max-width: 100%;}
.casecontent{height: auto;overflow: hidden;margin:2% 0;}*/
/*鍚堜綔*/
.hzpplist{height: auto;overflow: hidden; }
.hzpplist ul{border: 1px solid #e6e6e6; border-right: none; border-bottom: none;}
.hzpplist li{text-align: center;border-right: 1px solid #e6e6e6; border-bottom: 1px solid #e6e6e6; transition: 0.3s; cursor: default;}
.hzpplist li:hover{box-shadow: 0 0 20px rgba(0, 0, 0, 0.15);}
.hzpplist li img{display: block;max-width: 100%;margin:0 auto;}



/*鑱旂郴*/
.contacta{height: auto;overflow: hidden;background: url(../images/cona.jpg) right bottom no-repeat;}
.contactaa{height: auto;overflow: hidden;}
.contactaa li{height: auto;overflow: hidden;border-right: 1px solid #ededed;text-align: center;}
.contactaa li i{display: block;font-size: 52px;color: #a2a8b8;}
.contactaa li span{display: block;line-height:40px; }
.contactaa li em{display: block;width: 30px;border-top: 1px solid #888;margin:2% auto 4% auto;}
.contactaa li p{line-height:30px;font-size: 16px;color:#777;}
.contactaa li:nth-of-type(4){border-right:none}
.contactaa li:nth-of-type(4) p{font-size: 16px;}

.contactb{height: auto;overflow: hidden;}
.contactc{height: auto;overflow: hidden;background: url(../images/contactc.jpg) center top no-repeat;}
.cona{background: rgba(255,255,255,0.3);height: auto;overflow: hidden;}
.contactc .forma{height: auto;overflow: hidden;}
.contactc .forma input{float: left;width: 32%;margin-right: 2%;line-height: 40px;padding-left: 2%;border: 1px solid #e6e6e6;}
.contactc .forma input:last-child{margin-right: 0px;}
.contactc textarea {display: block;padding-left:2%;width: 100%;height: 90px;background: #fff;line-height: 35px;border: 1px solid #e6e6e6;}
.contactc .code {width: 40%;margin:0 auto;}
.contactc .code input {width: 31%;line-height: 40px;float: left;}
.conaa p {line-height: 40px;color: #fff;text-align: center;margin-top: 2%;}
.conaa p i{font-size: 18px;}
.contactc .code .verify {cursor: pointer;float: left;margin:0 2%;width: 31%;height: 40px;line-height: 40px;text-align: center;}
.contactc .code .verify img {display: inline-block;vertical-align: middle;max-width: 100%;max-height: 100%;}
.contactc .submit {float: left;display: block;width: 31%;font-weight: bold; height: 40px;text-align: center;line-height: 40px;background: #fff;transition:.4s; color: #004098;font-size: 15px;}
.contactc .submit:hover {background: #0058b1;color: #fff;}
.contactc .form-tr {overflow: hidden;margin-top: 2%;}
.contactc input {display: block;width: 90%;padding-left:2%;height: 40px;line-height: 40px;background: #fff;border: 1px solid #e6e6e6;}


@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 span{font-size: 14px;}
.topa p{font-size: 12px;}
.search{width: 80%;}
.intitb strong{font-size: 56px;}
.in01a .col{padding-left: .25rem;padding-right: .25rem;}
.in02a_a .col-6:nth-of-type(9){display: none;}
.in03c{margin-top: 0px;}
.in03c strong{font-size: 20px;}
.in03c p{width: 100%;}
.in03b {left:6%;}
.in03b img{width: 94%}
.in03a .swiper-button-next,.in03a .swiper-button-prev{top:60%;}
.in_03 .swiper-slide{margin-top: 10%;}
.in_03 .swiper-slide img{max-width: 150%;}
.in04a span{font-size: 30px;line-height:40px;}
.footer{padding-bottom: 12%;}
.ban strong{font-size: 24px;}   
.ban strong b{font-size: 36px;}  
.ban span{font-size: 18px;}
.ban p i{width: 20%;}
.locationa{text-align: left;}
.proaab a{width: 100%;}
.comc_a{width: 100%;}
.locationc{text-align: right !important;}
#hxys .swiper-slide{height: 200px;}
.comtit strong{font-size: 34px;}
.comtit{margin-bottom: 4%;}
.companyc li{margin-bottom: 4%;}
.in_02 .row{margin-left: 0px;margin-right: 0px;}
.location .row{margin-left: 0px;margin-right: 0px;}
.companyc .row{margin-left: 0px;margin-right: 0px;}
.companyc .col-6{padding-left: 0.5%;padding-right: 0.5%;}
.honorlist .row{margin-left: 0px;margin-right: 0px;}
.honorlist .col-4{padding-left: 0.5%;padding-right: 0.5%;}
.honorlist .row{margin-left: 0px;margin-right: 0px;}
.contactc .code{width: 90%;}
.in04c span{display: none;}
.prod li span{font-size: 18px;}

}
@media (min-width: 576px) and (max-width: 768px) {  
.topa span{font-size: 14px;}
.topa p{font-size: 12px;}
.search{width: 80%;}
.intitb strong{font-size: 56px;}
.in01a .col{padding-left: .25rem;padding-right: .25rem;}
.in02a_a .col-6:nth-of-type(9){display: none;}
.in03c{margin-top: 0px;}
.in03c strong{font-size: 20px;}
.in03c p{width: 100%;}
.in03b {left:6%;}
.in03b img{width: 94%}
.in03a .swiper-button-next,.in03a .swiper-button-prev{top:60%;}
.in_03 .swiper-slide{margin-top: 10%;}
.in_03 .swiper-slide img{max-width: 150%;}
.in04a span{font-size: 30px;line-height:40px;}
.footb{line-height: 50px;}
.ban strong{font-size: 24px;}   
.ban strong b{font-size: 36px;}  
.ban span{font-size: 18px;}
.ban p i{width: 20%;}
.locationa{text-align: left;}
.proaab a{width: 100%;}
.comc_a{width: 100%;}
.locationc{text-align: right !important;}
#hxys .swiper-slide{height: 200px;}
.comtit strong{font-size: 34px;}
.comtit{margin-bottom: 4%;}
.companyc li{margin-bottom: 4%;}
.in_02 .row{margin-left: 0px;margin-right: 0px;}
.location .row{margin-left: 0px;margin-right: 0px;}
.companyc .row{margin-left: 0px;margin-right: 0px;}
.companyc .col-6{padding-left: 0.5%;padding-right: 0.5%;}
.honorlist .row{margin-left: 0px;margin-right: 0px;}
.honorlist .col-4{padding-left: 0.5%;padding-right: 0.5%;}
.honorlist .row{margin-left: 0px;margin-right: 0px;}
.contactc .code{width: 90%;}
}
@media (min-width: 768px) and (max-width:992px){
  .topa span{font-size: 14px;}
.topa p{font-size: 12px;}
.search{width: 80%;}
.intitb strong{font-size: 56px;}
.in01a .col{padding-left: .25rem;padding-right: .25rem;}
.in02a_a .col-6:nth-of-type(9){display: none;}
.in03c{margin-top: 0px;}
.in03c strong{font-size: 20px;}
.in03c p{width: 100%;}
.in03b {left:6%;}
.in03b img{width: 94%}
.in03a .swiper-button-next,.in03a .swiper-button-prev{top:60%;}
.in_03 .swiper-slide{margin-top: 10%;}
.in_03 .swiper-slide img{max-width: 150%;}
.in04a span{font-size: 30px;line-height:40px;}
.ban strong{font-size: 24px;}   
.ban strong b{font-size: 36px;}  
.ban span{font-size: 18px;}
.ban p i{width: 20%;}
.locationa{text-align: left;}
.proaab a{width: 100%;}
.comc_a{width: 100%;}
.locationc{text-align: right !important;}
#hxys .swiper-slide{height: 200px;}
.comtit strong{font-size: 34px;}
.comtit{margin-bottom: 4%;}
.companyc li{margin-bottom: 4%;}
.in_02 .row{margin-left: 0px;margin-right: 0px;}
.location .row{margin-left: 0px;margin-right: 0px;}
.companyc .row{margin-left: 0px;margin-right: 0px;}
.companyc .col-6{padding-left: 0.5%;padding-right: 0.5%;}
.honorlist .row{margin-left: 0px;margin-right: 0px;}
.honorlist .col-4{padding-left: 0.5%;padding-right: 0.5%;}
.honorlist .row{margin-left: 0px;margin-right: 0px;}
.contactc .code{width: 90%;} 
}
@media (min-width: 992px) and (max-width:1200px){ 
.lang i{display: none;}
.in03b{left:22%;max-width: 55%;}
.in03a .swiper-button-next,.in03a .swiper-button-prev{top:50%;}
.in04c strong{font-size: 20px;}
.in04c span{display: none;}
.in04a strong{font-size: 30px;line-height: 35px;}
.comtit strong{font-size: 32px;line-height: 45px;}
#hxys{zoom:.8;}
.in_03 .swiper-slide-active, .swiper-slide-duplicate-active{transform: scale(.7);}
.toptel{display: none;}
.ban strong{font-size: 24px;}   
.ban strong b{font-size: 36px;}  
.ban span{font-size: 18px;}
.ban p i{width: 20%;}
.in06b .in06b_a p{font-size: 12px;}
 }

@media (min-width: 1200px) {
.top .container{max-width: 1700px;}
.container{max-width: 1400px;}
.menu li a{font-size: 16px;}

 }

@media (min-width: 1200px) and (max-width:1630px){
.lang i{display: none;}   
.toptel p{font-size: 22px;}
.ban strong{font-size: 24px;}   
.ban strong b{font-size: 42px;}  
.ban span{font-size: 18px;}
.ban p i{width: 20%;} 
}

@media (min-width: 1200px) and (max-width:1440px){
.toptel p{font-size: 17px;} 
.ban span{font-size: 16px;} 
 
}
@media (min-width: 1200px) and (max-width:1260px){
.toptel p{font-size: 14px;}   
}

@media (max-width:1440px){
.kefu{display: none !important;} 
}