html { overflow: auto; }
* { padding: 0px; margin: 0px; }
ul, ol, li { list-style-type: none; }
body, button, input, select, textarea { font-family: "Microsoft yahei"; font-size: 12px; }
a { text-decoration: none; color: rgb(51, 51, 51); transition: all 0.2s ease-out 0s; }
a:hover { color: rgb(0, 143, 213); cursor: pointer; }
img { border: 0px none; max-width: 100%; }
li { line-height: normal; }
table { border-collapse: collapse; border-spacing: 0px; }
h1, h2, h3, h4, h5, h6 { margin: 0px; font-weight: normal; font-family: "microsoft yahei"; }
button, table { border: medium none; background: transparent none repeat scroll 0% 0%; margin: 0px; padding: 0px; }
body { position: relative; float: left; width: 100%; }
.pz_banner { float: left; width: 100%; overflow: hidden; position: relative; }
.pz_main { float: left; width: 100%; }
.pz_down { float: left; width: 100%; position: relative; }
.w_0100 { float: left; width: 100%; }
.w_1200 { margin: 0px auto; max-width: 1200px; }
.bg2 { width: 100%; float: left; background: rgb(224, 224, 224) none repeat scroll 0% 0%; }
.bg4 { width: 100%; background: transparent url('pic6.jpg') no-repeat scroll center top; height: 502px; margin-top: 45px; }
.phone_show { display: none; }
.pc_pad_show { display: block; }
@media screen and (max-width: 1199px) {
	.phone_show { display: none; }
	.pc_pad_show { display: block; }
	.w_0100 { float: left; width: 100%; padding: 0px 10px; box-sizing: border-box; }
	.w_1200 { margin: 0px auto; max-width: 984px; }
}
@media screen and (max-width: 767px) {
	.phone_show { display: block; }
	.pc_pad_show { display: none; }
	.w_0100 { padding: 0px; }
	.w_1200 { width: 94%; padding: 0px 3%; }
}
.banner { height: 500px; position: relative; width: 100%; }
.pz_slides_3 { float: left; width: 1920px; height: 100%; overflow: hidden; position: relative; }
.pz_slides_3 ._btn { overflow: hidden; position: absolute; bottom: 77px; z-index: 2; }
.pz_slides_3 ._btn ul { overflow: hidden; float: left; }
.pz_slides_3 ._btn ul li { float: left; width: 60px; height: 9px; background: transparent url('banner_btn.png') no-repeat scroll left center; margin: 0px 10px; cursor: pointer; }
.pz_slides_3 ._btn ul li.on { background: transparent url('banner_btn1.png') no-repeat scroll right center; }
.pz_slides_3 ._pic { position: relative; height: 100%; z-index: 0; }
.pz_slides_3 ._pic li { vertical-align: middle; position: relative; }
.pz_slides_3 ._pic li img { width: 1920px; display: block; }
.banner_name1 { width: 100%; position: absolute; left: 0px; bottom: 88px; height: 42px; text-align: center; }
.w_1200_banner { width: 1400px; position: absolute; left: 50%; top: 50%; height: 0px; margin-left: -700px; }
.pz_slides_3 .prev, .pz_slides_3 .next { float: left; margin-top: 0px; display: block; width: 70px; height: 140px; background: transparent url('banner_left.png') no-repeat scroll left top; }
.pz_slides_3 .next { float: right; background: transparent url('banner_left.png') no-repeat scroll right top; }
.pz_slides_3 .prev:hover { background: transparent url('banner_right.png') no-repeat scroll left top; }
.pz_slides_3 .next:hover { background: transparent url('banner_right.png') no-repeat scroll right top; }
.menu ul .nli span a::after { width: 100%; height: 2px; position: absolute; content: ""; left: 0px; bottom: 0px; background-color: rgb(255, 255, 255); transform-origin: right top 0px; transform: scale(0, 1); transition: color 0.1s ease 0s, transform 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0s, -webkit-transform 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0s, -moz-transform 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0s, -o-transform 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0s; }
.menu ul .nli.on span a::after, .menu ul .nli span a:hover::after { transform-origin: left top 0px; transform: scale(1, 1); }
.sub1 .t_315 ul li:nth-child(5n) { border-bottom: medium none; }
@media screen and (max-width: 1199px) {
	.w_1200_banner { width: 768px; margin-left: -384px; }
}
@media screen and (max-width: 909px) {
}
@media screen and (max-width: 767px) {
	.banner { height: auto; }
	.banner_name1 { position: static; float: left; margin-top: 46px; }
}
.c_1200_1 { width: 100%; float: left; padding: 33px 0px; }
.tit_1 { width: 100%; float: left; text-align: center; font-size: 36px; color: black; }
.tit_1 span { font-size: 16px; color: rgb(102, 102, 102); line-height: 32px; margin-top: 5px; }
.c_1200_3 { width: 100%; float: left; margin-top: 0px; }
.c_1200_4 { width: 100%; float: left; padding-top: 135px; }
.c_1200_4 .tit_1 { color: white; }
.c_1200_4 .tit_1 span { color: white; }
.z_btn { width: 100%; float: left; margin-top: 30px; }
.z_btn a { display: block; width: 122px; height: 40px; line-height: 40px; border: 1px solid white; text-align: center; font-size: 16px; color: white; margin: auto; }
.z_btn a:hover { background: rgb(219, 91, 2) none repeat scroll 0% 0%; border: 1px solid rgb(219, 91, 2); color: white; }
@media screen and (max-width: 1199px) {
	.tit_1 { font-size: 28px; }
}
@media screen and (max-width: 767px) {
	.tit_1 { font-size: 22px; line-height: 32px; }
	.tit_1 span { font-size: 14px ! important; line-height: 24px ! important; }
	.c_1200_3 { margin-top: 0px; }
	.bg4 { background: transparent url('pic6_phone.jpg') no-repeat scroll center top; height: 450px; margin-top: 0px; }
	.c_1200_4 { padding-top: 116px; }
	.c_1200_4 .tit_1 span { margin-top: 20px; }
}
@media screen and (max-width: 1199px) {
}
@media screen and (max-width: 767px) {
}
@media screen and (max-width: 1199px) {
}
@media screen and (max-width: 767px) {
}
@media screen and (max-width: 1199px) {
}
@media screen and (max-width: 767px) {
	.scrollBox2 .bd li:nth-child(2n) { float: right; }
}
.pz_top_1 .menu ul .nli span a::after { background: rgb(216, 0, 49) none repeat scroll 0% 0%; }
@media screen and (max-width: 767px) {
}
@media screen and (max-width: 1199px) {
}
@media screen and (max-width: 767px) {
}
@media screen and (max-width: 767px) {
	.z_1200_7 .name5 ul li:nth-child(4n) { border-right: 1px solid rgb(201, 201, 201); }
	.z_1200_7 .name5 ul li.on:nth-child(4n) { border-right: 1px solid rgb(219, 91, 2); }
}
@media screen and (max-width: 767px) {
}
.c_1200_6 { width: 100%; float: left; padding: 53px 0px 73px; }
.main4 { width: 100%; float: left; margin-top: -6px; }
.main4 ul { width: 100%; float: left; }
.main4 ul li { width: 280px; margin-right: 20px; float: left; overflow: hidden; background: white none repeat scroll 0% 0%; height: 230px; margin-top: 45px; }
.main4 ul li:nth-child(3n) { margin-right: 0px; }
.main4 ul li .pic5 { width: 100%; float: left; height: 163px; position: relative; overflow: hidden; }
.main4 ul li .pic5 img { width: 280px; height: 163px; position: absolute; left: 50%; top: 0px; margin-left: -140px; max-width: none; }
.zz_1 { width: 100%; height: 100%; background: transparent url('bg5.png') repeat scroll 0% 0%; position: absolute; left: 0px; top: 0px; opacity: 0; transition: all 0.5s ease-out 0s; }
.main4 ul li .text8 { width: 100%; float: left; padding: 13px 32px 46px 5px; background: white none repeat scroll 0% 0%; position: relative; transition: all 0.5s ease-out 0s; }
.main4 ul li .text8 .title { width: 100%; float: left; font-size: 22px; color: rgb(51, 51, 51); line-height: 42px; text-align: center; font-family: "Arial"; }
.main4 ul li:hover .text8 { margin-top: -17px; }
.main4 ul li:hover .zz_1 { opacity: 1; }
.main4 ul li:hover { box-shadow: 0px 2px 6px rgb(170, 170, 170); }
.main4 .more { width: 100%; float: left; margin-top: 42px; }
.main4 .more a { display: block; width: 122px; height: 40px; text-align: center; line-height: 40px; color: rgb(219, 91, 2); border: 1px solid rgb(219, 91, 2); margin: auto; font-size: 16px; }
.main4 .more a:hover { color: white; background: rgb(219, 91, 2) none repeat scroll 0% 0%; }
@media screen and (max-width: 1199px) {
	.main4 ul li .text8 { width: 92%; float: left; padding: 60px 4% 46px; }
	.main4 ul li { width: 48%; margin-right: 4%; }
	.main4 ul li:nth-child(2n) { margin-right: 0px; }
	.main4 ul li:nth-child(2n+1) { margin-right: 4%; }
}
@media screen and (max-width: 767px) {
	.main2 ul li:nth-child(3n) { border-bottom: medium none; }
	.main4 ul li { width: 100%; margin-right: 0px; }
	.main4 ul li:nth-child(2n+1) { margin-right: 0px; }
	.main4 .more { width: 100%; float: left; margin-top: 42px; }
	.main4 .more a { display: block; width: 122px; height: 40px; text-align: center; line-height: 40px; color: rgb(219, 91, 2); border: 1px solid rgb(219, 91, 2); margin: auto; }
	.c_1200_7 ul li:nth-child(3n) { border-bottom: medium none; }
	.c_1200_6 { padding: 33px 0px 43px; }
}
@media screen and (max-width: 1199px) {
}
@media screen and (max-width: 767px) {
}
.rili .main6 .main6_t li:nth-child(7n) { margin-right: 0px; }
.rili .main6 .main6_b li:nth-child(7n) { margin-right: 0px; }
@media screen and (max-width: 1199px) {
}
@media screen and (max-width: 767px) {
}
.footer { width: 100%; float: left; padding: 34px 0px 26px; }
.footer .b_760 { width: 63%; float: left; }
.footer .b_760 .b_760_t { width: 100%; float: left; font-size: 14px; color: black; line-height: 24px; }
.footer .b_760 .b_760_t a { color: black; }
.footer .b_760 .b_760_t a:hover { color: rgb(219, 91, 2); }
.footer .b_760 .b_760_b { width: 100%; float: left; margin-top: 12px; font-size: 12px; color: rgb(51, 51, 51); text-transform: uppercase; }
.footer .b_440 { width: 135px; float: right; }
.footer .b_440 .b_440_t { width: 100%; }
.footer .b_440 .b_440_t .name2 { width: 30px; float: left; font-size: 12px; color: rgb(51, 51, 51); line-height: 24px; }
.footer .b_440 .b_440_t .btn3 { float: right; text-align: center; }
.footer .b_440 .b_440_t .btn3 a { padding-left: 9px; position: relative; }
.wx_b { width: 89px; height: 0px; background: transparent url('wx_b.png') no-repeat scroll left top; position: absolute; left: 50%; bottom: 28px; margin-left: -54px; overflow: hidden; padding-left: 12px; padding-right: 12px; transition: all 0.2s ease-out 0s; }
.footer .b_440 .b_440_t .btn3 a:hover .wx_b { display: block; height: 89px; padding-top: 13px; padding-bottom: 15px; }
.footer .b_440 .b_440_b { width: 100%; float: left; font-size: 14px; color: rgb(51, 51, 51); line-height: 24px; text-align: right; margin-top: 12px; }
.footer .b_440 .b_440_b a { color: rgb(51, 51, 51); }
.footer .b_440 .b_440_b a:hover { color: rgb(219, 91, 2); }
.footer .b_440 .b_440_t .lx { width: 30%; float: left; }
.footer .b_440 .b_440_t .lx .btn3 { background: transparent url('bian1.jpg') no-repeat scroll left center; }
@media screen and (max-width: 767px) {
	.footer .b_760 { width: 100%; border-bottom: 1px solid rgb(212, 212, 212); padding-bottom: 20px; }
	.footer .b_440 { width: 100%; margin-top: 20px; }
	.footer .b_760 .b_760_t { font-size: 12px; text-align: center; }
	.footer .b_760 .b_760_t a {  }
	.footer .b_440 .b_440_t .name2 { width: 100%; text-align: center; }
	.footer .b_440 .b_440_t .fx { width: 70%; float: left; }
	.footer .b_440 .b_440_t .btn3 { width: 100%; margin-top: 12px; }
	.footer .b_440 .b_440_b { text-align: center; margin-top: 20px; font-size: 12px; }
}
@media screen and (max-width: 767px) {
}
@media screen and (max-width: 767px) {
}
@media screen and (max-width: 767px) {
}
@media screen and (max-width: 1199px) {
}
@media screen and (max-width: 767px) {
}
@media screen and (max-width: 767px) {
}
/* ::::: http://www.ugean.com/templates/cn/dist/css/layui.css ::::: */

/* ::::: http://www.ugean.com/css/base.css ::::: */

body, div, span, h1, h2, h3, h4, h5, h6, p, em, img, strong, b, small, u, i, center, dl, dt, dd, ol, ul, li, sub, sup, tt, var, del, dfn, ins, kbd, q, s, samp, strike, applet, object, iframe, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, menu, nav, output, ruby, section, summary, time, blockquote, pre, a, abbr, acronym, address, big, cite, code, mark, audio, video, input, textarea, select { margin: 0px; padding: 0px; }
ul, ol { list-style: outside none none; }
em { font-style: normal; }
blockquote::before, blockquote::after, q::before, q::after { content: none; }
table { border-collapse: collapse; border-spacing: 0px; }
input[type="reset"]::-moz-focus-inner, input[type="button"]::-moz-focus-inner, input[type="submit"]::-moz-focus-inner, input[type="file"] > input[type="button"]::-moz-focus-inner { border: medium none; padding: 0px; }
.clear { display: block; height: 0px; overflow: hidden; clear: both; }
.clearfix::after { content: " "; display: block; height: 0px; clear: both; }
html { overflow-y: scroll; }
a { text-decoration: none; outline: medium none; color: rgb(102, 102, 102); font-family:阿里巴巴普惠体;}
a:hover { color: rgb(0, 143, 213); text-decoration: none; }
fieldset, img { border: 0px none; vertical-align: middle; }


body { font: 12px/1.231 arial,helvetica,clean,sans-serif; }
table { font-size: inherit; border-collapse: collapse; }
h1 { font-size: 32px; }
body { background-color: rgb(255, 255, 255); overflow-x: hidden; color: rgb(102, 102, 102); font-size: 14px; font-family: microsoft yahei,"宋体"; position: relative; }
.header, .content, .footer, .container { margin-left: auto; margin-right: auto; width: 1200px; font-family: microsoft yahei; }
.header { width: 100%; height: 80px; background-color: rgb(255, 255, 255); position: fixed; left: 0px; top: 0px;  z-index: 100; display: block; }
.header h1 { float: left; overflow: hidden; margin-left: 100px; margin-top: 14px; }
.header .hright { float: right; height: 80px; border-left: 1px solid rgb(230, 230, 230); width: 300px; }
.header .hright ul { padding-top: 0px; height: 25px; }
.header .hright li { float: left; padding: 0px 10px; font-size: 12px; position: relative; }
.header .hright > ul > li > a { color: rgb(255, 255, 255); }
.header .hright li em { font-weight: bold; color: rgb(255, 255, 255); font-family: Arial; }
.header .nav { float: right;  width: 65%; }
.header .nav li { float: left; width: 12%; white-space: nowrap; text-align: center; padding-top: 30px; margin-top: 3px; font-size: 16px; height: 47px; position: relative; }
.header .nav li > a { color: rgb(255, 255, 255); text-decoration: none; }
.cur { background-color: rgb(31, 171, 60); padding: 7px 12px; color: rgb(246, 120, 40); border-radius: 15px; }
.header .nav li.cur > a, .header .nav li:hover > a { color: rgb(255, 255, 255); }
.header .nav .erjinav { overflow: hidden; width: 140px; background-color: rgb(255, 255, 255); border-top: 1px solid rgb(240, 240, 240); position: absolute; top: 77px; left: -5px; display: none; }
.header .nav .erjinav p { font-size: 14px; line-height: 46px; white-space: nowrap; }
.header .nav .erjinav p a { text-decoration: none; color: rgb(119, 119, 119); display: block; width: 100%; border-bottom: 1px solid rgb(240, 240, 240); }
.header .nav .erjinav p:hover { background: rgb(245, 245, 245) url('nav_ej.png') no-repeat scroll 195px center; }
.header .nav .erjinav p:hover a { border-color: rgb(245, 245, 245); color: rgb(246, 120, 40); }
.header .hdxl { display: none; width: 150px; background: rgb(255, 255, 255) url('header_ciji_nav.png') no-repeat scroll center center; position: absolute; padding-top: 9px; left: -23px; z-index: 10; }
}.xiabian {
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-bottom-style: solid;
	border-top-color: #E6E6E6;
	border-right-color: #E6E6E6;
	border-bottom-color: #E6E6E6;
	border-left-color: #E6E6E6;
}

.biankuang {
	border: 1px solid #CCCCCC;
}
.biankuang1 {
	border: 1px solid #EBEBEB;
}.a01:link {
	color: #606060;
	text-decoration: none;
	font-family: "阿里巴巴普惠体";
	font-size: 14px;
	font-weight: normal;
}
.a01:visited {
	color: #606060;
	text-decoration: none;
	font-family: "阿里巴巴普惠体";
	font-size: 14px;
	font-weight: normal;
}
.a01:hover {
	color: #FFFFFF;
	text-decoration: none;
	font-family: "阿里巴巴普惠体";
	font-size: 14px;
	font-weight: normal;
}
.a01:active {
	color: #606060;
	text-decoration: none;
	font-family: "阿里巴巴普惠体";
	font-size: 14px;
	font-weight: normal;
}







/* ::::: template/default/assets/css/plugin.css ::::: */

