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;
}








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; }




#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%; }