*{margin:0; padding: 0; transition: all 0.3s;}

html{width: 100%; overflow-x: hidden;}

body{

	font-family:Microsoft YaHei,Meiryo,Microsoft JhengHei,Helvetica,Geneva,思源黑體,微軟正黑體,Arial,sans-serif;

    font-size: 15px;

    transition: all 0.3s;

    color: #000;

    overflow-x: hidden;

    letter-spacing: 1px;

}

ul,ol,li{

	list-style: none; text-decoration: none;

}

select{



	/*appearance:none;

  -moz-appearance:none;

  -webkit-appearance:none;*/

}

/* p { word-break: break-all } */

input,textarea,input[type=button],input[type=text],input[type=password],input[type=date]{

	-webkit-appearance:none;

	outline:none;

	-moz-appearance:none;

	-moz-appearance:textfield;

	box-shadow: none;

	border: none;

	border-radius: none;

}

input,input[type=text],input[type=password],input[type=date]{ background: #fff;}

input[type=number] {

    -moz-appearance:textfield;  background: #fff; border-radius: 0;

}

input[type=number]::-webkit-inner-spin-button,

input[type=number]::-webkit-outer-spin-button {

    -webkit-appearance: none;

    margin: 0;

}

small{ display: block;}

select{ background: #fff; padding: 5px; border: 1px solid #fff;}

select::-ms-expand { display: none; }

hr{ width: 100%; margin-bottom: 0;}

*:focus { outline: none; }

input,button {outline:none;}

 em{font-style: normal;}

img{border: none;}



a{color: #000; text-decoration: none;}

a:hover,a:focus{ color: #0047BB; text-decoration: none; outline: none;}

.t-color{ color: #0047BB;}

.btn:focus{ color: #fff;}

.floatleft{ float: left;}

.floatright{ float: right;}

.ellipsis{white-space: nowrap;text-overflow: ellipsis;-o-text-overflow: ellipsis;overflow: hidden;display: block;}

.ellipsis-2{display: -webkit-box; -webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;}

.ellipsis-3{display: -webkit-box; -webkit-box-orient: vertical;-webkit-line-clamp: 3;overflow: hidden;}

.clearfix:before,.clearfix:after{content:"\0020";display:block;height:0;overflow:hidden}

.clearfix:after{clear:both}

.clearfix{clear: both;zoom:1}



.menu { position: fixed; right: 0; top: 0; padding-right: 10px; padding-top: 10px; z-index: 999; width: 100%;box-shadow: 0 0 10px 10px #fff; background: #fff; height: 62px;}

.menu .menuitem{ float: left; display: inline-flex; position: relative;}

.menu .menuitem>a{ color: #000; padding: 10px 0; margin: 0 10px;border-bottom:1px solid transparent;}

.menu .menuitem>a:hover{ border-bottom:1px solid #000;}

.menu .menuitem.hasli>a:hover{border-color: transparent;}

.menu .menuitem>.dropdown{ position: absolute; left: 10px; top: calc(100% - 1px);  background: #0047BB; padding: 15px 20px; min-width: 110px; display: none; word-break: keep-all; border-top: 1px solid #fff; border-top: 1px solid #000; }

.menu .menuitem>.dropdown>ul>li>a{ color: #fff; display: block; padding: 3px 0;}

.menu .menuitem>.dropdown>ul>li>a:hover{ color: #000;}

.menu .menuitem:hover > .dropdown{ display: block;}

.page1m.menu{ background: transparent;box-shadow:none; }

.page1m.menu .menuitem>a{ color: #fff;border-bottom: 1px solid transparent;}

.page1m.menu .menuitem>a:hover{ background: none; border-bottom: 1px solid #fff;}

.page1m.menu .menuitem>.dropdown{border-top-color: #fff;}

.menu .menuitem>a:hover{ }

.pagemenu.menu .menuitem>a{ color: #000;}



.logo{ width: 77px; height: 61px; position: fixed; left: 0; top: 0; z-index: 1000; /* background: #0047BB; */ padding-left: 50px; padding-top: 10px; transform: translateY(0);}

.logo img{width: 68px; }

.page1m.logo{transform:translateY(-100%);}

.pagemenu.logo{ transform: translateY(0);}



.boxmenu{ width: 100%; height: 62px;}



.footer{ letter-spacing: normal; line-height: 1.8em; background: #eeeeee; width: 100%;}

.footerleft{float: left;}

.footerleft .footer-left-logo{width: 215px; float: left; margin-left: 50px;padding-top: 20px;}

.footerleft .footer-left-logo img{width: 180px;}

.footerleft .footer-left-logo span{font-size: 13px; display: block;}

.f-contant{ float: left; line-height: 25px; padding-top: 20px; margin-left: 10px;font-size: 13px; padding-bottom: 15px;}

.f-contant>span:first-child{font-size: 15px;}

.f-contant span{ display: block;}

.f-contant span:nth-child(1){color: #0047BB;}

.footerright{width: 485px; padding-top:20px}

.footer-r-left{ width: 175px; height:154px; float: left;}



.footer-r-left ul li{ float: left; width: 85px; font-size: 14px; line-height: 25px;}

.footer-r-left.footer-r-left2,.footer-r-left.footer-r-left3{width: 130px; margin-left: 20px;}

.footer-r-left.footer-r-left2  ul li,.footer-r-left.footer-r-left3 ul li{width:95px ; font-size: 12px; background: url(../img/footerlibg.png) right 10px no-repeat;}

.footer-r-left.footer-r-left2 ul li:hover, .footer-r-left.footer-r-left3 ul li:hover{background-image:url(../img/leftnavbg.png);}

 .footer-r-left.footer-r-left3 ul li{width: 72px;}

.footer-r-left>div{ color: #0047BB;}



/*子页面banner*/



/* .index-buycar{ top: 50%; height: 155px; left: 25px; position: fixed; z-index: 999; transform: translateY(-50%);} */

.index-buycar{ top: 50%; height: 155px; left: 25px; position: fixed; z-index: 999;}

.pagebuycar.index-buycar{ top: 80%;}

.pagebuycar.index-buycar.pos2{ top: 50%;}

.banner-pagetitle{ height: 100%; }

.pagebanner{ position: relative;}

.pagebannerimg{ position: relative; z-index: 2;}

.bannerimg{margin-top: 50px;}

.bannerimg img,.bannerblock img{ width: 100%;}

.bannerblock{ position: relative;}

.bannerblock .pagetitle{ position: absolute; left: -180px;bottom: 5%;}

.bannerblock .banner-crumbs{bottom: 0;}

.pagephone-banner{}

.crumbs {font-size: 12px; text-align: center;}

.crumbs span{color: #0047BB;}

.pagebannerblock{ position: absolute; top:55%; right: -15px; left: -15px;}

.pagetitle{ padding-top: 15%;float: right; width: 180px;}

.pagetitle p{font-size: 36px; line-height: 30px;}

.pagetitle span{ color: #848484; margin-top: 10px; display: block; width: 300px;}

.pagesection{  padding-top: 10%;}

.pagebannerblock .pagecrumbs{ position: absolute; right: 20px; z-index: 2; margin-top: -30px;}

.onlinebar.banner-crumbs{ position: inherit;}

@media screen and (min-height: 1650px) {

	.pagebuycar.index-buycar{ top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%);}



}

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

	.pagebuycar.index-buycar{ top: 83%;}

}

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

	.footerleft .footer-left-logo,.f-contant{margin-left: 10px;}

	.footer-r-left.footer-r-left2{width: 90px; margin-left: 10px;}

	.footer-r-left.footer-r-left3{width: 72px;}

	.footerright{ margin-left: 10px; width: 325px;}

	.footer-r-left{width: 108px;}

	.footer-r-left ul li{font-size: 12px; width: 54px;}

	.footerleft .footer-left-logo img{width: 185px;}

}

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

	.f-contant{font-size: 12px;}

}

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

	.menu .menuitem.hasli .menu-qa{ letter-spacing: 0.2px; text-indent: 0.5px;}

	.phonemenu{ position: fixed; z-index: 999;width: 100%; height: 59px; background: rgba(255,255,255,1);}

	.phone-logo{ padding: 8px 0 0 20px;}

	.phone-logo a{ display: block; width: 65px; height: 45px; background:url(../img/logo.png) no-repeat left center; background-size: 100% auto;}



	.phone-logo img{width: 50px;}

	.btnmenu{ position: absolute; right: 20px; top: 50%; transform: translateY(-50%); z-index: 999; height: 25px; width: 25px;}

	.btnmenu a{ font-size: 26px; display: block; width: 25px; height: 25px;}

	.btnmenu a img:nth-child(2){ display: none;}

	.phonemenu.p-m-page1{ background: none;}

	.phonemenu.p-m-page1 .btnmenu a{ color: #fff;}

	.phonemenu.p-m-page1 .btnmenu a img:nth-child(2){ display: block;}

	.phonemenu.p-m-page1 .btnmenu a img:nth-child(1){ display: none;}

	.phonemenu.p-m-page1 .phone-logo { transform: translateY(-100%);}

	.phonemenu.p-m-page1 .phone-logo a{background-image: url(../img/logo-white.png);}

	.btnmenu img{width: 25px; display: block;}

	.logo{ display: none;}

	.menu{ background: #fff !important; padding: 40px 20px 0 0; transform: translateY(-110%); height: auto;}

	.phoneopen.menu{ transform: translateY(0);}

	.menu>div{float:none}

	.menu .menuitem{ display: block; float: none;background: url(../img/footerlibg.png) right center no-repeat;}

	.menu .menuitem>a{ display: block; color: #000 !important; display: block; text-align: right;  padding-right: 30px; }

	.menu .menuitem>a:hover,.page1m.menu .menuitem>a:hover{ color: #0047BB !important; background-color: transparent !important; border-color: transparent !important;}

	.menu .menuitem>.dropdown{border-top-color: transparent;}

	.open.menu .menuitem>a:hover{ background-color: transparent; color: #0047BB;}

	.menu .menuitem>.dropdown{ position: static; background: #fff;}

	.menu .menuitem>.dropdown>ul>li>a{ text-align: right; color: #000;}

	.menu .menuitem:nth-child(2),.menu .menuitem:nth-child(5){ background: url(../img/ico-add.png) right 16px no-repeat;}

	.menu .menuitem:nth-child(2) a,.menu .menuitem:nth-child(5) a{ background: none;}

	.menu .menuitem:nth-child(2):hover,.menu .menuitem:nth-child(5):hover,.menuitem.hasli.open{background-image: url(../img/ico-open.png); background-position: right 16px;}

	.menuitem.hasli{ background-image: url(../img/ico-add.png) !important; }

	.page1m.menu .menuitem.hasli>a{ color: #000 !important;}

	.menuitem.hasli.open{background-image: url(../img/ico-open.png) !important;}



	.menuitem.hasli .dropdown{ display: none !important;}

	.menuitem.hasli.open .dropdown{ display: block !important;}

	.menu .menuitem.hasli.open>a{ color: #0047BB !important;}

	.btnclose{ float:right; margin-top: -30px; text-align: right;}



	.footerright{ float: left;}



	.pagetitle{ float: none;}

	.footer{padding-top: 0; padding-bottom: 10px;}

	.footer-r-left{ height: 143px;}

	.footer-r-left,.footer-r-left.footer-r-left2, .footer-r-left.footer-r-left3{width: 100%; height: auto;}

	.footer-r-left ul li{width: 33.33%;}

	.footer-r-left.footer-r-left2, .footer-r-left.footer-r-left3{margin-left: 0; height: auto;margin-top: 0;}

	.footer-r-left.footer-r-left2 ul li, .footer-r-left.footer-r-left3 ul li{width: 33.33%; background-position: 90% 10px; background: none;}

	.footer-r-left.footer-r-left2 ul li:hover, .footer-r-left.footer-r-left3 ul li:hover{ background: none;}

	.f-contant{padding-top: 10px; font-size: 13px; letter-spacing: .7px;}

	.footerright{width: 100%; padding-left: 20px; margin-left: 0; padding-right: 20px;padding-top: 10px;}

	.f-contant,.footerleft .footer-left-logo{margin-left: 20px;}

}

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

	.phonemenu,.btnclose{ display: none;}



}



/*@media screen and (max-width: 992px) {

	.bannerblock .pagetitle{bottom: 10px;}



}*/

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

	.logo{display: none;}



}

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

	.menu{box-shadow: none;}

	.f-contant{padding-bottom: 0;}

	.footerleft .footer-left-logo img{width: 110px; display: block; margin-bottom: 10px;}

	.index-buycar{ left: 0;}

	.pagebuycar{ display: none;}

	.footer{letter-spacing: .7px;}

	.menu .menuitem>a:hover, .page1m.menu .menuitem>a:hover{color:#000 !important}

	.onlinebar.banner-crumbs,.bannerimg{margin-top: 40px;}

	.page2{ margin-top: -45px !important;}

}