.owl-carousel .owl-stage::after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0px; }
.owl-carousel .owl-item .owl-lazy:not([src]), .owl-carousel .owl-item .owl-lazy[src^=""] { max-height: 0px; }
html { font-family: sans-serif; }
body { margin: 0px; }
audio:not([controls]) { display: none; height: 0px; }
a { background-color: transparent; }
a:active, a:hover { outline: 0px none; }
b, strong { font-weight: 700; }
img { border: 0px none; }
svg:not(:root) { overflow: hidden; }
button, input, optgroup, select, textarea { color: inherit; font: inherit; margin: 0px; }
button, select { text-transform: none; }
button::-moz-focus-inner, input::-moz-focus-inner { border: 0px none; padding: 0px; }
@font-face {
	font-family: "Glyphicons Halflings";
	src: url('glyphicons-halflings-regular.eot') format("embedded-opentype"), url('glyphicons-halflings-regular.woff2') format("woff2"), url('glyphicons-halflings-regular.woff') format("woff"), url('glyphicons-halflings-regular.ttf') format("truetype"), url('glyphicons-halflings-regular.svg') format("svg");
}
.glyphicon-asterisk::before { content: "*"; }
.glyphicon-plus::before { content: "+"; }
.glyphicon-eur::before, .glyphicon-euro::before { content: "€"; }
.glyphicon-minus::before { content: "−"; }
.glyphicon-cloud::before { content: "☁"; }
.glyphicon-envelope::before { content: "✉"; }
.glyphicon-pencil::before { content: "✏"; }
.glyphicon-glass::before { content: ""; }
.glyphicon-music::before { content: ""; }
.glyphicon-search::before { content: ""; }
.glyphicon-heart::before { content: ""; }
.glyphicon-star::before { content: ""; }
.glyphicon-star-empty::before { content: ""; }
.glyphicon-user::before { content: ""; }
.glyphicon-film::before { content: ""; }
.glyphicon-th-large::before { content: ""; }
.glyphicon-th::before { content: ""; }
.glyphicon-th-list::before { content: ""; }
.glyphicon-ok::before { content: ""; }
.glyphicon-remove::before { content: ""; }
.glyphicon-zoom-in::before { content: ""; }
.glyphicon-zoom-out::before { content: ""; }
.glyphicon-off::before { content: ""; }
.glyphicon-signal::before { content: ""; }
.glyphicon-cog::before { content: ""; }
.glyphicon-trash::before { content: ""; }
.glyphicon-home::before { content: ""; }
.glyphicon-file::before { content: ""; }
.glyphicon-time::before { content: ""; }
.glyphicon-road::before { content: ""; }
.glyphicon-download-alt::before { content: ""; }
.glyphicon-download::before { content: ""; }
.glyphicon-upload::before { content: ""; }
.glyphicon-inbox::before { content: ""; }
.glyphicon-play-circle::before { content: ""; }
.glyphicon-repeat::before { content: ""; }
.glyphicon-refresh::before { content: ""; }
.glyphicon-list-alt::before { content: ""; }
.glyphicon-lock::before { content: ""; }
.glyphicon-flag::before { content: ""; }
.glyphicon-headphones::before { content: ""; }
.glyphicon-volume-off::before { content: ""; }
.glyphicon-volume-down::before { content: ""; }
.glyphicon-volume-up::before { content: ""; }
.glyphicon-qrcode::before { content: ""; }
.glyphicon-barcode::before { content: ""; }
.glyphicon-tag::before { content: ""; }
.glyphicon-tags::before { content: ""; }
.glyphicon-book::before { content: ""; }
.glyphicon-bookmark::before { content: ""; }
.glyphicon-print::before { content: ""; }
.glyphicon-camera::before { content: ""; }
.glyphicon-font::before { content: ""; }
.glyphicon-bold::before { content: ""; }
.glyphicon-italic::before { content: ""; }
.glyphicon-text-height::before { content: ""; }
.glyphicon-text-width::before { content: ""; }
.glyphicon-align-left::before { content: ""; }
.glyphicon-align-center::before { content: ""; }
.glyphicon-align-right::before { content: ""; }
.glyphicon-align-justify::before { content: ""; }
.glyphicon-list::before { content: ""; }
.glyphicon-indent-left::before { content: ""; }
.glyphicon-indent-right::before { content: ""; }
.glyphicon-facetime-video::before { content: ""; }
.glyphicon-picture::before { content: ""; }
.glyphicon-map-marker::before { content: ""; }
.glyphicon-adjust::before { content: ""; }
.glyphicon-tint::before { content: ""; }
.glyphicon-edit::before { content: ""; }
.glyphicon-share::before { content: ""; }
.glyphicon-check::before { content: ""; }
.glyphicon-move::before { content: ""; }
.glyphicon-step-backward::before { content: ""; }
.glyphicon-fast-backward::before { content: ""; }
.glyphicon-backward::before { content: ""; }
.glyphicon-play::before { content: ""; }
.glyphicon-pause::before { content: ""; }
.glyphicon-stop::before { content: ""; }
.glyphicon-forward::before { content: ""; }
.glyphicon-fast-forward::before { content: ""; }
.glyphicon-step-forward::before { content: ""; }
.glyphicon-eject::before { content: ""; }
.glyphicon-chevron-left::before { content: ""; }
.glyphicon-chevron-right::before { content: ""; }
.glyphicon-plus-sign::before { content: ""; }
.glyphicon-minus-sign::before { content: ""; }
.glyphicon-remove-sign::before { content: ""; }
.glyphicon-ok-sign::before { content: ""; }
.glyphicon-question-sign::before { content: ""; }
.glyphicon-info-sign::before { content: ""; }
.glyphicon-screenshot::before { content: ""; }
.glyphicon-remove-circle::before { content: ""; }
.glyphicon-ok-circle::before { content: ""; }
.glyphicon-ban-circle::before { content: ""; }
.glyphicon-arrow-left::before { content: ""; }
.glyphicon-arrow-right::before { content: ""; }
.glyphicon-arrow-up::before { content: ""; }
.glyphicon-arrow-down::before { content: ""; }
.glyphicon-share-alt::before { content: ""; }
.glyphicon-resize-full::before { content: ""; }
.glyphicon-resize-small::before { content: ""; }
.glyphicon-exclamation-sign::before { content: ""; }
.glyphicon-gift::before { content: ""; }
.glyphicon-leaf::before { content: ""; }
.glyphicon-fire::before { content: ""; }
.glyphicon-eye-open::before { content: ""; }
.glyphicon-eye-close::before { content: ""; }
.glyphicon-warning-sign::before { content: ""; }
.glyphicon-plane::before { content: ""; }
.glyphicon-calendar::before { content: ""; }
.glyphicon-random::before { content: ""; }
.glyphicon-comment::before { content: ""; }
.glyphicon-magnet::before { content: ""; }
.glyphicon-chevron-up::before { content: ""; }
.glyphicon-chevron-down::before { content: ""; }
.glyphicon-retweet::before { content: ""; }
.glyphicon-shopping-cart::before { content: ""; }
.glyphicon-folder-close::before { content: ""; }
.glyphicon-folder-open::before { content: ""; }
.glyphicon-resize-vertical::before { content: ""; }
.glyphicon-resize-horizontal::before { content: ""; }
.glyphicon-hdd::before { content: ""; }
.glyphicon-bullhorn::before { content: ""; }
.glyphicon-bell::before { content: ""; }
.glyphicon-certificate::before { content: ""; }
.glyphicon-thumbs-up::before { content: ""; }
.glyphicon-thumbs-down::before { content: ""; }
.glyphicon-hand-right::before { content: ""; }
.glyphicon-hand-left::before { content: ""; }
.glyphicon-hand-up::before { content: ""; }
.glyphicon-hand-down::before { content: ""; }
.glyphicon-circle-arrow-right::before { content: ""; }
.glyphicon-circle-arrow-left::before { content: ""; }
.glyphicon-circle-arrow-up::before { content: ""; }
.glyphicon-circle-arrow-down::before { content: ""; }
.glyphicon-globe::before { content: ""; }
.glyphicon-wrench::before { content: ""; }
.glyphicon-tasks::before { content: ""; }
.glyphicon-filter::before { content: ""; }
.glyphicon-briefcase::before { content: ""; }
.glyphicon-fullscreen::before { content: ""; }
.glyphicon-dashboard::before { content: ""; }
.glyphicon-paperclip::before { content: ""; }
.glyphicon-heart-empty::before { content: ""; }
.glyphicon-link::before { content: ""; }
.glyphicon-phone::before { content: ""; }
.glyphicon-pushpin::before { content: ""; }
.glyphicon-usd::before { content: ""; }
.glyphicon-gbp::before { content: ""; }
.glyphicon-sort::before { content: ""; }
.glyphicon-sort-by-alphabet::before { content: ""; }
.glyphicon-sort-by-alphabet-alt::before { content: ""; }
.glyphicon-sort-by-order::before { content: ""; }
.glyphicon-sort-by-order-alt::before { content: ""; }
.glyphicon-sort-by-attributes::before { content: ""; }
.glyphicon-sort-by-attributes-alt::before { content: ""; }
.glyphicon-unchecked::before { content: ""; }
.glyphicon-expand::before { content: ""; }
.glyphicon-collapse-down::before { content: ""; }
.glyphicon-collapse-up::before { content: ""; }
.glyphicon-log-in::before { content: ""; }
.glyphicon-flash::before { content: ""; }
.glyphicon-log-out::before { content: ""; }
.glyphicon-new-window::before { content: ""; }
.glyphicon-record::before { content: ""; }
.glyphicon-save::before { content: ""; }
.glyphicon-open::before { content: ""; }
.glyphicon-saved::before { content: ""; }
.glyphicon-import::before { content: ""; }
.glyphicon-export::before { content: ""; }
.glyphicon-send::before { content: ""; }
.glyphicon-floppy-disk::before { content: ""; }
.glyphicon-floppy-saved::before { content: ""; }
.glyphicon-floppy-remove::before { content: ""; }
.glyphicon-floppy-save::before { content: ""; }
.glyphicon-floppy-open::before { content: ""; }
.glyphicon-credit-card::before { content: ""; }
.glyphicon-transfer::before { content: ""; }
.glyphicon-cutlery::before { content: ""; }
.glyphicon-header::before { content: ""; }
.glyphicon-compressed::before { content: ""; }
.glyphicon-earphone::before { content: ""; }
.glyphicon-phone-alt::before { content: ""; }
.glyphicon-tower::before { content: ""; }
.glyphicon-stats::before { content: ""; }
.glyphicon-sd-video::before { content: ""; }
.glyphicon-hd-video::before { content: ""; }
.glyphicon-subtitles::before { content: ""; }
.glyphicon-sound-stereo::before { content: ""; }
.glyphicon-sound-dolby::before { content: ""; }
.glyphicon-sound-5-1::before { content: ""; }
.glyphicon-sound-6-1::before { content: ""; }
.glyphicon-sound-7-1::before { content: ""; }
.glyphicon-copyright-mark::before { content: ""; }
.glyphicon-registration-mark::before { content: ""; }
.glyphicon-cloud-download::before { content: ""; }
.glyphicon-cloud-upload::before { content: ""; }
.glyphicon-tree-conifer::before { content: ""; }
.glyphicon-tree-deciduous::before { content: ""; }
.glyphicon-cd::before { content: ""; }
.glyphicon-save-file::before { content: ""; }
.glyphicon-open-file::before { content: ""; }
.glyphicon-level-up::before { content: ""; }
.glyphicon-copy::before { content: ""; }
.glyphicon-paste::before { content: ""; }
.glyphicon-alert::before { content: ""; }
.glyphicon-equalizer::before { content: ""; }
.glyphicon-king::before { content: ""; }
.glyphicon-queen::before { content: ""; }
.glyphicon-pawn::before { content: ""; }
.glyphicon-bishop::before { content: ""; }
.glyphicon-knight::before { content: ""; }
.glyphicon-baby-formula::before { content: ""; }
.glyphicon-tent::before { content: "⛺"; }
.glyphicon-blackboard::before { content: ""; }
.glyphicon-bed::before { content: ""; }
.glyphicon-apple::before { content: ""; }
.glyphicon-erase::before { content: ""; }
.glyphicon-hourglass::before { content: "⌛"; }
.glyphicon-lamp::before { content: ""; }
.glyphicon-duplicate::before { content: ""; }
.glyphicon-piggy-bank::before { content: ""; }
.glyphicon-scissors::before { content: ""; }
.glyphicon-bitcoin::before, .glyphicon-btc::before, .glyphicon-xbt::before { content: ""; }
.glyphicon-jpy::before, .glyphicon-yen::before { content: "¥"; }
.glyphicon-rub::before, .glyphicon-ruble::before { content: "₽"; }
.glyphicon-scale::before { content: ""; }
.glyphicon-ice-lolly::before { content: ""; }
.glyphicon-ice-lolly-tasted::before { content: ""; }
.glyphicon-education::before { content: ""; }
.glyphicon-option-horizontal::before { content: ""; }
.glyphicon-option-vertical::before { content: ""; }
.glyphicon-menu-hamburger::before { content: ""; }
.glyphicon-modal-window::before { content: ""; }
.glyphicon-oil::before { content: ""; }
.glyphicon-grain::before { content: ""; }
.glyphicon-sunglasses::before { content: ""; }
.glyphicon-text-size::before { content: ""; }
.glyphicon-text-color::before { content: ""; }
.glyphicon-text-background::before { content: ""; }
.glyphicon-object-align-top::before { content: ""; }
.glyphicon-object-align-bottom::before { content: ""; }
.glyphicon-object-align-horizontal::before { content: ""; }
.glyphicon-object-align-left::before { content: ""; }
.glyphicon-object-align-vertical::before { content: ""; }
.glyphicon-object-align-right::before { content: ""; }
.glyphicon-triangle-right::before { content: ""; }
.glyphicon-triangle-left::before { content: ""; }
.glyphicon-triangle-bottom::before { content: ""; }
.glyphicon-triangle-top::before { content: ""; }
.glyphicon-console::before { content: ""; }
.glyphicon-superscript::before { content: ""; }
.glyphicon-subscript::before { content: ""; }
.glyphicon-menu-left::before { content: ""; }
.glyphicon-menu-right::before { content: ""; }
.glyphicon-menu-down::before { content: ""; }
.glyphicon-menu-up::before { content: ""; }
*, *::after, *::before { box-sizing: border-box; }
html { font-size: 10px; }
body { font-family: Helvetica Neue,Helvetica,Arial,sans-serif; font-size: 14px; line-height: 1.42857; color: rgb(51, 51, 51); background-color: rgb(255, 255, 255); }
button, input, select, textarea { font-family: inherit; font-size: inherit; line-height: inherit; }
a { color: rgb(51, 122, 183); text-decoration: none; }
a:focus, a:hover { color: rgb(35, 82, 124); text-decoration: underline; }
a:focus { outline-offset: -2px; }
img { vertical-align: middle; }
.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 { font-family: inherit; font-weight: 500; line-height: 1.1; color: inherit; }
.h1, .h2, .h3, h1, h2, h3 { margin-top: 20px; margin-bottom: 10px; }
.h4, .h5, .h6, h4, h5, h6 { margin-top: 10px; margin-bottom: 10px; }
.h3, h3 { font-size: 24px; }
.h4, h4 { font-size: 18px; }
p { margin: 0px 0px 10px; }
ol, ul { margin-top: 0px; margin-bottom: 10px; }
ol ol, ol ul, ul ol, ul ul { margin-bottom: 0px; }
.dl-horizontal dd::after, .dl-horizontal dd::before { content: " "; display: table; }
.dl-horizontal dd::after { clear: both; }
blockquote .small::before, blockquote footer::before, blockquote small::before { content: "—   "; }
.blockquote-reverse .small::before, .blockquote-reverse footer::before, .blockquote-reverse small::before, blockquote.pull-right .small::before, blockquote.pull-right footer::before, blockquote.pull-right small::before { content: ""; }
.blockquote-reverse .small::after, .blockquote-reverse footer::after, .blockquote-reverse small::after, blockquote.pull-right .small::after, blockquote.pull-right footer::after, blockquote.pull-right small::after { content: "   —"; }
.container { margin-right: auto; margin-left: auto; padding-left: 15px; padding-right: 15px; }
.container::after, .container::before { content: " "; display: table; }
.container::after { clear: both; }
.container-fluid::after, .container-fluid::before { content: " "; display: table; }
.container-fluid::after { clear: both; }
.row::after, .row::before { content: " "; display: table; }
.row::after { clear: both; }
.table-striped > tbody > tr:nth-of-type(2n+1) { background-color: rgb(249, 249, 249); }
@media screen and (max-width: 767px) {
}
.form-control::-moz-placeholder { color: rgb(153, 153, 153); opacity: 1; }
@media not all {
}
.form-horizontal .form-group::after, .form-horizontal .form-group::before { content: " "; display: table; }
.form-horizontal .form-group::after { clear: both; }
.btn-toolbar::after, .btn-toolbar::before { content: " "; display: table; }
.btn-toolbar::after { clear: both; }
.btn-group > .btn:not(:first-child):not(:last-child):not(.dropdown-toggle) { border-radius: 0px; }
.btn-group > .btn:first-child:not(:last-child):not(.dropdown-toggle) { border-bottom-right-radius: 0px; border-top-right-radius: 0px; }
.btn-group > .btn:last-child:not(:first-child), .btn-group > .dropdown-toggle:not(:first-child) { border-bottom-left-radius: 0px; border-top-left-radius: 0px; }
.btn-group > .btn-group:not(:first-child):not(:last-child) > .btn { border-radius: 0px; }
.btn-group > .btn-group:first-child:not(:last-child) > .btn:last-child, .btn-group > .btn-group:first-child:not(:last-child) > .dropdown-toggle { border-bottom-right-radius: 0px; border-top-right-radius: 0px; }
.btn-group > .btn-group:last-child:not(:first-child) > .btn:first-child { border-bottom-left-radius: 0px; border-top-left-radius: 0px; }
.btn-group-vertical > .btn-group::after, .btn-group-vertical > .btn-group::before { content: " "; display: table; }
.btn-group-vertical > .btn-group::after { clear: both; }
.btn-group-vertical > .btn:not(:first-child):not(:last-child) { border-radius: 0px; }
.btn-group-vertical > .btn:first-child:not(:last-child) { border-radius: 4px 4px 0px 0px; }
.btn-group-vertical > .btn:last-child:not(:first-child) { border-radius: 0px 0px 4px 4px; }
.btn-group-vertical > .btn-group:not(:first-child):not(:last-child) > .btn { border-radius: 0px; }
.btn-group-vertical > .btn-group:first-child:not(:last-child) > .btn:last-child, .btn-group-vertical > .btn-group:first-child:not(:last-child) > .dropdown-toggle { border-bottom-right-radius: 0px; border-bottom-left-radius: 0px; }
.btn-group-vertical > .btn-group:last-child:not(:first-child) > .btn:first-child { border-top-right-radius: 0px; border-top-left-radius: 0px; }
.input-group-addon:not(:first-child):not(:last-child), .input-group-btn:not(:first-child):not(:last-child), .input-group .form-control:not(:first-child):not(:last-child) { border-radius: 0px; }
.input-group-addon:first-child, .input-group-btn:first-child > .btn, .input-group-btn:first-child > .btn-group > .btn, .input-group-btn:first-child > .dropdown-toggle, .input-group-btn:last-child > .btn-group:not(:last-child) > .btn, .input-group-btn:last-child > .btn:not(:last-child):not(.dropdown-toggle), .input-group .form-control:first-child { border-bottom-right-radius: 0px; border-top-right-radius: 0px; }
.input-group-addon:last-child, .input-group-btn:first-child > .btn-group:not(:first-child) > .btn, .input-group-btn:first-child > .btn:not(:first-child), .input-group-btn:last-child > .btn, .input-group-btn:last-child > .btn-group > .btn, .input-group-btn:last-child > .dropdown-toggle, .input-group .form-control:last-child { border-bottom-left-radius: 0px; border-top-left-radius: 0px; }
.nav::after, .nav::before { content: " "; display: table; }
.nav::after { clear: both; }
.navbar::after, .navbar::before { content: " "; display: table; }
.navbar::after { clear: both; }
.navbar-header::after, .navbar-header::before { content: " "; display: table; }
.navbar-header::after { clear: both; }
.navbar-collapse::after, .navbar-collapse::before { content: " "; display: table; }
.navbar-collapse::after { clear: both; }
.breadcrumb > li + li::before { content: "/ "; padding: 0px 5px; color: rgb(204, 204, 204); }
.pager::after, .pager::before { content: " "; display: table; }
.pager::after { clear: both; }
@media screen and (min-width: 768px) {
}
.panel-body::after, .panel-body::before { content: " "; display: table; }
.panel-body::after { clear: both; }
.modal-header::after, .modal-header::before { content: " "; display: table; }
.modal-header::after { clear: both; }
.modal-footer::after, .modal-footer::before { content: " "; display: table; }
.modal-footer::after { clear: both; }
.popover > .arrow, .popover > .arrow::after { position: absolute; display: block; width: 0px; height: 0px; border-color: transparent; border-style: solid; }
.popover > .arrow::after { border-width: 10px; content: ""; }
.popover.top > .arrow::after { content: " "; bottom: 1px; margin-left: -10px; border-bottom-width: 0px; border-top-color: rgb(255, 255, 255); }
.popover.right > .arrow::after { content: " "; left: 1px; bottom: -10px; border-left-width: 0px; border-right-color: rgb(255, 255, 255); }
.popover.bottom > .arrow::after { content: " "; top: 1px; margin-left: -10px; border-top-width: 0px; border-bottom-color: rgb(255, 255, 255); }
.popover.left > .arrow::after { content: " "; right: 1px; border-right-width: 0px; border-left-color: rgb(255, 255, 255); bottom: -10px; }
@media (-webkit-transform-3d), not all {
}
.carousel-control .icon-prev::before { content: "‹"; }
.carousel-control .icon-next::before { content: "›"; }
@media screen and (min-width: 768px) {
}
.clearfix::after, .clearfix::before { content: " "; display: table; }
.clearfix::after { clear: both; }
/* ::::: template/default/assets/css/app.css ::::: */

