@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:auto; height:auto; margin:0; padding:0; position:fixed; top:50%; right:4px; z-index:9999; transform:translateY(-50%); -moz-transform:translateY(-50%); -ms-transform:translateY(-50%); -o-transform:translateY(-50%); -webkit-transform:translateY(-50%);}
.mb_r ul li { width:50px; height:50px; margin:0 auto 4px; padding:0; position:relative;}
.mb_r ul li a { display:block; width:auto; height:50px; margin:0 auto; padding:0 10px; position:relative; float:right;}
.mb_r ul li a p, .mb_r ul li a em { display:block; width:30px; height:50px; background-color:#dc121b; margin:0; padding:0 3px; transition: all 0.5s; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -o-transition: all 0.5s; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
.mb_r ul li a img { display:inline-block; width:24px; height:24px; overflow:hidden; margin:13px 0; padding:0; float:left;}
.mb_r ul li a p span { display:inline-block; width:0; height:50px; overflow:hidden; line-height:50px; color:#fff; font-size:16px; word-break: break-all; margin:0; padding:0; transition: all 0.5s; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -o-transition: all 0.5s;}
.mb_r ul li:hover a p { width:160px; padding:0 10px;}
.mb_r ul li:hover a p span { width:110px; padding:0 0 0 6px;}
.mb_r ul li a i.mbfl { display:block; width:10px; height:50px; margin:0; padding:0; background:url(../images/mbleft.png) 0 0 no-repeat; background-size:100% 100%; position:absolute; left:0; top:0;}
.mb_r ul li a i.mbfr { display:block; width:10px; height:50px; margin:0; padding:0; background:url(../images/mbright.png) 0 0 no-repeat; background-size:100% 100%; position:absolute; right:0; top:0;}

.mb_ewm { width:140px; height:auto; margin:0; padding:10px; background-color:#005ca5; border-radius:0; position:fixed; right:10px; bottom:80px; z-index:9999;}
.mb_ewm p { width:100%; height:20px; overflow:hidden; line-height:20px; color:#fff; font-size:14px; text-align:center; margin:0 auto 10px; padding:0;}
.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;}
.mb_ewm .ewm_close { display:block; width:20px; height:20px; overflow:hidden; margin:0; padding:0; position:absolute; top:-10px; right:-10px; cursor:pointer;}

@media (max-width:1440px) {
	.mb_ewm { width:120px; bottom:70px;}
	.mb_ewm .ewm_img { width:120px; height:120px;}
	.mb_ewm p { font-size:12px;}
}
@media (max-width:1080px) {
	.mb_r ul li:hover a p { width:30px;}
	.mb_r ul li a p span { display:none;}
	.mb_ewm { display:none;}
}