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: 280px; margin-top: 45px; }
.main4 ul li:nth-child(3n) { margin-right: 0px; }
.main4 ul li .pic5 { width: 100%; float: left; height: 210px; position: relative; overflow: hidden; }
.main4 ul li .pic5 img { width: 280px; height: 210px; 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); }
a:hover { color: rgb(255, 51, 0); text-decoration: none; }
fieldset, img { border: 0px none; vertical-align: middle; }
/* ::::: http://www.ugean.com/css/menu.css ::::: */

/* ::::: http://www.ugean.com/Skins/Default/Common.css ::::: */

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: 16px; 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; margin-right: 40px; width: 48%; }
.header .nav li { float: left; width: 15%; 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(71, 177, 201); 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; }