/* ::::: http://at.alicdn.com/t/font_1144939_pdz8umy9ap.css ::::: */

@font-face {
	font-family: "iconfont";
	src: url('font_1144939_pdz8umy9ap.eot') format("embedded-opentype"), url('undefined') format("woff2"), url('font_1144939_pdz8umy9ap.woff') format("woff"), url('font_1144939_pdz8umy9ap.ttf') format("truetype"), url('font_1144939_pdz8umy9ap.svg') format("svg");
}
.iconfont { font-family: "iconfont" ! important; font-size: 16px; font-style: normal; }
.icon-shijian::before { content: ""; }
.icon-add::before { content: ""; }
.icon-close::before { content: ""; }
.icon-dots-horizontal::before { content: ""; }
.icon-top::before { content: ""; }
.icon-qq::before { content: ""; }
.icon-wangwang::before { content: ""; }
.icon-down::before { content: ""; }
.icon-phone::before { content: ""; }
.icon-chakan::before { content: ""; }
.icon-message::before { content: ""; }
.icon-search::before { content: ""; }
.icon-menu::before { content: ""; }
.icon-right-arrow::before { content: ""; }
.icon-ewm::before { content: ""; }
.icon-left-arrow::before { content: ""; }
body { overflow-x: hidden; font-family: Microsoft YaHei; }
ul { padding: 0px; margin: 0px; }
ul li { list-style: outside none none; }
a { color: rgb(51, 122, 183); text-decoration: none; }
h1, h2, h3, h4, h5 { margin: 0px; }
a:focus, a:hover { color: rgb(35, 82, 124); text-decoration: none; }
a:focus { outline: medium none; outline-offset: -2px; }
.hot-keys::after, .product-detail-tab .product-detail-tabli::after, .tag-list-product .tag-wz .tab-fenli::after, .xypg-detail-file-dwon::after, .xypg-detail-info-bar .xypg-file-down .file-down-list li::after, .xypg-detail-info-bar::after, .xypg-detail-pn div::after, .xypg-download-list .download-item .download-item-span::after, .xypg-download-list .download-item::after, .xypg-download-list .download-title::after, .xypg-job-list .job-item .job-item-span::after, .xypg-job-list .job-item::after, .xypg-job-list .job-title::after { content: ""; display: table; clear: both; }
.cover-item .item-first .wz h3, .cover-item .item-list h4, .demo-case-item .wz h3, .demo-header-right .demo-login .username, .demo-news-list li a, .demo-news-top h3, .demo-product-list li h3, .hot-keys li a, .latest-news li a, .relate-news-list li a, .relate-product-slick .owl-item p, .tag-list-product .tag-wz .tab-fenli p, .tag-list-product .tag-wz h1, .xypg-album-cate li .album-title, .xypg-album-list li h3, .xypg-case-list li h3 a, .xypg-detail-info-bar .xypg-file-down .file-down-list li .list-con p, .xypg-detail-pn div a, .xypg-download-list .download-item .download-item-span .download-item-con, .xypg-download-list .download-item .download-item-span.download-item-first, .xypg-job-list .job-item .job-item-span .job-item-con, .xypg-jod-detail .job-detail-title, .xypg-left-nav .xypg-left-subnav > li > a, .xypg-left-nav .xypg-left-threenav > li > a, .xypg-left-nav > li > a, .xypg-news-list li .tit h3, .xypg-product-list li h3 a { text-overflow: ellipsis; white-space: nowrap; overflow: hidden; }
.demo-case-item .img, .demo-layout-ewm img, .demo-layout-logo, .demo-logo a, .demo-news-img, .demo-product-list li .img, .owl-carousel .banner-item a, .page-banner, .page-message-img, .relate-product-slick .owl-item .img, .xypg-case-list li .img, .xypg-product-list li .img { font-size: 0px; }
.demo-case-item .img img, .demo-news-img img, .demo-product-list li .img img, .owl-carousel .banner-item a img, .page-banner img, .relate-product-slick .owl-item .img img, .xypg-case-list li .img img, .xypg-product-list li .img img { width: 100%; }
.demo-layout-ewm img img, .demo-layout-logo img, .demo-logo a img, .page-message-img img { max-width: 100%; }
.demo-case-item .img, .demo-news-img, .demo-product-list li .img, .relate-product-slick .owl-item .img, .xypg-case-list li .img, .xypg-product-list li .img { overflow: hidden; }
.demo-case-item .img img, .demo-news-img img, .demo-product-list li .img img, .relate-product-slick .owl-item .img img, .xypg-case-list li .img img, .xypg-product-list li .img img { transition: all 0.5s ease 0s; }
.demo-case-item .img:hover img, .demo-news-img:hover img, .demo-product-list li .img:hover img, .relate-product-slick .owl-item .img:hover img, .xypg-case-list li .img:hover img, .xypg-product-list li .img:hover img { transform: scale(1.1); }
@font-face {
	font-family: "filetypeicon";
	src: url('font_455609_md6xsqc4pwrk9.eot') format("embedded-opentype"), url('font_455609_md6xsqc4pwrk9.woff') format("woff"), url('font_455609_md6xsqc4pwrk9.ttf') format("truetype"), url('font_455609_md6xsqc4pwrk9.svg') format("svg");
}
.xymob-navbtn::after, .xymob-navbtn::before, .xymob-navbtn span { display: block; height: 2px; width: 100%; background: rgb(255, 255, 255) none repeat scroll 0% 0%; transition: all 0.5s ease 0s; }
.xymob-navbtn::after, .xymob-navbtn::before { content: ""; transform-origin: 7.5% 50% 0px; }
.xymob-navbtn.clicked::after { transform: rotate(-45deg); }
.xymob-navbtn.clicked::before { transform: rotate(45deg); }
.xymob-nav .xymob-menu-jt.clicked i::before { content: ""; }
.demo-header-right #formsearch::before { content: "|"; position: absolute; left: 36px; top: 5px; }
.demo-menu > li::after { content: ""; position: absolute; z-index: 100; width: 100%; left: 0px; height: 40px; opacity: 0; top: 100%; }
.demo-sub-menu::after { content: ""; width: 0px; height: 0px; line-height: 0; font-size: 0px; overflow: hidden; border-width: medium 10px 10px; cursor: pointer; border-style: none dashed solid; border-color: currentcolor transparent rgb(255, 255, 255); position: absolute; top: -10px; left: 50%; margin-left: -10px; z-index: 99; }
.demo-company-title::after { content: ""; display: block; width: 20px; height: 4px; background: rgb(61, 61, 61) none repeat scroll 0% 0%; margin-top: 10px; }
.demo-company-item a::after { content: ""; height: 100%; display: inline-block; vertical-align: middle; }
.demo-message-wrap input[type="text"]::placeholder, .demo-message-wrap textarea::placeholder { color: rgba(0, 0, 0, 0.8); }
.demo-message-wrap .checkCodeImg::after { content: ""; height: 100%; display: inline-block; vertical-align: middle; }
#toolbar { position: fixed; z-index: 9999; right: 17px; bottom: 10%; }
#toolbar li { margin-bottom: 3px; position: relative; }
#toolbar li, #toolbar li a { font-size: 0px; width: 57px; height: 57px; right: 0px; }
#toolbar li a { display: block; position: absolute; z-index: 9; top: 0px; overflow: hidden; background: rgb(9, 55, 133) none repeat scroll 0% 0%; transition: all 0.5s ease 0s; white-space: nowrap; }
#toolbar li .iconfont { width: 57px; height: 57px; background-color: rgb(217, 217, 217); text-align: center; color: rgb(43, 43, 43); font-size: 26px; }
#toolbar li .iconfont, #toolbar li .wz { display: inline-block; vertical-align: middle; line-height: 57px; }
#toolbar li .wz { font-size: 14px; color: rgb(255, 255, 255); padding-left: 10px; }
#toolbar li.ewm .ewm-box { position: absolute; z-index: 1; padding: 5px; background: rgb(9, 55, 133) none repeat scroll 0% 0%; width: 110px; right: 120%; bottom: 0px; opacity: 0; visibility: hidden; transform: translateX(100%); transition: all 0.7s ease 0s; }
#toolbar li.ewm .ewm-box img { max-width: 100%; }
#toolbar li.ewm .ewm-box::after { content: ""; position: absolute; right: -5px; bottom: 20px; width: 0px; height: 0px; line-height: 0; font-size: 0px; overflow: hidden; border-width: 5px medium 5px 5px; cursor: pointer; border-style: dashed none dashed solid; border-color: transparent currentcolor transparent rgb(9, 55, 133); }
#toolbar li.ewm:hover .ewm-box { opacity: 1; visibility: visible; transform: translateY(0px); }
#toolbar li.backtop { cursor: pointer; }
#toolbar li.backtop .iconfont { color: rgb(255, 255, 255); background-color: rgb(9, 55, 133); }
#toolbar li:hover a { width: 200px; }
#toolbar li:hover .iconfont { background-color: rgb(9, 55, 133); color: rgb(255, 255, 255); }
.page-position { background: rgb(9, 55, 133) none repeat scroll 0% 0%; padding: 10px 0px; line-height: 20px; color: rgb(255, 255, 255); font-size: 14px; }
.page-position a { color: rgb(255, 255, 255); }
.page-position a:hover { text-decoration: underline; }
.page-wrap { background: rgb(255, 255, 255) none repeat scroll 0% 0%; padding: 35px 0px 4.16667%; }
.xypg-left-box { margin-bottom: 15px; }
.xypg-left-title { text-align: center; padding: 0.7em 0px; font-size: 20px; line-height: 1.5; background: rgb(9, 55, 133) none repeat scroll 0% 0%; }
.xypg-left-title span { color: rgb(255, 255, 255); }
.xypg-left-title span::after { margin-left: 0.5em; }
.xypg-left-title span::before { margin-right: 0.5em; }
.xypg-left-title span::after, .xypg-left-title span::before { content: ""; display: inline-block; vertical-align: middle; width: 1.5em; height: 1px; background: rgb(255, 255, 255) none repeat scroll 0% 0%; }
.xypg-left-con { border-width: medium 1px 1px; border-style: none solid solid; border-color: currentcolor rgb(210, 210, 210) rgb(210, 210, 210); -moz-border-top-colors: none; -moz-border-right-colors: none; -moz-border-bottom-colors: none; -moz-border-left-colors: none; border-image: none; }
.latest-news { padding: 10px; }
.latest-news li { padding: 0.5em 0px; font-size: 14px; }
.latest-news li a { display: block; line-height: 1.2; color: rgb(102, 102, 102); }
.latest-news li a::before { content: ""; display: inline-block; width: 14px; height: 14px; background: rgb(209, 209, 209) url('xypg-left-jt1.png') no-repeat scroll -1px -16px; border-radius: 50%; vertical-align: middle; margin-right: 10px; }
.latest-news li a:hover { color: rgb(9, 55, 133); text-decoration: underline; }
.latest-news li a:hover::before { background-color: rgb(9, 55, 133); }
.hot-keys { padding: 0px 10px 10px; margin: 0px -5px; }
.hot-keys li { width: calc(50% - 10px); float: left; margin: 10px 5px 0px; }
.hot-keys li a { display: block; text-align: center; font-size: 13px; color: rgb(102, 102, 102); line-height: 2.2; background: rgb(237, 237, 237) none repeat scroll 0% 0%; }
.hot-keys li a:hover { color: rgb(9, 55, 133); text-decoration: underline; }
.page-wrap-contact { padding: 10px; font-size: 14px; }
.page-wrap-contact h4 { margin: 0.5em 0px 0.8em; font-size: 16px; color: rgb(0, 0, 0); }
.page-wrap-contact p { position: relative; margin-bottom: 0px; color: rgb(90, 90, 90); padding: 0.4em 0px; }
.page-wrap-contact p + p { border-top: 1px dashed rgb(239, 239, 239); }
.page-message-img img { border: 1px solid rgb(210, 210, 210); }
.page-mob-tool { position: fixed; right: 15px; bottom: 100px; z-index: 9999; }
.page-mob-tool li { width: 40px; height: 40px; line-height: 40px; text-align: center; margin-bottom: 1px; cursor: pointer; position: relative; }
.page-mob-tool li::before { content: ""; position: absolute; left: 0px; right: 0px; bottom: 0px; top: 0px; background: rgb(9, 55, 133) none repeat scroll 0% 0%; opacity: 0.7; }
.page-mob-tool li i { position: relative; z-index: 9; font-size: 20px; color: rgb(255, 255, 255); }
.xymob-left-close-btn { display: none; }
.xypg-left-nav { margin: 0px -1px; }
.xypg-left-nav > li + li { border-top: 1px solid rgb(228, 228, 228); }
.xypg-left-nav > li { position: relative; }
.xypg-left-nav > li > a { display: block; font-size: 16px; line-height: 2.6; color: rgb(46, 46, 46); padding: 0px 45px 0px 25px; }
.xypg-left-nav > li .first-nav-btn { position: absolute; z-index: 99; width: 20px; text-align: center; font-family: iconfont; top: 10px; right: 25px; cursor: pointer; }
.xypg-left-nav > li .first-nav-btn::after { content: ""; }
.xypg-left-nav > li .first-nav-btn.clicked::after { content: ""; }
.xypg-left-nav > li.clicked > a, .xypg-left-nav > li:hover > a { color: rgb(255, 255, 255); background: rgb(9, 55, 133) none repeat scroll 0% 0%; }
.xypg-left-nav > li.clicked .first-nav-btn, .xypg-left-nav > li:hover .first-nav-btn { color: rgb(255, 255, 255); }
.xypg-left-nav .xypg-left-subnav { display: none; padding: 8px 0px; }
.xypg-left-nav .xypg-left-subnav > li { padding: 8px 45px 8px 25px; }
.xypg-left-nav .xypg-left-subnav > li > a { display: block; line-height: 20px; color: rgb(150, 148, 148); font-size: 15px; }
.xypg-left-nav .xypg-left-subnav > li.clicked > a, .xypg-left-nav .xypg-left-subnav > li > a:hover { color: rgb(9, 55, 133); }
.xypg-left-nav .xypg-left-threenav > li > a::before { content: "—  "; }
.xypg-pro-description { border: 1px solid rgb(229, 229, 229); background: rgb(246, 246, 246) none repeat scroll 0% 0%; line-height: 24px; padding: 10px; margin-bottom: 15px; text-indent: 2em; }
.xypg-product-list { margin: 0px -1.5%; font-size: 0px; }
.xypg-product-list li { display: inline-block; vertical-align: bottom; width: 30.333%; margin: 0px 1.5% 20px; padding: 10px 10px 10px; border: 1px solid rgb(238, 238, 238); transition: all 0.5s ease 0s; }
.xypg-product-list li .img { display: block; }
.xypg-product-list li h3 a { display: block; text-align: center; font-size: 14px; color: rgb(90, 90, 90); line-height: 1.6; padding: 0.8em 0px; }
.xypg-product-list li:hover { border-color: rgb(9, 55, 133); }
.xypg-download-list .download-item:nth-child(2n+1) { background: rgb(243, 243, 243) none repeat scroll 0% 0%; }
.xypg-pagination { margin-top: 20px; text-align: center; font-size: 0px; }
.xypg-pagination .pagin-left, .xypg-pagination .pagin-mid, .xypg-pagination .pagin-right, .xypg-pagination .pagin-select { display: inline-block; vertical-align: middle; }
.xypg-pagination #current, .xypg-pagination a { display: inline-block; font-size: 14px; color: rgb(51, 51, 51); font-family: Microsoft YaHei,Arial; line-height: 26px; border: 1px solid rgb(203, 203, 203); margin: 0px 5px; padding: 0px 8px; }
.xypg-pagination #current, .xypg-pagination a:hover { color: rgb(255, 255, 255); border-color: rgb(9, 55, 133); background: rgb(9, 55, 133) none repeat scroll 0% 0%; }
.xypg-pagination .pagin-mid { font-size: 14px; }
.xypg-pagination .pagin-mid .mob-pagin-mid { display: none; }
.xypg-pagination .pagin-select { font-size: 14px; }
.xypg-pagination .pagin-select select { height: 28px; padding: 0px 8px; margin: -1px 5px 0px; }
.relate-news-list li:nth-child(2n) { float: right; }
.relate-news-list li a::before { content: ""; display: inline-block; width: 14px; height: 14px; background: rgb(209, 209, 209) url('xypg-left-jt.png') no-repeat scroll -1px -16px; border-radius: 50%; vertical-align: middle; margin-right: 10px; }
.relate-news-list li:hover a::before { background-color: rgb(9, 55, 133); }
.page-product-detail-effect .big-img a::after { content: ""; height: 100%; display: inline-block; vertical-align: middle; }
.page-product-detail-effect .product-detail-slick a::after { content: ""; height: 100%; display: inline-block; vertical-align: middle; }
/* ::::: template/default/assets/css/main.css ::::: */

