body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,form,input,button,textarea,p,th,td,span,a,b,i,strong{margin:0; padding:0; box-sizing: border-box;}
body {font-size: 62.5%; line-height: 1.5; color: #333; background: #fff;}
img{border:0;display: block;max-width: 100%;-webkit-touch-callout: none;}
table { border-collapse: collapse;} 
*{-webkit-tap-highlight-color: transparent;}
input{border: none;-webkit-appearance: none;}
a{ text-decoration: none;background: none ;color: inherit;font-size: inherit;-webkit-touch-callout: none;}
ul,li, ol { list-style: none; }
:focus{ outline:none;}
.clearfloat:after{display:block;clear:both;content:"";visibility:hidden;height:0}
.clearfix{ clear: both; content: ""; display: block; overflow: hidden }
.clear{clear: both;}
.fl{ float: left; }
.fr{float: right;}
:root {--primary-color: #ea5513;}
.color_primary{color: var(--primary-color);}
.wrapper{width: 92%;max-width:1360px;margin: 0 auto;}
.txtEllipsis{overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.txtEllipsisTwo{overflow: hidden;text-overflow: ellipsis;display: -webkit-box; -webkit-box-orient: vertical;-webkit-line-clamp: 2;}
.txtEllipsisThree{overflow: hidden;text-overflow: ellipsis;display: -webkit-box; -webkit-box-orient: vertical;-webkit-line-clamp: 3;}
.txtEllipsisFour{overflow: hidden;text-overflow: ellipsis;display: -webkit-box; -webkit-box-orient: vertical;-webkit-line-clamp: 4;}
.bgCover{background-repeat: no-repeat;background-position: center;background-size: cover;}
.space{padding-top: 60px !important;padding-bottom: 60px !important;}
.flex{display: flex;}
.flex_center{display: flex;justify-content: center;align-items: center;}
.flex_between{display: flex;flex-wrap: wrap;justify-content: space-between;}
.m_t_60{margin-top: 60px;}

::-webkit-scrollbar{height: 5px;width: 5px;background: rgba(0,0,0,0)}
::-webkit-scrollbar:hover,
::-webkit-scrollbar:hover{background: rgba(0,0,0,0.1)}
::-webkit-scrollbar-thumb,
::-webkit-scrollbar-thumb{background: rgba(0,0,0,0.3);-webkit-border-radius: 6px;-moz-border-radius: 6px;-ms-border-radius: 6px;-o-border-radius: 6px;border-radius: 6px}
::-webkit-scrollbar-thumb:hover,
::-webkit-scrollbar-thumb:hover{-webkit-box-shadow: inset 1px 1px 1px rgba(0,0,0,0.25);-moz-box-shadow: inset 1px 1px 1px rgba(0,0,0,0.25);-ms-box-shadow: inset 1px 1px 1px rgba(0,0,0,0.25);-o-box-shadow: inset 1px 1px 1px rgba(0,0,0,0.25);box-shadow: inset 1px 1px 1px rgba(0,0,0,0.25);background-color: rgba(0,0,0,0.4)}

.swiper-free-mode>.swiper-wrapper {-webkit-transition-timing-function: linear;-moz-transition-timing-function: linear;-ms-transition-timing-function: linear;-o-transition-timing-function: linear;transition-timing-function: linear;}

.popupSection{position: fixed;top: 0;left: 0;z-index: 999;width: 100%;height: 100%;padding: 4vw;background-color: rgba(0, 0, 0, .8);display: none;}
.popupSection .section{width: 100%;height: 100%;display: flex;justify-content: center;align-items: center;}

.swiper-pagination-bullet{background: var(--primary-color);}

.defaultBtn,
.popupBtn{width: 130px;height: 45px;border-radius: 5px;font-size: 1.6em;color: #fff;display: flex;align-items: center;justify-content: center;cursor: pointer;}

.section_title{text-align: center;}
.section_title h2{font-size: 3em;}
.section_title h2::after{content: '';width: 2em;height: 2px;background-color: #333;display: block;margin: 15px auto 20px;}
.section_title p{font-size: 1.6em;}

.header{position: fixed;top: 0;left: 0;z-index: 9;width: 100%;height: 100px;background-color: rgba(0, 0, 0, .3);padding: 0 80px;border-bottom: 1px solid rgba(255, 255, 255, 0.3);display: flex;justify-content: space-between;align-items: center;transition: all .3s ease-out;}
.header .logo img{height: 55px;}
.header .right{height: inherit;display: flex;align-items: center;}
.header .nav{height: inherit;color: #fff;display: flex;}
.header .nav> li{height: inherit;margin-right: 40px;position: relative;}
.header .nav> li> a{height: inherit;display: flex;align-items: center;position: relative;font-size: 1.6em;}
.header .nav> li> a::after{content: '';position: absolute;bottom: 0;left: 0;width: 0;height: 2px;background-color: var(--primary-color);transition: all .3s ease-out;}
.header .nav> li.on> a,
.header .nav> li> a:hover{color: var(--primary-color);}
.header .nav> li.on> a::after,
.header .nav> li> a:hover::after{width: 100%;}
.header .nav> li ul{position: absolute;top: 100%;left: 0;background-color: rgba(255, 255, 255, .95);padding: 0 20px;height: 0;box-shadow: 0 2px 4px #eee;overflow: hidden;transform: scaleY(0);transform-origin: top;transition: all .3s ease-out;}
.header .nav> li ul li a{padding: 8px 0;white-space: nowrap;font-size: 1.5em;color: #555;display: block;}
.header .nav> li ul li a:hover{color: var(--primary-color);}

.header .tel a{background: url(../images/ico_tel.png) no-repeat left center/contain;padding-left: 25px;font-size: 1.8em;color: #fff;}

.header .search{width: 20px;height: 20px;background: url(../images/ico_search.png) no-repeat center/contain;margin: 0 40px;cursor: pointer;}
.header .popup_search form{border-bottom: 1px solid #fff;display: flex;}
.header .popup_search input.txt{background: none;width: 400px;height: 50px;font-size: 1.8em;color: #fff;}
.header .popup_search input.submit{width: 50px;height: 50px;background: url(../images/ico_search.png) no-repeat center/25px;cursor: pointer;}
.header .popup_search .close{width: 30px;height: 30px;background: url(../images/ico_close.png) no-repeat center/contain;cursor: pointer;margin-left: 20px;}

.header .popupBtn{background-color: var(--primary-color);height: 40px;;}

.header .menu_btn{width: 26px;height: 22px;cursor: pointer;display: none;position: relative;}
.header .menu_btn span {display: inline-block;width: 100%;height: 3px;background-color: var(--primary-color);;position: absolute;transition: all .3s linear;}
.header .menu_btn span:first-child {top: 0;}
.header .menu_btn span:nth-child(2) {top: 10px;}
.header .menu_btn span:last-child {top: 20px;width: 70%;}
.header.toggle .menu_btn span:first-child {top: 11px;transform: rotate(45deg);}
.header.toggle .menu_btn span:nth-child(2) {opacity: 0;}
.header.toggle .menu_btn span:last-child {top: 11px;width: 100%;transform: rotate(-45deg);}

.header.change{height:80px;}

.footer{background: url(../images/bg_footer.png) no-repeat center/cover;}
.footer .top_title{color: #fff;font-size: 2em;margin-bottom: 40px;}
.footer .contact p{font-size: 1.6em;color: rgba(255, 255, 255, .8);}
.footer .contact h3{font-size: 2em;color: #fff;font-weight: bold;}
.footer .contact .ewm{margin-top: 30px;}
.footer .contact .ewm li{margin-right: 30px;}
.footer .contact .ewm li:last-child{margin-right: 0;}
.footer .contact .ewm li img{height: 100px;}
.footer .contact .ewm li p{font-size: 1.6em;color: rgba(255, 255, 255, 0.8);text-align: center;margin-top: 10px;}

.footer .links ul li{font-size: 1.6em;color: rgba(255, 255, 255, 0.8);margin-bottom: 18px;}
.footer .links ul li:last-child{margin-bottom: 0;}

.footer .form{width: 45%;}
.footer .form .top{display: flex;flex-wrap: wrap;justify-content: space-between;}
.footer .form .top input{margin-bottom: 30px;}
.footer .form .btm textarea,
.footer .form .top input{width: calc(50% - 15px);background: none;border: none;border-bottom: 1px solid rgba(255, 255, 255, 0.15);color: #999;font-size: 15px;padding: 10px 0;}
.footer .form .btm{display: flex;flex-wrap: wrap;justify-content: space-between;align-items: flex-end;}
.footer .form .btm textarea{height: 120px;}
.footer .form .submit{width: 200px;height: 50px;line-height: 48px;border: 1px solid rgba(255, 255, 255, 0.15);color: #999;text-align: center;font-size: 1.6em;background: none;cursor: pointer;transition: all .3s ease-out;}
.footer .form .submit:hover{background-color: var(--primary-color);color: #fff;}

.footer .copyright{font-size: 1.4em;text-align: center;color: #999;padding: 15px 4%;border-top: 1px solid rgba(255, 255, 255, 0.2);}

.popupFixedPhoneForm form{background: #fff;width: 360px;padding: 40px 32px;border-radius: 8px;position: relative;}
.popupFixedPhoneForm form h3{text-align: center;margin-bottom: 20px;font-size: 2em;}
.popupFixedPhoneForm form p span{color: red;}
.popupFixedPhoneForm input{width: 100%;padding: 13px;border: 1px solid #E5E6EB;font-size: 14px;color: #1D2129;border-radius: 4px;margin-top: 10px;}
.popupFixedPhoneForm input.submit{color: #fff;margin: 30px 0 10px;cursor: pointer;background-color: var(--primary-color);}
.popupFixedPhoneForm .close{width: 20px;height: 20px;background: url(../images/ico_close.png) no-repeat center/contain;position: absolute;top: 10px;right: 10px;cursor: pointer;}


.page_pagination{width: 100%;padding: 60px 0;text-align: center;}
.page_pagination li{display: inline-block;margin-right: 10px;} 
.page_pagination li a{display: block;padding: 8px 15px;background: #fff;font-size: 1.4em;color: #999;border-radius: 4px;box-shadow: 0 1px 3px #dedede;transition: all .3s ease-out;}
.page_pagination li a:hover,
.page_pagination li.on a{background: var(--primary-color);color: #fff;}

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

@media screen and (max-width: 1440px){
    .defaultBtn,
    .popupBtn{width: 120px;height: 40px;font-size: 1.4em;}
	.header .nav> li{margin-right: 30px;}
    .header .search{margin: 0 30px;}
}

@media screen and (min-width: 1280px){
    .header .nav> li:hover ul{height: auto;padding: 15px 20px;transform: scale(1);}

}

@media screen and (max-width: 1279px){
    html, body{width: 100%;overflow-x: hidden;}
    .wrapper{width: 100%;padding-left: 4vw !important;padding-right: 4vw !important;}
    .defaultBtn,
    .popupBtn{width: 110px;height: 35px;font-size: 1.4em;}
    .space {padding-top: 40px !important;padding-bottom: 40px !important;}
    .m_t_60{margin-top: 30px;}

	.header{height:60px !important;padding: 0 4vw;background-color: rgba(255,255,255,0.9);display: flex;justify-content: space-between;align-items: center;position: fixed;z-index: 999;}
	.header .logo img{height: 30px;}
    .header .right{position: fixed;top: 50px;left: 0;width: 100%;height: 0;background-color: #fff;overflow: hidden;padding: 0 4vw;transition: all .3s ease-out;}
    .header .nav{flex-direction: column;width: 100%;color: #333;}
    .header .nav> li.on> a::after, 
    .header .nav> li> a:hover::after{display: none;}
    .header .nav> li ul{position: static;color: #666;padding: 0 40px 0 20px;box-shadow: none;}
    .header .nav> li> i{content: '';position: absolute;right: 0;top: 0;width: 44px;height: 44px;background: url(../images/ico_arrow.png) no-repeat center/ 15px;transition: all .3s ease-out;}
    .header .nav> li.show> i{transform: rotate(180deg);}
    .header .nav> li.show ul{padding: 0 40px 10px 20px;transform: scale(1);height: auto;}

    .header .tel{position: absolute;bottom: 0;left: 0;width: 50%;background-color: var(--primary-color);height: 50px;line-height: 50px;text-align: center;display: none;border-right: 1px solid #fff;}
    .header .popupBtn{position: absolute;bottom: 0;right: 0;height: 50px;width: 50%;border-radius: 0;}
    .header .tel span{background-size: 24px;}

    .header .search{position: fixed;top: 0;right: 30px;margin-left: 0;width: 50px;height: 50px;background-size: 25px;display: none;}
    .header .popup_search input.txt{width: calc(100% - 50px);}

    .header .menu_btn{display: block;}
    
	.header.toggle{background-color: var(--primary-color);}
    .header.toggle .menu_btn span{background-color: #f5f5f5;}
    .header.toggle .right{height: calc(100% - 50px);padding-bottom: 60px;}
    .header.toggle .nav{overflow-y: auto;}
    .header.toggle .nav> li{height: auto;margin-right: 0;border-bottom: 1px dashed #eee;}
    .header.toggle .nav> li:last-child{border-bottom: 0;}
    .header.toggle .nav> li> a{height: 44px;width: calc(100% - 44px);}
    .header.toggle .tel{display: block;}
    .header.toggle .search{display: block;}

    .footer .top_title{margin-bottom: 20px;text-align: center;}
    .footer .contact{width: 100%;text-align: center;}
    .footer .contact .ewm{justify-content: center;}
    .footer .links{display: none;}
    .footer .form{width: 100%;margin-top: 30px;padding-top: 30px;border-top: 1px dashed rgba(255, 255, 255, 0.5);}
    .footer .form .top input{margin-bottom: 10px;}
    .footer .form .submit{width: calc(50% - 15px);height: 38px;line-height: 36px;font-size: 1.5em;}

    .footer .copyright{font-size: 1.4em;flex-wrap: wrap;border-top: 1px dashed rgba(255, 255, 255, 0.5);}
}