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

/**common**/
*{ margin:0; padding:0;}
body, div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,blockquote,p { margin:0; padding:0; font:14px/1 Arial,Helvetica,\5FAE\8F6F\96C5\9ED1,sans-serif;}
table,td,tr,th { border-collapse: collapse; border-spacing: 0; font-size:14px;}
ol,ul {list-style:none;}
li { list-style-type:none;}
img { vertical-align:middle; border:0;}
h1,h2,h3,h4,h5,h6 { font-size:inherit; font-weight:normal;}
.clear { clear:both; *zoom:1;}
.clear:after { display:block; overflow:hidden; clear:both; height:0; visibility:hidden; content:".";}
a {text-decoration:none;}
a:visited { text-decoration:none;}
a:hover { text-decoration:none;}
a:active { text-decoration:none;}

.fl { float:left;}
.fr { float:right;}
@font-face { font-family: "Helvetica"; src: url('../fonts/Helvetica.ttf'); }
@font-face { font-family: "HelveticaBold"; src: url("../fonts/HelveticaBold.ttf");}
@font-face { font-family: "PangMen"; src: url("../fonts/PangMen.ttf");}
@font-face { font-family: "YouSheBiaoTiHei"; src: url("../fonts/YouSheBiaoTiHei.ttf");}

/* 设置滚动条的样式 */
::-webkit-scrollbar { width:0;}/* 滚动槽宽度 */
::-webkit-scrollbar-track { background-color:#f0f0f0; border-radius:0;}
::-webkit-scrollbar-thumb { background-color:#003dc0;} /* 滚动条滑块默认状态 */
::-webkit-scrollbar-thumb:window-inactive { background-color:#003dc0;} /* 滚动条滑块点击状态 */

.w1300 { width:1300px; height:auto; margin:0 auto; padding:0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
@media (max-width:1440px) {
	.w1300 { width:1200px;}
}
@media (max-width:1200px) {
	.w1300 { width:100%; padding:0 40px;}
}
@media (max-width:1200px) {
	.w1300 { padding:0 20px;}
}
@media (max-width:767px) {
	.lyMenu .w1300 { padding:0;}
	.lyPart2 .w1300 { padding:0 5px;}
}
@media (max-width:320px) {
	.w1300 { padding:0 12px;}
}

.mb_r { display: block; width: 56px; height: 92px; margin: -45px 0 0; padding: 0; position: fixed; top: 60%; right: 4px; z-index: 9999; }
.mb_r ul li { width: 56px; height: 56px; margin: 0 auto 4px; padding: 0; position: relative; border-radius: 0 8px; }
.mb_r ul li a { display: block; width: 56px; height: 56px; margin: 0 auto; padding: 0; background: linear-gradient(214deg,#0d58cf,#272a31); border-radius: 0 8px; position: relative; }
.mb_r ul li a img { display: block; width: 24px; height: 24px; overflow: hidden; margin: auto; padding: 0; position: absolute; left: 0; top: 0; right: 0; bottom: 0; }
.mb_r ul li span { display: block; width: 0; height: 56px; overflow: hidden; line-height: 56px; color: #fff; font-size: 16px; text-align: center; margin: 0; padding: 0; position: absolute; top: 0; right: 0; background: linear-gradient(214deg,#ee0909,#d81c1a); border-radius: 0 8px; transition: all 0.5s; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -o-transition: all 0.5s; }
.mb_r ul li:hover span { width: 180px; padding: 0 10px; }
.mb_r ul li a:hover { background-color: #00549c; }
.mb_ewm {height: auto; margin: 0; padding: 10px;     background: linear-gradient(214deg,#0d58cf,#272a31); position: fixed; right: 4px; bottom: 4px; z-index: 99999; }
.mb_ewm .ewm_img { width: 140px; height: 140px; overflow: hidden; margin: 0 auto; padding: 0; background-color: #fff; position: relative; }
.ewm_img img {
	display: block;
	max-width: 100%;
	max-height: 100%;
	margin: auto;
	padding: 0;
	position: absolute;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
	width: 236px;
	height: 265px;
}
.mb_ewm p { width: 100%; height: 20px; overflow: hidden; line-height: 20px; color: #fff; font-size: 14px; text-align: center; margin: 10px auto 0; padding: 0; }
.mb_ewm .ewm_close { display: block; width: 20px; height: 20px; overflow: hidden; margin: 0; padding: 0; position: absolute; top: -24px; right: 0; cursor: pointer; }
 @media screen and (max-width:1080px) {
.mb_r { width: 44px; }
.mb_r ul li { width: 44px; height: 44px; }
.mb_r ul li a { width: 44px; height: 44px; }
.mb_r ul li span { display: none; }
.mb_ewm { display: none; }
}
.mb_pf { width: 143px; height: auto; margin: 0; padding: 10px; position: fixed; right: 4px; bottom: 500px; }
.mb_pf .pf_img { width: 143px; height: 267px; overflow: hidden; margin: 0 auto; padding: 0; background-color: #fff; position: relative; }
.pf_img img { display: block; max-width: 100%; max-height: 100%; margin: auto; padding: 0; position: absolute; left: 0; top: 0; right: 0; bottom: 0; }
.mb_pf .pf_close { display: block; width: 20px; height: 20px; overflow: hidden; margin: 0; padding: 0; position: absolute; top: 0; right: 0; cursor: pointer; }
 @media screen and (max-width:1080px) {
.mb_pf { display: none; }
}