html { margin: 0px; padding: 0px; border: 0px none; }
body, div, span, object, iframe, h1, h2, h3, h4, p, blockquote, pre, a, address, code, b, em, img, dl, dt, dd, ol, ul, li, fieldset, form, label, footer, header, hgroup, nav, section { margin: 0px; padding: 0px; border: 0px none; }
body { background: rgb(255, 255, 255) none repeat scroll 0% 0%; color: rgb(102, 102, 102); position: relative; font: 12px/1.5 Microsoft YaHei,arial,宋体,sans-serif; vertical-align: baseline; width: 100%; overflow-x: hidden; }
a { text-decoration: none; outline: medium none; }
a:link { color: rgb(102, 102, 102); }
a:visited { color: rgb(102, 102, 102); }
a:hover, a:active, a:focus { color: rgb(52, 128, 206); text-decoration: none; outline: medium none; }
img { border: medium none; background: transparent none repeat scroll 0% 0%; vertical-align: middle; }
ul, ol, li { list-style-type: none; }
select, input, img, select { vertical-align: middle; }
.clearfix::after { content: "."; display: block; height: 0px; clear: both; overflow: hidden; visibility: hidden; }
.clearfix {  }
h1, h2, h3, h4 { font-size: 12px; font-weight: bold; }
.fl { float: left; }
.fr { float: right; }
.wh { width: 1200px; margin: 0px auto; }
.sun_top { height: 40px; background: rgb(244, 244, 244) none repeat scroll 0% 0%; font-size: 14px; color: rgb(102, 102, 102); line-height: 40px; }
.sun_top a { color: rgb(102, 102, 102); }
.sun_head { height: 87px; border-bottom: 3px solid rgb(230, 230, 230); }
.sun_head .logo { display: block; width: 50%; height: 87px; line-height: 87px; }
.sun_head .logo img { max-width: 100%; }
.sun_head .head_r { text-align: right; line-height: 87px; font-size: 14px; color: rgb(26, 26, 26); }
.sun_head .head_r img { margin-right: 5px; }
.sun_hots .search .keys a + a::before { content: "|"; padding-right: 10px; }
.sun_nav { height: 50px; }
.sun_nav .sun_menu > li { width: 14.2857%; float: left; box-sizing: border-box; position: relative; }
.sun_nav .sun_menu > li > a { display: block; text-align: center; font-size: 14px; color: rgb(102, 102, 102); line-height: 48px; }
.sun_nav .sun_menu > li + li { border-left: 1px dashed rgb(230, 230, 230); }
.sun_nav .sun_menu li .sec { position: absolute; top: 48px; left: 0px; width: 100%; text-align: center; background: rgba(255, 255, 255, 0.86) none repeat scroll 0% 0%; height: 0px; z-index: 999; overflow: hidden; }
.sun_nav .sun_menu li .sec a { font-size: 14px; color: rgb(2, 50, 133); line-height: 37px; display: block; width: 100%; }
.sun_nav .sun_menu li .sec a:hover { background: rgba(2, 51, 133, 0.86) none repeat scroll 0% 0%; color: rgb(255, 255, 255); }
.sun_pro .pro_tab_tx .hd li:nth-of-type(2) { background: rgb(73, 73, 73) none repeat scroll 0% 0%; }
.sun_pro .pro_tab_tx .hd li:nth-of-type(3) { background: rgb(61, 61, 61) none repeat scroll 0% 0%; }
.sun_pro .pro_tab_tx .hd li:nth-of-type(4) { background: rgb(49, 49, 49) none repeat scroll 0% 0%; }
.sun_pro .pro_tab_tx .hd li:nth-of-type(5) { background: rgb(34, 34, 34) none repeat scroll 0% 0%; }
.sun_pro .pro_tab_tx .bd .bdcon li:nth-of-type(3n) { margin-right: 0px; }
.sun_foot { background: rgb(9, 55, 133) none repeat scroll 0% 0%; padding-top: 40px; padding-bottom: 10px; }
.sun_foot .ft_links { text-align: center; padding-bottom: 20px; border-bottom: 1px solid rgb(255, 255, 255); font-size: 0px; margin-bottom: 35px; }
.sun_foot .ft_links a { display: inline-block; width: 14.2857%; font-size: 14px; color: rgb(102, 102, 102); }
.sun_foot .ft_links a:hover { color: rgb(9, 55, 133); }
.sun_foot .ft_boxl { width: 700px; }
.sun_foot .ft_boxl .ft_logo { display: block; margin-bottom: 20px; }
.sun_foot .ft_boxl .ft_logo img { max-width: 100%; }
.sun_foot .ft_boxl .ft_cont { font-size: 12px; color: rgb(103, 103, 103); line-height: 24px; margin-bottom: 20px; }
.sun_foot .ft_cpy { width: 1200px; margin: 0px auto; font-size: 12px; color: rgb(255, 255, 255); line-height: 30px; text-align: center; border-top: 1px solid rgb(255, 255, 255); }
.sun_foot .ft_cpy a { color: rgb(255, 255, 255); }
.sun_foot .ft_boxr { text-align: right; padding-top: 40px; }
.sun_foot .ft_boxr img { width: 260px; }
#backtotop { position: fixed; bottom: 20px; right: 19px; width: 40px; height: 40px; text-indent: -999em; z-index: 20000; display: none; background-image: url('top.png'); background-repeat: no-repeat; background-position: -503px 0px; cursor: pointer; }
#backtotop:hover { background-position: -503px -42px; }
.container { width: 1200px ! important; margin: 0px auto; padding: 0px; }
.page-position a { color: rgb(255, 255, 255); }
.left { width: 225px; float: left; }
.right { width: 1200px; float: center; }
.xypg-product-list li { width: 372px; }
.xypg-product-list li .img img { width: 372px; height: 242px; }
.page-mob-tool { display: none; }
.AAb:link {
	color: #FFFFFF;
	text-decoration: none;
	font-size: 16px;
	font-weight: normal;
	font-family: "阿里巴巴普惠体";
	line-height: normal;
}
.AAb:visited {
	color: #FFFFFF;
	text-decoration: none;
	font-size: 16px;
	font-weight: normal;
	font-family: "阿里巴巴普惠体";
	line-height: normal;
}
.AAb:hover {
	color: #FFCC00;
	text-decoration: none;
	font-size: 16px;
	font-weight: normal;
	font-family: "阿里巴巴普惠体";
	line-height: normal;
}
.AAb:active {
	color: #FFFFFF;
	text-decoration: none;
	font-size: 16px;
	font-weight: normal;
	font-family: "阿里巴巴普惠体";
	line-height: normal;
}


.Abb:link {
	color: #5E5E5E;
	text-decoration: none;
	font-size: 14px;
	font-weight: normal;
	font-family: "阿里巴巴普惠体";
	line-height: normal;
}
.Abb:visited {
	color: #5E5E5E;
	text-decoration: none;
	font-size: 14px;
	font-weight: normal;
	font-family: "阿里巴巴普惠体";
	line-height: normal;
}
.Abb:hover {
	color: #660000;
	text-decoration: none;
	font-size: 14px;
	font-weight: normal;
	font-family: "阿里巴巴普惠体";
	line-height: normal;
}
.Abb:active {
	color: #5E5E5E;
	text-decoration: none;
	font-size: 14px;
	font-weight: normal;
	font-family: "阿里巴巴普惠体";
	line-height: normal;
}




body,td,th {
	font-size: 12px;
	color: #6C6C6C;
	line-height: 20px;
}
.re1 {
	font-size: 12px;
	line-height: 18px;
	color: #E10000;
}
body {
	margin: 0px;
}
#Layer1 {
	position:absolute;
	width:132px;
	height:200px;
	z-index:1;
	left: 20px;
	top: 358px;
}
#Layer2 {
	position:absolute;
	width:112px;
	z-index:2;
	right: 15px;
	top: 200px;
}
.bj1 {
	background-image: url(images/top.gif);
	background-repeat: no-repeat;
	background-position: center top;
}.a01:link {
	color: #333333;
	text-decoration: none;
	font-size: 14px;
}
.a01:visited {
	color: #333333;
	text-decoration: none;
	font-size: 14px;

}
.a01:hover {
	text-decoration: none;
	font-size: 14px;
	color: #FFFFFF;

}
.a01:active {
	color: #333333;
	text-decoration: none;
	font-size: 14px;

}
.zi4 {
	font-size: 12px;
	font-weight: bold;
	color: #FF0000;
}
.zi1 {
	font-weight: bold;
	color: #FFFFFF;
	font-size: 14px;
}
.zi0 {
	font-weight: bold;
	font-size: 14px;
	color: #0066CC;
}.zi2 {
	color: #AD1506;
	font-weight: bold;
	font-size: 14px;
}.a0:link {
	color: #FFFFFF;
	text-decoration: none;
	font-size: 12px;
}
.a0:visited {
	color: #FFFFFF;
	text-decoration: none;
	font-size: 12px;
}
.a0:hover {
	color: #CCCCCC;
	text-decoration: none;
	font-size: 12px;
}
.a0:active {
	color: #FFFFFF;
	text-decoration: none;
	font-size: 12px;
}

.bia5 {
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #929292;
}
.a02:link {
	color: #666;
	text-decoration: none;
	font-weight: bold;
}
.a02:visited {
	text-decoration: none;
	color: #666;
	font-weight: bold;
}
.a02:hover {
	text-decoration: none;
	color: #333333;
	font-weight: bold;
}
.a02:active {
	text-decoration: none;
	color: 666;
}
.bia {
	border-left-width: 1px;
	border-left-style: dotted;
	border-left-color: #B7B7B7;
}
.bian1 {
	border: 1px solid #CCCCCC;
}
.bian2 {
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #717171;
}
.bian3 {
	border-top-width: 1px;
	border-top-style: none;
	border-bottom-width: 1px;
	border-right-style: none;
	border-bottom-style: solid;
	border-left-style: none;
	border-bottom-color: #717171;
}
.zi3 {
	font-weight: bold;
	color: #FFFFFF;
	font-size: 14px;
}.zi5 {
	color: #FFFFFF;
	font-size: 12px;
	font-weight: bold;
	text-indent: 30px;
}
.zi7 {
	color: #FF0000;
	font-size: 14px;
}a:link {
	color: #6C6C6C;
	text-decoration: none;

}
.new {
	font-size: 16px;
	font-weight: bold;
	color: #3C3C3C;
}
.zz10 {
	line-height: 20px;
	color: #484848;
}
a:visited {
	text-decoration: none;
	color: #6C6C6C;

}
a:hover {
	text-decoration: underline;
	color: #333333;
}
a:active {
	text-decoration: none;
	color: #6C6C6C;
}
.fon14 {
	font-size: 14px;
	font-weight: bold;
	color: #FFFF66;
}
.bian7 {
	border: 2px solid #FF6600;
}
.fon16 {
	font-size: 14px;
}
.z14 {
	color: #ccc;
}
.a05:link {
	color: #ccc;
	text-decoration: none;
	font-size: 12px;
}
.a05:visited {
	text-decoration: none;
	color: #ccc;
	font-size: 12px;
}
.a05:hover {
	text-decoration: none;
	color: #FFFFFF;
	font-size: 12px;
}
.a05:active {
	text-decoration: none;
	color: #ccc;
	font-size: 12px;
}
.bai1 {
	color: #FFFFFF;
}
.z {
	font-size: 13px;
	line-height: 22px;
	color: #4D3711;
}
.bj1 {
	background-image: url(images/pc4.jpg);
	background-position: right;
}
.nextpage {
	color:#F8F8F8;
	top: 0;
	margin: 0 auto;
	position: fixed;
	height:64px;
	opacity:1;
	filter: alpha(opacity=70);
	line-height:62px;
	width: 100%;
	z-index: 999;
	_bottom:auto;
	_width: 100%;
	_position: absolute;
    _top:expression(eval(document.documentElement.scrollTop+document.documentElement.clientHeight-this.offsetHeight-(parseInt(this.currentStyle.marginTop,10)||0)-(parseInt(this.currentStyle.marginBottom,10)||0)));
	background-color: #F8F8F8;
}
.bt1 {
	line-height: 24px;
	font-weight: bold;
	color: #0066CC;
}
.bib1 {
	border: 1px solid #C6C6C6;
}
#Layer1 {
	position:absolute;
	width:113px;
	z-index:1;
	right: 10px;
	top: 400px;
}

/*漂浮*/

 .down_position1{  padding:0;filter:Alpha(opacity=100);bottom:17%; left:94% ;position: fixed; z-index:1; width:140px; overflow:hidden;
        _bottom:auto;
    _position: absolute;
    _top:expression(eval(document.documentElement.scrollTop+document.documentElement.clientHeight-this.offsetHeight-(parseInt(this.currentStyle.marginTop,10)||0)-(parseInt(this.currentStyle.marginBottom,10)||0)));
    }

.w_70{ float:left; width:150px; height:160px;}
.w_70 ul li{ float:left; width:150px;}
.list-paddingleft-2 { float:left; width:200px;}


