@charset "UTF-8";

* { margin: 0; padding: 0; border: 0; outline: 0; }

body, dl, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, input, p, blockquote, table, th, td, embed, object { margin: 0; padding: 0; }

body { width: 100%; background: #FFF; font-size: 15px; font-family: 'Microsoft Yahei', 宋体, Helvetica, Arial, sans-serif; }

html { height: 101%; }

a, ins { text-decoration: none; }

:focus { outline: 0; }

ol, ul { list-style-type: none; }

body > div { min-width: auto; max-width: 1920px; overflow: hidden; margin: 0 auto; }

body > div > div { width: 1200px; overflow: hidden; margin: 0 auto; }

.title { height: 120px; background: url(../images/title.jpg) no-repeat; }
.title .title-main { height: inherit; line-height: 120px; }
.title .title-main .title-left { line-height: inherit; float: left; }
.title .title-main .title-left img { vertical-align: middle; height: 54px; width: auto; }
.title .title-main .title-left p, .title .title-main .title-left h2 { border-left: 2px solid #FFFFFF; padding: 0 0.5em; display: inline; }
.title .title-main .title-left p { color: #FFFFFF; }
.title .title-main .title-left h2 { color: #fff; }
.title .title-main .title-right { line-height: inherit; float: right; }
.title .title-main .title-right p, .title .title-main .title-right h2 { padding: 0 0.5em; display: inline; }
.title .title-main .title-right p { color: #FFFFFF; }
.title .title-main .title-right h2 { color: #fff; }
.title .title-main .title-right img { vertical-align: middle; height: 45px; }

.nav { height: 48px; background: #06398a; overflow:inherit; }
.nav .nav-main { height: inherit; line-height: 48px; overflow:inherit; }
.nav .nav-main ul li { float: left; width: 14.2%; position: relative; }
.nav .nav-main ul li a { display: block; text-shadow: 2px 2px 2px black; }
.nav .nav-main ul li a:link, .nav .nav-main ul li a:visited { color: #fff; margin: 0 auto;display: table; width: 100%; text-align: center; }
.nav .nav-main ul li a:hover, .nav .nav-main ul li a:focus { background: rgba(0, 0, 0, 0.5); outline: 2px black inset; line-height: 47px; }

.nav .nav-main ul li:hover .second{
	display: block;
}

.second{
	display: none;
	position: absolute;
	z-index: 999;
	width: 100%;
	background: #06398a;
}

.second li{
	width: 100% !important;
	border-bottom: 1px solid rgba( 255, 255, 255, 0.3 );
}

.second li:first-child{
	border-top: 1px solid rgba( 255, 255, 255, 0.3 );
}

.flickerplate { position: relative; width: 100%; height: auto; overflow: hidden; }
@media only screen and (max-width: 1400px){ 
	.flickerplate {
 		height: 438px;
        background-size: auto 438px;
    }}
.flickerplate ul.flicks { width: 10000%; height: 100%; padding: 0px; margin: 0px; list-style: none; }

.flickerplate ul.flicks > li { float: left; width: 1%; height: 100%; background-position: center; background-size: cover; display: table; }

.flickerplate ul.flicks > li .flick-inner { height: 100%; color: #fff; display: table-cell; vertical-align: middle; }

.flickerplate ul.flicks > li .flick-inner .flick-content { margin-left: auto; margin-right: auto; }

.flickerplate .arrow-navigation { position: absolute; height: 80%; width: 10%; top: 10%; z-index: 100; overflow: hidden; }

.flickerplate .arrow-navigation .arrow { display: block; height: 100%; width: 90%; -webkit-transition: all 0.2s ease-out; -moz-transition: all 0.2s ease-out; -o-transition: all 0.2s ease-out; -ms-transition: all 0.2s ease-out; transition: all 0.2s ease-out; }

.flickerplate .arrow-navigation:hover, .flickerplate .arrow-navigation .arrow:hover { cursor: pointer; }

.flickerplate .arrow-navigation.left { left: 10%; }

.flickerplate .arrow-navigation.left .arrow { opacity: 0; margin: 0px 0px 0px 50%; background-image: url("../images/arrow-left-light.png"); background-repeat: no-repeat; background-position: left; }

.flickerplate .arrow-navigation.right { right: 10%; }

.flickerplate .arrow-navigation.right .arrow { opacity: 0; margin: 0px 0px 0px -50%; background-image: url("../images/arrow-right-light.png"); background-repeat: no-repeat; background-position: right; }

.flickerplate .arrow-navigation.left.hover .arrow { opacity: 1; margin: 0px 0px 0px 20%; }

.flickerplate .arrow-navigation.right.hover .arrow { opacity: 1; margin: 0px 0px 0px -20%; }

.flickerplate .dot-navigation { position: absolute; bottom: 15px; width: 100%; text-align: center; z-index: 100; }

.flickerplate .dot-navigation ul { text-align: center; list-style: none; padding: 0px 15px; }

.flickerplate .dot-navigation ul li { display: inline-block; float: none; }

.flickerplate .dot-navigation .dot { width: 14px; height: 14px; margin: 0px 6px; background-color: rgba(255, 255, 255, 0.3); border-radius: 50%; -o-border-radius: 50%; -ms-border-radius: 50%; -moz-border-radius: 50%; -webkit-border-radius: 50%; -webkit-transition: background-color 0.2s ease-out; -moz-transition: background-color 0.2s ease-out; -o-transition: background-color 0.2s ease-out; -ms-transition: background-color 0.2s ease-out; transition: background-color 0.2s ease-out; }

.flickerplate .dot-navigation .dot:hover { cursor: pointer; background-color: rgba(255, 255, 255, 0.6); }

.flickerplate .dot-navigation .dot.active { background-color: #fff; }

.flickerplate .dot-navigation.left, .flickerplate .dot-navigation.left ul { text-align: left; }

.flickerplate .dot-navigation.right, .flickerplate .dot-navigation.right ul { text-align: right; }

.flickerplate.flicker-theme-dark .arrow-navigation.left .arrow { background-image: url("../images/arrow-left-dark.png"); }

.flickerplate.flicker-theme-dark .arrow-navigation.right .arrow { background-image: url("../images/arrow-right-dark.png"); }

.flickerplate.flicker-theme-dark .dot-navigation .dot { background-color: rgba(0, 0, 0, 0.12); }

.flickerplate.flicker-theme-dark .dot-navigation .dot:hover { background-color: rgba(0, 0, 0, 0.6); }

.flickerplate.flicker-theme-dark .dot-navigation .dot.active { background-color: #000; }

.flickerplate.flicker-theme-dark ul.flicks li .flick-inner { color: rgba(0, 0, 0, 0.9); }

.flickerplate.animate-transform-slide ul.flicks { -webkit-perspective: 1000; -webkit-backface-visibility: hidden; transform: translate3d(0%, 0px, 0px); -webkit-transform: translate3d(0%, 0px, 0px); -webkit-transition: -webkit-transform 0.6s; -o-transition: -o-transform 0.6s; -moz-transition: -moz-transform 0.6s; transition: transform 0.6s; }

.flickerplate.animate-transition-slide ul.flicks { position: relative; left: 0%; -webkit-transition: left 0.4s ease-out; -moz-transition: left 0.4s ease-out; -o-transition: left 0.4s ease-out; -ms-transition: left 0.4s ease-out; transition: left 0.4s ease-out; }

.flickerplate.animate-jquery-slide ul.flicks { position: relative; left: 0%; }

.flickerplate.animate-scroller-slide { padding-bottom: 0px; overflow: auto; }

.flickerplate.animate-scroller-slide ul.flicks { position: auto; }

.about { height: 438px; background-image: linear-gradient(to right, #eee 1px, transparent 0), linear-gradient(#eee 1px, transparent 0); background-size: 6px 6px; padding: 50px 0 30px; }
.about .about-main { height: inherit; }
.about .about-main h2 { color: #06398a; position: relative; text-align: center; margin: 30px 0; text-shadow: 2px 2px 2px rgba(250, 250, 250, 0.6); }
.about .about-main h2:before, .about .about-main h2:after { content: ""; height: 1px; width: 180px; position: absolute; top: 15px; background: rgba(0, 0, 0, 0.5); }
.about .about-main h2:before { left: 290px; }
.about .about-main h2:after { right: 290px; }
.about .about-main h2 span { font-size: 0.8em; position: relative; color: rgba(0, 0, 0, 0.4); text-shadow: 2px 2px 2px rgba(250, 250, 250, 0.2); }
.about .about-main h2 span:before, .about .about-main h2 span:after { content: ""; height: 0.5em; width: 0.5em; border-radius: 50%; position: absolute; background: radial-gradient(circle, rgba(255, 255, 255, 0.2), black); top: 6px; }
.about .about-main h2 span:before { left: -133px; }
.about .about-main h2 span:after { right: -43px; }
.about .about-main .about-box { height: 210px; width: inherit; }
.about .about-main .about-box .about-left { float: left; height: inherit; width: 410px; }
.about .about-main .about-box .about-left img { height: auto; width: 410px; outline: 5px solid rgba(0, 0, 0, 0.6); outline-offset: -5px; }
.about .about-main .about-box .about-right { float: right; height: inherit; width: 730px; }
.about .about-main .about-box .about-right h3 { font-size: 1.4em; }
.about .about-main .about-box .about-right h3 span { font-size: 0.6em; color: #06398a; font-weight: normal; }
.about .about-main .about-box .about-right p { text-shadow: 1px 0 2px rgba(180, 180, 180, 0.8);    text-shadow: 1px 0 2px rgba(180, 180, 180, 0.8);
    font-size: 15px;
    line-height: 30px;
    padding: 15px 0 10px; }
.about .about-main .about-box .about-right p span { text-shadow: 1px 0 2px rgba(180, 180, 180, 0.8); font-weight: bold; color: #06398a; }
.about .about-main .about-box .about-right a { display: inline-block; padding: 0.5em 1.5em; margin-top: 10px; }
.about .about-main .about-box .about-right a:link, .about .about-main .about-box .about-right a:visited { color: #fff; }
.about .about-main .about-box .about-right a:hover, .about .about-main .about-box .about-right a:focus { transition: all 0.5s; }
.about .about-main .about-box .about-right a.about-product { background-color: #333; margin-right: 2em; }
.about .about-main .about-box .about-right a.about-product:hover, .about .about-main .about-box .about-right a.about-product:focus { background: #fff; color: #333; outline: 2px black inset; outline-offset: -2px; }
.about .about-main .about-box .about-right a.about-more { background-color: #06398a; }
.about .about-main .about-box .about-right a.about-more:hover, .about .about-main .about-box .about-right a.about-more:focus { background: #fff; color: #06398a; outline: 2px #06398a inset; outline-offset: -2px; }

.product { height: 504px; overflow: visible; background: url(../images/product_left_bg.jpg) no-repeat top left, url(../images/product_right.png) no-repeat top right; background-color: #000000; }
.product .product-main { height: inherit; position: relative; overflow: visible; }
.product .product-main .product-nav { width: 191px; margin-left: 8px; height: 420px; position: absolute; top: 0; background: rgba(255, 255, 255, 0.8); }
.product .product-main .product-nav span { height: 55px; display: block; padding: 15px 0 0 25px; background: #06398a; color: #fff; letter-spacing: 0.1em; }
.product .product-main .product-nav ul li { width: 90%; margin: 0 5%; line-height: 35px; border-top: 1px #e1e1e1 solid; font-size: 14px; }
.product .product-main .product-nav ul li:before { content: "○"; color: #333333; padding: 0 0; }
.product .product-main .product-nav ul li:hover:before, .product .product-main .product-nav ul li:focus:before { color: #333333; }
.product .product-main .product-nav ul li:first-child { padding-top: 15px; border: none; }
.product .product-main .product-nav ul li a:link, .product .product-main .product-nav ul li a:visited { color: #333333; font: bold 16px/30px "微软雅黑"; }
.product .product-main .product-nav ul li a:hover, .product .product-main .product-nav ul li a:focus { color: #333333; }
.product .product-main .product-box { width: 1001px; float: right; height: inherit; background: #CFCFCF; overflow: hidden; }
.product .product-main .product-box dl { width: 24.85%; height: 250px; overflow: hidden; float: left; position: relative; background: #f1f1f1; }
.product .product-main .product-box dl:hover { box-shadow: -2px 2px 2px rgba(0, 0, 0, 0.7); outline: 2px #06398a solid; outline-offset: -2px; }
.product .product-main .product-box dl:nth-child(n+2) { margin-left: 2px; }
.product .product-main .product-box dl:nth-child(5) { margin-left: 0; }
.product .product-main .product-box dl:nth-child(n+5) { margin-top: 2px; }
.product .product-main .product-box dl dd a { display: block; line-height: 0; text-align: center; }
.product .product-main .product-box dl dd img { height: auto; width: 100%; }
.product .product-main .product-box dl dt { height: 65px; width: 100%; display: table; }
.product .product-main .product-box dl dt a { display: table-cell; text-align: center; font-size: 13px; line-height: 24px; vertical-align: middle; }
.product .product-main .product-box dl dt a:link, .product .product-main .product-box dl dt a:visited { color: #FFFFFF; background: #06398a; }

.news { height: 535px; }
.news .news-main { height: inherit; }
.news .news-main h2 { color: #06398a; position: relative; text-align: center; margin: 30px 0 50px; text-shadow: 2px 2px 2px rgba(250, 250, 250, 0.6); }
.news .news-main h2:before, .news .news-main h2:after { content: ""; height: 1px; width: 180px; position: absolute; top: 15px; background: rgba(0, 0, 0, 0.5); }
.news .news-main h2:before { left: 290px; }
.news .news-main h2:after { right: 290px; }
.news .news-main h2 span { font-size: 0.8em; position: relative; color: rgba(0, 0, 0, 0.4); text-shadow: 2px 2px 2px rgba(250, 250, 250, 0.2); }
.news .news-main h2 span:before, .news .news-main h2 span:after { content: ""; height: 0.5em; width: 0.5em; border-radius: 50%; position: absolute; background: radial-gradient(circle, rgba(255, 255, 255, 0.2), black); top: 6px; }
.news .news-main h2 span:before { left: -133px; }
.news .news-main h2 span:after { right: -43px; }
.news .news-main h2:before { left: 295px; }
.news .news-main h2:after { right: 295px; }
.news .news-main .news-box { height: 380px; }
.news .news-main .news-box .news-left { width: 310px; height: inherit; float: left; }
.news .news-main .news-box .news-left img { height: 245px; width: inherit; float: left; }
.news .news-main .news-box .news-left div { width: 270px; height: 79px; padding: 10px 20px; background: #e1e1e1; float: left; color: rgba(0, 0, 0, 0.8); }
.news .news-main .news-box .news-left div h4 { word-spacing: 1em; font-weight: lighter; font-size: 1.1em; }
.news .news-main .news-box .news-left div h3 { letter-spacing: 0.3em; line-height: 1.8; text-shadow: 1px 2px rgba(250, 250, 250, 0.9); font-size: 16px; }
.news .news-main .news-box .news-left div h3 span { color: #06398a; padding: 0 0 0 8px; }
.news .news-main .news-box .news-left div p { font-size: 1.1em; }
.news .news-main .news-box .news-left a { display: block; width: 155px; line-height: 36px; color: #fff; float: left; text-align: center; }
.news .news-main .news-box .news-left a:hover, .news .news-main .news-box .news-left a:focus { transition: all 0.5s; }
.news .news-main .news-box .news-left a.news-product { background: #000; }
.news .news-main .news-box .news-left a.news-product:hover, .news .news-main .news-box .news-left a.news-product:focus { background: #fff; color: #333; outline: 2px black inset; outline-offset: -2px; }
.news .news-main .news-box .news-left a.news-contact { background: #06398a; }
.news .news-main .news-box .news-left a.news-contact:hover, .news .news-main .news-box .news-left a.news-contact:focus { background: #fff; color: #06398a; outline: 2px #06398a inset; outline-offset: -2px; }
.news .news-main .news-box .news-right { height: inherit; width: 870px; float: right; }
.news .news-main .news-box .news-right .news-right-top { width: inherit; height: auto; padding-bottom: 15px; }
.news .news-main .news-box .news-right .news-right-top img { height: auto; width: 192px; outline: 3px rgba(0, 0, 0, 0.7) solid; outline-offset: -3px; }
.news .news-main .news-box .news-right .news-right-top div { height: inherit; width: 665px; float: right; }
.news .news-main .news-box .news-right .news-right-top div p { line-height: 1.8;}
.news .news-main .news-box .news-right .news-right-top div p.news-date { color: #06398a;  padding: 10px 0;  }
.news .news-main .news-box .news-right .news-right-bottom { height: 223px; width: inherit; }
.news .news-main .news-box .news-right .news-right-bottom ul li { width: 405px; float: left; line-height: 30px; border-bottom: 2px transparent dashed; }
.news .news-main .news-box .news-right .news-right-bottom ul li p{
	float: left;
	width: 250px;
	text-overflow: ellipsis;
	overflow: hidden;
	white-space: nowrap;
}
.news .news-main .news-box .news-right .news-right-bottom ul li:nth-child(even) { float: right; }
.news .news-main .news-box .news-right .news-right-bottom ul li:before { content: ""; display: inline-block; float: left; margin: 9px; width: 10px; height: 10px; border: 2px #999 solid; border-radius: 50%; }
.news .news-main .news-box .news-right .news-right-bottom ul li:hover { border-bottom: 2px #ccc dashed; }
.news .news-main .news-box .news-right .news-right-bottom ul li a:link, .news .news-main .news-box .news-right .news-right-bottom ul li a:visited { color: #06398a; }
.news .news-main .news-box .news-right .news-right-bottom ul li a span { float: right; }

.case { height: 400px; background: #f1f1f1; }
.case .case-main { height: inherit; }
.case .case-main h2 { color: #06398a; position: relative; text-align: center; margin: 30px 0 50px; text-shadow: 2px 2px 2px rgba(250, 250, 250, 0.6); }
.case .case-main h2:before, .case .case-main h2:after { content: ""; height: 1px; width: 180px; position: absolute; top: 15px; background: rgba(0, 0, 0, 0.5); }
.case .case-main h2:before { left: 290px; }
.case .case-main h2:after { right: 290px; }
.case .case-main h2 span { font-size: 0.8em; position: relative; color: rgba(0, 0, 0, 0.4); text-shadow: 2px 2px 2px rgba(250, 250, 250, 0.2); }
.case .case-main h2 span:before, .case .case-main h2 span:after { content: ""; height: 0.5em; width: 0.5em; border-radius: 50%; position: absolute; background: radial-gradient(circle, rgba(255, 255, 255, 0.2), black); top: 6px; }
.case .case-main h2 span:before { left: -133px; }
.case .case-main h2 span:after { right: -43px; }
.case .case-main h2:before { left: 298px; }
.case .case-main h2:after { right: 300px; }
.case .case-main .case-box { height: 215px; padding: 40px 20px 0; width: calc(inherit - 40px); background: #fff; }
.case .case-main .case-box span { background: rgba(0, 0, 0, 0.8); color: #fff; width: 30px; line-height: 30px; font-size: 1.4em; float: left; cursor: pointer; text-align: center; margin-top: 60px; -moz-user-select: none; -khtml-user-select: none; user-select: none; }
.case .case-main .case-box span.case-next { float: right; }
.case .case-main .case-box span:hover { background: #06398a; }
.case .case-main .case-box div { width: 974px; margin: 0 auto; }
.case .case-main .case-box div dl { float: left; margin-right: 30px; }
.case .case-main .case-box div dl:last-child { margin-right: 0; }
.case .case-main .case-box div dl dd a { display: block; line-height: 0; }
.case .case-main .case-box div dl dd a img { width: 221px; height: auto; outline: 8px rgba(0, 0, 0, 0.7) solid; outline-offset: -8px; }
.case .case-main .case-box div dl dt { margin-top: 8px; }
.case .case-main .case-box div dl dt a { display: block; text-align: center; }
.case .case-main .case-box div dl dt a:link, .case .case-main .case-box div dl dt a:visited { color: #222; }

.footer { text-align: center; height: auto; padding-top: 10px; background:#1a4e8c; border-top: 4px solid #06398a; }
.footer_content{
	width: 1200px;
	height: auto;
	margin: 0 auto;
	display: table;
	padding: 20px;
}
.footer_left{
	width: 600px;
	float: left;
}
.footer_left p{
	font-size: 14px;
	line-height: 36px;
	color: #FFFFFF;
	text-align: left;
}

.footer-right{
	width: 600px;
	float: right;
}

.footer-right img{
	float: right;
	width: 250px;
}

.footer_right{
	width: 100%;
	border-top: 1px solid #666666;
}

.footer_right p{
	font-size: 12px;
	line-height: 28px;
	color: #FFFFFF;
	text-align: center;
	padding: 15px 0;
}

/* 内页 */
.ny_content {
	width: 1000px;
	height: auto;
	display: table;
	margin: 0 auto;
	margin-top: 30px;
	margin-bottom: 30px;
}

/* 内页 */
.ny_content {
	width: 1200px;
	height: auto;
	display: table;
	margin: 40px auto;
}

/* 内页 left */
.ny_left {
	width: 300px;
	height: auto;
	display: table;
	float: left;
	overflow: hidden;
}

.ny_left_list {
	width: 300px;
	height: auto;
	display: table;
}

.ny_left_title {
	width: 300px;
	height: 85px;
	background: #06398a;
}

.ny_left_title h2 {
	font-size: 28px;
	color: #FFF;
	text-indent: 0px;
	width: auto;
	height: auto;
	display: table;
	padding-top: 10px;
	font-weight: normal;
	letter-spacing: 3px;
}

.ny_left_title h3 {
	font-size: 22px;
	color: #FFFFFF;
	text-indent: 0px;
	width: auto;
	height: auto;
	display: table;
	padding-top: 0px;
	font-weight: normal;
	letter-spacing: 1px;
	font-family: Georgia, "Times New Roman", Times, serif;
}

.ny_left_title h5 {
	font-size: 70px;
	color: #FFFFFF;
	text-indent: 20px;
	width: auto;
	height: 70px;
	float: left;
	display: table;
	padding-top: 2px;
	font-weight: normal;
	letter-spacing: 1px;
	font-family: Georgia, "Times New Roman", Times, serif;
	padding-right: 2px;
}

.ny_left_list_body {
	width: 300px;
	height: auto;
	display: table;
}

.ny_left_list_body ul li {
	width: 300px;
	height: 34px;
	display: block;
	line-height: 32px;
	text-indent: 20px;
	margin-top: 5px;
	border: 1px solid #eee;
}

.ny_left_list_body ul li a span {
	float: right;
	margin-right: 20px;
	color: #aaa;
	font-size: 14px;
	font-family: "宋体"；
}

.ny_left_list_body ul li a {
	width: 298px;
	height: 32px;
	display: block;
	background: #fafafa;
	border: 1px solid #eee;
	font-size: 14px;
	letter-spacing: 1px;
	color: #333333;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.ny_left_list_body ul li a:hover {
	background: rgba( 91,180,80, 0.2 );
	border: 1px solid #06398a;
	color: #06398a;
}

.ny_left_list_body ul li a:hover span {
	color: #0157a4;
}

.ny_left_news {
	width: 300px;
	height: auto;
	display: table;
	margin-top: 20px;
}

.ny_left_news_body {
	width: 300px;
	height: auto;
	display: table;
	overflow: hidden;
	margin-top: 10px;
}

.ny_left_news_body ul li {
	width: 300px;
	height: 26px;
	line-height: 26px;
	font-size: 14px;
	overflow: hidden;
}

.ny_left_news_body ul li a{
	color: #333333;
}

.ny_left_news_body ul li span {
	font-size: 10px;
	color: #0157a4;
	margin-right: 5px;
}

.ny_left_contact {
	width: 300px;
	height: auto;
	display: table;
	margin-top: 20px;
}

.ny_left_contact_body {
	width: 280px;
	height: auto;
	overflow: hidden;
	margin-top: 20px;
	padding-left: 5px;
}

.ny_left_contact_body h2 {
	font-size: 14px;
	line-height: 23px;
}

.ny_left_contact_body h3 {
	font-size: 20px;
	line-height: 33px;
}

.ny_left_contact_body p:first-child{
	font-size: 17px;
	    font-weight: bolder;
	    padding: 0 0 10px;
}

.ny_left_contact_body p {
	font-size: 14px;
	line-height: 23px;
}

.ny_left_contact_body h1{
	text-indent: 0 !important;
}

.ny_left_contact_body p img{
	width: auto;
	float: left;
	margin: 0 !important;
}

/* 内页 left end */

/* 内页 right */
.ny_right {
	width: 880px;
	height: auto;
	display: table;
	float: right;
	overflow: hidden;
}

.ny_right_title {
	width: 880px;
	height: 36px;
	border-bottom: 1px solid #06398a;
}

.ny_right_title a {
	width: auto;
	height: 36px;
	display: block;
	float: left;
	background: #06398a;
	padding: 0 15px;
	line-height: 36px;
	color: #FFF;
	font-size: 14px;
}

.ny_right_title span {
	width: auto;
	height: 36px;
	display: block;
	float: left;
	background: #06398a;
	line-height: 36px;
	color: #FFF;
}

/* .ny_right_title a:hover {
	color: #F96;
} */

.ny_right_body {
	width: 880px;
	height: auto;
	display: table;
	margin-top: 20px;
}

/* 内页 right 简介 */
.ny_right_body .ny_jianjie {
	width: 880px;
	height: auto;
	display: table;
	overflow: hidden;
}

.ny_jianjie table{
	width: 100%;
}

.ny_right_body .ny_jianjie h2 {
	width: 880px;
	height: 52px;
	line-height: 50px;
	font-size: 22px;
	letter-spacing: 1px;
	text-align: center;
}

.ny_right_body .ny_jianjie p {
	line-height: 26px;
	font-size: 14px;
	overflow: hidden;
}

.ny_right_body .ny_jianjie p img {
	max-width: 100%;
	height: auto;
	display: table;
	text-align: center;
}

/* 内页 right 产品 */
.ny_right_body .ny_product_index {
	width: 880px;
	height: auto;
	display: table;
}

.ny_right_body .ny_product_index ul li {
	width: 31%;
	height: auto;
	margin-bottom: 20px;
	transition: all .3s;
	z-index: 10;
	border: 1px solid #ededed;
	float: left;
	/* margin-left: 10px; */
	margin: 0 1.05% 20px;
}

.ny_right_body .ny_product_index ul li:hover{
	background-color: #f5f5f5;
	box-shadow: 0 0 10px #ccc;
}

.ny_right_body .ny_product_index ul li:hover a:before{
	width: 100%;
	height: 100%;
} 

.ny_right_body .ny_product_index ul li:hover a:after{
	width: 100%;
	height: 100%;
} 

.ny_right_body .ny_product_index ul li a {
	position: relative;
	display: block;
	z-index: 10;
}

.ny_right_body .ny_product_index ul li:hover div img{
	animation-name: top;
	animation-duration: .3s;
	animation-timing-function: linear;
	animation-iteration-count: 1;
}

@keyframes top {
    50% {
        transform: scale(1.2);
    }
    100% {
        transform: scale(1);
    }
}

.ny_right_body .ny_product_index ul li a:before{
	content: '';
	border-left: 1px solid #06398a;
	border-top: 1px solid #06398a;
	left: 0;
	top: 0;
	position: absolute;
	width: 20px;
	height: 30px;
	transition: all .5s;
	z-index: 1;
}

.ny_right_body .ny_product_index ul li a:after{
    content: '';
    border-right: 1px solid #06398a;
    border-bottom: 1px solid #06398a;
    right: 0;
    bottom: 0;
    position: absolute;
    width: 20px;
    height: 30px;
    transition: all .5s;
    z-index: 1;
}

.ny_right_body .ny_product_index ul li a div{
	overflow: hidden;
	width: 100%;
	height: auto;
}

.ny_right_body .ny_product_index ul li a img {
	width: 100%;
	display: inline-block;
	vertical-align: middle;
	height: auto;
}

.ny_right_body .ny_product_index ul li a h3 {
	width: auto;
	height: 36px;
	line-height: 26px;
	display: block;
	float: left;
	text-indent: 5px;
}

.ny_right_body .ny_product_index ul li a p {
	line-height: 60px;
	background-color: #fff;
	text-align: center;
	padding: 0 10px;
	font-size: 14px;
	width: 90%;
	margin: 0 auto;
	height: 60px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	color: #666666;
}

.ny_right_body .ny_product_index ul li a:hover p {
	color: #06398a;
}

.ny_right_body .ny_product_view {
	width: 880px;
	height: auto;
	display: table;
	margin-bottom: 40px;
}

.ny_right_body .ny_product_view .ny_product_view_img h2 {
	width: 880px;
	height: 52px;
	line-height: 50px;
	font-size: 22px;
	letter-spacing: 1px;
	text-align: center;
	margin-bottom: 20px;
}

.ny_right_body .ny_product_view .ny_product_view_img {
	text-align: center;
}

.ny_right_body .ny_product_view .ny_product_view_img img {
	max-width: 100%;
	width: auto;
	height: auto;
	text-align: center;
	margin: 0 auto;
}

.ny_product_view_body {
	width: 880px;
	height: auto;
	display: table;
}

.ny_product_view_body h3 {
	font-size: 18px;
	font-weight: normal;
	line-height: 70px;
	width: 100%;
	text-align: center;
	background: #06398a;
	color: #FFF;
	margin: 22px 0;
}

.ny_product_view_body table{
	width: 100% !important;
	margin: 10px auto;
}

.ny_product_view_body table td{
	text-align: center;
}

.ny_product_view_body table td p{
	line-height: 60px;
}

.ny_product_view_body h2{
	font-size: 22px;
	font-weight: normal;
	line-height: 60px;
	width: 100%;
	background: #06398a;
	display: table;
	text-align: center;
	border-bottom: 1px solid #E3E3E3;
	margin: 30px 0 15px;
	color: #FFFFFF;
}

.ny_product_view_body p {
	text-indent: 0;
	line-height: 42px;
	font-size: 16px;
}

.ny_product_view_body img{
	margin: 0 auto;
	display: table;
	width: auto;
}

/* 内页 right 新闻 */
.ny_right_body .ny_news_index {
	width: 880px;
	height: auto;
	display: table;
}

.ny_right_body .ny_news_index ul li {
	width: 880px;
	height: 50px;
	line-height: 50px;
	border-bottom: 1px dashed #ccc;
	background: url(news_arrow.gif) no-repeat 6px 15px;
	text-indent: 10px;
	font-size: 14px;
}

.ny_right_body .ny_news_index ul li a {
	width: 880px;
	height: 50px;
	display: block;
	color: #666666;
}

.ny_right_body .ny_news_index ul li a span {
	float: right;
	margin-right: 6px;
}

.ny_right_body .ny_news_view {
	width: 880px;
	height: auto;
	display: table;
}

.ny_right_body .ny_news_view h2 {
	font-size: 16px;
	font-weight: bold;
	line-height: 39px;
	padding: 0 10px;
}

.ny_right_body .ny_news_view h5 {
	font-size: 14px;
	font-weight: normal;
	width: 860px;
	line-height: 26px;
	height: 36px;
	display: block;
	border-bottom: 1px solid #ddd;
	color: #999;
	margin-bottom: 10px;
	margin: 0 auto 10px;
}

.ny_right_body .ny_news_view h5 a {
	color: #999;
}

.ny_right_body .ny_news_view h5 span {
	float: right;
}

.ny_right_body .ny_news_view h5 a:hover {
	color: #0157a4;
}

.ny_right_body .ny_news_view img{
	width: 50%;
	margin: 10px auto;
	display: table;
}

.ny_right_body .ny_news_view p {
	font-size: 14px;
	text-indent: 28px;
	line-height: 28px;
	width: 100%;
	margin: 0 auto;
	padding: 15px 0 0;
}


/* 内页 right 联系 */

.cn{
	font-size: 24px;
	    font-weight: bold;
	    margin-bottom: 20px;
}

.t1{
	font-size: 20px !important;
	line-height: 26px !important;
	margin-bottom: 5px;
}


/* 内页 right end */
.guest {
	width: 600px;
	height: 400px;
	margin: 0 auto;
	margin-top: 30px;
}

.guest p {
	margin-top: 10px;
}

.tijiao {
	width: 60px;
	border-radius: 8px;
	font-size: 16px;
	margin-left: 200px;
	margin-top: 20px;
	cursor: pointer;
}

/* 内页end */

.pages {
	text-align: center;
	margin-top: 30px;
	height: 28px;
	line-height: 26px;
	font-size: 14px;
	overflow: hidden;
}

.pages ul {
	margin: 0 auto;
	display: table;
}

.pages ul li {
	display: inline-block;
}

.pages ul li.active a {
	color: #06398a;
	background: none;
	border: 1px solid #06398a;
}

.pages ul li a {
	display: inline-block;
	margin: 0 8px;
	background: #06398a;
	padding: 0 10px;
	color: #FFFFFF;
	border: 1px solid #06398a;
}

.pages ul li a:hover {
	background: #FFFFFF;
	color: #06398a;
	border: 1px solid #06398a;
}

.news_page {
	margin-top: 20px;
	border-top: 2px dashed #999;
	padding-top: 20px;
}

.news_page ul {
	background: #E8E8E8;
	padding: 10px 0;
}

.news_page ul li {
	height: 30px;
	line-height: 30px;
	font-size: 14px;
	color: #;
	text-indent: 24px;
}

.news_page ul li a {
	color: #06398a;
}

.news_page ul li a:hover {
	color: #06398a;
}

.watermark{
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 1;
	display: block !important;
}

.watermark img{
	width: 100%;
}

.ny_right_body .ny_news_indexs ul li {
    width: 860px;
    height: 36px;
    line-height: 36px;
    margin-left: 14px;
    border-bottom: 1px dashed #ccc;
    background: url(news_arrow.gif) no-repeat 6px 15px;
    font-size: 14px;
}

.ny_right_body .ny_news_indexs ul li a {
    width: 860px;
    height: 36px;
    display: block;
    color: #333333;
}

.ny_right_body  .ny_news_indexs ul li p {
    float: right;
    background: #06398a;
    color: #FFFFFF;
    padding: 0 15px;
    border-radius: 5px;
	line-height: 30px;
	letter-spacing: 1px;
	font-size: 14px;
}

.ny_right_body .ny_news_indexs ul li img {
    float: left;
}