@charset "utf-8";
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, hgroup, menu, nav, output, ruby, section, summary, time, blockquote, pre, a, abbr, acronym, address, big, cite, code, mark, audio, video, input, textarea, select { margin: 0; padding: 0; font-family: Arial, Helvetica, sans-serif; font-size: 14px; color: #666666; }
body { min-width: 1100px; margin: 0; padding: 0; font-family: Arial, Helvetica, sans-serif; font-size: 14px; color: #666666; }
.fl { float: left; }
.fr { float: right; }
div, ul, li, table, tr, img, td { margin: 0px; padding: 0px; border: 0px; list-style-type: none; }
h1, h2, h3, h4, h5, h6 { margin: 0px; padding: 0px; border: 0px; }
.no_border { border: none; width: auto; height: auto; }
.clear_left { clear: left; }
.clear_right { clear: right; }
.clear_both { clear: both; height: 0px; overflow: hidden; }
a { -webkit-transition: all .4s; transition: all .4s; color: #333; }
a:link, a:visited { text-decoration: none; outline: none; }
a:hover { color: #0063B4; -webkit-transition: all .4s; transition: all .4s; }
.more { margin: 30px auto; width: 110px; text-align: center; }
.more a { background: #FFFFFF; padding: 8px 8px; border: 1px #e8e8e8 solid; }
.more a:hover { background: #0063B4; color: #FFFFFF; padding: 8px 8px; border: 1px #0063B4 solid; }
ol, ul { list-style: none }
img { border: 0; max-width: 100% }
.xian { border-bottom: 10px #E8E8E8 solid; }
figure.effect-chico img { -webkit-transition: opacity 0.35s, -webkit-transform 0.35s; transition: opacity 0.35s, transform 0.35s; -webkit-transform: scale(1); transform: scale(1); overflow: hidden; padding: 0px; margin: 0px; border: 0px; overflow: hidden; }
figure.effect-chico:hover img { opacity: 0.5; -webkit-transform: scale(1.12); transform: scale(1.12); }
.index-translation { background: #FAFAFA url(Business.jpg) no-repeat top center; clear: both; height: 600px; }
.index-translation h3 { padding: 50px; font-size: 40px; color: #fff; text-decoration: underline; text-align: center; }
.index-translation .list { margin-top: 30px; width: 1100px; margin: auto; }
.index-translation .list li { float: left; width: 340px; height: 494px; position: relative; margin: 0 13px; }
.index-translation .list li .pic { width: 340px; height: 494px; overflow: hidden; position: relative }
.index-translation .list li .pic img { -webkit-transition: all 700ms ease; transition: all 700ms ease; -webkit-transform-origin: center top; -ms-transform-origin: center top; transform-origin: center top }
.index-translation .list li .txtbox { top: 45px; text-align: center; color: #fff; z-index: 10; width: 100%; position: absolute; }
.index-translation .list li .txtbox .cn { height: 50px; font-size: 20px; line-height: 40px; position: relative; }
.index-translation .list li .txtbox .en { font-size: 30px; line-height: 28px; margin-top: 20px; font-family: Arial, Helvetica, sans-serif; font-weight: bold; color: #FFFFFF; }
.index-translation .list li .txtbox-hover { top: 25px; left: 26px; width: 258px; height: 100px; color: #fff; padding: 0 12px; font-size: 14px; opacity: 0; display: none\9; -webkit-transition: all 500ms ease; transition: all 500ms ease; position: absolute; background: rgba(1, 82, 147, 0.7); }
.index-translation .list li .txtbox-hover .tit { height: 100px; padding-top: 33px; padding-left: 10px; position: relative; -webkit-transition: all 600ms ease; transition: all 600ms ease; background: url(business_title_bg.png) no-repeat left top; margin-top: 20px; }
.index-translation .list li .txtbox-hover .tit .cn { font-size: 20px }
.index-translation .list li .txtbox-hover .tit .en { font-size: 30px; position: relative; font-family: Arial, Helvetica, sans-serif; padding-left: 20px; font-weight: bold; color: #FFFFFF; }
.index-translation .list li .txtbox-hover .txt { height: 80px; overflow: hidden; -webkit-transition: all 600ms ease; transition: all 600ms ease; color: #8DD3FF; line-height: 28px; }
.index-translation .list li .txtbox-hover .description { margin-top: 35px; -webkit-transition: all 600ms ease; transition: all 600ms ease; }
.index-translation .list li .txtbox-hover .description a { font-size: 15px; clear: both; color: #FFF; line-height: 24px; background: url(ico_business.png) no-repeat left center; padding-left: 15px; }
.index-translation .list li .txtbox-hover .description a:hover { text-decoration: underline; }
.index-translation .list li .txtbox-hover .more { left: 0; width: 100%; bottom: -62px; font-family: arial; text-align: center; position: absolute; -webkit-transition: all 600ms ease; transition: all 600ms ease; color: #FFF; padding-top: 4px; }
.index-translation .list li .txtbox-hover .more img { margin-top: 8px; -webkit-transition: all 334ms ease; transition: all 334ms ease }
.index-translation .list li .txtbox-hover .more:before { left: 106px; top: -12px; content: ""; width: 114px; height: 75px; position: absolute; background: url(icon-06.png) no-repeat; }
.index-translation .list li:hover .pic img { -webkit-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1) }
.index-translation .list li:hover .txtbox { display: none }
.index-translation .list li:hover .txtbox-hover { opacity: 1; height: 419px; display: block\9 }
/*service*/
.index_service { width: 1100px; height: 390px; margin: auto; }
.index_service h3 { padding: 50px 0; font-size: 45px; color: #015293; text-decoration: underline; text-align: center; font-family: Arial, Helvetica, sans-serif; }
.index_service ul li { height: 176px; width: 220px; float: left; }
.index_service ul li a { display: block; height: 176px; width: 220px; text-align: center; overflow: hidden; }
.index_service ul li a:hover { display: block; height: 176px; width: 220px; text-align: center; color: #015293; transform: translate(0, -15px); -webkit-transform: translate(0, -15px); -moz-transform: translate(0, -15px); -o-transform: translate(0, -15px); -ms-transform: translate(0, -15px); }
.index_service li a span { float: left; }
.index_service li a .ico { height: 66px; width: 100px; padding-left: 35px; }
.index_service li a .tit { line-height: 45px; clear: both; text-align: center; margin: auto; width: 220px; }
.index_service li a:hover .ico { webkit-transition: -webkit-transform 0.7s ease-out; -moz-transition: -moz-transform 0.7s ease-out; transition: transform 0.7s ease-out; transform: rotateY(360deg); -webkit-transform: rotateY(360deg); -moz-transform: rotateY(360deg); }
.index_service ul li.num1 .ico { background: url(service1.png) no-repeat center; height: 140px; width: 140px; margin-left: 20px; }
.index_service ul li.num2 .ico { background: url(service2.png) no-repeat center; height: 140px; width: 140px; margin-left: 20px; }
.index_service ul li.num3 .ico { background: url(service3.png) no-repeat center; height: 140px; width: 140px; margin-left: 20px; }
.index_service ul li.num4 .ico { background: url(service4.png) no-repeat center; height: 140px; width: 140px; margin-left: 20px; }
.index_service ul li.num5 .ico { background: url(service5.png) no-repeat center; height: 140px; width: 140px; margin-left: 20px; }
.index_service ul li.num1 a { background: url(about_gk_bg1.png) no-repeat top center; }
.index_service ul li.num2 a { background: url(about_gk_bg2.png) no-repeat top center; }
.index_service ul li.num3 a { background: url(about_gk_bg3.png) no-repeat top center; }
.index_service ul li.num4 a { background: url(about_gk_bg4.png) no-repeat top center; }
.index_service ul li.num5 a { background: url(about_gk_bg5.png) no-repeat top center; }
.menu { height: 565px; position: absolute; width: 280px; display: block; }
.menu li { background: url(menu1.png) no-repeat; top: 0px; left: 0px; position: relative; height: 565px; z-index: 100; width: 280px; display: block; }
/*footer*/
.fooer { background: url(footer_bg.jpg) no-repeat bottom center; height: 300px; clear: both; }
.fooer_kuang { width: 1100px; margin: auto; padding-top: 105px; }
.fooer_one { width: 155px; float: left; height: 170px; }
.fooer_one h1 { color: #FFF; line-height: 40px; font-weight: normal; }
.fooer_one li a { line-height: 23px; color: #81899A; }
.fooer_one li a:hover { color: #f5f5f5; }
.fooer_two { width: 225px; float: left; height: 170px; padding-left: 20px; background: url(footer_bg1.jpg) repeat-y left center; }
.fooer_two h1 { color: #FFF; line-height: 40px; font-weight: normal; }
.fooer_two li a { line-height: 23px; color: #81899A; }
.fooer_two li a:hover { color: #f5f5f5; }
.fooer_three { width: 175px; float: left; height: 170px; padding-left: 20px; background: url(footer_bg1.jpg) repeat-y left center; }
.fooer_three h1 { color: #FFF; line-height: 40px; font-weight: normal; }
.fooer_three li a { line-height: 23px; color: #81899A; }
.fooer_three li a:hover { color: #f5f5f5; }
.fooer_four { width: 180px; float: left; height: 170px; padding-left: 20px; background: url(footer_bg1.jpg) repeat-y left center; }
.fooer_four h1 { color: #FFF; line-height: 40px; font-weight: normal; }
.fooer_four li a { line-height: 23px; color: #81899A; }
.fooer_four li a:hover { color: #f5f5f5; }
.fooer_five { width: 270px; float: left; height: 170px; padding-left: 20px; background: url(footer_bg1.jpg) repeat-y left center; }
.fooer_five h1 { color: #FFF; line-height: 40px; font-weight: normal; }
.fooer_five li { padding: 10px 0; }
.fooer_five li.one { line-height: 31px; color: #81899A; background: url(footer_bg2.jpg) no-repeat left center; background-size: 31px; padding-left: 40px; height: 31px; display: block; }
.fooer_five li.two { line-height: 20px; color: #81899A; background: url(footer_bg3.jpg) no-repeat left center; background-size: 31px; padding-left: 40px; height: 31px; display: block; }
.fooer_five li.two span { color: #81899A; }
.footer_copy_kuang { width: 100%; background: #151B27; clear: both; }
.footer_copy { width: 1100px; margin: auto; line-height: 30px; clear: both; text-align: center; padding-top: 10px; }
.footer_copy p a { color: #666; }
.footer_copy li { line-height: 45px; color: #B0B5B1; }
/*index_news*/
.index_news_kuang { height: 650px; background: #FAFAFA; width: 100%; }
.index_news { width: 1100px; margin: auto; height: 100%; overflow: visible; }
.index_news h3 { padding: 50px 0; font-size: 45px; color: #015293; text-decoration: underline; text-align: center; }
.index_news li { width: 500px; float: left; background: #FFF; height: 150px; overflow: hidden; margin: 10px; padding: 15px; }
.index_news li a { display: block; }
.index_news li:hover { background: #0063B4; color: #fff; }
.index_news li:hover a { color: #fff; display: block; }
.index_news li h4 a { font-size: 18px; overflow: hidden; line-height: 25px; color: #333; }
.index_news li span { color: #7EC6FF; line-height: 40px; }
.index_news li p { line-height: 22px; height: 70px; overflow: hidden; }
.index_news li p a { color: #666; }
.index_news li img { width: 190px; height: 145px; float: left; border: 3px #FFFFFF solid; margin-right: 15px; padding: 0px; }
.animated { -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: both; animation-fill-mode: both; }
 @-webkit-keyframes bounceIn {
 0% {
 opacity: 0;
 -webkit-transform: scale(.3);
 transform: scale(.3);
}
 50% {
 opacity: 1;
 -webkit-transform: scale(1.05);
 transform: scale(1.05);
}
 70% {
 -webkit-transform: scale(.9);
 transform: scale(.9);
}
 100% {
 opacity: 1;
 -webkit-transform: scale(1);
 transform: scale(1);
}
}
 @keyframes bounceIn {
 0% {
 opacity: 0;
 -webkit-transform: scale(.3);
 -ms-transform: scale(.3);
 transform: scale(.3);
}
 50% {
 opacity: 1;
 -webkit-transform: scale(1.05);
 -ms-transform: scale(1.05);
 transform: scale(1.05);
}
 70% {
 -webkit-transform: scale(.9);
 -ms-transform: scale(.9);
 transform: scale(.9);
}
 100% {
 opacity: 1;
 -webkit-transform: scale(1);
 -ms-transform: scale(1);
 transform: scale(1);
}
}
.bounceIn { -webkit-animation-name: bounceIn; animation-name: bounceIn; }
 @-webkit-keyframes bounceInDown {
 0% {
 opacity: 0;
 -webkit-transform: translateY(-2000px);
 transform: translateY(-2000px);
}
 60% {
 opacity: 1;
 -webkit-transform: translateY(30px);
 transform: translateY(30px);
}
 80% {
 -webkit-transform: translateY(-10px);
 transform: translateY(-10px);
}
 100% {
 -webkit-transform: translateY(0);
 transform: translateY(0);
}
}
 @keyframes bounceInDown {
 0% {
 opacity: 0;
 -webkit-transform: translateY(-2000px);
 -ms-transform: translateY(-2000px);
 transform: translateY(-2000px);
}
 60% {
 opacity: 1;
 -webkit-transform: translateY(30px);
 -ms-transform: translateY(30px);
 transform: translateY(30px);
}
 80% {
 -webkit-transform: translateY(-10px);
 -ms-transform: translateY(-10px);
 transform: translateY(-10px);
}
 100% {
 -webkit-transform: translateY(0);
 -ms-transform: translateY(0);
 transform: translateY(0);
}
}
/*服务*/
.ny_content { background: #FAFAFA; height: 100%; overflow: hidden; }
.ny_location { width: 1100px; line-height: 40px; margin: auto; }
.ny_service { width: 1100px; margin: auto; }
/*visa*/
.ny_service_one { width: 500px; margin: 25px; float: left; background: #FFF url(service_bg1.jpg) no-repeat bottom right; border-radius: 20px; height: 530px; position: relative; overflow: hidden; }
.ny_service_one h1 { line-height: 45px; padding-left: 30px; font-size: 25px; background: url(service_title_bg1.jpg) no-repeat left center; margin-bottom: 10px; color: #FFFFFF; height: 45px; }
.ny_service_one h1 span a { color: #ccc; font-size: 14px; font-weight: normal; padding-right: 35px; line-height: 45px; float: right; }
.ny_service_one ul { padding: 10px 42px; }
.ny_service_one ul li { background: url(ico_dian.jpg) no-repeat left 16px; line-height: 21px; padding: 8px 0 8px 15px; }
.ny_service_one ul div img { width: 416px; }
.ny_service_one ul div { width: 416px; height: 249px; overflow: hidden; }
/*Residence Permit*/
.ny_service_two { width: 500px; margin: 25px; float: left; background: #FFF url(service_bg2.jpg) no-repeat bottom right; border-radius: 20px; height: 530px; }
.ny_service_two h1 { line-height: 45px; padding-left: 30px; font-size: 25px; background: url(service_title_bg2.jpg) no-repeat left center; margin-bottom: 10px; color: #FFFFFF; height: 45px; }
.ny_service_two h1 span a { color: #ccc; font-size: 14px; font-weight: normal; padding-right: 35px; line-height: 45px; float: right; }
.ny_service_two ul { padding: 10px 42px; }
.ny_service_two ul li { background: url(ico_dian.jpg) no-repeat left 16px; line-height: 21px; padding: 8px 0 8px 15px; }
.ny_service_two ul div img { width: 416px; }
.ny_service_two ul div { width: 416px; height: 249px; overflow: hidden; }
/*Marriage & Birth/Adoption*/
.ny_service_three { width: 500px; margin: 25px; float: left; background: #FFF url(service_bg3.jpg) no-repeat bottom right; border-radius: 20px; height: 530px; }
.ny_service_three h1 { line-height: 45px; padding-left: 30px; font-size: 25px; background: url(service_title_bg3.jpg) no-repeat left center; margin-bottom: 10px; color: #FFFFFF; height: 45px; }
.ny_service_three h1 span a { color: #ccc; font-size: 14px; font-weight: normal; padding-right: 35px; line-height: 45px; float: right; }
.ny_service_three ul { padding: 10px 42px; }
.ny_service_three ul li { background: url(ico_dian.jpg) no-repeat left 16px; line-height: 21px; padding: 8px 0 8px 15px; }
.ny_service_three ul div img { width: 416px; }
.ny_service_three ul div { width: 416px; height: 249px; overflow: hidden; }
/*Common telephone*/
.ny_service_four { width: 500px; margin: 25px; float: left; background: #FFF url(service_bg5.jpg) no-repeat bottom right; border-radius: 20px; height: 530px; }
.ny_service_four h1 { line-height: 45px; padding-left: 30px; font-size: 25px; background: url(service_title_bg4.jpg) no-repeat left center; margin-bottom: 10px; color: #FFFFFF; height: 45px; }
.ny_service_four h1 span a { color: #ccc; font-size: 14px; font-weight: normal; padding-right: 35px; line-height: 45px; float: right; }
.ny_service_four ul { padding: 10px 42px; }
.ny_service_four ul li { background: url(ico_dian.jpg) no-repeat left 16px; line-height: 21px; padding: 8px 0 8px 15px; }
.ny_service_four ul div img { width: 416px; }
.ny_service_four ul div { width: 416px; height: 249px; overflow: hidden; }
/*living five*/
.ny_service_five { width: 1048px; margin: 25px; background: #FFF url(service_bg4.jpg) no-repeat bottom right; border-radius: 20px; height: 350px; clear: both; }
.ny_service_five h1 { line-height: 45px; padding-left: 30px; font-size: 25px; background: url(service_title_bg5.jpg) no-repeat left center; margin-bottom: 20px; color: #FFFFFF; height: 45px; }
.ny_service_five h1 span a { color: #ccc; font-size: 14px; font-weight: normal; padding-right: 35px; line-height: 45px; float: right; }
.ny_service_five ul { padding-left: 35px; float: left; width: 500px; }
.ny_service_five ul li { background: url(ico_dian.jpg) no-repeat left 16px; line-height: 21px; padding: 8px 0 8px 15px; }
.ny_service_five div img { width: 416px; }
.ny_service_five div { width: 416px; height: 249px; overflow: hidden; float: left; margin-left: 42px; }
/*生活*/
.ny_living { width: 1100px; margin: auto; }
/*visa*/
.ny_living_one { width: 500px; margin: 25px; float: left; background: #FFF url(living_bg1.jpg) no-repeat bottom right; border-radius: 20px; height: 530px; position: relative; overflow: hidden; }
.ny_living_one h1 { line-height: 45px; padding-left: 30px; font-size: 25px; background: url(living_title_bg1.jpg) no-repeat left center; margin-bottom: 10px; color: #FFFFFF; height: 45px; }
.ny_living_one h1 span a { color: #ccc; font-size: 14px; font-weight: normal; padding-right: 35px; line-height: 45px; float: right; }
.ny_living_one ul { padding: 10px 42px; }
.ny_living_one ul li { background: url(ico_dian.jpg) no-repeat left 18px; line-height: 21px; padding: 8px 0 8px 15px; }
.ny_living_one ul div img { width: 416px; }
.ny_living_one ul div { width: 416px; height: 249px; overflow: hidden; }
/*Residence Permit*/
.ny_living_two { width: 500px; margin: 25px; float: left; background: #FFF url(living_bg2.jpg) no-repeat bottom right; border-radius: 20px; height: 530px; }
.ny_living_two h1 { line-height: 45px; padding-left: 30px; font-size: 25px; background: url(living_title_bg2.jpg) no-repeat left center; margin-bottom: 20px; color: #FFFFFF; height: 45px; }
.ny_living_two h1 span a { color: #ccc; font-size: 14px; font-weight: normal; padding-right: 35px; line-height: 45px; float: right; }
.ny_living_two ul { padding: 0px 42px; }
.ny_living_two ul li { background: url(ico_dian.jpg) no-repeat left 16px; line-height: 21px; padding: 8px 0 8px 15px; }
.ny_living_two ul div img { width: 416px; }
.ny_living_two ul div { width: 416px; height: 249px; overflow: hidden; }
/*Marriage & Birth/Adoption*/
.ny_living_three { width: 500px; margin: 25px; float: left; background: #FFF url(living_bg3.jpg) no-repeat bottom right; border-radius: 20px; height: 530px; }
.ny_living_three h1 { line-height: 45px; padding-left: 30px; font-size: 25px; background: url(living_title_bg3.jpg) no-repeat left center; margin-bottom: 20px; color: #FFFFFF; height: 45px; }
.ny_living_three h1 span a { color: #ccc; font-size: 14px; font-weight: normal; padding-right: 35px; line-height: 45px; float: right; }
.ny_living_three ul { padding: 0px 42px; }
.ny_living_three ul li { background: url(ico_dian.jpg) no-repeat left 16px; line-height: 21px; padding: 8px 0 8px 15px; }
.ny_living_three ul div img { width: 416px; }
.ny_living_three ul div { width: 416px; height: 249px; overflow: hidden; }
/*Common telephone*/
.ny_living_four { width: 500px; margin: 25px; float: left; background: #FFF url(living_bg4.jpg) no-repeat bottom right; border-radius: 20px; height: 530px; }
.ny_living_four h1 { line-height: 45px; padding-left: 30px; font-size: 25px; background: url(living_title_bg4.jpg) no-repeat left center; margin-bottom: 20px; color: #FFFFFF; height: 45px; }
.ny_living_four h1 span a { color: #ccc; font-size: 14px; font-weight: normal; padding-right: 35px; line-height: 45px; float: right; }
.ny_living_four ul { padding: 0px 42px; }
.ny_living_four ul li { background: url(ico_dian.jpg) no-repeat left 16px; line-height: 21px; padding: 8px 0 8px 15px; }
.ny_living_four ul div img { width: 416px; }
.ny_living_four ul div { width: 416px; height: 249px; overflow: hidden; }
/*Sports & Leisure*/
.ny_living_five { width: 500px; margin: 25px; float: left; background: #FFF url(living_bg5.jpg) no-repeat bottom right; border-radius: 20px; height: 530px; }
.ny_living_five h1 { line-height: 45px; padding-left: 30px; font-size: 25px; background: url(living_title_bg5.jpg) no-repeat left center; margin-bottom: 20px; color: #FFFFFF; height: 45px; }
.ny_living_five h1 span a { color: #ccc; font-size: 14px; font-weight: normal; padding-right: 35px; line-height: 45px; float: right; }
.ny_living_five ul { padding: 0px 42px; }
.ny_living_five ul li { background: url(ico_dian.jpg) no-repeat left 16px; line-height: 21px; padding: 8px 0 8px 15px; }
.ny_living_five ul div img { width: 416px; }
.ny_living_five ul div { width: 416px; height: 249px; overflow: hidden; }
/*国际社区*/
.ny_living_six { width: 500px; margin: 25px; float: left; background: #FFF url(living_bg6.jpg) no-repeat bottom right; border-radius: 20px; height: 530px; }
.ny_living_six h1 { line-height: 45px; padding-left: 30px; font-size: 25px; background: url(living_title_bg6.jpg) no-repeat left center; margin-bottom: 20px; color: #FFFFFF; height: 45px; }
.ny_living_six h1 span a { color: #ccc; font-size: 14px; font-weight: normal; padding-right: 35px; line-height: 45px; float: right; }
.ny_living_six ul { padding: 0px 42px; }
.ny_living_six ul li { background: url(ico_dian.jpg) no-repeat left 16px; line-height: 21px; padding: 8px 0 8px 15px; }
.ny_living_six ul div img { width: 416px; }
.ny_living_six ul div { width: 416px; height: 249px; overflow: hidden; }
/*top menu*/
.top_menu_kuang { width: 100%; height: 50px; background: url(top_menu.jpg) no-repeat center; }
.top_menu { width: 1100px; margin: auto; height: 50px; }
.top_menu_left { width: 820px; float: left; }
.top_menu_left li { float: left; line-height: 50px; }
.top_menu_left li a { padding: 0 19px; line-height: 50px; color: #FFFFFF; display: block; font-size: 16px; }
.top_menu_left li a:hover { background: #015293; transform: skew(-30deg, 0deg); -moz-transform: skew(-30deg, 0deg); -webkit-transform: skew(-30deg, 0deg); }
.top_menu_right { width: 240px; float: left; margin-top: 11px; margin-left: 40px; }
.top_menu_right .judge { float: left; color: #ccc; width: 210px; height: 24px; border: none; line-height: 24px; background: transparent; }
.top_menu_right input.tj { background: url(top_search.jpg) no-repeat top left; width: 18px; height: 18px; cursor: pointer; border: none; float: left; margin-top: 3px; }
/*top logo*/
.top_logo { width: 1100px; margin: auto; height: 138px; overflow: hidden; }
.top_logo_left { width: 415px; float: left; }
.top_logo_right { width: 540px; float: right; height: 138px; }
/*概况*/
.ny_content_kuang { width: 1100px; margin: 25px auto; }
.ny_content_left { width: 250px; float: left; }
.ny_content_left_menu { width: 100%; background: url(ny_left_menu_bg.png) repeat-x top center; min-height: 600px; }
.ny_content_left_menu ul { padding-top: 10px; }
.ny_content_left_menu ul li { margin-top: 5px; width: 230px; margin: 5px auto; }
.ny_content_left_menu ul li a.duo { background: url(ny_left_menu.png) no-repeat right center; line-height: 14px; color: #FFFFFF; display: block; padding: 8px 10px; height: 24px; }
.ny_content_left_menu ul li a.duo:hover { background: url(ny_left_menu1.png) no-repeat right center; line-height: 14px; color: #FFFFFF; display: block; padding: 8px 10px; height: 24px; }
.ny_content_left_menu ul li a.duo.current { background: url(ny_left_menu1.png) no-repeat right center; line-height: 14px; color: #FFFFFF; display: block; padding: 8px 10px; height: 24px; }
.ny_content_left_menu ul li a { background: url(ny_left_menu.png) no-repeat right center; line-height: 40px; color: #FFFFFF; height: 40px; display: block; padding-left: 10px; }
.ny_content_left_menu ul li a:hover { background: url(ny_left_menu1.png) no-repeat right center; line-height: 40px; color: #FFFFFF; }
.ny_content_left_menu ul li a.current { background: url(ny_left_menu1.png) no-repeat right center; line-height: 40px; color: #FFFFFF; }
.ny_content_right { width: 820px; float: left; padding-left: 30px; height: 100%; }
.ny_about_Location_Advantages { width: 100%; line-height: 28px; }
.ny_about_Location_Advantages ul li { float: left; margin: 10px; }
.ny_about_Location_Advantages h3 { color: #333; font-weight: bold; font-size: 25px; padding: 20px 0px 10px 0px; }
.ny_about_Location_Advantages p { padding-bottom: 10px; line-height: 28px; }
/*2019911*/
#full-screen-slider { width: 820px; height: 120px; position: relative; }
#slides { display: block; width: 820px; height: 97px; list-style: none; padding: 0px; margin: 0px; position: absolute; overflow: hidden; }
#slides li { display: block; width: 100%; height: 100%; list-style: none; padding: 0px; margin: 0px; }
#slides li a { display: block; width: 100%; height: 100%; }
#pagination { display: block; list-style: none; position: absolute; top: 110px; z-index: 9900; margin: 0px; }
#pagination li { display: block; list-style: none; width: 10px; height: 10px; float: left; margin-right: 5px; border-radius: 5px; background: #999; }
#pagination li a { display: block; width: 100%; height: 100%; padding: 0px; margin: 0px; text-indent: -9999px; }
#pagination li.current { background: #ff6600; }
/*about zy*/
.about_zy { background: url(about_img_bg.jpg) no-repeat top center; height: 448px; }
.about_zy_content { width: 1100px; margin: auto; padding-top: 40px; }
.about_zy_content p { line-height: 28px; padding-bottom: 20px; }
/*about zy1*/
.about_zy1 { background: #D5F0FB url(about_img_bg1.jpg) no-repeat top center; width: 100%; margin: auto; height: 448px; }
.about_zy_content1 { width: 1100px; margin: auto; padding-top: 40px; height: 484px; }
.about_zy_content1 ul { background: url(about_img_bg2.jpg) no-repeat; height: 367px; padding-top: 60px; padding-left: 25px; }
.about_zy_content1 ul li { line-height: 40px; color: #0D498F; }
.about_zy_content1 ul li span { color: #F60; font-size: 18px; padding-right: 5px; }
/*概况*/
			/*service*/
.about_gk { width: 1100px; margin: 45px auto 0 auto; height: 250px; }
.about_gk h1 { padding-bottom: 50px; font-size: 45px; color: #015293; text-decoration: underline; text-align: center; }
.about_gk ul li { height: 176px; width: 220px; float: left; }
.about_gk ul li a { display: block; height: 176px; width: 220px; text-align: center; }
.about_gk ul li a:hover { display: block; height: 176px; width: 220px; text-align: center; color: #015293; transform: translate(0, -15px); -webkit-transform: translate(0, -15px); -moz-transform: translate(0, -15px); -o-transform: translate(0, -15px); -ms-transform: translate(0, -15px); }
.about_gk li a span { float: left; }
.about_gk li a .ico { padding-left: 35px; }
.about_gk li a .tit { line-height: 45px; clear: both; text-align: center; margin: auto; width: 220px; }
.about_gk li a:hover .ico { webkit-transition: -webkit-transform 0.7s ease-out; -moz-transition: -moz-transform 0.7s ease-out; transition: transform 0.7s ease-out; transform: rotateY(360deg); -webkit-transform: rotateY(360deg); -moz-transform: rotateY(360deg); }
.about_gk ul li.num1 .ico { background: url(about_gk1.png) no-repeat center; height: 145px; width: 140px; margin-left: 20px; }
.about_gk ul li.num2 .ico { background: url(about_gk2.png) no-repeat center; height: 145px; width: 140px; margin-left: 20px; }
.about_gk ul li.num3 .ico { background: url(about_gk3.png) no-repeat center; height: 145px; width: 140px; margin-left: 20px; }
.about_gk ul li.num4 .ico { background: url(about_gk4.png) no-repeat center; height: 145px; width: 140px; margin-left: 20px; }
.about_gk ul li.num5 .ico { background: url(about_gk5.png) no-repeat center; height: 145px; width: 140px; margin-left: 20px; }
.about_gk ul li.num1 a { background: url(about_gk_bg1.png) no-repeat top center; }
.about_gk ul li.num2 a { background: url(about_gk_bg2.png) no-repeat top center; }
.about_gk ul li.num3 a { background: url(about_gk_bg3.png) no-repeat top center; }
.about_gk ul li.num4 a { background: url(about_gk_bg4.png) no-repeat top center; }
.about_gk ul li.num5 a { background: url(about_gk_bg5.png) no-repeat top center; }
/*投资*/
.Investment_news { width: 1100px; margin: auto; }
.Investment_news h1 { padding: 90px 0 45px 0; font-size: 45px; color: #015293; text-decoration: underline; text-align: center; }
.Investment_news h2 { text-align: right; }
.Investment_news li { width: 500px; float: left; background: #FFF; height: 60px; overflow: hidden; margin: 10px; padding: 15px; }
.Investment_news li a { display: block; }
.Investment_news li:hover { background: #0063B4; color: #fff; }
.Investment_news li:hover a { color: #fff; display: block; }
.Investment_news li h4 a { font-size: 16px; overflow: hidden; line-height: 26px; font-weight: normal; }
.Investment_news li span { color: #7EC6FF; line-height: 24px; }
.Investment_news li p { line-height: 22px; height: 70px; overflow: hidden; }
.Investment_news li p a { color: #666; }
.Investment_news li img { width: 190px; height: 145px; float: left; border: 3px #FFFFFF solid; margin-right: 15px; padding: 0px; }
/*产业*/
.Investment_Key_Industries { width: 1100px; margin: 90px auto 0 auto; }
.Investment_Key_Industries h1 { padding: 45px 0; font-size: 45px; color: #015293; text-decoration: underline; text-align: center; }
.Investment_Key_Industries ul li { float: left; margin-left: 5px; margin-bottom: 5px; position: relative; }
.Investment_Key_Industries ul li.one { width: 308px; height: 210px; overflow: hidden; }
.Investment_Key_Industries ul li.two { width: 454px; height: 210px; overflow: hidden; }
.Investment_Key_Industries ul li.three { width: 320px; height: 210px; overflow: hidden; }
.Investment_Key_Industries ul li.four { width: 308px; height: 196px; overflow: hidden; }
.Investment_Key_Industries ul li.five { width: 288px; height: 196px; overflow: hidden; }
.Investment_Key_Industries ul li.six { width: 265px; height: 196px; overflow: hidden; }
.Investment_Key_Industries ul li.seven { width: 216px; height: 196px; overflow: hidden; }
.Investment_Key_Industries ul li p { background: url(Key_Industries_img8.png) repeat-x; line-height: 35px; color: #FFF; left: 0px; bottom: 0px; width: 100%; position: relative; text-align: center; position: absolute; display: block; }
/*新闻列表*/
.news_list { width: 100%; margin: auto; }
.news_list li { width: 100%; background: #FFF; overflow: hidden; margin: 10px; height: 155px; }
.news_list li a { display: block; }
.news_list li:hover { background: #0063B4; color: #fff; }
.news_list li:hover a { color: #fff; display: block; }
.news_list li h4 a { font-size: 22px; line-height: 30px; overflow: hidden; color: #333; margin: 10px 15px 0 15px; border-bottom: 1px #ECECEC dotted; padding-bottom: 10px; }
.news_list li span { color: #7EC6FF; line-height: 40px; padding: 0px 15px; }
.news_list li p { line-height: 22px; height: 70px; overflow: hidden; padding: 10px 15px; }
.news_list li p a { color: #666; }
.news_list li img { height: 160px; float: left; width: 265px; }
/*新闻列表*/
.news_list1 { width: 100%; margin: auto; }
.news_list1 li { width: 100%; background: #FFF; overflow: hidden; margin: 10px; height: 160px; }
.news_list1 li a { display: block; }
.news_list1 li:hover { background: #0063B4; color: #fff; }
.news_list1 li:hover a { color: #fff; display: block; }
.news_list1 li h4 a { font-size: 22px; line-height: 30px; overflow: hidden; color: #333; padding: 10px 15px 0 15px; }
.news_list1 li span { color: #7EC6FF; line-height: 40px; padding: 0px 15px; }
.news_list1 li p { line-height: 22px; height: 70px; overflow: hidden; padding: 0px 15px; }
.news_list1 li p a { color: #666; }
.news_list1 li img { height: 160px; float: left; width: 265px; }
/*内容详细页*/
.news_detail { width: 1100px; margin: 30px auto; }
.news_detail_left { width: 100%; }
.news_detail_left1 { width: 700px; float: left; margin-right: 35px; }
.news_detail_right { width: 365px; float: left; overflow: hidden; }
/*内容详细页右侧新闻*/
.news_detail_righ_news { width: 365px; }
.news_detail_righ_news h1 { font-size: 30px; line-height: 30px; background: url(news_detail_title_bg.jpg) no-repeat left center; padding-left: 10px; color: #000000; }
.r-list { background: url(news_detail_title_bg1.jpg) top center repeat-x; padding: 14px; }
.r-list li { display: none; }
.r-list li:first-child { display: block; }
.r-list .img-box { height: 225px; }
.r-list .img-box img { height: 225px; width: 330px; border: 4px #FFFFFF solid; }
.r-list .list-tit { font-weight: normal; line-height: 22px; padding: 10px 0; }
.r-list .list-tit a { color: #fff; }
.r-list .slider-cur { font-size: 0px; line-height: 0px; text-align: center; padding: 10px 0px 15px; }
.r-list .slider-cur a { display: inline-block; width: 12px; height: 12px; background: url(slider-cur.png) no-repeat; margin: 0px 10px; vertical-align: top; }
.r-list .slider-cur a.cur { background-position: -22px 0px; }
/*内容详细页右侧服务*/
.news_detail_righ_service { width: 365px; margin-top: 30px; }
.news_detail_righ_service h1 { font-size: 30px; line-height: 30px; background: url(news_detail_title_bg.jpg) no-repeat left center; padding-left: 10px; color: #000000; margin-bottom: 15px; }
.news_detail_righ_service ul { padding: 30px 5px 10px 5px; background: #0063B3; height: 350px; overflow: visible; }
.news_detail_righ_service ul li { height: 176px; width: 105px; float: left; margin: 0 35px; }
.news_detail_righ_service ul li a { display: block; height: 176px; width: 105px; text-align: center; }
.news_detail_righ_service ul li a:hover { display: block; height: 176px; width: 105px; text-align: center; color: #015293; transform: translate(0, -15px); -webkit-transform: translate(0, -15px); -moz-transform: translate(0, -15px); -o-transform: translate(0, -15px); -ms-transform: translate(0, -15px); }
.news_detail_righ_service li a span { float: left; }
.news_detail_righ_service li a .ico { width: 70px; height: 60px; padding-left: 30px; }
.news_detail_righ_service li a .tit { line-height: 20px; clear: both; text-align: center; margin: auto; width: 105px; padding-top: 10px; color: #FFFFFF; }
.news_detail_righ_service li a:hover .ico { webkit-transition: -webkit-transform 0.7s ease-out; -moz-transition: -moz-transform 0.7s ease-out; transition: transform 0.7s ease-out; transform: rotateY(360deg); -webkit-transform: rotateY(360deg); -moz-transform: rotateY(360deg); }
.news_detail_righ_service ul li.num1 .ico { background: url(service1.png) no-repeat center; background-size: 70px; padding-top: 50px; }
.news_detail_righ_service ul li.num2 .ico { background: url(service2.png) no-repeat center; background-size: 70px; padding-top: 50px; }
.news_detail_righ_service ul li.num3 .ico { background: url(service3.png) no-repeat center; background-size: 70px; padding-top: 50px; }
.news_detail_righ_service ul li.num4 .ico { background: url(service4.png) no-repeat center; background-size: 70px; padding-top: 50px; }
.news_detail_righ_service ul li.num1 a { background: url(about_gk_bg1.png) no-repeat top center; background-size: 105px; }
.news_detail_righ_service ul li.num2 a { background: url(about_gk_bg2.png) no-repeat top center; background-size: 105px; }
.news_detail_righ_service ul li.num3 a { background: url(about_gk_bg3.png) no-repeat top center; background-size: 105px; }
.news_detail_righ_service ul li.num4 a { background: url(about_gk_bg4.png) no-repeat top center; background-size: 105px; }
/*内容页右侧生活版块*/
.hdflash { width: 365px; margin-top: 40px; background: url(news_detail_title_bg1.jpg) top center repeat-x; height: 300px; }
.news_detail_living h1 { font-size: 30px; line-height: 30px; background: url(news_detail_title_bg.jpg) no-repeat left center; padding-left: 10px; color: #000000; }
.news_detail_living .f_out { overflow: hidden; position: relative; margin: 14px; height: 198px; border: 4px #FFFFFF solid; }
.news_detail_living .f_out img { width: 330px; height: 198px; background: #FFFFFF; }
.news_detail_living .f_out .picintro { height: 35px; background: url(Key_Industries_img8.png) repeat-x; position: absolute; bottom: 0; left: 0; width: 330px; z-index: 999; color: #FFF; line-height: 35px; padding-left: 10px; }
.flash_tab .tabs { width: 205px; height: 8px; overflow: hidden; margin: auto; }
.flash_tab .tabs ul li { width: 21px; height: 8px; float: left; display: block; margin: 0 6px; }
.flash_tab .tabs ul li.opdiv, .noopdiv { padding: 0; opacity: 1 }
.flash_tab .tabs ul li.opdiv a { width: 21px; height: 8px; background: #459FE7; display: block; }
.flash_tab .tabs ul li.opdiv a:hover { background: #fff; }
.flash_tab .tabs ul li.noopdiv a { width: 21px; height: 8px; background: #fff; display: block; }
/*内容页左侧信息内容*/
.news_detail_left_title { width: 100%; font-size: 30px; line-height: 30px; color: #000; padding-bottom: 20px; font-weight: bold; text-align: center; }
.news_detail_left_time { border-bottom: 4px #e8e8e8 solid; line-height: 30px; color: #999999; text-align: center; }
.news_detail_left_content { padding-top: 20px; min-height: 400px; }
.news_detail_left_content p { line-height: 28px; padding-bottom: 20px; }
/*关闭打印*/
.news_detail_left_colse { width: 100%; }
.news_detail_left_colse a { float: right; }
/*联系我们*/
.contact_us { width: 100%; }
.contact_us h1 { width: 100%; font-size: 30px; line-height: 30px; color: #000; padding-bottom: 20px; font-weight: bold; border-bottom: 4px #e8e8e8 solid; margin-bottom: 20px; }
.contact_us h2 { font-size: 25px; background: #6CBA19; line-height: 40px; padding: 10px 30px; border-radius: 5px; color: #FFFFFF; display: inline; }
.contact_us h3 { font-size: 20px; color: #015293; padding-top: 20px; }
.contact_us p { line-height: 28px; padding-bottom: 5px; font-size: 14px; }
.contact_us li { line-height: 40px; background: #4D86B3; padding-left: 30px; border-radius: 5px; padding: 12px 20px; display: inline; height: 40px; }
.contact_us li a { color: #FFFFFF; font-size: 16px; }
/*服务电话*/
.service_Common_Telephone { width: 100%; }
.service_Common_Telephone h1 { width: 100%; font-size: 30px; line-height: 50px; color: #000; font-weight: bold; border-bottom: 4px #e8e8e8 solid; margin-bottom: 20px; }
.service_Common_Telephone ul { display: block; clear: both; }
.service_Common_Telephone ul h3 { font-size: 25px; color: #015293; padding-top: 20px; }
.service_Common_Telephone li { float: left; line-height: 30px; width: 48%; background: url(ico_dian1.jpg) no-repeat left center; padding-left: 10px; }
.service_Common_Telephone span { color: #f60; padding-left: 5px; }
/*旅游非遗*/
.travel_Intangible_cultural_heritage { width: 100%; }
.travel_Intangible_cultural_heritage ul { width: 360px; margin: 20px; float: left; height: 280px; background: #FFFFFF; overflow: hidden; border-radius: 15px; box-shadow: 0px 5px 5px #e8e8e8; }
.travel_Intangible_cultural_heritage ul:hover { background: #e8e8e8; }
.travel_Intangible_cultural_heritage ul p { line-height: 46px; text-align: center; }
.travel_Intangible_cultural_heritage ul li { width: 360px; height: 234px; overflow: hidden; }
/*住在北仑*/
.travel_living_in_beilun { width: 100%; margin-top: 30px; }
.travel_living_in_beilun h1 { font-size: 30px; text-align: center; line-height: 45px; color: #000000; padding: 15px 0; }
.travel_living_in_beilun h2 { padding: 50px 0; font-size: 45px; color: #015293; text-decoration: underline; text-align: center; }
.travel_living_in_beilun table { background: #D1E4F5; }
.travel_living_in_beilun table th { background: #E5F3FE; line-height: 20px; color: #015293; text-align: center; padding: 10px 8px; font-size: 17px; }
.travel_living_in_beilun table td { background: #fff; line-height: 20px; padding: 10px 8px; text-align: center; }
/*非遗*/
.travel_feiyi { width: 100%; margin-top: 30px; }
.travel_feiyi h2 { padding: 50px 0; font-size: 45px; color: #015293; text-decoration: underline; text-align: center; }
.travel_feiyi ul li { width: 260px; height: 220px; margin: 10px; float: left; }
.travel_feiyi ul li p { text-align: center; line-height: 22px; padding-top: 5px; }
.travel_feiyi ul li img { width: 260px; height: 170px; border-radius: 8px; }
/*旅游指南*/
.index_lyzn { width: 100%; overflow: hidden; }
.index_lyzn li { float: left; overflow: hidden; position: relative; }
.index_lyzn li.one { width: 357px; height: 200px; overflow: hidden; }
.index_lyzn li.two { width: 306px; height: 200px; overflow: hidden; margin-left: 5px; }
.index_lyzn li.three { width: 168px; height: 200px; overflow: hidden; margin-left: 5px; }
.index_lyzn li.four { width: 253px; height: 200px; overflow: hidden; margin-left: 5px; }
.index_lyzn li.five { width: 237px; height: 200px; overflow: hidden; margin-top: 5px; }
.index_lyzn li.six { width: 219px; height: 200px; overflow: hidden; margin-left: 5px; margin-top: 5px; }
.index_lyzn li.seven { width: 202px; height: 200px; overflow: hidden; margin-left: 5px; margin-top: 5px; }
.index_lyzn li.eight { width: 168px; height: 200px; overflow: hidden; margin-left: 5px; margin-top: 5px; }
.index_lyzn li.nine { width: 121px; height: 200px; overflow: hidden; margin-left: 5px; margin-top: 5px; }
.index_lyzn li.ten { width: 127px; height: 200px; overflow: hidden; margin-left: 5px; margin-top: 5px; }
.index_lyzn li p { background: url(Key_Industries_img8.png) repeat-x; line-height: 30px; color: #FFF; left: 0px; bottom: 0px; width: 100%; position: relative; text-align: center; position: absolute; display: block; }
/*畅游北仑切换*/
.index_cyblqh_kuang { height: auto; width: 100%; margin-top: 30px; }
.cyblqh { width: 650px; margin: auto; display: block; clear: both; height: 100px; }
.cyblqh li { float: left; }
.cyblqh li.cyblqh_out { padding: 20px 0; font-size: 45px; color: #ccc; text-decoration: none; text-align: center; margin: 0 10px; font-weight: bold; cursor: pointer; }
.cyblqh li.cyblqh_down { padding: 20px 0; font-size: 45px; color: #015293; text-decoration: underline; text-align: center; margin: 0 10px; font-weight: bold; cursor: pointer; }
.main2 { margin: auto; }
/*旅游景点*/
.index_lyjd { width: 100%; overflow: hidden; }
.index_lyjd li { float: left; overflow: hidden; position: relative; }
.index_lyjd li.one { width: 575px; height: 405px; overflow: hidden; }
.index_lyjd li.two { width: 257px; height: 200px; overflow: hidden; margin-left: 5px; }
.index_lyjd li.three { width: 257px; height: 200px; overflow: hidden; margin-left: 5px; }
.index_lyjd li.four { width: 257px; height: 200px; overflow: hidden; margin-left: 5px; margin-top: 5px; }
.index_lyjd li.five { width: 257px; height: 200px; overflow: hidden; margin-left: 5px; margin-top: 5px; }
.index_lyjd li p { background: url(Key_Industries_img8.png) repeat-x; line-height: 30px; color: #FFF; bottom: 0px; left: 0px; width: 100%; position: relative; text-align: center; position: absolute; }
/*旅游指南*/
.travel_Scenic_spot { width: 100%; margin: auto; }
.travel_Scenic_spot h3 { font-size: 30px; color: #FF6600; text-align: center; line-height: 45px; padding-top: 20px; }
.travel_Scenic_spot table { background: #D1E4F5; margin: 10px; width: 98%; }
.travel_Scenic_spot table th { background: #E5F3FE; line-height: 20px; color: #015293; text-align: center; padding: 10px 8px; font-size: 17px; }
.travel_Scenic_spot table td { background: #fff; line-height: 20px; padding: 10px 8px; text-align: center; }
.travel_Scenic_spot p { line-height: 28px; padding-left: 10px; }
.vcon { margin: 15px 0; }
.vcon p { line-height: 28px; }
.vcon p span { line-height: 28px; color: #f60; background: url(ico_dian2.jpg) no-repeat left center; padding-left: 10px; }
.vcon p img { margin: 0 5px; border-radius: 8px; }
.title { background: #CEF1F3 url(ico_dian1.png) no-repeat 10px center; height: 35px; cursor: pointer; margin-bottom: 5px; padding-left: 30px; font-size: 16px; color: #009BDE; line-height: 35px; border-radius: 10px; }
/*投资联系我们*/
.Investment_contact11 { height: auto; width: 100%; }
.Investment_contact11 h1 { padding: 90px 0 45px 0; font-size: 45px; color: #015293; text-decoration: underline; text-align: center; }
.contact11 { width: 100%; margin: auto; display: block; clear: both; height: 60px; }
.contact11 li { float: left; }
.contact11 li.contact11_out { padding: 10px 36px; font-size: 20px; color: #333; text-decoration: none; text-align: center; margin: 0 10px; font-weight: bold; cursor: pointer; background: #e8e8e8; border-radius: 5px; }
.contact11 li.contact11_down { padding: 10px 36px; font-size: 20px; color: #fff; background: #015293; text-align: center; margin: 0 10px; font-weight: bold; cursor: pointer; border-radius: 5px; }
.main3 { margin: auto; }
.main3 p { line-height: 28px; padding-bottom: 5px; font-size: 14px; padding-left: 10px; }
.main3 li { float: left; width: 25%; }