.touzi {
	font-family: "阿里巴巴普惠体";
	font-size: 16px;
	color: #666666;
	font-weight: bold;
}
.guanyu {
	font-size: 16px;
	line-height: 20px;
	font-weight: bold;
	color: #CC0000;
}
.guanyuying {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: normal;
	color: #666666;
}
.bb0:link {
	color: #666666;
	text-decoration: none;
	font-size: 12px;
	font-weight: normal;
}
.bb0:visited {
	color: #666666;
	text-decoration: none;
	font-size: 12px;
	font-weight: normal;
}
.bb0:hover {
	color: #999999;
	text-decoration: none;
	font-size: 12px;
	font-weight: normal;
}
.bb0:active {
	color: #666666;
	text-decoration: none;
	font-size: 12px;
	font-weight: normal;
}.b01:link {
	color: #FFFFFF;
	text-decoration: none;
	font-size: 14px;
}
.b01:visited {
	color: #FFFFFF;
	text-decoration: none;
	font-size: 14px;

}
.b01:hover {
	color: #CCCCCC;
	text-decoration: none;
	font-size: 14px;

}
.b01:active {
	color: #FFFFFF;
	text-decoration: none;
	font-size: 14px;

}
.bb01:link {
	color: #3366CC;
	text-decoration: none;
	font-size: 12px;
	font-family: "阿里巴巴普惠体";
}
.bb01:visited {
	color: #3366CC;
	text-decoration: none;
	font-size: 12px;
	font-family: "阿里巴巴普惠体";

}
.bb01:hover {
	color: #3366CC;
	text-decoration: underline;
	font-size: 12px;
	font-family: "阿里巴巴普惠体";

}
.bb01:active {
	color: #3366CC;
	text-decoration: none;
	font-size: 12px;
	font-family: "阿里巴巴普惠体";

}
.rich_media_inner { font-size: 16px; overflow-wrap: break-word; hyphens: auto; }
.rich_media_area_primary { position: relative; padding: 20px 15px 15px; background-color: rgb(255, 255, 255); }
.rich_media_area_primary::before { content: " "; position: absolute; left: 0px; width: 100%; height: 1px; border-top: 1px solid rgb(229, 229, 229); transform-origin: 0px 0px 0px; transform: scaleY(0.5); top: auto; bottom: -2px; }
.rich_media_area_extra { padding: 0px 15px; }
.rich_media_title { margin-bottom: 10px; line-height: 1.4; font-weight: 400; font-size: 24px; }
.rich_media_meta_list { margin-bottom: 18px; line-height: 20px; font-size: 0px; }
.rich_media_meta_list em { font-style: normal; }
.rich_media_meta { display: inline-block; vertical-align: middle; margin-right: 8px; margin-bottom: 10px; font-size: 16px; }
.rich_media_meta_text { color: rgb(140, 140, 140); }
span.rich_media_meta_nickname { display: none; }
.rich_media_content { overflow: hidden; color: rgb(62, 62, 62); }
.rich_media_content * { max-width: 100% ! important; box-sizing: border-box ! important; overflow-wrap: break-word ! important; }
.rich_media_content p { clear: both; min-height: 1em; }
img { height: auto ! important; }
@media screen and (device-aspect-ratio: 2/3), screen and (device-aspect-ratio: 40/71) {
}
@media not all {
	.mm_appmsg .rich_media_inner, .mm_appmsg .rich_media_meta, .mm_appmsg .discuss_list, .mm_appmsg .rich_media_extra, .mm_appmsg .title_tips .tips { font-size: 17px; }
}
@media not all {
	.mm_appmsg .rich_media_title { font-size: 25px; }
}
@media not all {
	.rich_media_area_extra { padding-bottom: 34px; }
}
@media not all {
	.rich_media_area_primary { padding: 20px 59px 15px; }
	.rich_media_area_extra { padding: 0px 59px 21px; }
}
@media screen and (min-width: 1024px) {
	.rich_media { width: 740px; margin-left: auto; margin-right: auto; }
	.rich_media_inner { padding: 20px; }
	body { background-color: rgb(255, 255, 255); }
}
@media screen and (min-width: 1025px) {
	body { font-family: "Helvetica Neue",Helvetica,"Hiragino Sans GB","Microsoft YaHei",Arial,sans-serif; }
	.rich_media { position: relative; }
	.rich_media_inner { background-color: rgb(255, 255, 255); padding-bottom: 100px; }
}
.original_tool_area .tips_global::after { content: " "; position: absolute; left: 0px; bottom: 0px; right: 0px; height: 1px; border-bottom: 1px solid rgb(219, 219, 219); transform-origin: 0px 100% 0px; transform: scaleY(0.5); }
.original_tool_area .icon_access::after { content: " "; display: inline-block; height: 8px; width: 8px; border-width: 1px 1px 0px 0px; border-color: rgb(203, 202, 208); border-style: solid; transform: matrix(0.71, 0.71, -0.71, 0.71, 0, 0); position: relative; top: -1px; }
@media screen and (min-width: 1024px) {
}
.weapp_text_link::before { content: ""; display: inline-block; line-height: 1; background-size: 12px 12px; background-repeat: no-repeat; background-image: url('undefined'); vertical-align: middle; font-size: 11px; color: rgb(136, 136, 136); border-radius: 10px; background-color: rgb(244, 244, 244); margin-right: 6px; margin-top: -4px; background-position: center center; height: 20px; width: 20px; }
.weui-mask { position: fixed; z-index: 1000; top: 0px; right: 0px; left: 0px; bottom: 0px; background: rgba(0, 0, 0, 0.6) none repeat scroll 0% 0%; }
.weui-dialog { position: fixed; z-index: 5000; width: 80%; max-width: 300px; top: 50%; left: 50%; transform: translate(-50%, -50%); background-color: rgb(255, 255, 255); text-align: center; border-radius: 3px; overflow: hidden; }
.weui-dialog__bd { padding: 0px 1.6em 0.8em; min-height: 40px; font-size: 15px; line-height: 1.3; overflow-wrap: break-word; word-break: break-all; color: rgb(153, 153, 153); }
.weui-dialog__bd:first-child { padding: 2.7em 20px 1.7em; color: rgb(53, 53, 53); }
.weui-dialog__ft { position: relative; line-height: 48px; font-size: 18px; display: flex; }
.weui-dialog__ft::after { content: " "; position: absolute; left: 0px; top: 0px; right: 0px; height: 1px; border-top: 1px solid rgb(213, 213, 214); color: rgb(213, 213, 214); transform-origin: 0px 0px 0px; transform: scaleY(0.5); }
.weui-dialog__btn { display: block; -moz-box-flex: 1; flex: 1 1 0%; color: rgb(60, 197, 31); text-decoration: none; position: relative; }
.weui-dialog__btn:active { background-color: rgb(238, 238, 238); }
.weui-dialog__btn::after { content: " "; position: absolute; left: 0px; top: 0px; width: 1px; bottom: 0px; border-left: 1px solid rgb(213, 213, 214); color: rgb(213, 213, 214); transform-origin: 0px 0px 0px; transform: scaleX(0.5); }
.weui-dialog__btn:first-child::after { display: none; }
.weui-dialog__btn_default { color: rgb(53, 53, 53); }
.weui-dialog__btn_primary { color: rgb(11, 178, 12); }
@media not all {
}
.tc { text-align: center; }
.tr { text-align: right; }
.tips_global { color: rgb(140, 140, 140); }
.rich_split_tips { margin: 20px 0px; min-height: 24px; }
.rich_media_tool { overflow: hidden; padding-top: 15px; line-height: 32px; }
.rich_media_tool .meta_primary { float: left; margin-right: 10px; }
.rich_media_tool .meta_extra { float: right; margin-left: 10px; }
.rich_media_tool .meta_praise { margin-right: 0px; margin-left: 8px; }
.media_tool_meta i { vertical-align: 0px; position: relative; top: 1px; margin-right: 3px; }
.meta_praise { outline: 0px none; min-width: 3.5em; }
.meta_praise .praise_num { display: inline-block; vertical-align: top; }
.icon_praise_gray { background: transparent url('undefined') no-repeat scroll 0px 0px / 100% auto; width: 13px; height: 13px; vertical-align: middle; display: inline-block; }
.btn_primary:visited:not(.btn_disabled) { color: rgb(255, 255, 255); }
.btn_primary:active:not(.btn_disabled) { color: rgba(255, 255, 255, 0.4); background-color: rgb(3, 151, 2); }
.emotion_panel::before { content: " "; position: absolute; left: 0px; top: 0px; right: 0px; height: 1px; border-top: 1px solid rgb(227, 227, 229); transform-origin: 0px 0px 0px; transform: scaleY(0.5); }
.emotion_panel::after { content: " "; position: absolute; left: 0px; bottom: 0px; right: 0px; height: 1px; border-bottom: 1px solid rgb(227, 227, 229); transform-origin: 0px 100% 0px; transform: scaleY(0.5); }
.frm_textarea_box_wrp::before { content: " "; position: absolute; left: 0px; width: 100%; height: 1px; border-top: 1px solid rgb(231, 230, 228); transform-origin: 0px 0px 0px; transform: scaleY(0.5); top: -1px; }
.frm_textarea_box_wrp::after { content: " "; position: absolute; left: 0px; width: 100%; height: 1px; border-top: 1px solid rgb(231, 230, 228); transform-origin: 0px 0px 0px; transform: scaleY(0.5); top: auto; bottom: -2px; }
.discuss_item::after { content: "?"; display: block; height: 0px; clear: both; }
.discuss_icon_tips { margin-bottom: 20px; }
.discuss_icon_tips img { vertical-align: middle; margin-left: 3px; margin-top: -4px; }
.discuss_icon_tips .icon_edit { width: 12px; }
.reply_result::before { content: " "; position: absolute; left: 0px; top: 0px; right: 0px; height: 1px; border-top: 1px solid rgb(218, 218, 218); transform-origin: 0px 0px 0px; transform: scaleY(0.5); }
.reply_result .nickname::before { content: " "; position: absolute; left: -0.4em; top: 50%; margin-top: -7px; width: 3px; height: 14px; background-color: rgb(2, 187, 0); }
@media screen and (device-aspect-ratio: 2/3), screen and (device-aspect-ratio: 40/71) {
}
.reward_area { padding: 38px 0px 20px; box-sizing: border-box; margin: 0px auto; }
.reward_access { display: inline-block; padding: 0px 1.6em; line-height: 2; border-radius: 5px; background-color: rgb(220, 93, 74); color: rgb(255, 255, 255); font-size: 16px; }
.reward_access:active { background-color: rgb(190, 80, 65); color: rgb(230, 153, 144); }
.icon-reward { display: none; width: 17px; height: 18px; vertical-align: -2px; background-image: url("data:image/svg+xml,%3Csvg width=\'19\' height=\'20\' viewBox=\'0 0 19 20\' xmlns=\'http://www.w3.org/2000/svg\'%3E%3Ctitle%3Eicon reward%3C/title%3E%3Cdesc%3Ewechat reward.%3C/desc%3E%3Cg fill=\'none\'%3E%3Cpath d=\'M14.313 7.261l-.032-.004c-.462-.066-.712-.364-.824-.711-.042-.13-.06-.253-.068-.398-.009-.151-.008-.235.001-.645.022-.999-.015-1.624-.194-2.298l-.121-.386-.035-.118c-.044-.196-.184-.549-.437-.895-.44-.602-1.044-.918-1.951-.846-.963.076-1.397.848-1.406 2.11v.009c-.006.908-.022 1.375-.093 1.972-.169 1.421-.593 2.49-1.473 3.132-.617.45-1.61.688-2.962.826-.984.101-1.996.129-2.824.12l-.072-.001c-.153 0-.759.697-.759.95l-.11 7.776c-.044.569.331.917.869.917h10.741c1.054 0 1.88-.147 2.786-.693.52-.314.988-.738 1.396-1.294 1.321-1.803 1.5-3.456 1.085-7.244-.107-.982-1.029-1.976-2.161-2.132l-1.357-.145z\' stroke=\'%23FAFAFA\' stroke-width=\'1.9\'/%3E%3Cpath d=\'M9.241 15.058l-.184.044c-.153 0-.286-.084-.356-.208l-.027-.058-1.994-2.273-.02-.085c-.065-.243.221-.556.463-.476l.122.04 1.496.998c.096.063.211.099.334.099l.209-.037 4.601-3.524c.543-.148.661.002.426.529l-5.027 4.926-.045.026z\' fill=\'%23FAFAFA\'/%3E%3C/g%3E%3C/svg%3E"); background-repeat: no-repeat; background-size: contain; margin-right: 0.5em; }
.reward_tips { margin-bottom: 5px; }
.reward_qrcode_area { margin: 38px 0px 20px; padding: 30px 20px; font-size: 14px; border: 1px solid rgb(235, 235, 235); }
.reward_qrcode_area p { overflow-wrap: break-word; word-break: break-all; }
.reward_qrcode_area .tips_global { font-size: 13px; }
.reward_qrcode_area .reward_tips { margin-top: 1em; margin-bottom: 0px; }
.reward_qrcode_img_wrp { width: 200px; height: 200px; background-color: rgb(255, 255, 255); display: block; margin: 1.5em auto 1.6em; }
.reward_qrcode_img { width: 100%; height: 100%; display: block; }
@font-face {
	font-family: "WeChatNumber-151125";
	font-style: normal;
	font-weight: normal;
	src: url('wechatnumber-170206.ttf') format("truetype");
}
.rich_media_extra { position: relative; }
.rich_media_extra img { vertical-align: middle; margin-top: -3px; }
.promotion_tag::before { content: ""; width: 14px; height: 20px; position: absolute; top: 0px; right: 100%; background: transparent url('promotion_tag_bg_primary2c7543.png') no-repeat scroll 0px 0px / 79px 20px; overflow: hidden; }
.top_banner .rich_media_extra .extra_link::before { content: " "; position: absolute; left: 0px; width: 100%; height: 1px; border-top: 1px solid rgb(214, 214, 214); transform-origin: 0px 0px 0px; transform: scaleY(0.5); top: auto; bottom: -2px; }
.mpda_card .cardticket_theme::before { content: " "; position: absolute; left: -8px; top: 0px; background: transparent url('pic_circle_left290773.png') no-repeat scroll 0px 0px / 8px auto; width: 8px; height: 10px; vertical-align: middle; display: inline-block; }
.mpda_card .cardticket_theme::after { content: " "; position: absolute; right: -8px; top: 0px; background: transparent url('pic_circle_right290773.png') no-repeat scroll 0px 0px / 8px auto; width: 8px; height: 10px; vertical-align: middle; display: inline-block; }
.ct_mpda_wrp { margin: 38px 0px 20px; }
.ct_mpda_details::after { content: ""; display: inline-block; width: 4px; height: 4px; border-width: 0px 1px 1px 0px; border-style: solid; border-color: rgb(135, 135, 135); transform: rotate(45deg) translateY(-4px); margin-left: 3px; }
.qqmusic_love::before { content: " "; position: absolute; left: 0px; top: 0px; width: 1px; bottom: 0px; border-left: 1px solid rgb(231, 230, 228); transform-origin: 0px 0px 0px; transform: scaleX(0.5); }
	.mm_appmsg .rich_media_inner, .mm_appmsg .rich_media_meta, .mm_appmsg .discuss_list, .mm_appmsg .rich_media_extra, .mm_appmsg .title_tips .tips { font-size: 17px; }
}
@media not all {
	.mm_appmsg .rich_media_title { font-size: 25px; }
}
@media not all {
	.rich_media_area_extra { padding-bottom: 34px; }
}
@media not all {
	.rich_media_area_primary { padding: 20px 59px 15px; }
	.rich_media_area_extra { padding: 0px 59px 21px; }
}
@media screen and (min-width: 1024px) {
	.rich_media { width: 740px; margin-left: auto; margin-right: auto; }
	.rich_media_inner { padding: 20px; }
	body { background-color: rgb(255, 255, 255); }
}
@media screen and (min-width: 1025px) {
	body { font-family: "Helvetica Neue",Helvetica,"Hiragino Sans GB","Microsoft YaHei",Arial,sans-serif; }
	.rich_media { position: relative; }
	.rich_media_inner { background-color: rgb(255, 255, 255); padding-bottom: 100px; }
}
@media screen and (min-width: 1024px) {
	.rich_media_meta { max-width: none; }
	a.rich_media_meta_nickname { display: inline-block ! important; }
	span.rich_media_meta_nickname { display: none ! important; }
	.rich_media_content { min-height: 350px; }
	.rich_media_title { padding-bottom: 10px; margin-bottom: 14px; border-bottom: 1px solid rgb(231, 231, 235); }
	.frm_textarea_box::before { content: " "; position: absolute; left: 0px; top: 0px; width: 1px; height: 100%; border-left: 1px solid rgb(231, 230, 228); transform-origin: 0px 0px 0px; transform: scaleX(0.5); }
	.frm_textarea_box::after { content: " "; position: absolute; top: 0px; width: 1px; height: 100%; border-left: 1px solid rgb(231, 230, 228); transform-origin: 0px 0px 0px; transform: scaleX(0.5); left: auto; right: -2px; }
}
.pay_tit_tips_wrp::before { content: " "; position: absolute; left: 0px; top: 0px; right: 0px; height: 1px; border-top: 1px solid rgb(224, 224, 224); transform-origin: 0px 0px 0px; transform: scaleY(0.5); }
.pop_tips .inner .tips_opr .ft_btn::before { content: " "; position: absolute; top: 0px; right: 0px; height: 1px; border-top: 1px solid rgb(236, 236, 236); transform-origin: 0px 0px 0px; transform: scaleY(0.5); left: 0px; }
.appmsg_card_context::before { content: " "; border: 1px solid rgb(226, 226, 226); border-radius: 4px; position: absolute; top: 0px; left: 0px; width: 200%; height: 200%; transform: scale(0.5); transform-origin: 0px 0px 0px; box-sizing: border-box; }
.appmsg_card_ft::before { content: " "; position: absolute; left: 0px; top: 0px; right: 0px; height: 1px; border-top: 1px solid rgb(236, 236, 236); transform-origin: 0px 0px 0px; transform: scaleY(0.5); }
.mpda_cpc_context::before { border-radius: 0px; z-index: 1; }
@font-face {
	font-family: "wechatnum";
	font-style: normal;
	font-weight: normal;
	src: url('undefined') format("truetype");
}
@media not all {
}
.not_in_mm .rich_media_meta_list { position: relative; z-index: 1; }
.not_in_mm .rich_media_content { position: relative; }
.not_in_mm .profile_container { width: 535px; position: absolute; top: 100%; left: 65px; font-size: 14px; }
.not_in_mm .profile_inner { position: relative; padding: 30px 22px 36px 144px; background-color: rgb(255, 255, 255); border: 1px solid rgb(217, 218, 220); }
.not_in_mm .profile_arrow_wrp { position: absolute; left: 22px; top: -8px; }
.not_in_mm .profile_arrow { display: inline-block; width: 0px; height: 0px; border-width: 0px 8px 8px; border-style: dashed dashed solid; border-color: transparent transparent rgb(217, 218, 220); position: absolute; top: 0px; }
.not_in_mm .profile_arrow.arrow_in { margin-top: 1px; border-bottom-color: rgb(255, 255, 255); }
.not_in_mm .profile_avatar { position: absolute; width: 100px; left: 24px; top: 24px; height: 100px ! important; }
.not_in_mm .profile_nickname { font-size: 16px; font-weight: 400; }
.not_in_mm .profile_meta { margin-top: 5px; overflow: hidden; }
.not_in_mm .profile_meta_label { float: left; width: 4em; margin-right: 1em; }
.not_in_mm .profile_meta_value { display: block; overflow: hidden; color: rgb(173, 173, 173); }
.not_in_mm span.rich_media_meta_nickname { display: inline-block; }
.not_in_mm a.rich_media_meta_nickname { display: none; }
.not_in_mm .rich_media_inner { position: relative; }
.not_in_mm .qr_code_pc_outer { display: none ! important; position: fixed; left: 0px; right: 0px; top: 20px; color: rgb(113, 115, 117); text-align: center; }
.not_in_mm .qr_code_pc_inner { position: relative; width: 740px; margin-left: auto; margin-right: auto; }
.not_in_mm .qr_code_pc { position: absolute; right: -140px; top: 0px; width: 140px; padding: 16px; border: 1px solid rgb(217, 218, 220); background-color: rgb(255, 255, 255); overflow-wrap: break-word; word-break: break-all; }
.not_in_mm .qr_code_pc p { font-size: 14px; line-height: 20px; }
.not_in_mm .qr_code_pc_img { width: 102px; height: 102px; }
@media screen and (min-width: 1025px) {
	.not_in_mm .qr_code_pc_outer { display: block ! important; }



html { overflow: auto; }
* { padding: 0px; margin: 0px; }
ul, ol, li { list-style-type: none; }
body, button, input, select, textarea { font-family: "Microsoft yahei"; font-size: 14px; }
a { text-decoration: none; color: rgb(51, 51, 51); }
a:hover { color: rgb(0, 143, 213); cursor: pointer; }
img { border: 0px none; max-width: 100%; }
li { line-height: normal; }
table { border-collapse: collapse; border-spacing: 0px; }
h1, h2, h3, h4, h5, h6 { margin: 0px; font-weight: normal; font-family: "microsoft yahei"; }
button, table { border: medium none; background: transparent none repeat scroll 0% 0%; margin: 0px; padding: 0px; }
body { position: relative; float: left; width: 100%; }
.pz_banner { float: left; width: 100%; overflow: hidden; position: relative; }
.pz_main { float: left; width: 100%; }
.pz_down { float: left; width: 100%; position: relative; }
.w_0100 { float: left; width: 100%; }
.w_1200 { margin: 0px auto; max-width: 1200px; }
.bg2 { width: 100%; float: left; background: rgb(224, 224, 224) none repeat scroll 0% 0%; }
.bg4 { width: 100%; background: transparent url('pic6.jpg') no-repeat scroll center top; height: 502px; margin-top: 45px; }
.phone_show { display: none; }
.pc_pad_show { display: block; }

#banner { position: relative; z-index: 1; }
.fullSlide { width: 100%; min-width: 1000px; position: relative; height: 500px; overflow: hidden; }
.fullSlide .bd { position: relative; z-index: 0; }
.fullSlide .bd ul { width: 100% ! important; }
.fullSlide .bd li { width: 100% ! important; height: 500px; }
.fullSlide .bd li a { display: block; width: 100%; height: 100%; background: transparent none repeat scroll 0% 0%; }
.fullSlide .hd { width: 100%; position: absolute; z-index: 999; bottom: 20px; left: 0px; text-align: center; height: 15px; }
.fullSlide .hd ul li { cursor: pointer; display: inline-block; width: 10px; height: 10px; border-radius: 50%; margin: 4px; background: rgb(51, 51, 51) none repeat scroll 0% 0%; overflow: hidden; line-height: 9999px; text-indent: 999px; }
.fullSlide .hd ul .on { background: rgb(231, 0, 18) none repeat scroll 0% 0%; }

@media screen and (max-width: 1199px) {
	.phone_show { display: none; }
	.pc_pad_show { display: block; }
	.w_0100 { float: left; width: 100%; padding: 0px 10px; box-sizing: border-box; }
	.w_1200 { margin: 0px auto; max-width: 984px; }
}
@media screen and (max-width: 767px) {
	.phone_show { display: block; }
	.pc_pad_show { display: none; }
	.w_0100 { padding: 0px; }
	.w_1200 { width: 94%; padding: 0px 3%; }
}
.banner { height: 500px; position: relative; width: 100%; }
.pz_slides_3 { float: left; width: 1920px; height: 100%; overflow: hidden; position: relative; }
.pz_slides_3 ._btn { overflow: hidden; position: absolute; bottom: 77px; z-index: 2; }
.pz_slides_3 ._btn ul { overflow: hidden; float: left; }
.pz_slides_3 ._btn ul li { float: left; width: 60px; height: 9px; background: transparent url('banner_btn.png') no-repeat scroll left center; margin: 0px 10px; cursor: pointer; }
.pz_slides_3 ._btn ul li.on { background: transparent url('banner_btn1.png') no-repeat scroll right center; }
.pz_slides_3 ._pic { position: relative; height: 100%; z-index: 0; }
.pz_slides_3 ._pic li { vertical-align: middle; position: relative; }
.pz_slides_3 ._pic li img { width: 1920px; display: block; }
.banner_name1 { width: 100%; position: absolute; left: 0px; bottom: 88px; height: 42px; text-align: center; }
.w_1200_banner { width: 1400px; position: absolute; left: 50%; top: 50%; height: 0px; margin-left: -700px; }
.pz_slides_3 .prev, .pz_slides_3 .next { float: left; margin-top: 0px; display: block; width: 70px; height: 140px; background: transparent url('banner_left.png') no-repeat scroll left top; }
.pz_slides_3 .next { float: right; background: transparent url('banner_left.png') no-repeat scroll right top; }
.pz_slides_3 .prev:hover { background: transparent url('banner_right.png') no-repeat scroll left top; }
.pz_slides_3 .next:hover { background: transparent url('banner_right.png') no-repeat scroll right top; }
.menu ul .nli span a::after { width: 100%; height: 2px; position: absolute; content: ""; left: 0px; bottom: 0px; background-color: rgb(255, 255, 255); transform-origin: right top 0px; transform: scale(0, 1); transition: color 0.1s ease 0s, transform 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0s, -webkit-transform 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0s, -moz-transform 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0s, -o-transform 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0s; }
.menu ul .nli.on span a::after, .menu ul .nli span a:hover::after { transform-origin: left top 0px; transform: scale(1, 1); }
.sub1 .t_315 ul li:nth-child(5n) { border-bottom: medium none; }
@media screen and (max-width: 1199px) {
	.w_1200_banner { width: 768px; margin-left: -384px; }
}
@media screen and (max-width: 909px) {
}
@media screen and (max-width: 767px) {
	.banner { height: auto; }
	.banner_name1 { position: static; float: left; margin-top: 46px; }
}
.c_1200_1 { width: 100%; float: left; padding: 33px 0px; }
.tit_1 { width: 100%; float: center; text-align: center; font-size: 36px; color: black; }
.tit_1 span { font-size: 16px; color: rgb(102, 102, 102); line-height: 32px; margin-top: 5px; }
.c_1200_3 { width: 100%; float: left; margin-top: 0px; }
.c_1200_4 { width: 100%; float: left; padding-top: 135px; }
.c_1200_4 .tit_1 { color: white; }
.c_1200_4 .tit_1 span { color: white; }
.z_btn { width: 100%; float: left; margin-top: 30px; }
.z_btn a { display: block; width: 122px; height: 40px; line-height: 40px; border: 1px solid white; text-align: center; font-size: 16px; color: white; margin: auto; }
.z_btn a:hover { background: rgb(219, 91, 2) none repeat scroll 0% 0%; border: 1px solid rgb(219, 91, 2); color: white; }
@media screen and (max-width: 1199px) {
	.tit_1 { font-size: 28px; }
}
@media screen and (max-width: 767px) {
	.tit_1 { font-size: 22px; line-height: 32px; }
	.tit_1 span { font-size: 14px ! important; line-height: 24px ! important; }
	.c_1200_3 { margin-top: 0px; }
	.bg4 { background: transparent url('pic6_phone.jpg') no-repeat scroll center top; height: 450px; margin-top: 0px; }
	.c_1200_4 { padding-top: 116px; }
	.c_1200_4 .tit_1 span { margin-top: 20px; }
}
@media screen and (max-width: 1199px) {
}
@media screen and (max-width: 767px) {
}
@media screen and (max-width: 1199px) {
}
@media screen and (max-width: 767px) {
}
@media screen and (max-width: 1199px) {
}
@media screen and (max-width: 767px) {
	.scrollBox2 .bd li:nth-child(2n) { float: right; }
}
.pz_top_1 .menu ul .nli span a::after { background: rgb(216, 0, 49) none repeat scroll 0% 0%; }
@media screen and (max-width: 767px) {
}
@media screen and (max-width: 1199px) {
}
@media screen and (max-width: 767px) {
}
@media screen and (max-width: 767px) {
	.z_1200_7 .name5 ul li:nth-child(4n) { border-right: 1px solid rgb(201, 201, 201); }
	.z_1200_7 .name5 ul li.on:nth-child(4n) { border-right: 1px solid rgb(219, 91, 2); }
}
@media screen and (max-width: 767px) {
}
.c_1200_6 { width: 100%; float: left; padding: 53px 0px 73px; }
.main4 { width: 100%; float: left; margin-top: -6px; }
.main4 ul { width: 100%; float: left; }
.main4 ul li { width: 280px; margin-right: 20px; float: left; overflow: hidden; background: white none repeat scroll 0% 0%; height: 230px; margin-top: 45px; }
.main4 ul li:nth-child(3n) { margin-right: 0px; }
.main4 ul li .pic5 { width: 100%; float: left; height: 163px; position: relative; overflow: hidden; }
.main4 ul li .pic5 img { width: 280px; height: 163px; position: absolute; left: 50%; top: 0px; margin-left: -140px; max-width: none; }
.zz_1 { width: 100%; height: 100%; background: transparent url('bg5.png') repeat scroll 0% 0%; position: absolute; left: 0px; top: 0px; opacity: 0; transition: all 0.5s ease-out 0s; }
.main4 ul li .text8 { width: 100%; float: left; padding: 13px 32px 46px 5px; background: white none repeat scroll 0% 0%; position: relative; transition: all 0.5s ease-out 0s; }
.main4 ul li .text8 .title { width: 100%; float: left; font-size: 22px; color: rgb(51, 51, 51); line-height: 42px; text-align: center; font-family: "Arial"; }
.main4 ul li:hover .text8 { margin-top: -17px; }
.main4 ul li:hover .zz_1 { opacity: 1; }
.main4 ul li:hover { box-shadow: 0px 2px 6px rgb(170, 170, 170); }
.main4 .more { width: 100%; float: left; margin-top: 42px; }
.main4 .more a { display: block; width: 122px; height: 40px; text-align: center; line-height: 40px; color: rgb(219, 91, 2); border: 1px solid rgb(219, 91, 2); margin: auto; font-size: 16px; }
.main4 .more a:hover { color: white; background: rgb(219, 91, 2) none repeat scroll 0% 0%; }
@media screen and (max-width: 1199px) {
	.main4 ul li .text8 { width: 92%; float: left; padding: 60px 4% 46px; }
	.main4 ul li { width: 48%; margin-right: 4%; }
	.main4 ul li:nth-child(2n) { margin-right: 0px; }
	.main4 ul li:nth-child(2n+1) { margin-right: 4%; }
}
@media screen and (max-width: 767px) {
	.main2 ul li:nth-child(3n) { border-bottom: medium none; }
	.main4 ul li { width: 100%; margin-right: 0px; }
	.main4 ul li:nth-child(2n+1) { margin-right: 0px; }
	.main4 .more { width: 100%; float: left; margin-top: 42px; }
	.main4 .more a { display: block; width: 122px; height: 40px; text-align: center; line-height: 40px; color: rgb(219, 91, 2); border: 1px solid rgb(219, 91, 2); margin: auto; }
	.c_1200_7 ul li:nth-child(3n) { border-bottom: medium none; }
	.c_1200_6 { padding: 33px 0px 43px; }
}
@media screen and (max-width: 1199px) {
}
@media screen and (max-width: 767px) {
}
.rili .main6 .main6_t li:nth-child(7n) { margin-right: 0px; }
.rili .main6 .main6_b li:nth-child(7n) { margin-right: 0px; }
@media screen and (max-width: 1199px) {
}
@media screen and (max-width: 767px) {
}
.footer { width: 100%; float: left; padding: 34px 0px 26px; }
.footer .b_760 { width: 63%; float: left; }
.footer .b_760 .b_760_t { width: 100%; float: left; font-size: 14px; color: black; line-height: 24px; }
.footer .b_760 .b_760_t a { color: black; }
.footer .b_760 .b_760_t a:hover { color: rgb(219, 91, 2); }
.footer .b_760 .b_760_b { width: 100%; float: left; margin-top: 12px; font-size: 14px; color: rgb(51, 51, 51); text-transform: uppercase; }
.footer .b_440 { width: 135px; float: right; }
.footer .b_440 .b_440_t { width: 100%; }
.footer .b_440 .b_440_t .name2 { width: 30px; float: left; font-size: 12px; color: rgb(51, 51, 51); line-height: 24px; }
.footer .b_440 .b_440_t .btn3 { float: right; text-align: center; }
.footer .b_440 .b_440_t .btn3 a { padding-left: 9px; position: relative; }
.wx_b { width: 89px; height: 0px; background: transparent url('wx_b.png') no-repeat scroll left top; position: absolute; left: 50%; bottom: 28px; margin-left: -54px; overflow: hidden; padding-left: 12px; padding-right: 12px; transition: all 0.2s ease-out 0s; }
.footer .b_440 .b_440_t .btn3 a:hover .wx_b { display: block; height: 89px; padding-top: 13px; padding-bottom: 15px; }
.footer .b_440 .b_440_b { width: 100%; float: left; font-size: 14px; color: rgb(51, 51, 51); line-height: 24px; text-align: right; margin-top: 12px; }
.footer .b_440 .b_440_b a { color: rgb(51, 51, 51); }
.footer .b_440 .b_440_b a:hover { color: rgb(219, 91, 2); }
.footer .b_440 .b_440_t .lx { width: 30%; float: left; }
.footer .b_440 .b_440_t .lx .btn3 { background: transparent url('bian1.jpg') no-repeat scroll left center; }
@media screen and (max-width: 767px) {
	.footer .b_760 { width: 100%; border-bottom: 1px solid rgb(212, 212, 212); padding-bottom: 20px; }
	.footer .b_440 { width: 100%; margin-top: 20px; }
	.footer .b_760 .b_760_t { font-size: 14px; text-align: center; }
	.footer .b_760 .b_760_t a {  }
	.footer .b_440 .b_440_t .name2 { width: 100%; text-align: center; }
	.footer .b_440 .b_440_t .fx { width: 70%; float: left; }
	.footer .b_440 .b_440_t .btn3 { width: 100%; margin-top: 12px; }
	.footer .b_440 .b_440_b { text-align: center; margin-top: 20px; font-size: 15px; }
}
@media screen and (max-width: 767px) {
}
@media screen and (max-width: 767px) {
}
@media screen and (max-width: 767px) {
}
@media screen and (max-width: 1199px) {
}
@media screen and (max-width: 767px) {
}
@media screen and (max-width: 767px) {
}





body { font: 12px/1.231 arial,helvetica,clean,sans-serif; }
table { font-size: inherit; border-collapse: collapse; }
h1 { font-size: 32px; }
body { background-color: rgb(255, 255, 255); overflow-x: hidden; color: rgb(102, 102, 102); font-size: 14px; font-family: microsoft yahei,"阿里巴巴普惠体"; position: relative; }
.header, .content, .footer, .container { margin-left: auto; margin-right: auto; width: 1200px; font-family: microsoft yahei; }
.header { width: 100%; height: 80px; background-color: rgb(255, 255, 255); position: fixed; left: 0px; top: 0px;  z-index: 100; display: block; }
.header h1 { float: left; overflow: hidden; margin-left: 100px; margin-top: 14px; }
.header .hright { float: right; height: 80px; border-left: 1px solid rgb(230, 230, 230); width: 300px; }
.header .hright ul { padding-top: 0px; height: 25px; }
.header .hright li { float: left; padding: 0px 10px; font-size: 14px; position: relative; }
.header .hright > ul > li > a { color: rgb(255, 255, 255); }
.header .hright li em { font-weight: bold; color: rgb(255, 255, 255); font-family: Arial; }
.header .nav { float: right;  width: 65%; }
.header .nav li { float: left; width: 12%; white-space: nowrap; text-align: center; padding-top: 30px; margin-top: 3px; font-size: 16px; height: 47px; position: relative; }
.header .nav li > a { color: rgb(255, 255, 255); text-decoration: none; }
.cur { background-color: rgb(31, 171, 60); padding: 7px 12px; color: rgb(246, 120, 40); border-radius: 15px; }
.header .nav li.cur > a, .header .nav li:hover > a { color: rgb(255, 255, 255); }
.header .nav .erjinav { overflow: hidden; width: 140px; background-color: rgb(255, 255, 255); border-top: 1px solid rgb(240, 240, 240); position: absolute; top: 77px; left: -5px; display: none; }
.header .nav .erjinav p { font-size: 14px; line-height: 46px; white-space: nowrap; }
.header .nav .erjinav p a { text-decoration: none; color: rgb(119, 119, 119); display: block; width: 100%; border-bottom: 1px solid rgb(240, 240, 240); }
.header .nav .erjinav p:hover { background: rgb(245, 245, 245) url('nav_ej.png') no-repeat scroll 195px center; }
.header .nav .erjinav p:hover a { border-color: rgb(245, 245, 245); color: rgb(246, 120, 40); }
.header .hdxl { display: none; width: 150px; background: rgb(255, 255, 255) url('header_ciji_nav.png') no-repeat scroll center center; position: absolute; padding-top: 9px; left: -23px; z-index: 10; }
}.xiabian {
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-bottom-style: solid;
	border-top-color: #E6E6E6;
	border-right-color: #E6E6E6;
	border-bottom-color: #E6E6E6;
	border-left-color: #E6E6E6;
}

