@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 Helvetica,Arial,\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; max-width: 100%;}
h1,h2,h3,h4,h5,h6 { font-size:inherit; font-weight:normal;}
address,cite,code,em,th,i { font-weight:normal; font-style: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: "Helvetica-Roman-SemiB"; src: url("../fonts/helvetica-roman-semib.ttf");}
@font-face { font-family: "OppoSansBold"; src: url("../fonts/opposansbold.ttf");}

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


/**top start**/
.subMenu { width: 100%; height:100px; background-color:rgba(255,255,255,0); position: absolute; top: 0; z-index:9999; transition: all 0.5s; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -o-transition: all 0.5s; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box;}
.subMenu:hover, .fxd, .fp-viewing-page2 .subMenu, .fp-viewing-page3 .subMenu, .fp-viewing-page4 .subMenu, .fp-viewing-page5 .subMenu { background-color:rgba(255,255,255,1); box-shadow:0 10px 12px rgba(0,0,0,0.04);}

.ly_top { width:100%; height:100px; margin:0 auto; padding:0 100px; position:relative; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box;}
.ly_top .lytop_main { width:100%; height:100px; margin:0 auto; padding:0;}
.lytop_main .ly_logo { width:23%; height:60px; margin:0 2% 0 0; padding:20px 0; float:left;}
.ly_logo a { display: table-cell; vertical-align: middle; width: 100%; height: 60px; overflow: hidden; margin: 0; padding: 0;}
.ly_logo a img.logo1, .ly_logo a img.logo2 {display: inline-block; max-width: 100%; height: auto; max-height: 100%; margin: 0; padding: 0;}
.ly_logo a img.logo2 { display:none;}
.fxd .ly_logo a img.logo2, .subMenu:hover .ly_logo a img.logo2, .fp-viewing-page2 .ly_logo a img.logo2, .fp-viewing-page3 .ly_logo a img.logo2, .fp-viewing-page4 .ly_logo a img.logo2, .fp-viewing-page5 .ly_logo a img.logo2 {display: inline-block; max-width: 100%; height: auto; max-height: 100%; margin: 0; padding: 0;}
.fxd .ly_logo a img.logo1, .subMenu:hover .ly_logo a img.logo1, .fp-viewing-page2 .ly_logo a img.logo1, .fp-viewing-page3 .ly_logo a img.logo1, .fp-viewing-page4 .ly_logo a img.logo1, .fp-viewing-page5 .ly_logo a img.logo1 { display:none;}

.ly_nav { width:50%; height:100px; margin:0; padding:0; float:left;}
.nav_ul { height:100px; margin:0 auto; padding:0; display: flex;}
.nav_item { position: relative; margin:0; padding: 0; -webkit-flex:1; -ms-flex:1; -moz-flex:1; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box;}
.nav_item:hover {}
.nav { width:100%; height: 100px; margin: 0 auto; padding: 0; position: relative;}

