.clear { clear: both }
.container { margin: 0 auto; width: 980px }
.header { box-shadow: 0 2px 4px #ccc }
.top { height: 30px; border-top: 4px solid #cd0000; background-color: #2d2d2d; color: #fff; font-size: 14px; line-height: 30px }
.bulletin { float: left; width: 550px }
.top .tel {/* float: left; */}
.nav-wrapper { position: relative; box-sizing: border-box; margin: 0 auto; padding: 20px 0; width: 980px; height: 106px }
.logo { float: left; margin-top: 10px; }
.nav { position: absolute; right: 0; bottom: 1pc }
.nav ul li {float: left;/* padding: 5px 0; */text-align: center;border-right: 1px dashed #0f0f0f;}
.nav ul li:hover a { color: #b00 }
.nav ul li a {display: block;padding: 0 15px;height: 1.2pc;/* border-right: 1px dashed #0f0f0f; */color: #0f0f0f;text-align: center;font-size: 14px;margin-top: -6px;}
.nav ul li:last-child { padding-right: 0; border-right: 0 }

.nav-wrapper .tel {position: absolute;top: -7px;right: 0;font-size: 15px;color: #3a3f47;padding-left: 33px;background: url(../images/tel01.png) no-repeat left 6px;line-height: 22px;margin-top: 20px;}
.title{    height: 20px;    line-height: 20px;}
.nav-wrapper .tel .num { font-size: 26px; color: #3a3f47; font-family: Impact; }


.search { position: absolute; top: 20px; right: 0; width: 210px; height: 26px; border: 1px solid #ccc; border-radius: 26px }
.search .key { margin-left: 10px; width: 90px; line-height: 26px }
.search .key, .search .type { float: left; outline: 0; border: 0; font-size: 9pt }
.search .type { height: 26px }
.search .btn { float: left; margin-top: 1px; margin-left: 6px; width: 24px; height: 24px; outline: 0; background: url(../images/insexsearch.png) no-repeat; cursor: pointer; border: none; }
.banner2 { height: 307px }
.swiper-slide { display: -webkit-box; display: -ms-flexbox; display: flex; overflow: hidden; width: 100%; background: #fff; text-align: center; font-size: 18px; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center }
.heading { position: relative; padding: 0 }
.heading .span-out { position: absolute; bottom: 0; left: 0; z-index: 2; width: 27px; height: 4px; background: url(../images/cline.gif) left bottom no-repeat }
.heading .span-inner { position: absolute; bottom: 0; left: 0; padding-bottom: 4px; background: url(../images/cline1.gif) left bottom repeat-x }
.heading .span-inner i { color: #757575; font-size: 9pt }
.news-wrapper {
	margin: 36px 0
}

.news-wrapper .news {
	float: left;
	width: 668px
}

.news-wrapper .news .heading {
	margin-bottom: 20px;
	width: 668px;
	height: 26px;
	border-bottom: 1px solid #ccc;
	line-height: 26px
}

.heading .more {
	float: right;
	color: #666;
	font-size: 9pt
}

.news-scroll {
	position: relative;
	overflow: hidden;
	margin-bottom: 20px;
	height: 135px
}

.news-scroll ul {
	position: absolute
}

.scroll-item {
	height: 135px
}

.scroll-item img {
	float: left;
	width: 180px;
	height: 135px
}

.scroll-item .date {
	float: left;
	display: block;
	width: 68px;
	text-align: center
}

.scroll-item .date span {
	display: block;
	font-size: 14px;
	line-height: 1.2
}

.scroll-item .date span:first-child {
	color: #333
}

.scroll-item .content {
	float: left;
	width: 410px
}

.scroll-item .content :hover h2 {
	color: #b00
}

.scroll-item .content h2 {
	margin-bottom: 10px;
	color: #333;
	font-size: 14px
}

.scroll-item .content .text {
	height: 70px;
	color: #666;
	font-size: 9pt;
	line-height: 1.5
}

.scroll-item .content .look {
	color: #333;
	font-size: 9pt
}

.scroll-item .content .look:hover {
	font-weight: 700
}

.news-scroll .control {
	position: absolute;
	top: 77px;
	left: 202px;
	padding: 0 10px 0 0;
	width: 26px;
	height: 56px
}

a.agrayleft {
	background: #000;
	color: #fff;
	cursor: default
}

a.aleft {
	float: left;
	background: #000
}

a.aright {
	float: right;
	margin: 5px 0 0;
	background: #b00
}

a.abtn {
	display: block;
	overflow: hidden;
	width: 26px;
	height: 26px;
	color: #fff;
	text-align: center;
	line-height: 26px
}
.news-list ul li {float: left;padding-right: 20px;width: 280px;font-size: 9pt;overflow:  hidden;height:  29px;}
.news-list ul li img {float: left;margin-top: 10px;}
.news-list ul li a { margin-left: 5px; color: #333; font-size: 14px; }
.news-list ul li a:hover { color: #b00 }
.new-product { position: relative; float: right; width: 270px; height: 300px; background-color: #2d2e32 }
.new-product .heading { margin: 15px 0 0 20px; padding: 0 0 10px; width: 230px; background: url(../images/tuiline1.gif) left bottom repeat-x; color: #fff }
.new-product .heading span { margin-left: 10px; color: #a8a8a8; font-size: 9pt }
.product-scroll { position: relative; overflow: hidden; margin: 20px auto 0; width: 230px; height: 14pc }
.product-scroll ul li { height: 14pc; font-size: 14px }
.product-scroll ul li img { width: 230px; height: 90pt }
.product-scroll ul li span { display: block; overflow: hidden; color: #fff; text-overflow: ellipsis; white-space: nowrap; line-height: 2 }
.product-scroll ul li p { color: #999; text-indent: 2em; font-size: 9pt; line-height: 1.5 }
.product-scroll ul li .more { display: block; margin-top: 10px; padding: 4px; width: 60px; border: 1px solid #a8a8a8; color: #a8a8a8; font-size: 9pt }
.new-product .control { position: absolute; right: 20px; bottom: -13px }
.new-product .control a { display: inline-block; width: 26px; height: 26px; color: #fff; text-align: center; line-height: 26px; cursor: pointer }
.new-product .control .prev { background-color: #b00 }
.new-product .control .next { background-color: #000 }
.product-wrapper { box-sizing: border-box; padding-top: 30px; background-color: #2d2e32; padding-bottom: 20px; }
.product-wrapper .heading { margin-top: 30px; color: #fff; text-align: center; font-size: 18px }
.product-wrapper .heading .heading-bg { display: block; margin-top: 10px; margin-bottom: 20px; background: url(../images/topline.gif) center no-repeat; color: #a8a8a8; font-size: 14px }
.product-list ul li { float: left; box-sizing: border-box; margin: 13px; padding: 9px; width: 218px; height: 295px; background-color: #fff }
.product-list ul li:hover { background-color: #b00 }
.product-list ul li:hover .desc, .product-list ul li:hover .desc p { color: #fff }
.product-list ul li:hover .img-wrapper { border: 4px solid #fff }
.product-list .img-wrapper { overflow: hidden; width: 2in; height: 142px; border: 4px solid #ccc }
.product-list .img-wrapper img { width: 100%; height: 100%; transition: .5s }
.product-list .img-wrapper:hover img { transform: scale(1.2) }
.product-list .desc { margin-top: 10px; color: #000; font-size: 14px; line-height: 1.5 }
.product-list .desc p { margin-top: 6px; color: #666; font-size: 9pt }
.product-list .to-view { display: block; margin-top: 20px; width: 5pc; height: 24px; border: 1px solid #999; border-radius: 6px; background-color: #fff; text-align: center; font-size: 9pt; line-height: 24px }
.product-wrapper .more { margin-top: 20px; color: #fff; text-align: center; font-size: 14px }
.product-wrapper .more .more-bg { display: block; margin-bottom: 5px; background: url(../images/topline.gif) center no-repeat }
.product-wrapper .more .more-bg a { color: #fff }
.product-wrapper .more .more-bg a:hover { color: #b00 }
.support-wrapper {box-sizing: border-box;padding: 30px 0;/* height: 365px */overflow:  hidden;}
.support-wrapper .support { float: left; width: 380px }
.support-wrapper .support .heading { height: 40px; border-bottom: 1px solid #ccc; line-height: 40px }
.support-wrapper .support .desc {margin-top: 10px;/* height: 168px; */}
.support-wrapper .support .desc .text { padding: 20px 0 0 140px; text-indent: 2em; font-size: 9pt; line-height: 1.4 }
.support-wrapper .support .contact { box-sizing: border-box; padding: 20px 0; height: 5pc; background: #2d2e32 url(../images/cx.jpg) left no-repeat }
.support-wrapper .support .contact div { display: inline-block }
.support .contact .us { margin-right: 20px; width: 75pt; color: #fff; text-align: center; font-size: 14px }
.support .contact .us span:first-child { font-size: 1pc; line-height: 28px }
.support .contact .us span:last-child { font-size: 9pt }
.support .contact div span { display: block }
.support .contact .tel { color: #fff; font-size: 18px; line-height: 28px }
.support .contact .address { color: #ccc; font-size: 14px }
.support-wrapper .faq { float: left; margin-left: 40px; width: 35pc }
.support-wrapper .faq .heading { height: 40px; border-bottom: 1px solid #ccc; line-height: 40px }
.faq .faq-list { margin-top: 10px }
.faq .faq-list ul li { padding: 10px 0; border-bottom: 1px dashed #ccc }
.faq .faq-list ul li:hover .q { color: #b00 }
.faq .faq-list ul li .q { margin: 10px 0; padding-left: 30px; background: url(../images/q.gif) left top no-repeat; color: #000; font-size: 14px; line-height: 18px }
.faq .faq-list ul li .a { padding-left: 30px; background: url(../images/a.gif) left 5px no-repeat; font-size: 9pt; line-height: 20px }
.footer { box-sizing: border-box; padding-top: 15px; width: 100%;/* height: 200px; */ background-color: #212121; color: #acacac; }
.footer .row1 { float: left; width: 50%;/* height: 136px; */ font-size: 14px; line-height: 30px; }
.row1 .map { background: url(../images/site.png) left no-repeat }
.row1 .map, .row1 .qq { display: inline-block; padding-left: 40px; height: 40px; line-height: 40px }
.row1 .qq { margin-left: 20px; background: url(../images/qq.png) left no-repeat }
.row1 .tel { width: 100%; text-align: left }
.footer .row2 { float: left; width: 50%;/* height: 141px; */ text-align: right; font-size: 14px; }
.footer .row2 .share { margin: 10px 0; height: 26px; background: url(../images/share.gif) no-repeat }
.newsshare { margin: 15px 0 }
.newsshare .bdshare-button-style0-16 a { display: inline-block; margin: 0 0 0 10px !important; padding: 0 !important; width: 26px !important; height: 26px !important }
.newsshare .bds_tsina { background: url(../images/share.gif) no-repeat !important }
.newsshare .bds_sqq { background: url(../images/share.gif) -38px 0 no-repeat !important }
.newsshare .bds_tqq { background: url(../images/share.gif) -76px 0 no-repeat !important }
.newsshare .bds_weixin { background: url(../images/share.gif) -7pc 0 no-repeat !important }
.footer .row2 .link { margin: 10px 0; width: 205px; height: 20px; outline: 0; border: 1px solid #757575; background-color: #212121; color: #757575; line-height: 20px; cursor: pointer }
.footer .row3 { float: left; margin-left: 60px; padding-left: 30px; width: 266px; height: 142px; background: url(../images/bbr.gif) left top no-repeat; font-size: 14px }
.footer .row3 .address, .footer .row3 .fax, .footer .row3 .tel { margin-bottom: 20px; line-height: 20px }
.copy { width: 100%; background-color: #000; color: #fff; font-size: 14px; padding: 10px 0; }
.copy span { margin-right: 20px }
.copy .icp { float: right }
.side { position: fixed; top: 50%; right: 0; z-index: 99; width: 60px }
.side .qr-code { position: relative; width: 60px; height: 60px; background: #b00 url(../images/0013920_47.png) 15px -207px no-repeat }
.side .qr-code:hover .code { transform: scale(1) }
.side .qr-code .code { position: absolute; bottom: 0; left: -150px; z-index: 9; width: 150px; height: 150px; background: #fff; transition: .5s; transform: scale(0); transform-origin: 100% 100% }
.side .qr-code .code img { width: 100% }
.side .to-top { box-sizing: border-box; margin-top: 1px; padding: 15px 10px 15px 75px; width: 90pt; height: 60px; background: #b00 url(../images/0013920_47.png) 15px -317px no-repeat; color: #fff; line-height: 1; cursor: pointer; transition: .2s }
.side .to-top a { color: #fff }
.side .to-top:hover { transform: translate(-60px, 0) }
.left { float: left }
.right { float: right }
.main { margin: 40px 0 }
.product-class { box-sizing: border-box; padding: 10px; width: 225px;/* height: 443px; */ background: #2d2d2d; color: #fff; }
.product-class .heading { display: block; text-align: center; line-height: 2 }
.product-class .up { display: block; width: 205px; height: 19px; background: url(../images/left_top.jpg) }
.list-warapper {
	position: relative;
	overflow: hidden;
	box-sizing: border-box;
	margin: 5px 0;
	padding: 2px;
	height: 335px;
	background-color: #fff
}

.list-warapper ul {
	position: absolute;
	width: 100%
}

.list-warapper .list-item {
	width: 100%;
	height: 30px;
	border-bottom: 1px solid #ccc;
	font-size: 9pt;
	line-height: 30px
}

.list-warapper .list-item a {
	display: block;
	padding-left: 5px;
	width: 100%;
	background: url(../images/fyjian1.gif) 11pc center no-repeat;
	color: #666
}

.list-warapper .list-item a:hover {
	background: #b00 url(../images/fyjian.png) 11pc center no-repeat;
	color: #fff
}

.product-class .down {
	display: block;
	width: 205px;
	height: 19px;
	background: url(../images/left_bottom.jpg)
}
.product-class .down { display: block; width: 205px; height: 19px; background: url(../images/left_bottom.jpg) }
.main .news { box-sizing: border-box; margin-top: 20px; padding: 10px; width: 225px; height: 244px; background: #2d2d2d; color: #fff }
.main .news .heading { display: block; text-align: center; line-height: 2 }
.main .news .news-list-wrapper { box-sizing: border-box; margin: 5px 0; padding: 2px; height: 185px; background-color: #fff }
.news .news-list-wrapper ul li { height: 30px; border-bottom: 1px solid #ccc; font-size: 9pt; line-height: 30px }
.news .news-list-wrapper ul li a { display: block; overflow: hidden; padding: 0 30px 0 5px; background: url(../images/fyjian1.gif) 11pc center no-repeat; text-overflow: ellipsis; white-space: nowrap }
.news .news-list-wrapper ul li a:hover { background: #b00 url(../images/fyjian.png) 11pc center no-repeat; color: #fff }
.main .msg { box-sizing: border-box; margin-top: 20px; padding: 20px 10px; width: 225px; background-color: #b00; color: #fff; font-size: 14px; line-height: 1.5 }
.main .msg span { display: block }
.main .msg .tel { font-size: 18px }
.right .content, .right .heading { width: 740px }
.right .heading { height: 45px; background: url(../images/fy_rrtline.gif) left bottom repeat-x }
.right .heading span { font-size: 18px; line-height: 45px }
.right .heading .bre-nav { margin-top: 10px; color: #999; font-size: 9pt }
.right .content { margin-top: 20px; color: #333 }
.right .content p { text-indent: 2em; font-size: 14px; line-height: 2 }
.next-page, .pre-page { display: inline-block; margin: 0 5px; width: 60px; height: 25px; border-radius: 4px; text-align: center; font-size: 9pt; line-height: 25px; text-align: center }
.page a { padding: 2px 10px; text-align: center }
.page a:hover { background: #f2f2f2; }
.product-center { margin-top: 20px; width: 740px }
.product-center-item { float: left; margin: 15px; width: 215px; height: 215px }
.product-center-item .img-wrapper, .product-center-item .img-wrapper img { width: 215px; height: 162px }
.product-center-item .name { margin: 10px 0; text-align: center; line-height: 1.5 }
.product-center-item .name:hover { color: #b00 }
.news-center { margin-top: 20px; width: 740px }
.news-center ul { margin-bottom: 20px }
.news-center-item { padding: 0 10px; border-bottom: 1px dashed #ccc; font-size: 14px; line-height: 40px }
.news-center-item a { display: inline-block; transition: .5s }
.news-center-item a:hover { color: #b00; transform: translate(20px, 0) }
.news-center-item .date { color: #999 }
.support-content { margin-top: 20px; width: 740px }
.support-content p { color: #666; font-size: 14px; line-height: 1.8 }
.contact-us { margin-top: 20px; width: 740px }
.contact-us span { display: block; line-height: 2 }
#allmap { margin-top: 20px; width: 100%; height: 300px }
.article { margin-top: 20px; width: 740px }
.article h1 { text-align: center; font-size: 24px; line-height: 1.8 }
.subtitle { color: #999; text-align: center; font-size: 14px; line-height: 2 }
.subtitle span { margin-right: 10px }
.article .content img { display: block; margin: 10px auto }
.article .other-article { margin: 20px 0; color: #666; font-size: 14px; line-height: 2 }
.article .other-article span { display: block }
.article .other-article span a:hover { text-decoration: underline }
.article .back { display: block; margin: 0 auto; width: 138px; height: 35px; border-radius: 4px; background-color: #cd0000; color: #fff; text-align: center; line-height: 35px }

/* KEFU-3 */
.kefu_q3 { position: fixed; z-index: 9999; text-align: center }
.kefu_q3 .default { position: absolute; width: 45px; height: 131px; background: url(../images/q3.png) no-repeat 0 0; cursor: pointer }
.default-hide { margin-right: -120% }
.kefu_q3 .ico-bg { background: url(../images/q3.png) no-repeat }
.kefu_q3 .top-1 { width: 112px; height: 36px; background-position: -61px 0 }
.kefu_q3 .top-1 span.colse { float: right; display: block; margin-right: 8px; width: 25px; height: 25px; cursor: pointer }
.kefu_q3 .bor-ul { border: 1px solid #f0f0f0; border-width: 0 1px; background: #fff }
.kefu_q3 .bor-ul span.qq-tx { display: block; margin: 0 auto; width: 67px; height: 67px; background-position: -61px -63px }
.kefu_q3 .bor-ul span.qq-tx:hover { background-position: -153px -63px }
.kefu_q3 .bor-ul p { padding-top: 10px; padding-bottom: 10px; border-bottom: 1px solid #f0f0f0; color: #1e488a; font-weight: 700 }
.kefu_q3 .bor-ul li { padding-left: 7px; height: 42px; border-bottom: 1px solid #f0f0f0; background-position: 19px -210px; text-align: center; line-height: 42px }
.kefu_q3 .bor-ul .em { position: relative; width: 54px; height: 50px; border-right: 1px solid #f0f0f0 }
.kefu_q3 .bor-ul .em i.ico-code { display: block; margin: 14px; width: 22px; height: 22px; background-position: -186px -14px; cursor: pointer }
.kefu_q3 .bor-ul .em i.ico-code:hover { background-position: -222px -14px }
.kefu_q3 .bor-ul .get-top i.get-ico-code:hover { background-position: -45px -149px }
.kefu_q3 .bor-ul .get-top { width: 55px; height: 50px }
.kefu_q3 .bor-ul .get-top i.get-ico-code { display: block; margin: 14px; width: 28px; height: 28px; background-position: 0 -149px; cursor: pointer }
.kefu_q3 .bottom-1 { width: 100%; height: 8px; background-position: 0 -292px }
.kefu_q3 .show-em { position: absolute; top: -78px; left: -121px; display: none; width: 117px; height: 163px; background-position: -133px -163px }
.kefu_q3 .show-em img { margin: 9px 8px 0 0; width: 92px; height: 92px }
.kefu_q3 .em:hover .show-em { display: block }
.izl-rmenu { margin-right: 0; width: 82px; position: fixed; right: 2px; top: 65%; -webkit-box-shadow: #DDD 0px 1px 5px; -moz-box-shadow: #DDD 0px 1px 5px; box-shadow: #DDD 0px 1px 5px; z-index: 999; }
.izl-rmenu .consult { background-image: url(../images/consult_icon.gif); background-repeat: no-repeat; background-position: center -77px; display: block; height: 76px; width: 82px; }
.izl-rmenu .consult .phone { background-color: rgb(247, 247, 255); position: absolute; width: 160px; left: -160px; top: 0px; line-height: 73px; color: #000; font-size: 18px; text-align: center; display: none; box-shadow: #DDD -1px 1px 4px; }
.izl-rmenu a.consult:hover .phone { display: inline !important; }
.izl-rmenu .cart { background-image: url(../images/consult_icon.gif); background-repeat: no-repeat; background-position: center bottom; display: block; height: 16px; width: 16px; font-size: 12px; line-height: 16px; color: #45BDFF; text-align: center; padding-top: 15px; padding-right: 18px; padding-bottom: 47px; padding-left: 48px; }
.izl-rmenu a.cart:hover .pic { display: block; }
.izl-rmenu .btn_top { background-image: url(../images/float_top.gif); background-repeat: no-repeat; background-position: center top; display: block; height: 39px; width: 82px; -webkit-transition: all 0s ease-in-out; -moz-transition: all 0s ease-in-out; -o-transition: all 0s ease-in-out; transition: all 0s ease-in-out; }
.izl-rmenu .btn_top:hover { background-image: url(../images/float_top.gif); background-repeat: no-repeat; background-position: center bottom; }
.izl-rmenu .cart .pic { display: none; position: absolute; left: -160px; top: 65px; width: 160px; height: 160px; background: url(../images/weixin.jpg); background-size: cover; }
#udesk-feedback-tab { position: fixed; right: 2px; top: 65%; margin-top: -76px; -webkit-box-shadow: #DDD 0px -1px 5px; -moz-box-shadow: #DDD 0px -1px 5px; box-shadow: #DDD 0px -1px 5px; z-index: 10000; cursor: pointer; background-image: url(../images/consult_icon.gif); background-repeat: no-repeat; background-position: center top; display: block; height: 76px; width: 82px; background-color: #FFF !important; z-index: 999; }