.biankuang {
	border: 1px solid #CCCCCC;
}
.biankuang1 {
	border: 1px solid #EBEBEB;
}.a01:link {
	color: #606060;
	text-decoration: none;
	font-family: "阿里巴巴普惠体";
	font-size: 14px;
	font-weight: normal;
}
.a01:visited {
	color: #606060;
	text-decoration: none;
	font-family: "阿里巴巴普惠体";
	font-size: 14px;
	font-weight: normal;
}
.a01:hover {
	color: #FFFFFF;
	text-decoration: none;
	font-family: "阿里巴巴普惠体";
	font-size: 14px;
	font-weight: normal;
}
.a01:active {
	color: #606060;
	text-decoration: none;
	font-family: "阿里巴巴普惠体";
	font-size: 14px;
	font-weight: normal;
}







/* ::::: template/default/assets/css/plugin.css ::::: */

.owl-carousel .owl-stage::after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0px; }
.owl-carousel .owl-item .owl-lazy:not([src]), .owl-carousel .owl-item .owl-lazy[src^=""] { max-height: 0px; }
html { font-family: sans-serif; }
body { margin: 0px; }
audio:not([controls]) { display: none; height: 0px; }
a { background-color: transparent; }
a:active, a:hover { outline: 0px none; }
b, strong { font-weight: 700; }
img { border: 0px none; }
svg:not(:root) { overflow: hidden; }
button, input, optgroup, select, textarea { color: inherit; font: inherit; margin: 0px; }
button, select { text-transform: none; }
button::-moz-focus-inner, input::-moz-focus-inner { border: 0px none; padding: 0px; }
@font-face {
	font-family: "Glyphicons Halflings";
	src: url('glyphicons-halflings-regular.eot') format("embedded-opentype"), url('glyphicons-halflings-regular.woff2') format("woff2"), url('glyphicons-halflings-regular.woff') format("woff"), url('glyphicons-halflings-regular.ttf') format("truetype"), url('glyphicons-halflings-regular.svg') format("svg");
}
.glyphicon-asterisk::before { content: "*"; }
.glyphicon-plus::before { content: "+"; }
.glyphicon-eur::before, .glyphicon-euro::before { content: "€"; }
.glyphicon-minus::before { content: "−"; }
.glyphicon-cloud::before { content: "☁"; }
.glyphicon-envelope::before { content: "✉"; }
.glyphicon-pencil::before { content: "✏"; }
.glyphicon-glass::before { content: ""; }
.glyphicon-music::before { content: ""; }
.glyphicon-search::before { content: ""; }
.glyphicon-heart::before { content: ""; }
.glyphicon-star::before { content: ""; }
.glyphicon-star-empty::before { content: ""; }
.glyphicon-user::before { content: ""; }
.glyphicon-film::before { content: ""; }
.glyphicon-th-large::before { content: ""; }
.glyphicon-th::before { content: ""; }
.glyphicon-th-list::before { content: ""; }
.glyphicon-ok::before { content: ""; }
.glyphicon-remove::before { content: ""; }
.glyphicon-zoom-in::before { content: ""; }
.glyphicon-zoom-out::before { content: ""; }
.glyphicon-off::before { content: ""; }
.glyphicon-signal::before { content: ""; }
.glyphicon-cog::before { content: ""; }
.glyphicon-trash::before { content: ""; }
.glyphicon-home::before { content: ""; }
.glyphicon-file::before { content: ""; }
.glyphicon-time::before { content: ""; }
.glyphicon-road::before { content: ""; }
.glyphicon-download-alt::before { content: ""; }
.glyphicon-download::before { content: ""; }
.glyphicon-upload::before { content: ""; }
.glyphicon-inbox::before { content: ""; }
.glyphicon-play-circle::before { content: ""; }
.glyphicon-repeat::before { content: ""; }
.glyphicon-refresh::before { content: ""; }
.glyphicon-list-alt::before { content: ""; }
.glyphicon-lock::before { content: ""; }
.glyphicon-flag::before { content: ""; }
.glyphicon-headphones::before { content: ""; }
.glyphicon-volume-off::before { content: ""; }
.glyphicon-volume-down::before { content: ""; }
.glyphicon-volume-up::before { content: ""; }
.glyphicon-qrcode::before { content: ""; }
.glyphicon-barcode::before { content: ""; }
.glyphicon-tag::before { content: ""; }
.glyphicon-tags::before { content: ""; }
.glyphicon-book::before { content: ""; }
.glyphicon-bookmark::before { content: ""; }
.glyphicon-print::before { content: ""; }
.glyphicon-camera::before { content: ""; }
.glyphicon-font::before { content: ""; }
.glyphicon-bold::before { content: ""; }
.glyphicon-italic::before { content: ""; }
.glyphicon-text-height::before { content: ""; }
.glyphicon-text-width::before { content: ""; }
.glyphicon-align-left::before { content: ""; }
.glyphicon-align-center::before { content: ""; }
.glyphicon-align-right::before { content: ""; }
.glyphicon-align-justify::before { content: ""; }
.glyphicon-list::before { content: ""; }
.glyphicon-indent-left::before { content: ""; }
.glyphicon-indent-right::before { content: ""; }
.glyphicon-facetime-video::before { content: ""; }
.glyphicon-picture::before { content: ""; }
.glyphicon-map-marker::before { content: ""; }
.glyphicon-adjust::before { content: ""; }
.glyphicon-tint::before { content: ""; }
.glyphicon-edit::before { content: ""; }
.glyphicon-share::before { content: ""; }
.glyphicon-check::before { content: ""; }
.glyphicon-move::before { content: ""; }
.glyphicon-step-backward::before { content: ""; }
.glyphicon-fast-backward::before { content: ""; }
.glyphicon-backward::before { content: ""; }
.glyphicon-play::before { content: ""; }
.glyphicon-pause::before { content: ""; }
.glyphicon-stop::before { content: ""; }
.glyphicon-forward::before { content: ""; }
.glyphicon-fast-forward::before { content: ""; }
.glyphicon-step-forward::before { content: ""; }
.glyphicon-eject::before { content: ""; }
.glyphicon-chevron-left::before { content: ""; }
.glyphicon-chevron-right::before { content: ""; }
.glyphicon-plus-sign::before { content: ""; }
.glyphicon-minus-sign::before { content: ""; }
.glyphicon-remove-sign::before { content: ""; }
.glyphicon-ok-sign::before { content: ""; }
.glyphicon-question-sign::before { content: ""; }
.glyphicon-info-sign::before { content: ""; }
.glyphicon-screenshot::before { content: ""; }
.glyphicon-remove-circle::before { content: ""; }
.glyphicon-ok-circle::before { content: ""; }
.glyphicon-ban-circle::before { content: ""; }
.glyphicon-arrow-left::before { content: ""; }
.glyphicon-arrow-right::before { content: ""; }
.glyphicon-arrow-up::before { content: ""; }
.glyphicon-arrow-down::before { content: ""; }
.glyphicon-share-alt::before { content: ""; }
.glyphicon-resize-full::before { content: ""; }
.glyphicon-resize-small::before { content: ""; }
.glyphicon-exclamation-sign::before { content: ""; }
.glyphicon-gift::before { content: ""; }
.glyphicon-leaf::before { content: ""; }
.glyphicon-fire::before { content: ""; }
.glyphicon-eye-open::before { content: ""; }
.glyphicon-eye-close::before { content: ""; }
.glyphicon-warning-sign::before { content: ""; }
.glyphicon-plane::before { content: ""; }
.glyphicon-calendar::before { content: ""; }
.glyphicon-random::before { content: ""; }
.glyphicon-comment::before { content: ""; }
.glyphicon-magnet::before { content: ""; }
.glyphicon-chevron-up::before { content: ""; }
.glyphicon-chevron-down::before { content: ""; }
.glyphicon-retweet::before { content: ""; }
.glyphicon-shopping-cart::before { content: ""; }
.glyphicon-folder-close::before { content: ""; }
.glyphicon-folder-open::before { content: ""; }
.glyphicon-resize-vertical::before { content: ""; }
.glyphicon-resize-horizontal::before { content: ""; }
.glyphicon-hdd::before { content: ""; }
.glyphicon-bullhorn::before { content: ""; }
.glyphicon-bell::before { content: ""; }
.glyphicon-certificate::before { content: ""; }
.glyphicon-thumbs-up::before { content: ""; }
.glyphicon-thumbs-down::before { content: ""; }
.glyphicon-hand-right::before { content: ""; }
.glyphicon-hand-left::before { content: ""; }
.glyphicon-hand-up::before { content: ""; }
.glyphicon-hand-down::before { content: ""; }
.glyphicon-circle-arrow-right::before { content: ""; }
.glyphicon-circle-arrow-left::before { content: ""; }
.glyphicon-circle-arrow-up::before { content: ""; }
.glyphicon-circle-arrow-down::before { content: ""; }
.glyphicon-globe::before { content: ""; }
.glyphicon-wrench::before { content: ""; }
.glyphicon-tasks::before { content: ""; }
.glyphicon-filter::before { content: ""; }
.glyphicon-briefcase::before { content: ""; }
.glyphicon-fullscreen::before { content: ""; }
.glyphicon-dashboard::before { content: ""; }
.glyphicon-paperclip::before { content: ""; }
.glyphicon-heart-empty::before { content: ""; }
.glyphicon-link::before { content: ""; }
.glyphicon-phone::before { content: ""; }
.glyphicon-pushpin::before { content: ""; }
.glyphicon-usd::before { content: ""; }
.glyphicon-gbp::before { content: ""; }
.glyphicon-sort::before { content: ""; }
.glyphicon-sort-by-alphabet::before { content: ""; }
.glyphicon-sort-by-alphabet-alt::before { content: ""; }
.glyphicon-sort-by-order::before { content: ""; }
.glyphicon-sort-by-order-alt::before { content: ""; }
.glyphicon-sort-by-attributes::before { content: ""; }
.glyphicon-sort-by-attributes-alt::before { content: ""; }
.glyphicon-unchecked::before { content: ""; }
.glyphicon-expand::before { content: ""; }
.glyphicon-collapse-down::before { content: ""; }
.glyphicon-collapse-up::before { content: ""; }
.glyphicon-log-in::before { content: ""; }
.glyphicon-flash::before { content: ""; }
.glyphicon-log-out::before { content: ""; }
.glyphicon-new-window::before { content: ""; }
.glyphicon-record::before { content: ""; }
.glyphicon-save::before { content: ""; }
.glyphicon-open::before { content: ""; }
.glyphicon-saved::before { content: ""; }
.glyphicon-import::before { content: ""; }
.glyphicon-export::before { content: ""; }
.glyphicon-send::before { content: ""; }
.glyphicon-floppy-disk::before { content: ""; }
.glyphicon-floppy-saved::before { content: ""; }
.glyphicon-floppy-remove::before { content: ""; }
.glyphicon-floppy-save::before { content: ""; }
.glyphicon-floppy-open::before { content: ""; }
.glyphicon-credit-card::before { content: ""; }
.glyphicon-transfer::before { content: ""; }
.glyphicon-cutlery::before { content: ""; }
.glyphicon-header::before { content: ""; }
.glyphicon-compressed::before { content: ""; }
.glyphicon-earphone::before { content: ""; }
.glyphicon-phone-alt::before { content: ""; }
.glyphicon-tower::before { content: ""; }
.glyphicon-stats::before { content: ""; }
.glyphicon-sd-video::before { content: ""; }
.glyphicon-hd-video::before { content: ""; }
.glyphicon-subtitles::before { content: ""; }
.glyphicon-sound-stereo::before { content: ""; }
.glyphicon-sound-dolby::before { content: ""; }
.glyphicon-sound-5-1::before { content: ""; }
.glyphicon-sound-6-1::before { content: ""; }
.glyphicon-sound-7-1::before { content: ""; }
.glyphicon-copyright-mark::before { content: ""; }
.glyphicon-registration-mark::before { content: ""; }
.glyphicon-cloud-download::before { content: ""; }
.glyphicon-cloud-upload::before { content: ""; }
.glyphicon-tree-conifer::before { content: ""; }
.glyphicon-tree-deciduous::before { content: ""; }
.glyphicon-cd::before { content: ""; }
.glyphicon-save-file::before { content: ""; }
.glyphicon-open-file::before { content: ""; }
.glyphicon-level-up::before { content: ""; }
.glyphicon-copy::before { content: ""; }
.glyphicon-paste::before { content: ""; }
.glyphicon-alert::before { content: ""; }
.glyphicon-equalizer::before { content: ""; }
.glyphicon-king::before { content: ""; }
.glyphicon-queen::before { content: ""; }
.glyphicon-pawn::before { content: ""; }
.glyphicon-bishop::before { content: ""; }
.glyphicon-knight::before { content: ""; }
.glyphicon-baby-formula::before { content: ""; }
.glyphicon-tent::before { content: "⛺"; }
.glyphicon-blackboard::before { content: ""; }
.glyphicon-bed::before { content: ""; }
.glyphicon-apple::before { content: ""; }
.glyphicon-erase::before { content: ""; }
.glyphicon-hourglass::before { content: "⌛"; }
.glyphicon-lamp::before { content: ""; }
.glyphicon-duplicate::before { content: ""; }
.glyphicon-piggy-bank::before { content: ""; }
.glyphicon-scissors::before { content: ""; }
.glyphicon-bitcoin::before, .glyphicon-btc::before, .glyphicon-xbt::before { content: ""; }
.glyphicon-jpy::before, .glyphicon-yen::before { content: "¥"; }
.glyphicon-rub::before, .glyphicon-ruble::before { content: "₽"; }
.glyphicon-scale::before { content: ""; }
.glyphicon-ice-lolly::before { content: ""; }
.glyphicon-ice-lolly-tasted::before { content: ""; }
.glyphicon-education::before { content: ""; }
.glyphicon-option-horizontal::before { content: ""; }
.glyphicon-option-vertical::before { content: ""; }
.glyphicon-menu-hamburger::before { content: ""; }
.glyphicon-modal-window::before { content: ""; }
.glyphicon-oil::before { content: ""; }
.glyphicon-grain::before { content: ""; }
.glyphicon-sunglasses::before { content: ""; }
.glyphicon-text-size::before { content: ""; }
.glyphicon-text-color::before { content: ""; }
.glyphicon-text-background::before { content: ""; }
.glyphicon-object-align-top::before { content: ""; }
.glyphicon-object-align-bottom::before { content: ""; }
.glyphicon-object-align-horizontal::before { content: ""; }
.glyphicon-object-align-left::before { content: ""; }
.glyphicon-object-align-vertical::before { content: ""; }
.glyphicon-object-align-right::before { content: ""; }
.glyphicon-triangle-right::before { content: ""; }
.glyphicon-triangle-left::before { content: ""; }
.glyphicon-triangle-bottom::before { content: ""; }
.glyphicon-triangle-top::before { content: ""; }
.glyphicon-console::before { content: ""; }
.glyphicon-superscript::before { content: ""; }
.glyphicon-subscript::before { content: ""; }
.glyphicon-menu-left::before { content: ""; }
.glyphicon-menu-right::before { content: ""; }
.glyphicon-menu-down::before { content: ""; }
.glyphicon-menu-up::before { content: ""; }
*, *::after, *::before { box-sizing: border-box; }
html { font-size: 10px; }
body { font-family: Helvetica Neue,Helvetica,Arial,sans-serif; font-size: 14px; line-height: 1.42857; color: rgb(51, 51, 51); background-color: rgb(255, 255, 255); }
button, input, select, textarea { font-family: inherit; font-size: inherit; line-height: inherit; }
a { color: rgb(51, 122, 183); text-decoration: none; }
a:focus, a:hover { color: rgb(35, 82, 124); text-decoration: underline; }
a:focus { outline-offset: -2px; }
img { vertical-align: middle; }
.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 { font-family: inherit; font-weight: 500; line-height: 1.1; color: inherit; }
.h1, .h2, .h3, h1, h2, h3 { margin-top: 20px; margin-bottom: 10px; }
.h4, .h5, .h6, h4, h5, h6 { margin-top: 10px; margin-bottom: 10px; }
.h3, h3 { font-size: 24px; }
.h4, h4 { font-size: 18px; }
p { margin: 0px 0px 10px; }
ol, ul { margin-top: 0px; margin-bottom: 10px; }
ol ol, ol ul, ul ol, ul ul { margin-bottom: 0px; }
.dl-horizontal dd::after, .dl-horizontal dd::before { content: " "; display: table; }
.dl-horizontal dd::after { clear: both; }
blockquote .small::before, blockquote footer::before, blockquote small::before { content: "—   "; }
.blockquote-reverse .small::before, .blockquote-reverse footer::before, .blockquote-reverse small::before, blockquote.pull-right .small::before, blockquote.pull-right footer::before, blockquote.pull-right small::before { content: ""; }
.blockquote-reverse .small::after, .blockquote-reverse footer::after, .blockquote-reverse small::after, blockquote.pull-right .small::after, blockquote.pull-right footer::after, blockquote.pull-right small::after { content: "   —"; }
.container { margin-right: auto; margin-left: auto; padding-left: 15px; padding-right: 15px; }
.container::after, .container::before { content: " "; display: table; }
.container::after { clear: both; }
.container-fluid::after, .container-fluid::before { content: " "; display: table; }
.container-fluid::after { clear: both; }
.row::after, .row::before { content: " "; display: table; }
.row::after { clear: both; }
.table-striped > tbody > tr:nth-of-type(2n+1) { background-color: rgb(249, 249, 249); }
@media screen and (max-width: 767px) {
}
.form-control::-moz-placeholder { color: rgb(153, 153, 153); opacity: 1; }
@media not all {
}
.form-horizontal .form-group::after, .form-horizontal .form-group::before { content: " "; display: table; }
.form-horizontal .form-group::after { clear: both; }
.btn-toolbar::after, .btn-toolbar::before { content: " "; display: table; }
.btn-toolbar::after { clear: both; }
.btn-group > .btn:not(:first-child):not(:last-child):not(.dropdown-toggle) { border-radius: 0px; }
.btn-group > .btn:first-child:not(:last-child):not(.dropdown-toggle) { border-bottom-right-radius: 0px; border-top-right-radius: 0px; }
.btn-group > .btn:last-child:not(:first-child), .btn-group > .dropdown-toggle:not(:first-child) { border-bottom-left-radius: 0px; border-top-left-radius: 0px; }
.btn-group > .btn-group:not(:first-child):not(:last-child) > .btn { border-radius: 0px; }
.btn-group > .btn-group:first-child:not(:last-child) > .btn:last-child, .btn-group > .btn-group:first-child:not(:last-child) > .dropdown-toggle { border-bottom-right-radius: 0px; border-top-right-radius: 0px; }
.btn-group > .btn-group:last-child:not(:first-child) > .btn:first-child { border-bottom-left-radius: 0px; border-top-left-radius: 0px; }
.btn-group-vertical > .btn-group::after, .btn-group-vertical > .btn-group::before { content: " "; display: table; }
.btn-group-vertical > .btn-group::after { clear: both; }
.btn-group-vertical > .btn:not(:first-child):not(:last-child) { border-radius: 0px; }
.btn-group-vertical > .btn:first-child:not(:last-child) { border-radius: 4px 4px 0px 0px; }
.btn-group-vertical > .btn:last-child:not(:first-child) { border-radius: 0px 0px 4px 4px; }
.btn-group-vertical > .btn-group:not(:first-child):not(:last-child) > .btn { border-radius: 0px; }
.btn-group-vertical > .btn-group:first-child:not(:last-child) > .btn:last-child, .btn-group-vertical > .btn-group:first-child:not(:last-child) > .dropdown-toggle { border-bottom-right-radius: 0px; border-bottom-left-radius: 0px; }
.btn-group-vertical > .btn-group:last-child:not(:first-child) > .btn:first-child { border-top-right-radius: 0px; border-top-left-radius: 0px; }
.input-group-addon:not(:first-child):not(:last-child), .input-group-btn:not(:first-child):not(:last-child), .input-group .form-control:not(:first-child):not(:last-child) { border-radius: 0px; }
.input-group-addon:first-child, .input-group-btn:first-child > .btn, .input-group-btn:first-child > .btn-group > .btn, .input-group-btn:first-child > .dropdown-toggle, .input-group-btn:last-child > .btn-group:not(:last-child) > .btn, .input-group-btn:last-child > .btn:not(:last-child):not(.dropdown-toggle), .input-group .form-control:first-child { border-bottom-right-radius: 0px; border-top-right-radius: 0px; }
.input-group-addon:last-child, .input-group-btn:first-child > .btn-group:not(:first-child) > .btn, .input-group-btn:first-child > .btn:not(:first-child), .input-group-btn:last-child > .btn, .input-group-btn:last-child > .btn-group > .btn, .input-group-btn:last-child > .dropdown-toggle, .input-group .form-control:last-child { border-bottom-left-radius: 0px; border-top-left-radius: 0px; }
.nav::after, .nav::before { content: " "; display: table; }
.nav::after { clear: both; }
.navbar::after, .navbar::before { content: " "; display: table; }
.navbar::after { clear: both; }
.navbar-header::after, .navbar-header::before { content: " "; display: table; }
.navbar-header::after { clear: both; }
.navbar-collapse::after, .navbar-collapse::before { content: " "; display: table; }
.navbar-collapse::after { clear: both; }
.breadcrumb > li + li::before { content: "/ "; padding: 0px 5px; color: rgb(204, 204, 204); }
.pager::after, .pager::before { content: " "; display: table; }
.pager::after { clear: both; }
@media screen and (min-width: 768px) {
}
.panel-body::after, .panel-body::before { content: " "; display: table; }
.panel-body::after { clear: both; }
.modal-header::after, .modal-header::before { content: " "; display: table; }
.modal-header::after { clear: both; }
.modal-footer::after, .modal-footer::before { content: " "; display: table; }
.modal-footer::after { clear: both; }
.popover > .arrow, .popover > .arrow::after { position: absolute; display: block; width: 0px; height: 0px; border-color: transparent; border-style: solid; }
.popover > .arrow::after { border-width: 10px; content: ""; }
.popover.top > .arrow::after { content: " "; bottom: 1px; margin-left: -10px; border-bottom-width: 0px; border-top-color: rgb(255, 255, 255); }
.popover.right > .arrow::after { content: " "; left: 1px; bottom: -10px; border-left-width: 0px; border-right-color: rgb(255, 255, 255); }
.popover.bottom > .arrow::after { content: " "; top: 1px; margin-left: -10px; border-top-width: 0px; border-bottom-color: rgb(255, 255, 255); }
.popover.left > .arrow::after { content: " "; right: 1px; border-right-width: 0px; border-left-color: rgb(255, 255, 255); bottom: -10px; }
@media (-webkit-transform-3d), not all {
}
.carousel-control .icon-prev::before { content: "‹"; }
.carousel-control .icon-next::before { content: "›"; }
@media screen and (min-width: 768px) {
}
.clearfix::after, .clearfix::before { content: " "; display: table; }
.clearfix::after { clear: both; }
/* ::::: template/default/assets/css/app.css ::::: */