.nav_item > a { display: block; width: 100%; height: 40px; line-height: 20px; color: #fff; font-size: 15px; text-align: center; padding:30px 0; -webkit-transition: all .4s; transition: all .4s; position:relative;}
.nav_item > a span { display:block; width:100%; height:20px; line-height:20px; color:rgba(255,255,255,0.5); font-size:12px; text-align:center; margin:0 auto; padding:0;}
.nav_item > a em { display:none; width:40px; height:2px; overflow:hidden; margin:0 0 0 -20px; background-color:#fff; position:absolute; bottom:0; left:50%;}
.nav_item:hover > a, .nav_item > a.navon { color:#fff;}
.nav_item:hover > a span, .nav_item > a.navon span { color:#fff;}
.nav_item:hover > a em, .nav_item > a.navon em { display:block;}

.fxd .nav_item > a, .subMenu:hover .nav_item > a, .fp-viewing-page2 .nav_item > a, .fp-viewing-page3 .nav_item > a, .fp-viewing-page4 .nav_item > a, .fp-viewing-page5 .nav_item > a { color:#333;}
.fxd .nav_item > a span, .subMenu:hover .nav_item > a span, .fp-viewing-page2 .nav_item > a span, .fp-viewing-page3 .nav_item > a span, .fp-viewing-page4 .nav_item > a span, .fp-viewing-page5 .nav_item > a span { color:#999;}
.fxd .nav_item:hover > a span, .fxd .nav_item > a.navon span, .subMenu:hover .nav_item:hover > a span, .subMenu:hover .nav_item > a.navon span, .fp-viewing-page2 .nav_item > a em, .fp-viewing-page3 .nav_item > a em, .fp-viewing-page4 .nav_item > a em, .fp-viewing-page5 .nav_item > a em, .fp-viewing-page2 .nav_item > a.navon span, .fp-viewing-page3 .nav_item > a.navon span, .fp-viewing-page4 .nav_item > a.navon span, .fp-viewing-page5 .nav_item > a.navon span { color:#c60000;}
.fxd .nav_item > a em, .subMenu:hover .nav_item > a em, .fp-viewing-page2 .nav_item > a em, .fp-viewing-page3 .nav_item > a em, .fp-viewing-page4 .nav_item > a em, .fp-viewing-page5 .nav_item > a em { background-color:#c60000;}
.fxd .nav_item:hover > a, .fxd .nav_item > a.navon, .subMenu:hover .nav_item:hover > a, .subMenu:hover .nav_item > a.navon, .fp-viewing-page2 .nav_item:hover > a, .fp-viewing-page3 .nav_item:hover > a, .fp-viewing-page4 .nav_item:hover > a, .fp-viewing-page5 .nav_item:hover > a, .fp-viewing-page2 .nav_item > a.navon, .fp-viewing-page3 .nav_item > a.navon, .fp-viewing-page4 .nav_item > a.navon, .fp-viewing-page5 .nav_item > a.navon { color:#c60000;}
.menu_open { display: none;}

.nav_item_open { width: 140%; height: auto; position: absolute; left: -20%; top: 100%; z-index: 10; background-color:#fff; box-shadow: 0 4px 8px 0 rgba(0, 12, 49, 0.1); border-radius: 0; opacity: 0; visibility: hidden; -webkit-transform: translateY(34px); transform: translateY(34px); -webkit-transition: all .4s; transition: all .4s; overflow: hidden; }
.ny_top .nav_item_open { background-color:#fff;}
.nav_item:hover .nav_item_open { visibility: visible; opacity: 1; -webkit-transform: translateY(0px); transform: translateY(0px);}
.subopen { display: none; }
.nav_item2 { width: 100%;}
.nav_item2 a { display: block; width:100%; height:44px; overflow:hidden; line-height:44px; padding: 0 10px; color: #666; font-size: 14px; white-space:nowrap; text-overflow: ellipsis; text-align: center; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box;}
.ny_top .nav_item2 a { color:#565656;}
.nav_item2:hover a { background-color: #c60000; color: #fff;}
.hcover { display: none;}

.lytop_main .lytop_tel { height:40px; line-height:40px; color:#fff; font-family: "OppoSansBold"; font-size:24px; margin:30px 0; float:right;}
.lytop_main .lytop_tel i { display:block; width:40px; height:40px; overflow:hidden; background:url(/template/default/images/tel_ico1.png) 0 0 no-repeat; float:left;}
.fxd .lytop_main .lytop_tel, .subMenu:hover .lytop_main .lytop_tel, .fp-viewing-page2 .lytop_main .lytop_tel, .fp-viewing-page3 .lytop_main .lytop_tel, .fp-viewing-page4 .lytop_main .lytop_tel, .fp-viewing-page5 .lytop_main .lytop_tel { color:#333;}
.fxd .lytop_main .lytop_tel i, .subMenu:hover .lytop_main .lytop_tel i, .fp-viewing-page2 .lytop_main .lytop_tel i, .fp-viewing-page3 .lytop_main .lytop_tel i, .fp-viewing-page4 .lytop_main .lytop_tel i, .fp-viewing-page5 .lytop_main .lytop_tel i { background:url(/template/default/images/tel_ico2.png) 0 0 no-repeat;}


.lytop_form { width:40px; height:40px; margin:0 0 0 2%; padding:30px 20px; background:url(/template/default/images/sc_icon0.png) center center no-repeat; background-size:40px 40px; float:right; cursor:pointer;}
.lytop_form:hover { background-color:#e88c18; border-left:0;}
.lytop_form .lytop_sc { width:100%; overflow:hidden; margin:0; padding:30px 100px; position:absolute; left:0; top:100px; background-color:rgba(37,45,59,0.8); box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; opacity: 0; visibility: hidden; -webkit-transform: translateY(34px); transform: translateY(34px); -webkit-transition: all .4s; transition: all .4s;}
.lytop_form:hover .lytop_sc { visibility: visible; opacity: 1; -webkit-transform: translateY(0px); transform: translateY(0px);}
.lytop_sc form { display:block; width:400px; height:40px; overflow:hidden; margin:0; padding:0 80px 0 0; position:relative; float: right; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box;}
.lytop_sc form .ly_ipt { display:block; width:100%; height:40px; overflow:hidden; margin:0; padding:0; background-color:#fff;}
.ly_ipt input { display:block; width:100%; height:40px; overflow:hidden; line-height:40px; color:#666; font-size:14px; margin:0; padding:0 14px; border:0; outline:none; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box;}
.lytop_sc form .ly_btn { width:80px; height:40px; overflow:hidden; margin:0; padding:0; position:absolute; top:0; right:0;}
.ly_btn input { display:block; width:80px; height:40px; overflow:hidden; line-height:40px; color:#fff; font-size:15px; text-indent:24px; margin:0; padding:0; background:#e88c18 url(/template/default/images/sc_icon0.png) 8px center no-repeat; background-size:32px 32px; border:none; outline:none; cursor:pointer;}
.fxd .lytop_form, .subMenu:hover .lytop_form, .fp-viewing-page2 .lytop_form, .fp-viewing-page3 .lytop_form, .fp-viewing-page4 .lytop_form, .fp-viewing-page5 .lytop_form { background:url(/template/default/images/sc_icon1.png) center center no-repeat; background-size:40px 40px;}
.fxd .lytop_form:hover, .subMenu:hover .lytop_form:hover, .fp-viewing-page2 .lytop_form:hover, .fp-viewing-page3 .lytop_form:hover, .fp-viewing-page4 .lytop_form:hover, .fp-viewing-page5 .lytop_form:hover { background:#e88c18 url(/template/default/images/sc_icon0.png) center center no-repeat; background-size:40px 40px; border-left:0;}
@media screen and (width:1600px){
	.ly_top { padding:0 40px;}
	.ly_top .lytop_main { max-width:inherit;}
	.lytop_form .lytop_sc { padding:30px 40px;}
}
@media screen and (min-width:1440px) and (max-width:1599px) {
	.ly_top { padding:0 40px;}
	.ly_top .lytop_main { max-width:inherit;}
	.lytop_main .ly_logo { width:22%;}
	.lytop_main .lytop_tel { font-size:22px;}
	.lytop_form .lytop_sc { padding:30px 40px;}
	.ly_nav { width:50%;}
}
@media screen and (min-width:1360px) and (max-width:1439px) {
	.subMenu { height:80px;}
	.ly_top { height:80px; padding:0 40px;}
	.ly_top .lytop_main { max-width:inherit; height:80px;}
	.lytop_main .ly_logo { width:22%; padding:10px 0;}
	.lytop_main .lytop_tel { font-size:22px; margin:20px 0;}
	.lytop_form { padding:20px;}
	.lytop_form .lytop_sc { top:80px; padding:20px 40px;}
	.ly_nav { width:50%; height:80px;}
	.nav { height:80px;}
	.nav_ul { height:80px;}
	.nav_item > a { padding:20px 0;}	
}
@media screen and (min-width:1280px) and (max-width:1359px) {
	.subMenu { height:80px;}
	.ly_top { height:80px; padding:0 0 0 40px;}
	.ly_top .lytop_main { max-width:inherit; height:80px;}
	.lytop_main .ly_logo { width:22%; padding:10px 0;}
	.lytop_main .lytop_tel { font-size:22px; margin:20px 0;}
	.lytop_form { margin:0 0 0 1%; padding:20px;}
	.lytop_form .lytop_sc { top:80px; padding:20px;}
	.ly_nav { width:50%; height:80px;}
	.nav { height:80px;}
	.nav_ul { height:80px;}
	.nav_item > a { padding:20px 0;}
}
@media screen and (min-width:1200px) and (max-width:1279px) {
	.subMenu { height:80px;}
	.ly_top { width:100%; height:80px; margin:0 auto; padding:0 0 0 40px; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box;}
	.ly_top .lytop_main { width:100%; height:80px; margin:0 auto; padding:0;}
	.lytop_main .ly_logo { width:30%; height:60px; margin:0 10px 0 0; padding:10px 0; float:left;}
	.lytop_main .lytop_tel { font-size:24px; margin:20px 0;}
	.lytop_form { margin:0 0 0 100px; padding:0;}
	.lytop_form { width:80px; height:80px;}
	.lytop_form .lytop_sc { top:80px; padding:20px;}
	
	.ly_nav { width:auto;}
	.menu_open { display: block; float: right; width: 80px; height: 80px; padding: 20px 0; position: absolute; top:0; right:80px; box-sizing: border-box; z-index: 98; cursor: pointer}
    .menu_open i { width: 28px; height: 2px; background-color: #fff; display: block; margin: 9px auto;}
	.menu_open:hover, .menu_open:active { background-color:#c60000;}
	.menu_open:hover i, .menu_open:active i { background-color: #fff;}
	
	.fxd .menu_open i, .subMenu:hover .menu_open i, .fp-viewing-page2 .menu_open i, .fp-viewing-page3 .menu_open i, .fp-viewing-page4 .menu_open i, .fp-viewing-page5 .menu_open i { background-color:#333;}
	.fxd .menu_open:hover, .fxd .menu_open:active, .subMenu:hover .menu_open:hover, .subMenu:hover .menu_open:active, .fp-viewing-page2 .menu_open:hover, .fp-viewing-page3 .menu_open:hover, .fp-viewing-page4 .menu_open:hover, .fp-viewing-page5 .menu_open:hover, .fp-viewing-page2 .menu_open:active, .fp-viewing-page3 .menu_open:active, .fp-viewing-page4 .menu_open:active, .fp-viewing-page5 .menu_open:active { background-color:#c60000;}
	.fxd .menu_open:hover i, .fxd .menu_open:active i, .subMenu:hover .menu_open:hover i, .subMenu:hover .menu_open:active i, .fp-viewing-page2 .menu_open:hover i, .fp-viewing-page3 .menu_open:hover i, .fp-viewing-page4 .menu_open:hover i, .fp-viewing-page5 .menu_open:hover i, .fp-viewing-page2 .menu_open:active i, .fp-viewing-page3 .menu_open:active i, .fp-viewing-page4 .menu_open:active i, .fp-viewing-page5 .menu_open:active i { background-color:#fff;}
	
    .nav { width: 50%; height: 100%; position: fixed; top: 0; left: -50%; z-index: 100; overflow: hidden; background-color:rgba(34,80,159,0.98);}
    .hcover { display: block; width: 50%; height: 100%; background: rgba(0, 0, 0, .7); position: fixed; right: -50%; top: 0; z-index: 99; }
    .nav_ul { display: block; margin: 0; width: 100%; height: 100%; position: absolute; top: 0; left: 0; overflow-x: hidden; overflow-y: auto; padding: 0; text-align: left; }
    .nav_item { float: none; margin: 0; width: 100%; height: 80px;}
    .nav_item:after { content: ''; display: block; width: 100%; border-bottom: 1px solid rgba(255, 255, 255, 0.1); }
    .nav_item > a { display: block; margin: 0; height: 80px; line-height: 80px; color:rgba(255,255,255,0.5); font-size: 16px; text-align: left; padding: 0 60px 0 30px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; opacity: 1; position: relative; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box;}
	.nav_item > a:active {}
	.nav_item > a.navon { opacity:1;}
	.nav_item > a em { width:30px; height:2px; left:30px; margin:0;}
	
	.fxd .nav_item > a, .subMenu:hover .nav_item > a, .fp-viewing-page2 .nav_item > a, .fp-viewing-page3 .nav_item > a, .fp-viewing-page4 .nav_item > a, .fp-viewing-page5 .nav_item > a { color:rgba(255,255,255,0.5);}
	.fxd .nav_item > a em, .subMenu:hover .nav_item > a em, .fp-viewing-page2 .nav_item > a em, .fp-viewing-page3 .nav_item > a em, .fp-viewing-page4 .nav_item > a em, .fp-viewing-page5 .nav_item > a em { background-color:#fff;}
	.fxd .nav_item:hover > a, .fxd .nav_item > a.navon, .subMenu:hover .nav_item:hover > a, .subMenu:hover .nav_item > a.navon, .fp-viewing-page2 .nav_item:hover > a, .fp-viewing-page3 .nav_item:hover > a, .fp-viewing-page4 .nav_item:hover > a, .fp-viewing-page5 .nav_item:hover > a, .fp-viewing-page2 .nav_item > a.navon, .fp-viewing-page3 .nav_item > a.navon, .fp-viewing-page4 .nav_item > a.navon, .fp-viewing-page5 .nav_item > a.navon { color:#fff;}
	
    .nav_item i { position: absolute; z-index: 2; top: 0; right: 0; width: 60px; height: 100%; display: block;}
    .nav_item i:after { content: ''; display: block; width: 12px; height: 12px; margin:-6px 0 0 -6px; border: 1px solid rgba(255, 255, 255, 0.5); border-top: 0; border-left: 0; position: absolute; left: 50%; top: 50%; -webkit-transform: rotate(-45deg); transform: rotate(-45deg); }
    .nav_item_open { width: 50%; height: 100%; margin: 0; box-shadow: none; background-color: rgba(34,80,159,1); border-radius: 0; opacity: 1; visibility: visible; -webkit-transform: translateY(0px); transform: translateY(0px); position: fixed; left: -50%; top: 0; }
    .subopen { display: block; }
    .subopen a { display: block; overflow: hidden; line-height: 80px; margin: 0; padding: 0 30px; white-space: nowrap; text-overflow: ellipsis; font-size: 18px; color: #fff; text-indent:12px; border-bottom: 1px solid rgba(255, 255, 255, 0.1); position: relative;}
    .subopen a:before { content: ''; display: block; width: 12px; height: 12px; position: absolute; left: 20px; top: 50%; margin: -6px 0 0 0; -webkit-transform: rotate(-45deg); transform: rotate(-45deg); border: 1px solid rgba(255, 255, 255, 1); border-right: 0; border-bottom: 0; }
    .nav_item2 { position: relative; }
    .nav_item2 a { display: block; overflow: hidden; margin: 0; height: 60px; line-height: 60px; color:rgba(255,255,255,0.5); font-size:16px; text-align:left; padding: 0 30px; white-space: nowrap; text-overflow: ellipsis; opacity: 1;}
    .nav_item2:after { content: ''; width: 100%; position: absolute; bottom: 0; left: 0; display: block; border-bottom-width: 1px; border-bottom-style: solid; border-bottom: 1px solid rgba(255, 255, 255, 0.1);}
	.nav_item2 a:hover, .nav_item2 a:active {color:#fff;}
	
	
}
@media screen and (min-width:1024px) and (max-width:1199px) {
	.subMenu { height:80px;}
	.ly_top { width:100%; height:80px; margin:0 auto; padding:0 0 0 40px; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box;}
	.ly_top .lytop_main { width:100%; height:80px; margin:0 auto; padding:0;}
	.lytop_main .ly_logo { width:32%; height:60px; margin:0 10px 0 0; padding:10px 0; float:left;}
	.lytop_main .lytop_tel { font-size:24px; margin:20px 0;}
	.lytop_form { margin:0 0 0 100px; padding:0;}
	.lytop_form { width:80px; height:80px;}
	.lytop_form .lytop_sc { top:80px; padding:20px;}
	
	.ly_nav { width:auto;}
	.menu_open { display: block; float: right; width: 80px; height: 80px; padding: 20px 0; position: absolute; top:0; right:80px; box-sizing: border-box; z-index: 98; cursor: pointer}
    .menu_open i { width: 28px; height: 2px; background-color: #fff; display: block; margin: 9px auto;}
	.menu_open:hover, .menu_open:active { background-color:#c60000;}
	.menu_open:hover i, .menu_open:active i { background-color: #fff;}
	
	.fxd .menu_open i, .subMenu:hover .menu_open i, .fp-viewing-page2 .menu_open i, .fp-viewing-page3 .menu_open i, .fp-viewing-page4 .menu_open i, .fp-viewing-page5 .menu_open i { background-color:#333;}
	.fxd .menu_open:hover, .fxd .menu_open:active, .subMenu:hover .menu_open:hover, .subMenu:hover .menu_open:active, .fp-viewing-page2 .menu_open:hover, .fp-viewing-page3 .menu_open:hover, .fp-viewing-page4 .menu_open:hover, .fp-viewing-page5 .menu_open:hover, .fp-viewing-page2 .menu_open:active, .fp-viewing-page3 .menu_open:active, .fp-viewing-page4 .menu_open:active, .fp-viewing-page5 .menu_open:active { background-color:#c60000;}
	.fxd .menu_open:hover i, .fxd .menu_open:active i, .subMenu:hover .menu_open:hover i, .subMenu:hover .menu_open:active i, .fp-viewing-page2 .menu_open:hover i, .fp-viewing-page3 .menu_open:hover i, .fp-viewing-page4 .menu_open:hover i, .fp-viewing-page5 .menu_open:hover i, .fp-viewing-page2 .menu_open:active i, .fp-viewing-page3 .menu_open:active i, .fp-viewing-page4 .menu_open:active i, .fp-viewing-page5 .menu_open:active i { background-color:#fff;}
	
    .nav { width: 50%; height: 100%; position: fixed; top: 0; left: -50%; z-index: 100; overflow: hidden; background-color:rgba(34,80,159,0.98);}
    .hcover { display: block; width: 50%; height: 100%; background: rgba(0, 0, 0, .7); position: fixed; right: -50%; top: 0; z-index: 99; }
    .nav_ul { display: block; margin: 0; width: 100%; height: 100%; position: absolute; top: 0; left: 0; overflow-x: hidden; overflow-y: auto; padding: 0; text-align: left; }
    .nav_item { float: none; margin: 0; width: 100%; height: 80px;}
    .nav_item:after { content: ''; display: block; width: 100%; border-bottom: 1px solid rgba(255, 255, 255, 0.1); }
    .nav_item > a { display: block; margin: 0; height: 80px; line-height: 80px; color:rgba(255,255,255,0.5); font-size: 16px; text-align: left; padding: 0 60px 0 30px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; opacity: 1; position: relative; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box;}
	.nav_item > a:active {}
	.nav_item > a.navon { opacity:1;}
	.nav_item > a em { width:30px; height:2px; left:30px; margin:0;}
	
	.fxd .nav_item > a, .subMenu:hover .nav_item > a, .fp-viewing-page2 .nav_item > a, .fp-viewing-page3 .nav_item > a, .fp-viewing-page4 .nav_item > a, .fp-viewing-page5 .nav_item > a { color:rgba(255,255,255,0.5);}
	.fxd .nav_item > a em, .subMenu:hover .nav_item > a em, .fp-viewing-page2 .nav_item > a em, .fp-viewing-page3 .nav_item > a em, .fp-viewing-page4 .nav_item > a em, .fp-viewing-page5 .nav_item > a em { background-color:#fff;}
	.fxd .nav_item:hover > a, .fxd .nav_item > a.navon, .subMenu:hover .nav_item:hover > a, .subMenu:hover .nav_item > a.navon, .fp-viewing-page2 .nav_item:hover > a, .fp-viewing-page3 .nav_item:hover > a, .fp-viewing-page4 .nav_item:hover > a, .fp-viewing-page5 .nav_item:hover > a, .fp-viewing-page2 .nav_item > a.navon, .fp-viewing-page3 .nav_item > a.navon, .fp-viewing-page4 .nav_item > a.navon, .fp-viewing-page5 .nav_item > a.navon { color:#fff;}
	
    .nav_item i { position: absolute; z-index: 2; top: 0; right: 0; width: 60px; height: 100%; display: block;}
    .nav_item i:after { content: ''; display: block; width: 12px; height: 12px; margin:-6px 0 0 -6px; border: 1px solid rgba(255, 255, 255, 0.5); border-top: 0; border-left: 0; position: absolute; left: 50%; top: 50%; -webkit-transform: rotate(-45deg); transform: rotate(-45deg); }
    .nav_item_open { width: 50%; height: 100%; margin: 0; box-shadow: none; background-color: rgba(34,80,159,1); border-radius: 0; opacity: 1; visibility: visible; -webkit-transform: translateY(0px); transform: translateY(0px); position: fixed; left: -50%; top: 0; }
    .subopen { display: block; }
    .subopen a { display: block; overflow: hidden; line-height: 80px; margin: 0; padding: 0 30px; white-space: nowrap; text-overflow: ellipsis; font-size: 18px; color: #fff; text-indent:12px; border-bottom: 1px solid rgba(255, 255, 255, 0.1); position: relative;}
    .subopen a:before { content: ''; display: block; width: 12px; height: 12px; position: absolute; left: 20px; top: 50%; margin: -6px 0 0 0; -webkit-transform: rotate(-45deg); transform: rotate(-45deg); border: 1px solid rgba(255, 255, 255, 1); border-right: 0; border-bottom: 0; }
    .nav_item2 { position: relative; }
    .nav_item2 a { display: block; overflow: hidden; margin: 0; height: 60px; line-height: 60px; color:rgba(255,255,255,0.5); font-size:16px; text-align:left; padding: 0 30px; white-space: nowrap; text-overflow: ellipsis; opacity: 1;}
    .nav_item2:after { content: ''; width: 100%; position: absolute; bottom: 0; left: 0; display: block; border-bottom-width: 1px; border-bottom-style: solid; border-bottom: 1px solid rgba(255, 255, 255, 0.1);}
	.nav_item2 a:hover, .nav_item2 a:active {color:#fff;}
}
@media screen and (min-width:768px) and (max-width:1023px) {
	.subMenu { height:80px;}
	.ly_top { width:100%; height:80px; margin:0 auto; padding:0 0 0 20px; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box;}
	.ly_top .lytop_main { width:100%; height:80px; margin:0 auto; padding:0;}
	.lytop_main .ly_logo { width:40%; height:60px; margin:0 10px 0 0; padding:10px 0; float:left;}
	.lytop_main .lytop_tel { font-size:22px; margin:20px 0;}
	.lytop_form { margin:0 0 0 100px; padding:0;}
	.lytop_form { width:80px; height:80px;}
	.lytop_form .lytop_sc { top:80px; padding:20px;}
	
	.ly_nav { width:auto;}
	.menu_open { display: block; float: right; width: 80px; height: 80px; padding: 20px 0; position: absolute; top:0; right:80px; box-sizing: border-box; z-index: 98; cursor: pointer}
    .menu_open i { width: 28px; height: 2px; background-color: #fff; display: block; margin: 9px auto;}
	.menu_open:hover, .menu_open:active { background-color:#c60000;}
	.menu_open:hover i, .menu_open:active i { background-color: #fff;}
	
	.fxd .menu_open i, .subMenu:hover .menu_open i, .fp-viewing-page2 .menu_open i, .fp-viewing-page3 .menu_open i, .fp-viewing-page4 .menu_open i, .fp-viewing-page5 .menu_open i { background-color:#333;}
	.fxd .menu_open:hover, .fxd .menu_open:active, .subMenu:hover .menu_open:hover, .subMenu:hover .menu_open:active, .fp-viewing-page2 .menu_open:hover, .fp-viewing-page3 .menu_open:hover, .fp-viewing-page4 .menu_open:hover, .fp-viewing-page5 .menu_open:hover, .fp-viewing-page2 .menu_open:active, .fp-viewing-page3 .menu_open:active, .fp-viewing-page4 .menu_open:active, .fp-viewing-page5 .menu_open:active { background-color:#c60000;}
	.fxd .menu_open:hover i, .fxd .menu_open:active i, .subMenu:hover .menu_open:hover i, .subMenu:hover .menu_open:active i, .fp-viewing-page2 .menu_open:hover i, .fp-viewing-page3 .menu_open:hover i, .fp-viewing-page4 .menu_open:hover i, .fp-viewing-page5 .menu_open:hover i, .fp-viewing-page2 .menu_open:active i, .fp-viewing-page3 .menu_open:active i, .fp-viewing-page4 .menu_open:active i, .fp-viewing-page5 .menu_open:active i { background-color:#fff;}
	
    .nav { width: 50%; height: 100%; position: fixed; top: 0; left: -50%; z-index: 100; overflow: hidden; background-color:rgba(34,80,159,0.98);}
    .hcover { display: block; width: 50%; height: 100%; background: rgba(0, 0, 0, .7); position: fixed; right: -50%; top: 0; z-index: 99; }
    .nav_ul { display: block; margin: 0; width: 100%; height: 100%; position: absolute; top: 0; left: 0; overflow-x: hidden; overflow-y: auto; padding: 0; text-align: left; }
    .nav_item { float: none; margin: 0; width: 100%; height: 60px;}
    .nav_item:after { content: ''; display: block; width: 100%; border-bottom: 1px solid rgba(255, 255, 255, 0.1); }
    .nav_item > a { display: block; margin: 0; height: 60px; line-height: 60px; color:rgba(255,255,255,0.5); font-size: 16px; text-align: left; padding: 0 60px 0 30px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; opacity: 1; position: relative; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box;}
	.nav_item > a:active {}
	.nav_item > a.navon { opacity:1;}
	.nav_item > a em { width:30px; height:2px; left:30px; margin:0;}
	
	.fxd .nav_item > a, .subMenu:hover .nav_item > a, .fp-viewing-page2 .nav_item > a, .fp-viewing-page3 .nav_item > a, .fp-viewing-page4 .nav_item > a, .fp-viewing-page5 .nav_item > a { color:rgba(255,255,255,0.5);}
	.fxd .nav_item > a em, .subMenu:hover .nav_item > a em, .fp-viewing-page2 .nav_item > a em, .fp-viewing-page3 .nav_item > a em, .fp-viewing-page4 .nav_item > a em, .fp-viewing-page5 .nav_item > a em { background-color:#fff;}
	.fxd .nav_item:hover > a, .fxd .nav_item > a.navon, .subMenu:hover .nav_item:hover > a, .subMenu:hover .nav_item > a.navon, .fp-viewing-page2 .nav_item:hover > a, .fp-viewing-page3 .nav_item:hover > a, .fp-viewing-page4 .nav_item:hover > a, .fp-viewing-page5 .nav_item:hover > a, .fp-viewing-page2 .nav_item > a.navon, .fp-viewing-page3 .nav_item > a.navon, .fp-viewing-page4 .nav_item > a.navon, .fp-viewing-page5 .nav_item > a.navon { color:#fff;}
	
    .nav_item i { position: absolute; z-index: 2; top: 0; right: 0; width: 60px; height: 100%; display: block;}
    .nav_item i:after { content: ''; display: block; width: 12px; height: 12px; margin:-6px 0 0 -6px; border: 1px solid rgba(255, 255, 255, 0.5); border-top: 0; border-left: 0; position: absolute; left: 50%; top: 50%; -webkit-transform: rotate(-45deg); transform: rotate(-45deg); }
    .nav_item_open { width: 50%; height: 100%; margin: 0; box-shadow: none; background-color: rgba(34,80,159,1); border-radius: 0; opacity: 1; visibility: visible; -webkit-transform: translateY(0px); transform: translateY(0px); position: fixed; left: -50%; top: 0; }
    .subopen { display: block; }
    .subopen a { display: block; overflow: hidden; line-height: 60px; margin: 0; padding: 0 30px; white-space: nowrap; text-overflow: ellipsis; font-size: 16px; color: #fff; text-indent:12px; border-bottom: 1px solid rgba(255, 255, 255, 0.1); position: relative;}
    .subopen a:before { content: ''; display: block; width: 12px; height: 12px; position: absolute; left: 20px; top: 50%; margin: -6px 0 0 0; -webkit-transform: rotate(-45deg); transform: rotate(-45deg); border: 1px solid rgba(255, 255, 255, 1); border-right: 0; border-bottom: 0; }
    .nav_item2 { position: relative; }
    .nav_item2 a { display: block; overflow: hidden; margin: 0; height: 60px; line-height: 60px; color:rgba(255,255,255,0.5); font-size:16px; text-align:left; padding: 0 30px; white-space: nowrap; text-overflow: ellipsis; opacity: 1;}
    .nav_item2:after { content: ''; width: 100%; position: absolute; bottom: 0; left: 0; display: block; border-bottom-width: 1px; border-bottom-style: solid; border-bottom: 1px solid rgba(255, 255, 255, 0.1);}
	.nav_item2 a:hover, .nav_item2 a:active {color:#fff;}
		
}
@media screen and (max-width:767px) {
	.subMenu { height:60px;}
	.ly_top { width:100%; height:60px; margin:0 auto; padding:0 12px; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box;}
	.ly_top .lytop_main { width:100%; height:60px; margin:0 auto; padding:0;}
	.lytop_main .ly_logo { width:64%; height:48px; margin:0; padding:6px 0; float:left;}
	.ly_logo a { height:48px;}
	
	.ly_nav { width:auto;}
	.menu_open { display: block; float: right; width: 60px; height: 60px; padding: 13px 0; position: absolute; top:0; right:60px; box-sizing: border-box; z-index: 98; cursor: pointer}
    .menu_open i { width: 24px; height: 2px; background-color: #fff; display: block; margin: 7px auto;}
	.menu_open:hover, .menu_open:active { background-color:#c60000;}
	.menu_open:hover i, .menu_open:active i { background-color: #fff;}
	
	.fxd .menu_open i, .subMenu:hover .menu_open i, .fp-viewing-page2 .menu_open i, .fp-viewing-page3 .menu_open i, .fp-viewing-page4 .menu_open i, .fp-viewing-page5 .menu_open i { background-color:#333;}
	.fxd .menu_open:hover, .fxd .menu_open:active, .subMenu:hover .menu_open:hover, .subMenu:hover .menu_open:active, .fp-viewing-page2 .menu_open:hover, .fp-viewing-page3 .menu_open:hover, .fp-viewing-page4 .menu_open:hover, .fp-viewing-page5 .menu_open:hover, .fp-viewing-page2 .menu_open:active, .fp-viewing-page3 .menu_open:active, .fp-viewing-page4 .menu_open:active, .fp-viewing-page5 .menu_open:active { background-color:#c60000;}
	.fxd .menu_open:hover i, .fxd .menu_open:active i, .subMenu:hover .menu_open:hover i, .subMenu:hover .menu_open:active i, .fp-viewing-page2 .menu_open:hover i, .fp-viewing-page3 .menu_open:hover i, .fp-viewing-page4 .menu_open:hover i, .fp-viewing-page5 .menu_open:hover i, .fp-viewing-page2 .menu_open:active i, .fp-viewing-page3 .menu_open:active i, .fp-viewing-page4 .menu_open:active i, .fp-viewing-page5 .menu_open:active i { background-color:#fff;}
	
    .nav { width: 50%; height: 100%; position: fixed; top: 0; left: -50%; z-index: 100; overflow: hidden; background-color:rgb(197 28 28 / 98%);}
    .hcover { display: block; width: 50%; height: 100%; background: rgba(0, 0, 0, .7); position: fixed; right: -50%; top: 0; z-index: 99; }
    .nav_ul { display: block; margin: 0; width: 100%; height: 100%; position: absolute; top: 0; left: 0; overflow-x: hidden; overflow-y: auto; padding: 0; text-align: left; }
    .nav_item { float: none; margin: 0; width: 100%; height: 60px;}
    .nav_item:after { content: ''; display: block; width: 100%; border-bottom: 1px solid rgba(255, 255, 255, 0.1); }
    .nav_item > a { display: block; margin: 0; height: 60px; line-height: 60px; color:rgba(255,255,255,0.5); font-size: 14px; text-align: left; padding: 0 60px 0 20px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; opacity: 1; position: relative; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box;}
	.nav_item > a:active {}
	.nav_item > a.navon { opacity:1;}
	.nav_item > a em { width:30px; height:2px; left:20px; margin:0;}
	
	.fxd .nav_item > a, .subMenu:hover .nav_item > a, .fp-viewing-page2 .nav_item > a, .fp-viewing-page3 .nav_item > a, .fp-viewing-page4 .nav_item > a, .fp-viewing-page5 .nav_item > a { color:rgba(255,255,255,0.5);}
	.fxd .nav_item > a em, .subMenu:hover .nav_item > a em, .fp-viewing-page2 .nav_item > a em, .fp-viewing-page3 .nav_item > a em, .fp-viewing-page4 .nav_item > a em, .fp-viewing-page5 .nav_item > a em { background-color:#fff; left:20px;}
	.fxd .nav_item:hover > a, .fxd .nav_item > a.navon, .subMenu:hover .nav_item:hover > a, .subMenu:hover .nav_item > a.navon, .fp-viewing-page2 .nav_item:hover > a, .fp-viewing-page3 .nav_item:hover > a, .fp-viewing-page4 .nav_item:hover > a, .fp-viewing-page5 .nav_item:hover > a, .fp-viewing-page2 .nav_item > a.navon, .fp-viewing-page3 .nav_item > a.navon, .fp-viewing-page4 .nav_item > a.navon, .fp-viewing-page5 .nav_item > a.navon { color:#fff;}
	
    .nav_item i { position: absolute; z-index: 2; top: 0; right: 0; width: 60px; height: 100%; display: block;}
    .nav_item i:after { content: ''; display: block; width: 10px; height: 10px; margin:-5px 0 0 -5px; border: 1px solid rgba(255, 255, 255, 0.5); border-top: 0; border-left: 0; position: absolute; left: 50%; top: 50%; -webkit-transform: rotate(-45deg); transform: rotate(-45deg); }
    .nav_item_open { width: 50%; height: 100%; margin: 0; box-shadow: none; background-color: rgb(197 28 28 / 98%); border-radius: 0; opacity: 1; visibility: visible; -webkit-transform: translateY(0px); transform: translateY(0px); position: fixed; left: -50%; top: 0; }
    .subopen { display: block; }
    .subopen a { display: block; overflow: hidden; line-height: 60px; margin: 0; padding: 0 30px; white-space: nowrap; text-overflow: ellipsis; font-size: 15px; color: #fff; text-indent:12px; border-bottom: 1px solid rgba(255, 255, 255, 0.1); position: relative;}
    .subopen a:before { content: ''; display: block; width: 12px; height: 12px; position: absolute; left: 20px; top: 50%; margin: -6px 0 0 0; -webkit-transform: rotate(-45deg); transform: rotate(-45deg); border: 1px solid rgba(255, 255, 255, 1); border-right: 0; border-bottom: 0; }
    .nav_item2 { position: relative; }
    .nav_item2 a { display: block; overflow: hidden; margin: 0; height: 60px; line-height: 60px; color:rgba(255,255,255,0.5); font-size:15px; text-align:left; padding: 0 20px; white-space: nowrap; text-overflow: ellipsis; opacity: 1;}
    .nav_item2:after { content: ''; width: 100%; position: absolute; bottom: 0; left: 0; display: block; border-bottom-width: 1px; border-bottom-style: solid; border-bottom: 1px solid rgba(255, 255, 255, 0.1);}
	.nav_item2 a:hover, .nav_item2 a:active {color:#fff;}
	
	
	.lytop_form .lytop_sc { padding:10px 12px; top:60px;}
	.lytop_sc form { width:100%; height:40px; padding:0 60px 0 0;}
	.lytop_sc form .ly_ipt { height:40px;}
	.ly_ipt input { height:40px; line-height:40px; font-size:14px; padding:0 12px;}
	.lytop_sc form .ly_btn { width:60px; height:40px;}
	.ly_btn input { width:60px; height:40px; font-size:0; background:#e88c18 url(/template/default/images/sc_icon0.png) center center no-repeat; background-size:40px 40px;}
	.lytop_form { background:url(/template/default/images/sc_icon0.png) center center no-repeat; background-size:40px 40px; margin:0 -12px 0 0; padding:10px;}
	.fxd .lytop_form, .subMenu:hover .lytop_form, .fp-viewing-page2 .lytop_form, .fp-viewing-page3 .lytop_form, .fp-viewing-page4 .lytop_form, .fp-viewing-page5 .lytop_form { background:url(/template/default/images/sc_icon1.png) center center no-repeat; background-size:40px 40px;}
	.fxd .lytop_form:hover, .subMenu:hover .lytop_form:hover, .fp-viewing-page2 .lytop_form:hover, .fp-viewing-page3 .lytop_form:hover, .fp-viewing-page4 .lytop_form:hover, .fp-viewing-page5 .lytop_form:hover { background:#e88c18 url(/template/default/images/sc_icon0.png) center center no-repeat; background-size:40px 40px; border-left:0;}
	.lytop_main .lytop_tel { display:none;}
}
/**top end**/

/**foot start**/
.ly_foot { width:100%; height:auto; margin:0; padding:20px 100px; background-color:#fff; box-shadow:0 -10px 12px rgba(0,0,0,0.04); box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box;}
.ly_foot .lyft_logo { width:23%; height:60px; margin:0 2% 0 0; padding:0; float:left; display:block;}
.ly_foot .lyft_logo a { display: table-cell; vertical-align: middle; width: 100%; height: 60px; overflow: hidden; margin: 0; padding: 0;}
.ly_foot .lyft_logo a img {display: inline-block; max-width: 100%; height: auto; max-height: 100%; margin: 0; padding: 0;}
.ly_foot .lyft_contact { width:74%; height:auto; overflow:hidden; line-height:30px; color:#666; font-size:14px; margin:0; padding:0; float:left;}
.lyft_contact span { display:block; width:auto; max-width:50%; overflow:hidden; line-height:30px; color:#666; font-size:14px; white-space: nowrap; text-overflow: ellipsis; margin:0 2% 0 0; padding:0; float:left; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box;}
.lyft_contact span:nth-child(3) { margin:0;}
.lyft_contact span img { display:block; width:20px; height:20px; margin:5px 6px 5px 0; padding:0; float:left;}
.ly_foot .lyft_copy { width:26%; overflow:hidden; line-height:30px; color:#666; font-size:14px; text-align:right; float:right;}
.lyft_copy a { color:#666;}
.lyft_copy a:hover { color:#c60000;}
.ny_foot .ly_foot { position:inherit; bottom:inherit; left:inherit;}
@media screen and (max-width:1600px) {
	.ly_foot { padding:20px 40px;}
	.lyft_contact span {}
}
@media screen and (min-width:1440px) and (max-width:1599px) {
	.ly_foot { padding:20px;}
	.ly_foot .lyft_logo { width:22%;}
	.ly_foot .lyft_contact { width:74%;}
	.ly_foot .lyft_copy { width:26%;}
}
@media screen and (min-width:1360px) and (max-width:1439px) {
	.ly_foot { padding:10px 20px;}
	.ly_foot .lyft_logo { width:22%;}
	.ly_foot .lyft_contact { width:75%;}
	.lyft_contact span { max-width:54%;}
	.ly_foot .lyft_copy { width:25%;}
}
@media screen and (min-width:1280px) and (max-width:1359px) {
	.ly_foot { padding:10px 20px;}
	.ly_foot .lyft_logo { width:22%;}
	.ly_foot .lyft_contact { width:100%; float:inherit;}
	.lyft_contact span { max-width:100%;}
	.ly_foot .lyft_copy { width:100%; text-align:left; margin:0 auto;}
}
@media screen and (min-width:1200px) and (max-width:1279px) {
	.ly_foot { padding:10px 20px;}
	.ly_foot .lyft_logo { width:28%;}
	.ly_foot .lyft_contact { width:100%; float:inherit;}
	.lyft_contact span { max-width:100%;}
	.ly_foot .lyft_copy { width:100%; text-align:left; margin:0 auto;}
}
@media screen and (min-width:1024px) and (max-width:1199px) {
	.ly_foot { padding:10px 20px;}
	.ly_foot .lyft_logo { width:100%; float:inherit;}
	.ly_foot .lyft_contact { width:100%; float:inherit;}
	.lyft_contact span { max-width:100%;}
	.ly_foot .lyft_copy { width:100%; text-align:left; margin:0 auto;}
}
@media screen and (min-width:768px) and (max-width:1023px) {
	.ly_foot { padding:10px 20px;}
	.ly_foot .lyft_logo { width:40%; float:inherit; margin:0;}
	.ly_foot .lyft_contact { width:100%; float:inherit;}
	.lyft_contact span { max-width:100%;}
	.ly_foot .lyft_copy { width:100%; text-align:left; margin:0 auto;}
}
@media screen and (max-width:767px) {
	.ly_foot { padding:10px 12px;}
	.ly_foot .lyft_logo { width:64%; float:inherit; margin:0;}
	.ly_foot .lyft_contact { width:100%; height:auto; float:inherit;}
	.lyft_contact span { max-width:100%;}
	.ly_foot .lyft_copy { width:100%; text-align:left; margin:0 auto;}
}
/**foot end**/

/*网站右侧漂浮*/
.f_pf1 {position:fixed;top:50%;right:4px;z-index:999;}
.f_pf1 a.qqa {display:block;width:44px;height:44px;overflow:hidden;background:rgba(0,0,0,.5);margin-bottom:2px;}
.f_pf1 a.qqa:after {content:'';display:block;width:24px;height:24px;background:url(/template/default/images/slidebar_icon.png) top center no-repeat;overflow:hidden;margin:9px 10px;}
.f_pf1 .tela>a {display:block;width:44px;height:44px;overflow:hidden;background:rgba(0,0,0,.5);margin-bottom:2px;}
.f_pf1 .tela>a:after {content:'';display:block;width:24px;height:24px;background: url(/template/default/images/slidebar_icon.png) center -27px no-repeat;overflow:hidden;margin:9px 10px;}
.f_pf1 .tela .wz {position:absolute;top:40px;left:-224px;z-index:999;display:none;box-shadow: 0 0 10px rgba(0,0,0,.2);}
.f_pf1 .tela:hover .wz{display:block;}
.f_pf1 .tela p {background:#fff;padding:5px;width:200px;height:40px;overflow:hidden;font-size:18px;font-weight:bold;color:#c60000;line-height:40px;text-align:center;}
.f_pf1 .tela p em {width:0;height:0;border-width:6px 0 6px 6px;border-style:solid;border-color:transparent transparent transparent #fff;margin-top:-4px;position:absolute;top:50%;right:-6px;}
.f_pf1 .wxa {position:relative;}
.f_pf1 .wxa>span {display:block;width:44px;height:44px;overflow:hidden;background:rgba(0,0,0,.5);margin-bottom:2px;}
.f_pf1 .wxa>span:after {content:'';display:block;width:24px;height:24px;background: url(/template/default/images/slidebar_icon.png) center -52px no-repeat;overflow:hidden;margin:9px 10px;}
.f_pf1 .wxa .code {position:absolute;top:-54px;left:-164px;z-index:999;display:none;box-shadow: 0 0 10px rgba(0,0,0,.2);}
.f_pf1 .wxa:hover .code{display:block;}
.f_pf1 .wxa .code p {background:#fff;padding:5px;width:140px;height:140px;overflow:hidden;}
.f_pf1 .wxa .code p img {max-width:100%;max-height:100%;}
.f_pf1 .wxa .code p em {width:0;height:0;border-width:6px 0 6px 6px;border-style:solid;border-color:transparent transparent transparent #fff;margin-top:-4px;position:absolute;top:50%;right:-6px;}
.f_pf1 a.totop {display:block;width:44px;height:44px;overflow:hidden;background:rgba(0,0,0,.5);margin-bottom:2px;}
.f_pf1 a.totop:after {content:'';display:block;width:24px;height:24px;background: url(/template/default/images/slidebar_icon.png) center -76px no-repeat;overflow:hidden;margin:9px 10px;}
@media screen and (max-width:768px) {
	.f_pf1 a.qqa, .f_pf1 .wxa { display:none;}
}