@charset 'utf-8';

*{margin: 0; padding: 0;}
body{font-size: 14px; font-family: Arial; color: #333;}
li{list-style: none;}
a{text-decoration: none; color: #333;}
a:hover{color: #005bac;}
img{vertical-align: middle;}
input,button{vertical-align: top; border: none; outline: none;}
.clear{clear: both;}

.container{margin: 0 auto;}

@media (min-width: 1400px) {
	.container{max-width: 1400px;}
}
@media (max-width: 1399px) {
	.container{max-width: 100%;}
}

.top{height: 48px; background: #f9f9f9;}
.top .language{float: right; line-height: 32px; margin-top: 8px;}
.top .language a{display: block; background: #005bac; font-weight: bold; padding: 0 20px; color: #fff; border-radius: 16px;}
.webheader{padding: 20px 0;}
.webheader .logo{width: 100px; float: left;}
.webheader .menu{float: right; padding-top: 26px;}
.webheader .menu ul::after{content: ''; display: table; clear: both;}
.webheader .menu ul li{float: left; line-height: 32px; padding: 0 20px; position: relative;}
.webheader .menu ul li a{display: inline-block; font-size: 18px; color: #333; padding-bottom: 8px;}
.webheader .menu ul li a:hover{color: #005bac; padding-bottom: 5px; border-bottom: solid #005bac 3px;}
.webheader .menu ul li p{display: inline-block; font-size: 18px; color: #333; padding-bottom: 8px; cursor: pointer;}
.webheader .menu ul li p:hover{color: #005bac; padding-bottom: 5px; border-bottom: solid #005bac 3px;}
.webheader .menu ul li ul{display: none; width: max-content; padding: 10px 0; background: #fff; border: solid #e8e8e8 1px; position: absolute; left: -11px; top: 40px; z-index: 11;}
.webheader .menu ul li:hover>ul{display: block;}
.webheader .menu ul li:hover ul li a{font-size: 16px; font-weight: normal;}
.webheader .menu ul li ul li{float: none; padding: 0 10px;}
.webheader .menu ul li ul ul{left: 100%; top: -11px;}
.webheader .search{float: right; margin: 23px 20px 0;}
.webheader .search a{display: block; width: 32px; height: 32px; background: url("../images/search.png") center no-repeat; cursor: pointer;}
.webheader .searchBox{width: 100%; height: 100%; background: rgba(0, 0, 0, 0.6); position: fixed; left: 0; top: 0; display: none; z-index: 99;}
.webheader .searchBox.show{display: block;}
.webheader .searchBox .closeLayer{width: 100%; height: 100%; position: absolute; left: 0; top: 0;}
.webheader .searchBox .searchForm{width: 460px; height: 42px; box-sizing: content-box; padding: 50px; margin: 200px auto 0; background: #fff; position: relative;}
.webheader .searchBox .searchForm input{width: 320px; height: 42px; float: left; font-size: 16px; padding: 0 18px; border: solid #eee 1px;}
.webheader .searchBox .searchForm button{width: 100px; height: 42px; float: left; background: url("../images/search-white.png") center no-repeat #005bac; cursor: pointer;}
.webheader .searchBox .searchForm .closeBtn{width: 28px; height: 28px; text-align: center; line-height: 28px; font-size: 26px; color: #666; position: absolute; top: 6px; right: 6px;}
.webheader .quote{float: right; margin: 22px 0 0 15px;}
.webheader .quote a{display: inline-block; width: 180px; height: 32px; text-align: center; text-transform: capitalize; line-height: 32px; background: #005bac; color: #fff; font-weight: bold; border-radius: 16px;}


.webfooter{background: #f8f8f8; margin-top: 80px; padding-top: 50px;}
.webfooter .flogo{width: 390px; float: left;}
.webfooter .flogo p{color: #999; line-height: 24px; margin-top: 10px;}
.webfooter .fmenu{width: calc(100% - 420px); float: right; display: flex;}
.webfooter .fmenu ul{flex: 1; margin: 0 10px;}
.webfooter .fmenu ul h4{font-size: 18px;}
.webfooter .fmenu ul li{line-height: 20px; margin-top: 20px;}
.webfooter .fmenu ul li a{color: #999;}
.webfooter .fmenu ul li a:hover{color: #005bac;}
.webfooter .fmenu ul.foot_about p{line-height: 40px; margin-top: 10px; color: #999;}
.webfooter .fmenu ul.foot_contact p{margin-top: 20px; line-height: 20px; color: #999;}
.webfooter .fmenu ul.foot_contact p a{color: #999;}
.webfooter .fmenu ul.foot_contact p a:hover{color: #005bac;}
.webfooter .copyright{padding: 10px 0; text-align: center; line-height: 30px; background: #005bac; color: #fff; margin-top: 20px;}
.webfooter .copyright a{color: #fff;}

/* 右边客服 */
.rightWindow{position: fixed; z-index: 99; right: 10px; bottom: 10%;}
.rightWindow li{margin-bottom: 3px; font-size: 0;width: 57px; height: 57px; right: 0; position: relative;}
.rightWindow li a{width: 57px;	height: 57px; display: block; position: absolute; z-index: 9; right: 0;	top: 0;	overflow: hidden; background: #292e39; -webkit-transition: all .5s ease; transition: all .5s ease; white-space: nowrap;	font-size: 0;}
.rightWindow li .icon-font:after{width: 30px; height: 30px; content: ""; background-image: url("../../images/icon_right.png"); background-repeat: no-repeat; position: absolute; left: calc(50% - 15px); top: calc(50% - 15px);}
.rightWindow li .icon-font{display: inline-block; vertical-align: middle; width: 57px; height: 57px; background-color: #d9d9d9; position: relative;}
.rightWindow li .icon-qq:after{background-position: 0 -120px;}
.rightWindow li .icon-phone:after{background-position: 0 -60px;}
.rightWindow li .icon-ewm:after{background-position: 0 0;}
.rightWindow li .icon-message:after{background-position: 0 -90px;}
.rightWindow li .icon-top:after{background-position: 0 -30px;}
.rightWindow li .wz{display: inline-block;	line-height: 57px; font-size: 14px;	color: #fff; vertical-align: middle; padding-left: 10px;}
.rightWindow li.ewm .ewm-box{position: absolute; z-index: 1; padding: 5px; background: #292e39; width: 130px; right: 120%; bottom: 0; opacity: 0; visibility: hidden; -webkit-transform: translateX(100%); transform: translateX(100%); -webkit-transition: all .7s; transition: all .7s;}
.rightWindow li.ewm .ewm-box p{margin-bottom: 0;}
.rightWindow li.ewm .ewm-box img{max-width: 100%;}
.rightWindow li.ewm .ewm-box:after {content: ''; position: absolute; right: -5px; bottom: 20px;	width: 0; height: 0; line-height: 0; font-size: 0; overflow: hidden; border-width: 5px; cursor: pointer; border-style: dashed dashed dashed solid; border-color: transparent transparent transparent #292e39; border-right: none;}
.rightWindow li.ewm:hover .ewm-box{opacity: 1; visibility: visible; -webkit-transform: translateY(0); transform: translateY(0);}
.rightWindow li.backtop{cursor: pointer;}
.rightWindow li.backtop .iconfont{color: #fff; background-color: #292e39;}
.rightWindow li:hover a{width: 200px; background: rgb(59,57,57);}
.rightWindow li:hover .icon-font{background-color: #292e39;}
.rightWindow li:hover .icon-qq:after{background-position: -30px -120px;}
.rightWindow li:hover .icon-phone:after{background-position: -30px -60px;}
.rightWindow li:hover .icon-ewm:after{background-position: -30px 0;}
.rightWindow li:hover .icon-message:after{background-position: -30px -90px;}
.rightWindow li:hover .icon-top:after{background-position: -30px -30px;}

/* 2023.12.21所有英文版隐藏左边修改 */
.page-wrap-left{display: none;}
.page-wrap-right111{width: 100% !important; margin: 0 !important;}
/* 2023.12.21所有英文版隐藏左边修改 */

.phoneHeader{display: none;}
.common_classification{display: none;}
.mfooter{display: none;}
.mfooter_menu{display: none;}
@media (max-width: 990px) {
	.top{display: none;}
	.webheader{display: none;}
	.rightWindow{display: none;}
	
	.phoneHeader{width: 100%; height: 61px; display: block; background: #fff; box-sizing: border-box; border-bottom: solid #ddd 1px; position: fixed; top: 0; left: 0; z-index: 13;}
	.phoneHeader .phoneName{width: 60%; font-size: 16px; margin: 0 auto; text-align: center; line-height: 60px;}
	.phoneHeader .phoneName img{height: 50px; vertical-align: middle;}
	.phoneHeader .phoneNavbtn{position: absolute; z-index: 10; top: 0; bottom: 0; right: 0; left: 0; margin: auto 0 auto 20px; width: 30px; height: 20px;}
	.phoneHeader .phoneNavbtn span,
	.phoneHeader .phoneNavbtn:after,
	.phoneHeader .phoneNavbtn:before{display: block; height: 2px; width: 100%; background: #666; -webkit-transition: all .5s; transition: all .5s;}
	.phoneHeader .phoneNavbtn span{margin: 7px 0;}
	.phoneHeader .phoneNavbtn:after,
	.phoneHeader .phoneNavbtn:before{content: ''; -webkit-transform-origin: 7.5%; transform-origin: 7.5%;}
	.phoneHeader .phoneNavbtn.clicked span {-webkit-transform: translateX(-100%); transform: translateX(-100%); opacity: 0;}
	.phoneHeader .phoneNavbtn.clicked:after{-webkit-transform: rotate(-45deg); transform: rotate(-45deg);}
	.phoneHeader .phoneNavbtn.clicked:before{-webkit-transform: rotate(45deg); transform: rotate(45deg);}
	.phoneHeader .phoneMenuList{width: 100%; height: 100%; display: none; background: #fff; position: fixed; left: 0; top: 61px;}
	.phoneHeader .phoneMenuList ul{}
	.phoneHeader .phoneMenuList ul li{font-size: 16px; line-height: 50px; border-bottom: solid #ddd 1px;}
	.phoneHeader .phoneMenuList ul li a{display: inline-block; text-transform: uppercase; padding: 0px 20px;}
	.phoneHeader .phoneMenuList ul li ul{display: none;}
	.phoneHeader .phoneMenuList ul li ul li{font-size: 15px; border-top: dashed #e5e5e5 1px; border-bottom: none; position: relative;}
	.phoneHeader .phoneMenuList ul li ul li::after{width: 2px; height: 2px; content: ''; background: #fff; border: solid #999 2px; position: absolute; left: 20px; top: 22px; transform: rotate(45deg);}
	.phoneHeader .phoneMenuList ul li ul li a{padding-left: 40px;}
	.phoneHeader .phoneMenuList ul li ul li p{display: inline-block; padding-left: 40px;}
	.phoneHeader .phoneMenuList ul li ul li ul li::after{width: 2px; height: 2px; content: ''; background: #fff; border: solid #999 2px; position: absolute; left: 40px; top: 22px; transform: rotate(45deg);}
	.phoneHeader .phoneMenuList ul li ul li ul li a{padding-left: 60px;}
	.phoneHeader .phoneMenuList ul li .triangle{width: 24px; height: 50px; float: right; margin-right: 20px; background: url("../../images/triangle.png") center no-repeat; transition: all 0.5s;}
	.phoneHeader .phoneMenuList ul li .triangle.checked{transform: rotate(180deg);}
	/* 搜索框 */
	.phoneHeader .search{width: 30px; height: 30px; position: absolute; right: 15px; top: 15px;}
	.phoneHeader .search .searchBtn{width: 30px; height: 30px; background: url("../../images/search_blue.png") center no-repeat; cursor: pointer;}
	.phoneHeader .search .searchBox{width: 100%; height: 100%; background: #fff; box-sizing: border-box; padding: 10px 10px; position: fixed; top: 0; right: -100%; opacity: 0; transition: all 0.3s; visibility: hidden; z-index: 11;}
	.phoneHeader .search .searchBox.show{right: 0; opacity: 1; visibility: visible;}
	.phoneHeader .search .searchBox input{width: 76%; height: 40px; float: left; font-size: 14px; box-sizing: border-box; padding: 0 20px; background: #f9f9f9; border: solid #d6d6d6 1px; border-radius: 20px 0 0 20px;}
	.phoneHeader .search .searchBox button{width: 60px; height: 40px; float: left; background: url("../../images/search.png") center no-repeat #005bac; border-radius: 0 20px 20px 0;}
	.phoneHeader .search .searchBox .closeBtn{float: right; padding: 0 5px; line-height: 40px; font-size: 30px; color: #666;}
	/* 轮播图 */
	.banner{margin-top: 61px;}
	.page-banner{margin-top: 61px;}
	.page-position{background: #f9f9f9; border-bottom: solid #d6d6d6 1px;}
	.common_classification{width: 80%; margin: 0 auto; display: block; padding: 10px 0 20px;}
	.common_classification .list{margin-top: 10px;}
	.common_classification .list a{display: block; text-align: center; line-height: 38px; border: solid #e8e8e8 1px;}
	.common_classification .list.current a{background: #005bac; color: #fff;}
		
	.webfooter{display: none;}
	.mfooter{display: block; background: #333; padding-bottom: 80px;}
	.mfooter .m_contactus{padding: 20px 15px;}
	.mfooter .m_contactus h4{font-size: 18px; color: #fff;}
	.mfooter .m_contactus p{line-height: 24px; color: #fff; margin-top: 6px;}
	.mfooter .m_contactus p a{color: #fff;}
	.mfooter .foot_wxcode{text-align: center; color: #fff; margin: 20px 0;}
	.mfooter .foot_wxcode h4{font-size: 18px; line-height: 18px;}
	.mfooter .foot_wxcode h4 i.scan{width: 21px; height: 18px; display: inline-block; vertical-align: top; background: url("../../images/scan.png"); margin-right: 10px;}
	.mfooter .foot_wxcode img{display: inline-block; margin-top: 15px;}
	.mfooter .foot_wxcode p{margin-top: 10px;}
	.mfooter .copyright{background: #fff; padding: 10px 15px;}
	.mfooter .copyright p{line-height: 20px; padding: 6px 0;}
	
	.mfooter_menu{display: block; width: 100%; height: 80px; background: #3c3c3c; border-top: #dddddd solid 1px; position: fixed; left: 0; bottom: 0; z-index: 99;}
	.mfooter_menu li{width: 25%; height: 80px; float: left; text-align: center;}
	.mfooter_menu li i{width: 32px; height: 32px; display: inline-block; background-image: url("../../images/icon.png");}
	.mfooter_menu li.home i{background-position: -76px -21px;}
	.mfooter_menu li.tel i{background-position: 0 -21px;}
	.mfooter_menu li.msg i{background-position: -37px -21px;}
	.mfooter_menu li.gotop i{background-position: -118px -21px;}
	.mfooter_menu li a{display: block; padding: 13px 0;}
	.mfooter_menu li p{line-height: 22px; color: #fff;}
}