/* ::::: http://at.alicdn.com/t/font_1144939_pdz8umy9ap.css ::::: */

@font-face {
	font-family: "iconfont";
	src: url('font_1144939_pdz8umy9ap.eot') format("embedded-opentype"), url('undefined') format("woff2"), url('font_1144939_pdz8umy9ap.woff') format("woff"), url('font_1144939_pdz8umy9ap.ttf') format("truetype"), url('font_1144939_pdz8umy9ap.svg') format("svg");
}
.iconfont { font-family: "iconfont" ! important; font-size: 16px; font-style: normal; }
.icon-shijian::before { content: ""; }
.icon-add::before { content: ""; }
.icon-close::before { content: ""; }
.icon-dots-horizontal::before { content: ""; }
.icon-top::before { content: ""; }
.icon-qq::before { content: ""; }
.icon-wangwang::before { content: ""; }
.icon-down::before { content: ""; }
.icon-phone::before { content: ""; }
.icon-chakan::before { content: ""; }
.icon-message::before { content: ""; }
.icon-search::before { content: ""; }
.icon-menu::before { content: ""; }
.icon-right-arrow::before { content: ""; }
.icon-ewm::before { content: ""; }
.icon-left-arrow::before { content: ""; }
body { overflow-x: hidden; font-family: Microsoft YaHei; }
ul { padding: 0px; margin: 0px; }
ul li { list-style: outside none none; }
a { color: rgb(51, 122, 183); text-decoration: none; }
h1, h2, h3, h4, h5 { margin: 0px; }
a:focus, a:hover { color: rgb(35, 82, 124); text-decoration: none; }
a:focus { outline: medium none; outline-offset: -2px; }
.hot-keys::after, .product-detail-tab .product-detail-tabli::after, .tag-list-product .tag-wz .tab-fenli::after, .xypg-detail-file-dwon::after, .xypg-detail-info-bar .xypg-file-down .file-down-list li::after, .xypg-detail-info-bar::after, .xypg-detail-pn div::after, .xypg-download-list .download-item .download-item-span::after, .xypg-download-list .download-item::after, .xypg-download-list .download-title::after, .xypg-job-list .job-item .job-item-span::after, .xypg-job-list .job-item::after, .xypg-job-list .job-title::after { content: ""; display: table; clear: both; }
.cover-item .item-first .wz h3, .cover-item .item-list h4, .demo-case-item .wz h3, .demo-header-right .demo-login .username, .demo-news-list li a, .demo-news-top h3, .demo-product-list li h3, .hot-keys li a, .latest-news li a, .relate-news-list li a, .relate-product-slick .owl-item p, .tag-list-product .tag-wz .tab-fenli p, .tag-list-product .tag-wz h1, .xypg-album-cate li .album-title, .xypg-album-list li h3, .xypg-case-list li h3 a, .xypg-detail-info-bar .xypg-file-down .file-down-list li .list-con p, .xypg-detail-pn div a, .xypg-download-list .download-item .download-item-span .download-item-con, .xypg-download-list .download-item .download-item-span.download-item-first, .xypg-job-list .job-item .job-item-span .job-item-con, .xypg-jod-detail .job-detail-title, .xypg-left-nav .xypg-left-subnav > li > a, .xypg-left-nav .xypg-left-threenav > li > a, .xypg-left-nav > li > a, .xypg-news-list li .tit h3, .xypg-product-list li h3 a { text-overflow: ellipsis; white-space: nowrap; overflow: hidden; }
.demo-case-item .img, .demo-layout-ewm img, .demo-layout-logo, .demo-logo a, .demo-news-img, .demo-product-list li .img, .owl-carousel .banner-item a, .page-banner, .page-message-img, .relate-product-slick .owl-item .img, .xypg-case-list li .img, .xypg-product-list li .img { font-size: 0px; }
.demo-case-item .img img, .demo-news-img img, .demo-product-list li .img img, .owl-carousel .banner-item a img, .page-banner img, .relate-product-slick .owl-item .img img, .xypg-case-list li .img img, .xypg-product-list li .img img { width: 100%; }
.demo-layout-ewm img img, .demo-layout-logo img, .demo-logo a img, .page-message-img img { max-width: 100%; }
.demo-case-item .img, .demo-news-img, .demo-product-list li .img, .relate-product-slick .owl-item .img, .xypg-case-list li .img, .xypg-product-list li .img { overflow: hidden; }
.demo-case-item .img img, .demo-news-img img, .demo-product-list li .img img, .relate-product-slick .owl-item .img img, .xypg-case-list li .img img, .xypg-product-list li .img img { transition: all 0.5s ease 0s; }
.demo-case-item .img:hover img, .demo-news-img:hover img, .demo-product-list li .img:hover img, .relate-product-slick .owl-item .img:hover img, .xypg-case-list li .img:hover img, .xypg-product-list li .img:hover img { transform: scale(1.1); }
@font-face {
	font-family: "filetypeicon";
	src: url('font_455609_md6xsqc4pwrk9.eot') format("embedded-opentype"), url('font_455609_md6xsqc4pwrk9.woff') format("woff"), url('font_455609_md6xsqc4pwrk9.ttf') format("truetype"), url('font_455609_md6xsqc4pwrk9.svg') format("svg");
}
.xymob-navbtn::after, .xymob-navbtn::before, .xymob-navbtn span { display: block; height: 2px; width: 100%; background: rgb(255, 255, 255) none repeat scroll 0% 0%; transition: all 0.5s ease 0s; }
.xymob-navbtn::after, .xymob-navbtn::before { content: ""; transform-origin: 7.5% 50% 0px; }
.xymob-navbtn.clicked::after { transform: rotate(-45deg); }
.xymob-navbtn.clicked::before { transform: rotate(45deg); }
.xymob-nav .xymob-menu-jt.clicked i::before { content: ""; }
.demo-header-right #formsearch::before { content: "|"; position: absolute; left: 36px; top: 5px; }
.demo-menu > li::after { content: ""; position: absolute; z-index: 100; width: 100%; left: 0px; height: 40px; opacity: 0; top: 100%; }
.demo-sub-menu::after { content: ""; width: 0px; height: 0px; line-height: 0; font-size: 0px; overflow: hidden; border-width: medium 10px 10px; cursor: pointer; border-style: none dashed solid; border-color: currentcolor transparent rgb(255, 255, 255); position: absolute; top: -10px; left: 50%; margin-left: -10px; z-index: 99; }
.demo-company-title::after { content: ""; display: block; width: 20px; height: 4px; background: rgb(61, 61, 61) none repeat scroll 0% 0%; margin-top: 10px; }
.demo-company-item a::after { content: ""; height: 100%; display: inline-block; vertical-align: middle; }
.demo-message-wrap input[type="text"]::placeholder, .demo-message-wrap textarea::placeholder { color: rgba(0, 0, 0, 0.8); }
.demo-message-wrap .checkCodeImg::after { content: ""; height: 100%; display: inline-block; vertical-align: middle; }
#toolbar { position: fixed; z-index: 9999; right: 17px; bottom: 10%; }
#toolbar li { margin-bottom: 3px; position: relative; }
#toolbar li, #toolbar li a { font-size: 0px; width: 57px; height: 57px; right: 0px; }
#toolbar li a { display: block; position: absolute; z-index: 9; top: 0px; overflow: hidden; background: rgb(9, 55, 133) none repeat scroll 0% 0%; transition: all 0.5s ease 0s; white-space: nowrap; }
#toolbar li .iconfont { width: 57px; height: 57px; background-color: rgb(217, 217, 217); text-align: center; color: rgb(43, 43, 43); font-size: 26px; }
#toolbar li .iconfont, #toolbar li .wz { display: inline-block; vertical-align: middle; line-height: 57px; }
#toolbar li .wz { font-size: 14px; color: rgb(255, 255, 255); padding-left: 10px; }
#toolbar li.ewm .ewm-box { position: absolute; z-index: 1; padding: 5px; background: rgb(9, 55, 133) none repeat scroll 0% 0%; width: 110px; right: 120%; bottom: 0px; opacity: 0; visibility: hidden; transform: translateX(100%); transition: all 0.7s ease 0s; }
#toolbar li.ewm .ewm-box img { max-width: 100%; }
#toolbar li.ewm .ewm-box::after { content: ""; position: absolute; right: -5px; bottom: 20px; width: 0px; height: 0px; line-height: 0; font-size: 0px; overflow: hidden; border-width: 5px medium 5px 5px; cursor: pointer; border-style: dashed none dashed solid; border-color: transparent currentcolor transparent rgb(9, 55, 133); }
#toolbar li.ewm:hover .ewm-box { opacity: 1; visibility: visible; transform: translateY(0px); }
#toolbar li.backtop { cursor: pointer; }
#toolbar li.backtop .iconfont { color: rgb(255, 255, 255); background-color: rgb(9, 55, 133); }
#toolbar li:hover a { width: 200px; }
#toolbar li:hover .iconfont { background-color: rgb(9, 55, 133); color: rgb(255, 255, 255); }
.page-position { background: rgb(9, 55, 133) none repeat scroll 0% 0%; padding: 10px 0px; line-height: 20px; color: rgb(255, 255, 255); font-size: 14px; }
.page-position a { color: rgb(255, 255, 255); }
.page-position a:hover { text-decoration: underline; }
.page-wrap { background: rgb(255, 255, 255) none repeat scroll 0% 0%; padding: 35px 0px 4.16667%; }
.xypg-left-box { margin-bottom: 15px; }
.xypg-left-title { text-align: center; padding: 0.7em 0px; font-size: 20px; line-height: 1.5; background: rgb(9, 55, 133) none repeat scroll 0% 0%; }
.xypg-left-title span { color: rgb(255, 255, 255); }
.xypg-left-title span::after { margin-left: 0.5em; }
.xypg-left-title span::before { margin-right: 0.5em; }
.xypg-left-title span::after, .xypg-left-title span::before { content: ""; display: inline-block; vertical-align: middle; width: 1.5em; height: 1px; background: rgb(255, 255, 255) none repeat scroll 0% 0%; }
.xypg-left-con { border-width: medium 1px 1px; border-style: none solid solid; border-color: currentcolor rgb(210, 210, 210) rgb(210, 210, 210); -moz-border-top-colors: none; -moz-border-right-colors: none; -moz-border-bottom-colors: none; -moz-border-left-colors: none; border-image: none; }
.latest-news { padding: 10px; }
.latest-news li { padding: 0.5em 0px; font-size: 14px; }
.latest-news li a { display: block; line-height: 1.2; color: rgb(102, 102, 102); }
.latest-news li a::before { content: ""; display: inline-block; width: 14px; height: 14px; background: rgb(209, 209, 209) url('xypg-left-jt1.png') no-repeat scroll -1px -16px; border-radius: 50%; vertical-align: middle; margin-right: 10px; }
.latest-news li a:hover { color: rgb(9, 55, 133); text-decoration: underline; }
.latest-news li a:hover::before { background-color: rgb(9, 55, 133); }
.hot-keys { padding: 0px 10px 10px; margin: 0px -5px; }
.hot-keys li { width: calc(50% - 10px); float: left; margin: 10px 5px 0px; }
.hot-keys li a { display: block; text-align: center; font-size: 13px; color: rgb(102, 102, 102); line-height: 2.2; background: rgb(237, 237, 237) none repeat scroll 0% 0%; }
.hot-keys li a:hover { color: rgb(9, 55, 133); text-decoration: underline; }
.page-wrap-contact { padding: 10px; font-size: 14px; }
.page-wrap-contact h4 { margin: 0.5em 0px 0.8em; font-size: 16px; color: rgb(0, 0, 0); }
.page-wrap-contact p { position: relative; margin-bottom: 0px; color: rgb(90, 90, 90); padding: 0.4em 0px; }
.page-wrap-contact p + p { border-top: 1px dashed rgb(239, 239, 239); }
.page-message-img img { border: 1px solid rgb(210, 210, 210); }
.page-mob-tool { position: fixed; right: 15px; bottom: 100px; z-index: 9999; }
.page-mob-tool li { width: 40px; height: 40px; line-height: 40px; text-align: center; margin-bottom: 1px; cursor: pointer; position: relative; }
.page-mob-tool li::before { content: ""; position: absolute; left: 0px; right: 0px; bottom: 0px; top: 0px; background: rgb(9, 55, 133) none repeat scroll 0% 0%; opacity: 0.7; }
.page-mob-tool li i { position: relative; z-index: 9; font-size: 20px; color: rgb(255, 255, 255); }
.xymob-left-close-btn { display: none; }
.xypg-left-nav { margin: 0px -1px; }
.xypg-left-nav > li + li { border-top: 1px solid rgb(228, 228, 228); }
.xypg-left-nav > li { position: relative; }
.xypg-left-nav > li > a { display: block; font-size: 16px; line-height: 2.6; color: rgb(46, 46, 46); padding: 0px 45px 0px 25px; }
.xypg-left-nav > li .first-nav-btn { position: absolute; z-index: 99; width: 20px; text-align: center; font-family: iconfont; top: 10px; right: 25px; cursor: pointer; }
.xypg-left-nav > li .first-nav-btn::after { content: ""; }
.xypg-left-nav > li .first-nav-btn.clicked::after { content: ""; }
.xypg-left-nav > li.clicked > a, .xypg-left-nav > li:hover > a { color: rgb(255, 255, 255); background: rgb(9, 55, 133) none repeat scroll 0% 0%; }
.xypg-left-nav > li.clicked .first-nav-btn, .xypg-left-nav > li:hover .first-nav-btn { color: rgb(255, 255, 255); }
.xypg-left-nav .xypg-left-subnav { display: none; padding: 8px 0px; }
.xypg-left-nav .xypg-left-subnav > li { padding: 8px 45px 8px 25px; }
.xypg-left-nav .xypg-left-subnav > li > a { display: block; line-height: 20px; color: rgb(150, 148, 148); font-size: 15px; }
.xypg-left-nav .xypg-left-subnav > li.clicked > a, .xypg-left-nav .xypg-left-subnav > li > a:hover { color: rgb(9, 55, 133); }
.xypg-left-nav .xypg-left-threenav > li > a::before { content: "—  "; }
.xypg-pro-description { border: 1px solid rgb(229, 229, 229); background: rgb(246, 246, 246) none repeat scroll 0% 0%; line-height: 24px; padding: 10px; margin-bottom: 15px; text-indent: 2em; }
.xypg-product-list { margin: 0px -1.5%; font-size: 0px; }
.xypg-product-list li { display: inline-block; vertical-align: bottom; width: 30.333%; margin: 0px 1.5% 20px; padding: 10px 10px 10px; border: 1px solid rgb(238, 238, 238); transition: all 0.5s ease 0s; }
.xypg-product-list li .img { display: block; }
.xypg-product-list li h3 a { display: block; text-align: center; font-size: 14px; color: rgb(90, 90, 90); line-height: 1.6; padding: 0.8em 0px; }
.xypg-product-list li:hover { border-color: rgb(9, 55, 133); }
.xypg-download-list .download-item:nth-child(2n+1) { background: rgb(243, 243, 243) none repeat scroll 0% 0%; }
.xypg-pagination { margin-top: 20px; text-align: center; font-size: 0px; }
.xypg-pagination .pagin-left, .xypg-pagination .pagin-mid, .xypg-pagination .pagin-right, .xypg-pagination .pagin-select { display: inline-block; vertical-align: middle; }
.xypg-pagination #current, .xypg-pagination a { display: inline-block; font-size: 14px; color: rgb(51, 51, 51); font-family: Microsoft YaHei,Arial; line-height: 26px; border: 1px solid rgb(203, 203, 203); margin: 0px 5px; padding: 0px 8px; }
.xypg-pagination #current, .xypg-pagination a:hover { color: rgb(255, 255, 255); border-color: rgb(9, 55, 133); background: rgb(9, 55, 133) none repeat scroll 0% 0%; }
.xypg-pagination .pagin-mid { font-size: 14px; }
.xypg-pagination .pagin-mid .mob-pagin-mid { display: none; }
.xypg-pagination .pagin-select { font-size: 14px; }
.xypg-pagination .pagin-select select { height: 28px; padding: 0px 8px; margin: -1px 5px 0px; }
.relate-news-list li:nth-child(2n) { float: right; }
.relate-news-list li a::before { content: ""; display: inline-block; width: 14px; height: 14px; background: rgb(209, 209, 209) url('xypg-left-jt.png') no-repeat scroll -1px -16px; border-radius: 50%; vertical-align: middle; margin-right: 10px; }
.relate-news-list li:hover a::before { background-color: rgb(9, 55, 133); }
.page-product-detail-effect .big-img a::after { content: ""; height: 100%; display: inline-block; vertical-align: middle; }
.page-product-detail-effect .product-detail-slick a::after { content: ""; height: 100%; display: inline-block; vertical-align: middle; }
/* ::::: template/default/assets/css/main.css ::::: */

