/* CSS Document */
@charset "utf-8";

*, *:after, *:before{margin:0px;padding:0px;border:none;outline:none;background:none;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;}
body,html{margin: 0 auto;font-size:0.9vw;line-height: 180%;color:#333;font-weight:400;background:#ffffff;font-family: 'Microsoft YaHei', Abel, Arial, sans-serif;background-size:cover;background-repeat:no-repeat;background-position:center top;-webkit-font-smoothing: antialiased;}
address,cite,code,em,th,i,h1,h2,h3,h4,h5,h6{font-style:normal;}
a{color:#333;text-decoration:none;transition:all 500ms ease;-moz-transition:all 500ms ease;-webkit-transition:all 500ms ease;-ms-transition:all 500ms ease;-o-transition:all 500ms ease;}
a:hover{text-decoration:none;outline:none;color:#ff4826;}
input,button,select,textarea{font-family: 'Microsoft YaHei', Abel, Arial, sans-serif;font-weight: 400;}
ul,li{list-style:none;padding:0px;margin:0px;}
input{transition: all 500ms ease;}
button:focus,input:focus,textarea:focus{outline: none;box-shadow: none;transition: all 500ms ease;}
input[type="submit"],input[type="reset"],input[type="button"]{-webkit-appearance:none;}
input[type=submit]:hover{opacity:0.9;filter:Alpha(opacity=90);cursor: pointer;}
p{position: relative;font-family: 'Microsoft YaHei', sans-serif;font-weight: 500;margin: 0px;transition: all 500ms ease;}
h1,h2,h3,h4,h5,h6{position:relative;font-family: 'Microsoft YaHei', sans-serif;font-weight: 400;line-height: 150%;margin: 0px;transition: all 500ms ease;}
figure{margin: 0px;}
img{display: block;max-width: 100%;height: auto;margin: 0 auto;transition-delay: .1s;transition-timing-function: ease-in-out;transition-duration: .7s;transition-property: all;image-rendering: -moz-crisp-edges;image-rendering:   -o-crisp-edges;image-rendering: -webkit-optimize-contrast;image-rendering: crisp-edges;-ms-interpolation-mode: nearest-neighbor;-ms-interpolation-mode:bicubic;image-rendering: optimizeQuality;}
.clearfix {z-index: 1;clear: both;}
.clearfix::after {display: block;clear: both;content: "";}
.l {float:left;_display: inline;}
.r {float:right;_display: inline;}
.tc{text-align: center;}
.container {margin: 0 auto;}
.flex{display: -webkit-flex;display: -moz-flex;display: -ms-flex;display: -o-flex;display: flex;align-items: center;justify-content: space-between;flex-wrap: wrap;}
.cflex{display: -webkit-flex;display: -moz-flex;display: -ms-flex;display: -o-flex;display: flex;align-items: center;justify-content: center;flex-wrap: wrap;}
.sflex{display: -webkit-flex;display: -moz-flex;display: -ms-flex;display: -o-flex;display: flex;align-items: center;justify-content: flex-start;flex-wrap: wrap;}
.eflex{display: -webkit-flex;display: -moz-flex;display: -ms-flex;display: -o-flex;display: flex;align-items: center;justify-content: flex-end;flex-wrap: wrap;}
.por{position: relative;}

@font-face{font-family:'Abel';src:url('../fontawesome/webfonts/Abel.ttf');}


/** header **/
header{width: 100%;position: relative;z-index: 9999 !important;}
header .logo{overflow: hidden;}
header .logo img{height: 60px;}

.fixedNav{position: fixed;left:0;top:0;background: #fff;-webkit-box-shadow:0 0 5px rgba(0,0,0,0.1);-ms-box-shadow:0 0 5px rgba(0,0,0,0.1);-o-box-shadow:0 0 5px rgba(0,0,0,0.1);-moz-box-shadow:0 0 5px rgba(0,0,0,0.1);box-shadow:0 0 5px rgba(0,0,0,0.1);}

header .headTxt{width: 60%;}
header .headTel{padding: 1.5vw 0 0.4vw;}
header .headTel .ce{overflow: hidden;}
header .headTel .ce img{transition:all .3s linear;opacity: .6;}
header .headTel img{height: 1.5vw;margin: 0;}
header .headTel span{font-size: 1.4vw;font-family: serif;font-weight: bold;margin-left: 1vw;margin-right: 4%;}
header .headTel span em{color: #ff4826;}
header .headTel i{color: #aaa;font-size: 1.6vw;margin-right: 1vw;}
header .headTel a.tel{font-size: 1.6vw;font-family: Abel;font-weight: bold;color: #1d2088;}
header .headTel a.search{margin: 0 4%;overflow: hidden;}
header .headTel a.search img{filter:grayscale(100%); -webkit-filter:grayscale(100%); -moz-filter:grayscale(100%); -ms-filter:grayscale(100%); -o-filter:grayscale(100%); filter:progid:dximagetransform.microsoft.basicimage(grayscale=1); -webkit-filter:grayscale(1);transition:all .3s linear;opacity: .4;}
header .headTel a.search:hover img{filter:grayscale(0); -webkit-filter:grayscale(0); -moz-filter:grayscale(0); -ms-filter:grayscale(0); -o-filter:grayscale(0); filter:progid:dximagetransform.microsoft.basicimage(grayscale=0); -webkit-filter:grayscale(0);opacity: 1;}
header .headTel a.url{background: #ff4826;color: #fff;width: 1.5vw;line-height: 1.5vw;font-size: 0.8vw;text-align: center;}


/** main-menu **/
.main-menu .navbar-collapse{padding:0px;display:block !important;}
.main-menu .navigation > li{-webkit-transition:all 300ms ease;-moz-transition:all 300ms ease;-ms-transition:all 300ms ease;-o-transition:all 300ms ease;transition:all 300ms ease;}
.main-menu .navigation > li > a{display:block;text-align:center;font-size: 1vw;letter-spacing: .1vw;line-height:40px;font-weight:500;opacity:1;z-index:1;text-transform: uppercase;-webkit-transition:all 500ms ease;-moz-transition:all 500ms ease;-ms-transition:all 500ms ease;-o-transition:all 500ms ease;transition:all 500ms ease;padding-bottom: 1vw;position: relative;}
.main-menu .navigation > li > a:hover::before{display: block;content: "";position: absolute;left: calc(50% - .6vw);bottom:0;border-color: transparent transparent rgba(255,72,38,1) transparent;border-width: .6vw;border-style: solid;}
.fixedNav .main-menu .navigation > li > a{color: #333;}
.main-menu .navigation > li.current > a,.main-menu .navigation > li:hover > a{color: #ff4826;}
.main-menu .navigation > li.current > a:before,.main-menu .navigation > li:hover > a:before{transform: scale(1,1);}
.main-menu .navigation > li > ul,.main-menu .navigation > li > .megamenu{position:absolute;left: 0;top:100%;width: 100%;z-index:100;display:none;opacity: 0;visibility: hidden;background: #fff;-webkit-transform-origin: top;-ms-transform-origin: top;transform-origin: top;-webkit-transition:all 500ms ease;-moz-transition:all 500ms ease;-ms-transition:all 500ms ease;-o-transition:all 500ms ease;transition:all 500ms ease;-webkit-animation:aa .3s;-moz-animation:aa .3s;padding: 4% 0;border-top: 1px solid #ff4826;-webkit-box-shadow:0 2px 5px rgba(0,0,0,0.1);-ms-box-shadow:0 2px 5px rgba(0,0,0,0.1);-o-box-shadow:0 2px 5px rgba(0,0,0,0.1);-moz-box-shadow:0 2px 5px rgba(0,0,0,0.1);box-shadow:0 2px 5px rgba(0,0,0,0.1);}
@-webkit-keyframes aa{ /*写一个动画函数*/
	from{top:90%;}
	to{top:100%;}
}
@-moz-keyframes aa{  /*写一个动画函数*/
	from{top:90%;}
	to{top:100%;}
}
.main-menu .navigation > li > .megamenu .container{align-items: stretch;}
.main-menu .navigation > li > .megamenu .pic{width: 50%;}
.main-menu .navigation > li > .megamenu .list{width: 45%;}
.main-menu .navigation > li > .megamenu .list h3 a{display: block;font-size: 1.8vw;letter-spacing: .1vw;margin-bottom: 2vw;color: #1d2088;}
.main-menu .navigation > li > .megamenu ul li{width: calc(100%/3);}
.main-menu .navigation > li > .megamenu ul li a{display: block;line-height: 280%;}
.main-menu .navigation > li > .megamenu ul li a i{margin-right: .8vw;color: #ccc;}
.main-menu .navigation > li > ul.from-right{left:auto;right:0px;}
.main-menu .navigation > li > ul > li{position:relative;width:100%;padding: 0px 30px;}
.main-menu .navigation > li > ul > li:last-child{border-bottom:none;}
.main-menu .navigation > li > ul > li > a{position:relative;display:block;line-height: 300%;font-weight:500;font-size:16px;text-transform:capitalize;transition:all 500ms ease;-moz-transition:all 500ms ease;-webkit-transition:all 500ms ease;-ms-transition:all 500ms ease;-o-transition:all 500ms ease;}
.main-menu .navigation > li > ul > li > a:before{position: absolute;content: "\f105";font-size: 17px;font-family: 'Font Awesome 5 Free';font-weight: 600;left: -30px;top: 15px;opacity: 0;transition: all 500ms ease;}
.main-menu .navigation > li > ul > li > a:hover:before{display: block;left: -17px;opacity: 1;}
.main-menu .navigation > li > ul > li.dropdown > a:after{font-family: 'Font Awesome 5 Free';content: "\f105";position:absolute;right:20px;top:14px;display:block;line-height:24px;font-size:16px;font-weight:800;text-align:center;z-index:5;}
.main-menu .navigation > li > ul > li > ul{position:absolute;right:100%;top:-2px;width:230px;z-index:100;display:none;padding: 10px 0px;background-color: #fff;-moz-transform: translateY(30px);-webkit-transform: translateY(30px);-ms-transform: translateY(30px);-o-transform: translateY(30px);transform: translateY(30px);-webkit-box-shadow:2px 2px 5px 1px rgba(0,0,0,0.05),-2px 0px 5px 1px rgba(0,0,0,0.05);-ms-box-shadow:2px 2px 5px 1px rgba(0,0,0,0.05),-2px 0px 5px 1px rgba(0,0,0,0.05);-o-box-shadow:2px 2px 5px 1px rgba(0,0,0,0.05),-2px 0px 5px 1px rgba(0,0,0,0.05);-moz-box-shadow:2px 2px 5px 1px rgba(0,0,0,0.05),-2px 0px 5px 1px rgba(0,0,0,0.05);box-shadow:2px 2px 5px 1px rgba(0,0,0,0.05),-2px 0px 5px 1px rgba(0,0,0,0.05);}
.main-menu .navigation > li > ul > li > ul.from-right{left:auto;right:0px;}
.main-menu .navigation > li > ul > li > ul > li{position:relative;width:100%;padding: 0px 30px;}
.main-menu .navigation > li > ul > li > ul > li:last-child{border-bottom:none;}
.main-menu .navigation > li > ul > li > ul > li > a{position:relative;display:block;font-size: 15px;padding:14px 0px;line-height:24px;font-weight:500;font-family: 'Jost', sans-serif;text-transform:capitalize;color:#35312f;border-bottom: 1px solid #f1e6df;text-align: left;transition:all 500ms ease;-moz-transition:all 500ms ease;-webkit-transition:all 500ms ease;-ms-transition:all 500ms ease;-o-transition:all 500ms ease;}
.main-menu .navigation > li > ul > li > ul > li > a:before{position: absolute;content: "\f105";font-size: 17px;font-family: 'Font Awesome 5 Free';font-weight: 600;left: -30px;top: 14px;opacity: 0;transition: all 500ms ease;}
.main-menu .navigation > li > ul > li > ul > li > a:hover:before{left: -17px;opacity: 1;display: block;}
.main-menu .navigation > li > ul > li > ul > li:last-child > a{border-bottom: none;}
.main-menu .navigation > li > ul > li > ul > li.dropdown > a:after{font-family: 'Font Awesome 5 Free';content: "\f105";position:absolute;right:20px;top:12px;display:block;line-height:24px;font-size:16px;font-weight:900;z-index:5;}
.main-menu .navigation > li.dropdown:hover > ul,.main-menu .navigation > li.dropdown:hover > .megamenu{visibility:visible;display: block;opacity:1;-moz-transform: translateY(0);-webkit-transform: translateY(0);-ms-transform: translateY(0);-o-transform: translateY(0);transform: translateY(0);transition:all 500ms ease;-moz-transition:all 500ms ease;-webkit-transition:all 500ms ease;-ms-transition:all 500ms ease;-o-transition:all 500ms ease;}
.main-menu .navigation li > ul > li.dropdown:hover > ul{visibility:visible;opacity:1;-moz-transform: translateY(0);-webkit-transform: translateY(0);-ms-transform: translateY(0);-o-transform: translateY(0);transform: translateY(0);transition:all 300ms ease;-moz-transition:all 300ms ease;-webkit-transition:all 500ms ease;-ms-transition:all 300ms ease;-o-transition:all 300ms ease;}
.main-menu .navigation li.dropdown .dropdown-btn{position:absolute;right:-32px;top:66px;width:34px;height:30px;text-align:center;font-size:18px;line-height:26px;color:#3b3b3b;cursor:pointer;display: none;z-index:5;transition: all 500ms ease;}
.main-menu .navigation li.dropdown ul li.dropdown .dropdown-btn{display: none;}
.menu-area .mobile-nav-toggler {position: fixed;top:0;right: 0;font-size: 20px;line-height: 40px;width: 40px;background: #1d2088;text-align: center;z-index: 99;cursor: pointer;color: #fff;display: none;}

/** mobile-menu **/
.nav-outer .mobile-nav-toggler{position: relative;float: right;font-size: 40px;line-height: 50px;cursor: pointer;color:#3786ff;display: none;}
.mobile-menu{position: fixed;right: 0;top: 0;width: 280px;height: 100vh;opacity: 0;visibility: hidden;z-index: 999999;-webkit-box-shadow:0 0 5px rgba(0,0,0,0.1);-ms-box-shadow:0 0 5px rgba(0,0,0,0.1);-o-box-shadow:0 0 5px rgba(0,0,0,0.1);-moz-box-shadow:0 0 5px rgba(0,0,0,0.1);box-shadow:0 0 5px rgba(0,0,0,0.1);}
.mobile-menu .navbar-collapse{display:block !important;}
.mobile-menu .nav-logo{position:relative;padding:40px 25px;text-align:left;}
.mobile-menu .nav-logo img{width: 80%;margin: 0;}
.mobile-menu-visible{overflow: hidden;}
.mobile-menu-visible .mobile-menu{opacity: 1;visibility: visible;}
.mobile-menu .menu-backdrop{position: fixed;right: 0;top: 0;width: 100%;height: 100%;z-index: 1;-webkit-transform: translateX(101%);-ms-transform: translateX(101%);transform: translateX(101%);transition: all 900ms ease;-moz-transition: all 900ms ease;-webkit-transition: all 900ms ease;-ms-transition: all 900ms ease;-o-transition: all 900ms ease;}
.mobile-menu-visible .mobile-menu .menu-backdrop{opacity: 0.70;visibility: visible;-webkit-transition:all 0.7s ease;-moz-transition:all 0.7s ease;-ms-transition:all 0.7s ease;-o-transition:all 0.7s ease;transition:all 0.7s ease;-webkit-transform: translateX(0%);-ms-transform: translateX(0%);transform: translateX(0%);}
.mobile-menu .menu-box{position: absolute;left: 0px;top: 0px;width: 100%;height: 100%;max-height: 100%;overflow-y: auto;background: #eee;padding: 0px 0px;z-index: 5;opacity: 0;visibility: hidden;border-radius: 0px;-webkit-transform: translateX(101%);-ms-transform: translateX(101%);transform: translateX(101%);}
.mobile-menu-visible .mobile-menu .menu-box{opacity: 1;visibility: visible;-webkit-transition:all 0.7s ease;-moz-transition:all 0.7s ease;-ms-transition:all 0.7s ease;-o-transition:all 0.7s ease;transition:all 0.7s ease;-webkit-transform: translateX(0%);-ms-transform: translateX(0%);transform: translateX(0%);}
.mobile-menu .close-btn{position: absolute;right: 15px;top: 10px;line-height: 30px;width: 24px;text-align: center;font-size: 16px;cursor: pointer;z-index: 10;-webkit-transition:all 0.9s ease;-moz-transition:all 0.9s ease;-ms-transition:all 0.9s ease;-o-transition:all 0.9s ease;transition:all 0.9s ease;}
.mobile-menu-visible .mobile-menu .close-btn{-webkit-transform:rotate(360deg);-ms-transform:rotate(360deg);transform:rotate(360deg);}
.mobile-menu .close-btn:hover{-webkit-transform:rotate(90deg);-ms-transform:rotate(90deg);transform:rotate(90deg);}
.mobile-menu .navigation{position: relative;display: block;width: 100%;float: none;}
.mobile-menu .navigation li{width: 100%;position: relative;display: block;border-top: 1px solid rgba(0,0,0,0.10);}
.mobile-menu .navigation:last-child{border-bottom: 1px solid rgba(0,0,0,0.10);}
.mobile-menu .navigation li > ul > li:first-child{border-top: 1px solid rgba(255,255,255,0.10);}
.mobile-menu .navigation li > a{position: relative;display: block;padding: 10px 0 10px 25px;font-size: 2.2vw;font-weight: 500;text-transform: uppercase;-webkit-transition: all 500ms ease;-moz-transition: all 500ms ease;-ms-transition: all 500ms ease;-o-transition: all 500ms ease;transition: all 500ms ease;}
.mobile-menu .navigation li ul li > a{font-size: 2vw;text-transform: capitalize;}
.mobile-menu .navigation li ul li i{margin-right: 10px;color: #666;}
.mobile-menu .navigation li > a:before{content:'';position:absolute;left:0;top:0;height:0;border-left:5px solid #1d2088;-webkit-transition: all 500ms ease;-moz-transition: all 500ms ease;-ms-transition: all 500ms ease;-o-transition: all 500ms ease;transition: all 500ms ease;}
.mobile-menu .navigation li.current > a{color: #1d2088;}
.mobile-menu .navigation li.current > a:before{height:100%;}
.mobile-menu .navigation li.dropdown .dropdown-btn{position:absolute;right:6px;top:6px;width:32px;height:32px;text-align:center;font-size:16px;line-height:32px;color:#aaa;background:rgba(255,255,255,0.10);cursor:pointer;border-radius:2px;-webkit-transition: all 500ms ease;-moz-transition: all 500ms ease;-ms-transition: all 500ms ease;-o-transition: all 500ms ease;transition: all 500ms ease;z-index:5;}
.mobile-menu .navigation li.dropdown .dropdown-btn.open{background:#fff;color: #3b3b3b;-webkit-transform:rotate(90deg);-ms-transform:rotate(90deg);transform:rotate(90deg);}
.mobile-menu .navigation li > ul,.mobile-menu .navigation li > ul > li > ul,.mobile-menu .navigation > li.dropdown > .megamenu{display: none;}

div#mCSB_1_container{top: 0px !important;}

.mobile-menu .navigation .container{width: auto;}
.mobile-menu .navigation .list h3{display: none;}
.mobile-menu .navigation .pic{display: none;}

/*search*/
.searchBox{position: fixed; width: 100%; height: 100%; background: #1a1a2a; z-index: 9999; right: 100%; opacity: 0;transition:all .5s linear;}
.searchBox.on {top:0;right: 0; opacity: 1; }
.searchBox img{height: 5vw;}
.searchBox .close{display: block; position: absolute; top: 20px; right: 20px; font-size: 1.5vw; color: #fff; width: 30px; text-align: center; line-height: 30px; height: 30px; cursor: pointer; }
.searchCon{width: 100%;position: absolute;left: 0;top:50%;transform:translateY(-50%);-webkit-transform:translateY(-50%);-moz-transform:translateY(-50%);}
.searchCon h4{font-size: 1.5vw;letter-spacing: 0.2vw; color: #fff; margin-bottom: 50px;margin-top: 2vw;}
.searchCon form{width: 50%;margin: 3vw auto;}
.searchCon form #searchTxt{ width: 90%; line-height: 3vw; border: none; padding: 0 20px; color: #888; font-size: 0.9vw;background: #fff;}
.searchCon form .searchBtn{ width: 10%; border: none; background: #ff4826; color: #fff; line-height: 3vw; font-size: 1.5vw;}
.searchList li{margin: 0 10px; }
.searchList li a{color: #fff; }

/*banner*/
.banner{position: relative;overflow: hidden;}
.banner img{width: auto;max-width:none;position: relative;top:0;left: 50%;-moz-transform: translateX(-50%); -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); transform: translateX(-50%);margin: 0;}

/*pdfdown*/
.pdfdown{position: fixed;right: 0;bottom: 0;z-index: 99;background: #ff4826;text-align:center;padding:1vw;border-radius:2vw 0 0 0;}
.pdfdown a{color:#fff;line-height:150%;display:block;}
.pdfdown i{display:block;font-size:150%;margin:.5vw 0;}

/*footTxt*/
.footTxt{background: #1a1a2a url(../images/foot_bg.jpg) center no-repeat;padding: 4% 0;-webkit-background-size: cover;background-size: cover;}
.footTxt h3{font-size: 1.8vw;line-height: 150%;color: #fff;letter-spacing: .1vw;border-left: .2vw solid #ff4826;padding: 3vw 0 3vw 2vw;}
.footTxt h3::before{display: block;content: "";position: absolute;left: -1vw;top:1vw;width: 8vw;height: .2vw;background: #ff4826;}
.footTxt h3::after{display: block;content: "";position: absolute;left: -1vw;bottom:1vw;width: 8vw;height: .2vw;background: #ff4826;}
.footTxt h3 strong{display: block;font-weight: 400;}
.footTxt h3 strong span{font-size: 180%;color: #ff4826;}
.footTxt h5{font-size: 2.5vw;line-height: 140%;font-family: Abel;font-weight: bold;color: #fff;letter-spacing: .2vw;z-index: 1;}
.footTxt h5::before{display: block;content: "";position: absolute;right: -4vw;top:50%;transform:translateY(-50%);-webkit-transform:translateY(-50%);-moz-transform:translateY(-50%);width: 10vw;height: 10vw;border-radius: 50%;z-index: -1;background:linear-gradient(0deg,transparent 0, #ff4826 80%);background: -webkit-linear-gradient(0deg,transparent 0, #ff4826 80%);background: -o-linear-gradient(0deg,transparent 0, #ff4826 80%);background: -moz-linear-gradient(0deg,transparent 0, #ff4826 80%);}
.footTxt h5 span{display: block;}
.footTxt h5 em{font-size: 120%;}

/*footer*/
.footer{background: #f2f2f2;}
.footer .footerBox{align-items: flex-start;padding: 4% 0;}
.footer .footerLogo img{margin: 0;}
.footer .footContact{margin-top: 2.5vw;}
.footer .footContact p{margin: .5vw 0;}
.footer .footContact p i{font-size: 1.2vw;color: #aaa;width: 1.2vw;text-align: center;margin-right: 1vw;}
.footer .footContact p.t1 a{color: #ff4826;}
.footer .footContact p.t2 a{color: #1d2088;}
.footer .footContact p a{font-size: 1.8vw;font-family: Abel;font-weight: bold;line-height: 120%;}
.footer .footContact p em{font-size: 1.8vw;font-family: Abel;font-weight: bold;line-height: 150%;color: #1d2088;}

.footer .footerNav{width: 46%;align-items: flex-start;}
.footer .footerNav .list h4{font-size: 1.1vw;font-weight: bold;margin: 1vw 0;}
.footer .footerNav .list ul li{letter-spacing: .1vw;}
.footer .footerNav .list ul li a{color: #666;}
.footer .footerNav .list ul li a:hover{color: #ff4826;}

.footer .footCode{text-align: right;margin-top: .6vw;}
.footer .footCode span{font-size: 1vw;}
.footer .footCode span i{font-size: 1.2vw;color: #aaa;width: 1.2vw;text-align: center;margin-right: .5vw;}
.footer .footCode a{display: block;font-size: 1.6vw;font-family: Abel;font-weight: bold;color: #1d2088;padding: .5vw 0 .8vw 0;}
.footer .footCode img{width: 10vw;padding: .5vw;background: #fff;margin: 0 0 0 auto;}

.copyright{background: #fff;color: #888;padding: .5vw 0;font-size: 90%;}
.copyright a{color: #888;padding: 0 5px;}
.copyright a:hover{color: #ff4826;}

.footer-bottom{display: none;}

@media screen and (max-width:1440px){

body,html{font-size: 1.1vw;}

header .headTxt{width: 50%;}
header .headTel a.url{font-size:100%;}
.main-menu .navigation > li > a{font-size: 1.2vw;}

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

.footTxt{-webkit-background-size: cover;background-size: cover;}
.footer .footerNav .list h4{font-size: 1.2vw;}

}

@media screen and (max-width:1280px){

body,html{font-size: 1vw;}

header .logo img{height: 48px;}
.main-menu .navigation > li > a{line-height: 30px;}

.footTxt h5::before{right: -2vw;}

}

@media screen and (max-width:1024px){

header .headTel a.url{width: 2vw;line-height: 2vw;}
.footTxt h5::before{right: -4vw;}

}

@media screen and (max-width:768px){

body,html{font-size: 2vw;}

.header{padding: 2% 0;}
header .logo img{height: 40px;}
header .headTxt{width: 68%;padding-right: 3%;}
header .headTel{padding: 0;}
header .headTel img{height: 2.2vw;}
header .headTel span{font-size: 2.5vw;}
header .headTel i{font-size: 2.5vw;}
header .headTel a.tel{font-size: 3vw;}
header .headTel a.url{width: 2.5vw;line-height: 2.5vw;}

.menu-area{width: auto;}
.main-menu{display: none;}
.menu-area .mobile-nav-toggler {display: block;}

.searchCon h4{font-size: 4vw;}
.searchCon form #searchTxt{line-height: 4vw;}
.searchCon form .searchBtn{line-height: 4vw;font-size: 2.5vw;}

.footer{margin-bottom: 12vw;}
.footTxt h3{font-size: 2.5vw;}
.footTxt h5{font-size: 3vw;}

.footer .footContact{margin-top: 4vw;}
.footer .footContact p{margin: 1vw 0;font-size: 2.5vw;}
.footer .footContact p i{width: 2.5vw;font-size: 2.5vw;}
.footer .footContact p a{font-size: 3.5vw;}
.footer .footContact p em{font-size: 3.5vw;}

.footer .footerNav{display: none;}

.footer .footCode span{font-size: 2.5vw;}
.footer .footCode span i{width: 3vw;font-size: 3vw;margin-right: 1vw;}
.footer .footCode a{font-size: 3.5vw;line-height: 150%;}
.footer .footCode img{width: 18vw;}

.copyright{font-size: 100%;}

.footer-bottom{background:#1d2088;width: 100%;display: block;position: fixed;bottom: 0;z-index: 999;border-top: 1px solid #fff;padding: 0 5%;}
.footer-bottom li{text-align: center;padding:2.5vw 0;}
.footer-bottom li:first-child{background:#1d2088;}
.footer-bottom li i{color: #fff;display:block;line-height:100%;font-size: 3vw;margin-bottom: 1vw;opacity: .6;}
.footer-bottom li a{color:#fff;font-size: 2.5vw;letter-spacing: .1vw;line-height: 3vw;display: block;}

}

@media screen and (max-width:480px){

body,html{font-size: 3.5vw;}

header .logo img{height: 32px;}
header .headTxt{width: 100%;padding: 0;margin-top: 1%;}
header .headTel{justify-content: space-between;flex-wrap: nowrap;}
header .headTel .ce{display: none;}
header .headTel img{height: 2.5vw;}
header .headTel span{font-size: 4vw;margin: 0 2% 0 0;}
header .headTel i{font-size: 5vw;}
header .headTel a.tel{font-size: 5vw;line-height: 150%;}
header .headTel img{height: 4vw;}
header .headTel a.search{margin:0 2% 0;}
header .headTel a.url{width: 5vw;line-height: 5vw;}

.menu-area .mobile-nav-toggler{width: 30px;line-height: 30px;font-size: 16px;}
.mobile-menu .navigation li > a{font-size: 4vw;}
.mobile-menu .navigation li ul li > a{font-size: 3vw;}

.searchBox img{height: 8vw;}
.searchCon h4{font-size: 6vw;}
.searchCon form{width: 80%;}
.searchCon form #searchTxt{line-height: 8vw;}
.searchCon form .searchBtn{line-height: 8vw;font-size: 4vw;}

.footTxt{padding: 6% 0;}
.footTxt h3{font-size: 4vw;padding: 0;border: none;width: 100%;text-align: center;line-height: 200%;}
.footTxt h3::before,.footTxt h3::after{display: none;}
.footTxt h3 strong span{font-size: 130%;}
.footTxt h5{font-size: 5vw;width: 100%;text-align: center;letter-spacing: .5vw;margin-top: 4%;}
.footTxt h5::before{display: none;}
.footTxt h5 span{display: inline;margin-left: 3vw;}
.footTxt h5 em{color: #ff4826;}

.footer .footerLogo img{height: 20vw;}
.footer .footContact p{font-size: 3.5vw;}
.footer .footContact p i{width: 4vw;line-height: 4vw;}
.footer .footContact p a{font-size: 6vw;}
.footer .footContact p em{font-size: 6vw;}

.footer .footCode{position: absolute;right: 0;top:5%;}
.footer .footCode span{font-size: 4vw;}
.footer .footCode span i{width: 4vw;font-size: 4vw;}
.footer .footCode a{font-size: 5vw;}

.copyright .container{justify-content: center;}

.footer-bottom li i{font-size: 3.5vw;}
.footer-bottom li a{font-size: 3.5vw;}

}

@media (min-width: 360px) {
  .container {
    width: 92%;
  }
}
@media (min-width: 375px) {
  .container {
    width: 92%;
  }
}
@media (min-width: 768px) {
  .container {
    width: 700px;
  }
}
@media (min-width: 992px) {
  .container {
    width: 900px;
  }
}
@media (min-width: 1250px) {
  .container {
    width: 1200px;
  }
}
@media (min-width: 1280px) {
  .container {
    width: 1200px;
  }
}
@media only screen and (min-width: 1440px) and (max-width: 1620px){
  .container {
    width: 1300px;
  }
}
@media(min-width:1620px){
  .container {
    width: 1480px;
  }
}
@media(min-width:2000px){
  .container {
    width: 1800px;
  }
}