html { margin: 0px; padding: 0px; border: 0px none; }
body, div, span, object, iframe, h1, h2, h3, h4, p, blockquote, pre, a, address, code, b, em, img, dl, dt, dd, ol, ul, li, fieldset, form, label, footer, header, hgroup, nav, section { margin: 0px; padding: 0px; border: 0px none; }
body { background: rgb(255, 255, 255) none repeat scroll 0% 0%; color: rgb(102, 102, 102); position: relative; font: 14px; font-family:阿里巴巴普惠体; vertical-align: baseline; width: 100%; overflow-x: hidden; }
a { text-decoration: none; outline: medium none; }
a:link { color: rgb(102, 102, 102); }
a:visited { color: rgb(102, 102, 102); }
a:hover, a:active, a:focus { color: rgb(52, 128, 206); text-decoration: none; outline: medium none; }
img { border: medium none; background: transparent none repeat scroll 0% 0%; vertical-align: middle; }
ul, ol, li { list-style-type: none; }
select, input, img, select { vertical-align: middle; }
.clearfix::after { content: "."; display: block; height: 0px; clear: both; overflow: hidden; visibility: hidden; }
.clearfix {  }
h1, h2, h3, h4 { font-size: 14px; font-weight: bold; }
.fl { float: left; }
.fr { float: right; }
.wh { width: 1200px; margin: 0px auto; }
.sun_top { height: 40px; background: rgb(244, 244, 244) none repeat scroll 0% 0%; font-size: 14px; color: rgb(102, 102, 102); line-height: 40px; }
.sun_top a { color: rgb(102, 102, 102); }
.sun_head { height: 87px; border-bottom: 3px solid rgb(230, 230, 230); }
.sun_head .logo { display: block; width: 50%; height: 87px; line-height: 87px; }
.sun_head .logo img { max-width: 100%; }
.sun_head .head_r { text-align: right; line-height: 87px; font-size: 14px; color: rgb(26, 26, 26); }
.sun_head .head_r img { margin-right: 5px; }
.sun_hots .search .keys a + a::before { content: "|"; padding-right: 10px; }
.sun_nav { height: 50px; }
.sun_nav .sun_menu > li { width: 14.2857%; float: left; box-sizing: border-box; position: relative; }
.sun_nav .sun_menu > li > a { display: block; text-align: center; font-size: 14px; color: rgb(102, 102, 102); line-height: 48px; }
.sun_nav .sun_menu > li + li { border-left: 1px dashed rgb(230, 230, 230); }
.sun_nav .sun_menu li .sec { position: absolute; top: 48px; left: 0px; width: 100%; text-align: center; background: rgba(255, 255, 255, 0.86) none repeat scroll 0% 0%; height: 0px; z-index: 999; overflow: hidden; }
.sun_nav .sun_menu li .sec a { font-size: 14px; color: rgb(2, 50, 133); line-height: 37px; display: block; width: 100%; }
.sun_nav .sun_menu li .sec a:hover { background: rgba(2, 51, 133, 0.86) none repeat scroll 0% 0%; color: rgb(255, 255, 255); }
.sun_pro .pro_tab_tx .hd li:nth-of-type(2) { background: rgb(73, 73, 73) none repeat scroll 0% 0%; }
.sun_pro .pro_tab_tx .hd li:nth-of-type(3) { background: rgb(61, 61, 61) none repeat scroll 0% 0%; }
.sun_pro .pro_tab_tx .hd li:nth-of-type(4) { background: rgb(49, 49, 49) none repeat scroll 0% 0%; }
.sun_pro .pro_tab_tx .hd li:nth-of-type(5) { background: rgb(34, 34, 34) none repeat scroll 0% 0%; }
.sun_pro .pro_tab_tx .bd .bdcon li:nth-of-type(3n) { margin-right: 0px; }
.sun_foot { background: rgb(9, 55, 133) none repeat scroll 0% 0%; padding-top: 40px; padding-bottom: 10px; }
.sun_foot .ft_links { text-align: center; padding-bottom: 20px; border-bottom: 1px solid rgb(255, 255, 255); font-size: 0px; margin-bottom: 35px; }
.sun_foot .ft_links a { display: inline-block; width: 14.2857%; font-size: 14px; color: rgb(102, 102, 102); }
.sun_foot .ft_links a:hover { color: rgb(9, 55, 133); }
.sun_foot .ft_boxl { width: 700px; }
.sun_foot .ft_boxl .ft_logo { display: block; margin-bottom: 20px; }
.sun_foot .ft_boxl .ft_logo img { max-width: 100%; }
.sun_foot .ft_boxl .ft_cont { font-size: 12px; color: rgb(103, 103, 103); line-height: 24px; margin-bottom: 20px; }
.sun_foot .ft_cpy { width: 1200px; margin: 0px auto; font-size: 14px; color: rgb(255, 255, 255); line-height: 30px; text-align: center; border-top: 1px solid rgb(255, 255, 255); }
.sun_foot .ft_cpy a { color: rgb(255, 255, 255); }
.sun_foot .ft_boxr { text-align: right; padding-top: 40px; }
.sun_foot .ft_boxr img { width: 260px; }
#backtotop { position: fixed; bottom: 20px; right: 19px; width: 40px; height: 40px; text-indent: -999em; z-index: 20000; display: none; background-image: url('top.png'); background-repeat: no-repeat; background-position: -503px 0px; cursor: pointer; }
#backtotop:hover { background-position: -503px -42px; }
.container { width: 1200px ! important; margin: 0px auto; padding: 0px; }
.page-position a { color: rgb(255, 255, 255); }
.left { width: 225px; float: left; }
.right { width: 1200px; float: center; }
.xypg-product-list li { width: 372px; }
.xypg-product-list li .img img { width: 372px; height: 242px; }
.page-mob-tool { display: none; }
.AAb:link {
	color: #FFFFFF;
	text-decoration: none;
	font-size: 16px;
	font-weight: normal;
	font-family: "阿里巴巴普惠体";
	line-height: normal;
}
.AAb:visited {
	color: #FFFFFF;
	text-decoration: none;
	font-size: 16px;
	font-weight: normal;
	font-family: "阿里巴巴普惠体";
	line-height: normal;
}
.AAb:hover {
	color: #FFCC00;
	text-decoration: none;
	font-size: 16px;
	font-weight: normal;
	font-family: "阿里巴巴普惠体";
	line-height: normal;
}
.AAb:active {
	color: #FFFFFF;
	text-decoration: none;
	font-size: 16px;
	font-weight: normal;
	font-family: "阿里巴巴普惠体";
	line-height: normal;
}


.Abb:link {
	color: #5E5E5E;
	text-decoration: none;
	font-size: 14px;
	font-weight: normal;
	font-family: "阿里巴巴普惠体";
	line-height: normal;
}
.Abb:visited {
	color: #5E5E5E;
	text-decoration: none;
	font-size: 14px;
	font-weight: normal;
	font-family: "阿里巴巴普惠体";
	line-height: normal;
}
.Abb:hover {
	color: #660000;
	text-decoration: none;
	font-size: 14px;
	font-weight: normal;
	font-family: "阿里巴巴普惠体";
	line-height: normal;
}
.Abb:active {
	color: #5E5E5E;
	text-decoration: none;
	font-size: 14px;
	font-weight: normal;
	font-family: "阿里巴巴普惠体";
	line-height: normal;
}