@charset "utf-8";

*, *:before, *:after {

	-webkit-box-sizing: border-box;

	-moz-box-sizing: border-box;

	box-sizing: border-box;

	outline: 0

}

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, 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

}

* {

	margin: 0;

	padding: 0

}

body {

	font-family: arial;

	font-size: 14px;

	color: #333;

	line-height: 1.5;

	min-width: 1260px;

	margin: 0 auto

}

a:link, a:visited {

	text-decoration: none;

	outline: 0;

	color: #666

}

a:hover, a:active, a:focus {

	color: #666;

	text-decoration: none

}

ul, li {

	list-style: none

}

ul {

	padding: 0

}

li {

	zoom: 1;

	vertical-align: middle

}

ol {

	margin: 0;

	padding: 0;

	padding-left: 36px

}

fieldset, img {

	border: 0

}

img {

	border: 0;

	max-width: 100%

}

div {

	outline: 0

}

h1, h2, h3, h4, h5, h6 {

	font-weight: normal;

	font-size: 100%

}

table {

	border-collapse: collapse;

	border-spacing: 0;

	table-layout: fixed;

	border: 0;

	 

}

th, td {

	padding: 0

}

input, textarea {

	font-family: arial;

	font-size: 14px

}

input {

	outline: 0

}

textarea {

	outline: 0

}

input[type='reset'], input[type='button'], input[type='submit'], input[type='radio'] {

	cursor: pointer;

	outline: 0

}

input[type='checkbox'], input[type='radio'] {

	position: relative;

	vertical-align: middle;

	margin-top: -2px;

	margin-bottom: 1px;

	margin-left: 5px;

	margin-right: 5px

}

textarea, input[type='email'], input[type='date'], input[type='password'], input[type='text'] {

	padding: 0;

	color: #666;

	outline: 0

}

input, select, textarea {

	-webkit-appearance: none;

	-webkit-tap-highlight-color: rgba(0,0,0,0);

	border-radius: 0;

	overflow-y: hidden;

	overflow-x: hidden

}

::-webkit-input-placeholder {

color:#a9a9a9

}

:-moz-placeholder {

color:#a9a9a9;

opacity:1

}

::-moz-placeholder {

color:#a9a9a9;

opacity:1

}

:-ms-input-placeholder {

color:#a9a9a9

}

.fl {

	float: left

}

.fr {

	float: right

}

.clear {

	clear: both

}

.clearfix:after {

	clear: both;

	height: 0;

	content: "";

	line-height: 0;

	font-size: 0;

	display: block

}

.pic {

	width: 100%;

	overflow: hidden;

	position: relative

}

.middleCenter {

	position: absolute;

	top: 0;

	bottom: 0;

	left: 0;

	right: 0;

	max-width: 100%;

	max-height: 100%;

	display: block;

	vertical-align: middle;

	text-align: center;

	margin: auto

}

.container {

	width: 1260px;

	margin-left: auto;

	margin-right: auto

}

.header {

	height: 100px;

	position: fixed;

	background: url(../images/bg.png) repeat center center;

	top: 0;

	left: 0;

	width: 100%;

	z-index: 101;

	transition: .5s

}

.header .logo {

	margin: 35px 103px 35px 0;

	overflow: hidden;

	float: left

}

.header .logo a {

	display: block

}

.header .logo a img {

	max-height: 87px;

	display: block;

	float: left

}

.header .nav {

	float: left

}

.header .nav ul {

	margin: 0 auto

}

.header .nav ul li {

	float: left;

	height: 32px;

	line-height: 32px;

	font-size: 16px;

	position: relative;

	font-weight: bold;

	text-transform: uppercase;

	margin: 34px 66px 34px 0

}

.header .nav ul li a {

	display: block;

	color: #333;

	height: 38px

}

.header .nav ul li:hover a {

	background: url("../images/line1.jpg") no-repeat bottom center

}

.header .nav ul li .menulist {

	width: 0;

	position: absolute;

	top: 38px;

	left: 50%;

	z-index: 9;

	padding-top: 28px;

	transition: all .3s;

	-moz-transition: all .3s;

	-webkit-transition: all .3s;

	-o-transition: all .3s;

	overflow: hidden

}

.header .nav ul li .menulist ul {

	background: url(../images/bg.png) repeat center center

}

.header .nav ul li .menulist ul li {

	height: 35px;

	line-height: 35px;

	padding: 0;

	margin: 0;

	float: none;

	text-transform: none;

	text-align: center;

	font-size: 14px;

	font-weight: normal

}

.header .nav ul li .menulist ul li a {

	color: #555;

	background: 0;

	overflow: hidden;

	text-overflow: ellipsis;

	white-space: nowrap;

	padding: 0 5px

}

.header .nav ul li .menulist ul li:hover a {

	color: #fff;

	background: #073190

}

.header .nav ul li .subnav {

	width: 160px;

	margin-left: -80px

}

.header .nav ul .product-nav .menulist {

	width: 0

}

.header .nav ul .product-nav .subnav {

	width: 240px;

	margin-left: -120px

}

.header .nav ul .active a {

	background: url("../images/line1.jpg") no-repeat bottom center

}

.header .lan {

	float: right;

	margin: 42px 0;

	position: relative

}

.header .lan a {

	display: block

}

.header .lan img {

	display: block

}

.home-banner {

	overflow: hidden;

	width: 100%;

	height: 700px

}

.home-banner .home-banner-slick {

	height: 700px;

	overflow: hidden;

	position: relative;

	width: 1920px;

	left: 50%;

	margin-left: -960px

}

.home-banner .slick-dots {

	z-index: 100;

	bottom: 20px;

	line-height: 0;

	background: url("../images/page.png") no-repeat center center

}

.home-banner .slick-dots li {

	margin: 0 4px;

	padding: 0;

	width: 16px;

	height: 30px

}

.home-banner .slick-dots li button {

	width: 16px;

	height: 30px;

	display: block;

	background: url(../images/dot.png) no-repeat center center;

	padding: 0

}

.home-banner .slick-dots li button:before {

	content: ""

}

.home-banner .slick-dots .slick-active button {

	background: url(../images/doth.png) no-repeat center center

}

.home-banner .slick-dots .slick-active button:before {

	color: transparent

}

.number {

	background: url("../images/number.jpg") no-repeat top center;

	overflow: hidden;

	border-bottom: 1px solid #fff;

	padding: 70px 0 61px 0

}

.number ul {

	margin: 0 -90px

}

.number ul li {

	float: left;

	padding: 0 90px;

	width: 360px;

	color: #fff;

	text-align: center;

	font-size: 56px;

	font-weight: bold;

	line-height: 55px

}

.number ul li .pic {

	height: 44px;

	width: 100%;

	margin-bottom: 11px

}

.number ul li p {

	font-size: 18px;

	margin-top: 5px;

	text-transform: uppercase;

	font-weight: normal;

	line-height: 38px

}

.home-product {

	position: relative;

	height: 350px;

	overflow: hidden

}

.home-product ul li {

	width: 50%;

	float: left;

	height: 350px

}

.home-product ul li .pic {

	width: 960px;

	height: 350px;

	position: absolute;

	top: 0;

	right: 50%

}

.home-product ul li .pic img {

	transition: .3s

}

.home-product ul li .pic i {

	background: url("../images/bg1.png") repeat center center;

	width: 100%;

	height: 350px;

	display: block;

	position: absolute;

	z-index: 2;

	left: 0;

	bottom: -350px

}

.home-product ul li .hp-name {

	position: absolute;

	bottom: 25px;

	font-size: 26px;

	line-height: 32px;

	height: 32px;

	color: #fff;

	padding-left: 20px;

	z-index: 1;

	overflow: hidden;

	white-space: nowrap;

	text-overflow: ellipsis;

	width: 630px

}

.home-product ul li .hp-info {

	width: 630px;

	height: 350px;

	position: absolute;

	z-index: 3;

	padding: 30px 5px 30px 70px;

	color: #fff;

	bottom: -350px

}

.home-product ul li .hp-info .hinfo-name {

	font-size: 26px;

	margin-bottom: 20px;

	overflow: hidden;

	white-space: nowrap;

	text-overflow: ellipsis

}

.home-product ul li .hp-info p {

	font-size: 16px;

	line-height: 32px;

	height: 160px;

	overflow: hidden

}

.home-product ul li .hp-info span {

	width: 160px;

	border: 1px solid #fff;

	line-height: 40px;

	display: block;

	padding-left: 15px;

	font-size: 18px;

	font-weight: bold;

	font-style: italic;

	background: url("../images/more.png") no-repeat 124px center;

	margin-top: 30px;

	transition: .3s

}

.home-product ul li .hp-info span:hover {

	background: #073190 url("../images/more.png") no-repeat 124px center;

	border: 1px solid #073190

}

.home-product ul li:hover .pic img {

	transform: scale(1.05)

}

.home-product ul li:hover .hp-name {

	display: none

}

.home-product ul li:hover i {

	display: block

}

.home-product ul li:hover .hp-info {

	display: block

}

.home-product ul .last-child {

	float: right

}

.home-product ul .last-child .pic {

	right: auto;

	left: 50%;

	margin-left: 1px

}

.home-about {

	background: url("../images/home-about.jpg") repeat-y top center;

	padding: 77px 0 79px 0;

	overflow: hidden

}

.home-about .home-about-left {

	background: url("../images/line.png") no-repeat bottom left;

	height: 190px;

	float: left;

	width: 440px

}

.home-about .home-about-left h3 {

	font-size: 44px;

	font-weight: bold;

	text-transform: uppercase;

	color: #333

}

.home-about .home-about-left span {

	font-size: 36px;

	font-weight: bold;

	color: #073190;

	text-transform: uppercase

}

.home-about .home-about-right {

	float: left;

	width: 820px;

	padding: 0 20px 0 60px

}

.home-about .home-about-right p {

	line-height: 32px;

	overflow: hidden;

	font-size: 16px;

	color: #555

}

.home-about .home-about-right .more {

	width: 160px;

	border: 1px solid #073190;

	line-height: 40px;

	display: block;

	font-size: 18px;

	font-weight: bold;

	font-style: italic;

	margin-top: 22px

}

.home-about .home-about-right .more a {

	padding-left: 15px;

	display: block;

	color: #073190;

	background: url("../images/more2.png") no-repeat 124px center;

	transition: .3s

}

.home-about .home-about-right .more a:hover {

	background: #073190 url("../images/more.png") no-repeat 124px center;

	color: #fff

}

.home-project {

	padding: 80px 0;

	overflow: hidden;

	background: #e6e6e6

}

.home-project .project-title {

	text-align: center;

	font-size: 44px;

	font-weight: bold;

	color: #333;

	background: url("../images/line.png") no-repeat bottom center;

	text-transform: uppercase;

	padding-bottom: 13px;

	margin-bottom: 40px

}

.home-project ul {

	overflow: hidden

}

.home-project ul li {

	float: left;

	width: 420px;

}

.home-project ul li .pic {

	width: 420px;

	height: 250px

}

.home-project ul li .pic img {

	transition: .3s

}

.home-project ul li .project-info {

	border-right: 1px solid #ddd;

	border-bottom: 1px solid #ddd;

	border-top: 1px solid #ddd;

	background: #fff;

	line-height: 32px;

	font-size: 16px;

	color: #555;

	padding: 13px 0 13px 40px

}

.home-project ul li .project-info p {

	font-weight: bold;

	height: 32px;

	overflow: hidden

}

.home-project ul li:hover .pic img {

	transform: scale(1.05)

}

.home-project ul li:hover .project-info {

	border-right: 1px solid #ddd;

	border-bottom: 1px solid #073190;

	border-top: 1px solid #073190;

	background: #073190;

	color: #fff

}

.home-project ul li:first-child .project-info {

	border-left: 1px solid #ddd

}

.home-project ul li:first-child:hover .project-info {

	border-left: 1px solid #073190

}

.home-project .more {

	margin: 40px auto 0 auto;

	width: 160px;

	border: 1px solid #073190;

	line-height: 40px;

	display: block;

	font-size: 18px;

	font-weight: bold;

	font-style: italic

}

.home-project .more a {

	padding-left: 15px;

	display: block;

	color: #073190;

	background: url("../images/more2.png") no-repeat 124px center;

	transition: .3s

}

.home-project .more a:hover {

	background: #073190 url("../images/more.png") no-repeat 124px center;

	color: #fff

}

.home-contact {

	background: url("../images/home-contact.jpg") no-repeat top center;

	padding: 80px 0;

	overflow: hidden

}

.home-contact .contact-info {

	float: left;

	font-size: 40px;

	color: #fff;

	text-transform: uppercase;

	height: 40px;

	line-height: 40px

}

.home-contact .more {

	width: 160px;

	border: 1px solid #fff;

	line-height: 38px;

	display: block;

	font-size: 18px;

	font-weight: bold;

	font-style: italic;

	float: right;

	transition: .3s

}

.home-contact .more a {

	padding-left: 15px;

	display: block;

	color: #fff;

	background: url("../images/more.png") no-repeat 124px center

}

.home-contact .more:hover {

	border: 1px solid #073190

}

.home-contact .more:hover a {

	background: #073190 url("../images/more.png") no-repeat 124px center;

	color: #fff

}

.footer {

	background: #11151f

}

.footer .footer-top {

	padding: 62px 0 48px 0

}

.footer .footer-top ul {

	float: left

}

.footer .footer-top ul li {

	text-transform: uppercase;

	float: left;

	margin-right: 67px

}

.footer .footer-top ul li a {

	color: #65666a;

	font-size: 16px;

	line-height: 30px;

	display: block;

	transition: .4s

}

.footer .footer-top ul li a:hover {

	color: #fff

}

.footer .link {

	float: right;

	width: 140px;

	height: 30px;

	background: #292d36;

	position: relative

}

.footer .link:before {

	content: "";

	display: block;

	background: url("../images/link.png") no-repeat 10px center;

	width: 38px;

	height: 30px;

	position: absolute;

	top: 0;

	left: 0

}

.footer .link ul {

	height: 30px;

	line-height: 30px;

	padding-left: 38px;

	color: #fff;

	text-transform: uppercase;

	font-size: 16px;

	width: 140px;

	position: relative

}

.footer .link ul li .more {

	background: url(../images/icon2.png) no-repeat center center;

	display: block;

	width: 12px;

	height: 30px;

	position: absolute;

	top: 0;

	right: 10px

}

.footer .link ul li ul {

	display: none;

	position: absolute;

	top: 30px;

	width: 140px;

	background: #292d36;

	border: 0;

	left: 0;

	z-index: 4;

	height: 60px;

	overflow: auto;

	text-transform: none

}

.footer .link ul li ul li {

	text-transform: none

}

.footer .link ul li ul::-webkit-scrollbar {

width:5px;

height:100%

}

.footer .link ul li ul::-webkit-scrollbar-button {

display:none

}

.footer .link ul li ul::-webkit-scrollbar-track {

background:url("../images/1.png") repeat center center

}

.footer .link ul li ul::-webkit-scrollbar-thumb {

background:url("../images/scroll01.png") no-repeat center center;

height:20px;

width:3px

}

.footer .link select {

	border: 0;

	height: 30px;

	line-height: 30px;

	padding-left: 38px;

	color: #fff;

	text-transform: uppercase;

	font-size: 16px;

	width: 140px

}

.footer .footer-bottom {

	text-align: center;

	line-height: 45px;

	border-top: 1px solid #181c26;

	color: #3a3c42

}

.footer .footer-bottom a {

	text-decoration: underline;

	color: #3a3c42

}

.footer .footer-bottom a:hover {

	color: #fff

}

.inmain {

	padding-top: 100px;

	padding-bottom: 40px

}

.inbanner {

	height: 250px;

	line-height: 250px;

	text-align: center;

	text-transform: uppercase;

	font-size: 40px;

	overflow: hidden;

	color: #150f0c

}

.inbanner span {

	position: absolute;

	display: block;

	width: 1260px;

	color: #fff;

	height: 248px;

	line-height: 248px;

	margin-left: -2px

}

.current {

	border-top: 5px solid #150f0c;

	overflow:hidden;

	background: #405066 url("../images/current-left1.jpg") repeat-y center left

}

.current .current-left {

	width: 229px;

	line-height: 50px;

	text-align: center;

	font-size: 20px;

	color: #fff;

	float: left;

	font-weight: bold;

	text-transform: uppercase;

	background:#06318f url("../images/current-left.jpg") no-repeat center center

}

.current ul {

	float: left;

	padding-top: 14px;

	overflow: hidden;

	padding-left: 42px;

	width:1030px;

}

.current ul li {

	height: 22px;

	margin-right: 37px;

	line-height: 22px;

	float: left;

	    margin-bottom: 14px;

}

.current ul li a {

	display: block;

	padding: 0 6px;

	color: #fff

}

.current ul li:hover {

	font-weight: bold

}

.current ul li:hover a {

	border-radius: 3px;

	background: #687586

}

.current ul .active {

	font-weight: bold

}

.current ul .active a {

	border-radius: 3px;

	background: #687586

}

.content {

	clear:both;

	background: #fff;

	min-height: 600px;

	overflow: hidden

}

.news1 {

	overflow: hidden;

	padding: 0 40px;

	margin-top: 80px

}

.news1 li {

	float: left;

	width: 393px

}

.news1 li .pic {

	width: 393px;

	height: 234px

}

.news1 li .pic img {

	transition: .3s

}

.news1 li .project-info {

	border-right: 1px solid #ddd;

	border-bottom: 1px solid #ddd;

	border-top: 1px solid #ddd;

	background: #fff;

	line-height: 32px;

	font-size: 16px;

	color: #555;

	padding: 13px 0 13px 40px

}

.news1 li .project-info p {

	font-weight: bold;

	height: 64px;

	overflow: hidden

}

.news1 li:hover .pic img {

	transform: scale(1.05)

}

.news1 li:hover .project-info {

	border-right: 1px solid #ddd;

	border-bottom: 1px solid #073190;

	border-top: 1px solid #073190;

	background: #073190;

	color: #fff

}

.news1 li:first-child .project-info {

	border-left: 1px solid #ddd

}

.news1 li:first-child:hover .project-info {

	border-left: 1px solid #073190

}

.news2 li {

	height: 100px;

	line-height: 100px;

	padding: 0 40px;

	font-size: 16px;

	font-weight: bold;

	border-bottom: 1px solid #e7e8e9;

	position: relative

}

.news2 li a {

	color: #333;

	padding-right: 90px;

	display: block;

	white-space: nowrap;

	text-overflow: ellipsis;

	overflow: hidden

}

.news2 li a:hover {

	color: #073190

}

.news2 li span {

	float: right;

	position: absolute;

	right: 40px;

	top: 0;

	font-size: 16px;

	color: #555;

	font-weight: normal

}

.news-show {

	padding: 80px 0

}

.news-show .news-h2 {

	font-size: 16px;

	color: #555;

	padding: 0 40px 25px 40px;

	line-height: 24px;

	overflow: hidden

}

.news-show .news-h1 {

	font-size: 40px;

	color: #333;

	font-weight: bold;

	padding: 0 40px 60px 40px;

	line-height: 50px;

	overflow: hidden;

	border-bottom: 1px solid #e7e8e9

}

.news-show .news-p {

	padding: 60px 40px 60px 40px;

	font-size: 16px;

	overflow: hidden;

	line-height: 32px

}

.news-show .return {

	width: 160px;

	border: 1px solid #073190;

	line-height: 40px;

	display: block;

	font-size: 18px;

	font-weight: bold;

	font-style: italic;

	margin: 0 auto

}

.news-show .return a {

	padding-left: 50px;

	display: block;

	color: #073190;

	background: url("../images/more3.png") no-repeat 15px center

}

.news-show .return a:hover {

	background: #073190 url("../images/more3h.png") no-repeat 15px center;

	color: #fff

}

.page {

	text-align: center;

	overflow: hidden;

	margin: 44px auto

}

.page a {

	display: inline-block;

	line-height: 40px;

	padding: 0 15px;

	height: 40px;

	font-weight: normal;

	font-size: 16px;

	vertical-align: middle;

	color: #666;

	margin: 0 5px;

	font-family: arial;

	border-radius: 3px

}

.page a:hover {

	background: #073190;

	color: #fff

}

.page .num2 {

	width: 40px;

	text-align: center;

	vertical-align: middle;

	background: url(../images/page1.png) no-repeat center center

}

.page .num2:hover {

	background: url(../images/page3.png) no-repeat center center

}

.page .num3 {

	width: 40px;

	text-align: center;

	vertical-align: middle;

	background: url(../images/page2.png) no-repeat center center

}

.page .num3:hover {

	background: url(../images/page4.png) no-repeat center center

}

.page .cpb {

	background: #073190;

	color: #fff

}

.customers-top {

	border-bottom: 1px solid #e7e8e9;

	overflow: hidden

}

.customers-top .cus-left {

	float: left;

	padding: 80px 0 0 40px;

	overflow: hidden;

	width: 320px

}

.customers-top .cus-left h3 {

	font-size: 40px;

	color: #333;

	background: url("../images/icon01.png") no-repeat bottom left;

	padding-bottom: 68px;

	margin-bottom: 72px;

	overflow: hidden

}

.customers-top .cus-right {

	float: left;

	padding: 80px 40px 40px 40px;

	line-height: 32px;

	width: 939px;

	border-left: 1px solid #e7e8e9;

	color: #555;

	font-size: 16px

}

.cu-list {

	margin-top: 60px;

	overflow: hidden;

	margin-bottom: 80px

}

.cu-list ul {

	border-top: 1px solid #e7e8e9;

	border-left: 1px solid #e7e8e9;

	overflow: hidden;

	margin: 0 40px

}

.cu-list ul li {

	float: left;

	width: 294px;

	height: 188px;

	border-right: 1px solid #e7e8e9;

	overflow: hidden;

	border-bottom: 1px solid #e7e8e9

}

.cu-list ul li .pic {

	width: 294px;

	height: 188px

}

.cu-list ul li .pic img {

	transition: .3s

}

.cu-list ul li:hover .pic img {

	transform: scale(1.05)

}

.height20 {

	height: 20px

}

.careers-list>li {

	margin-bottom: 11px;

	overflow: hidden

}

.careers-list>li>a {

	padding: 20px;

	overflow: hidden;

	background: #f8f8f8 url(../images/icon03.png) no-repeat 813px center;

	display: block

}

.careers-list>li>a span {

	font-size: 16px;

	font-weight: bold;

	color: #333

}

.careers-list>li>a p {

	font-size: 16px;

	color: #555

}

.careers-list>li:hover>a {

	background: #073190 url(../images/icon03.png) no-repeat 813px center

}

.careers-list>li:hover>a span {

	color: #fff

}

.careers-list>li:hover>a p {

	color: #fff

}

.careers-list>li ul {

	display: none

}

.careers-list>li ul li .careers-info {

	padding: 0 20px;

	background: #f8f8f8;

	overflow: hidden

}

.careers-list>li ul li h3 {

	margin-top: 50px;

	margin-bottom: 20px;

	font-size: 16px;

	font-weight: bold;

	color: #073190;

	text-transform: uppercase

}

.careers-list>li ul li p {

	font-size: 16px;

	color: #555

}

.careers-list>li ul li .down {

	margin: 45px auto 50px auto;

	overflow: hidden;

	width: 196px;

	height: 40px;

	line-height: 40px;

	border: 1px solid #073190;

	transition: .3s

}

.careers-list>li ul li .down a {

	font-style: italic;

	font-size: 18px;

	color: #073190;

	padding-left: 15px;

	display: block;

	font-weight: bold;

	background: url("../images/down.png") no-repeat 165px center

}

.careers-list>li ul li .down a:hover {

	background: #073190 url("../images/downh.png") no-repeat 165px center;

	color: #fff

}

.careers-list .nav-show>a {

	background: #073190 url(../images/icon03h.png) no-repeat 813px center

}

.careers-list .nav-show>a span {

	color: #fff

}

.careers-list .nav-show>a p {

	color: #fff

}

.careers-list .nav-show:hover>a {

	background: #073190 url(../images/icon03h.png) no-repeat 813px center

}

.careers-list .nav-show:hover>a span {

	color: #fff

}

.careers-list .nav-show:hover>a p {

	color: #fff

}

.pro-info {

	font-weight: bold;

	color: #073190

}

.pro-list ul li {

	padding: 60px 40px 60px 39px;

	overflow: hidden;

	border-bottom: 1px solid #e7e8e9;

	border-right: 1px solid #e7e8e9;

	float: left;

	width: 630px

}

.pro-list ul li .pic {

	width: 550px;

	height: 200px

}

.pro-list ul li .pic img {

	transition: .3s

}

.pro-list ul li .product-info {

	width: 550px

}

.pro-list ul li .product-info h3 {

	font-size: 20px;

	color: #333;

	font-weight: bold;

	text-transform: uppercase;

	margin: 30px 0 20px 0;

	text-overflow: ellipsis;

	white-space: nowrap;

	overflow: hidden

}

.pro-list ul li .product-info p {

	font-size: 16px;

	line-height: 32px;

	height: 96px;

	overflow: hidden;

	margin-bottom: 20px

}

.pro-list ul li .product-info span {

	width: 160px;

	height: 40px;

	border: 1px solid #073190;

	line-height: 40px;

	font-size: 18px;

	font-weight: bold;

	font-style: italic;

	margin-top: 22px;

	padding-left: 15px;

	display: block;

	color: #073190;

	background: url("../images/more2.png") no-repeat 124px center

}

.pro-list ul li:hover .pic img {

	transform: scale(1.05)

}

.pro-list ul li:hover .product-info h3 {

	color: #073190

}

.pro-list ul li:hover .product-info span {

	background: #073190 url("../images/more.png") no-repeat 124px center;

	color: #fff

}

.pro-list ul li:nth-child(2n) {

	border-right: 0

}

.proshow-top {

	padding: 80px 40px 60px 40px;

	overflow: hidden;

	border-bottom: 1px solid #e7e8e9;

	position: relative

}

.proshow-top .pro-left {

	float: left;

	width: 350px;

	padding-top: 20px;

	overflow: hidden;

	padding-bottom:45px;

}

.proshow-top .pro-left h3 {

	font-size: 20px;

	color: #333;

	font-weight: bold;

	text-transform: uppercase;

	line-height: 32px;

	margin-bottom: 40px;

	overflow: hidden

}

.proshow-top .pro-left p {

	font-size: 16px;

	color: #555;

	line-height: 32px

}

.proshow-top .pro-left .contact {

	position: absolute;

	bottom: 60px;

	left: 40px;

	width: 160px;

	border: 1px solid #073190;

	line-height: 40px;

	display: block;

	font-size: 18px;

	font-weight: bold;

	font-style: italic;

	margin-top: 22px

}

.proshow-top .pro-left .contact a {

	padding-left: 15px;

	display: block;

	color: #073190;

	background: url("../images/more2.png") no-repeat 124px center

}

.proshow-top .pro-left .contact a:hover {

	background: #073190 url("../images/more.png") no-repeat 124px center;

	color: #fff

}

.proshow-top .pro-right {

	float: right;

	width: 801px;

	height: 300px

}

.products-info {

	padding: 60px 40px 80px 40px;

	overflow: hidden

}

.products-info table {

	border-top: 1px solid #e2e8f1;

	border-left: 1px solid #e2e8f1

}

.products-info table .odd {

	background: #e2e8f1

}

.products-info table tr.pro-top {

	font-size: 18px;

	font-weight: bold;

	background: #073190

}

.products-info table tr.pro-top td {

	color: #fff

}

.products-info table td {

	border-bottom: 1px solid #e2e8f1;

	border-right: 1px solid #e9f1f6;

	font-size: 16px;

	color: #555;

	padding-left: 40px;

	height: 44px;

	line-height: 44px

}

#about1 {

	background: url("../images/aboutbg.jpg") no-repeat top center

}

#about1 .cus-left {

	padding-top: 60px

}

#about1 .cus-left h3 {

	color: #fff;

	background: url("../images/icon02.png") no-repeat bottom left;

	margin-bottom: 0;

	padding-bottom: 55px

}

#about1 .cus-right {

	border-left: 1px solid #49596e;

	padding: 80px 0 40px 0

}

.about-number li {

	float: left;

	width: 234px;

	color: #fff;

	text-align: center;

	font-size: 40px;

	font-weight: bold;

	line-height: 38px

}

.about-number li .pic {

	height: 44px;

	width: 100%;

	margin-bottom: 11px

}

.about-number li p {

	font-size: 18px;

	margin-top: 5px;

	text-transform: uppercase;

	font-weight: normal;

	line-height: 32px

}

#about2 .about2-top {

	font-size: 40px;

	color: #333;

	line-height: 50px

}

#about2 ul li {

	margin-top: 60px;

	overflow: hidden

}

#about2 ul li .pic1 {

	width: 400px;

	float: right;

	height: auto

}

#about2 ul li .about2-info {

	float: left;

	width: 420px

}

#about2 ul li .about2-info h3 {

	font-size: 20px;

	color: #073190;

	font-weight: bold;

	text-transform: uppercase;

	margin-bottom: 20px;

	overflow: hidden

}

#about2 ul li .about2-info p {

	font-size: 16px;

	color: #555

}

.contact-list {

	width: 400px;

	float: left

}

.contact-list li {

	margin-bottom: 20px;

	overflow: hidden;

	line-height: 32px;

	font-size: 16px;

	color: #555

}

.contact-list li img {

	vertical-align: middle;

	margin-right: 10px

}

.contact-ad {

	width: 350px;

	float: right;

	overflow: hidden;

	line-height: 32px;

	font-size: 16px;

	color: #555;

	background: url("../images/p2.png") no-repeat left 5px;

	padding-left: 30px

}

.message {

	overflow: hidden;

	margin-bottom: 40px

}

.message ul {

	overflow: hidden

}

.message ul li {

	margin-bottom: 11px;

	position: relative;

	float: left;

	width: 414px;

	margin-right: 29px;

	overflow: hidden

}

.message ul li input {

	outline: 0;

	border: 1px solid #d3d3d3;

	width: 100%;

	height: 40px;

	line-height: 40px;

	padding: 0 10px;

	font-size: 14px;

	color: #333;

	transition: .5s;

	position: relative;

	border-radius: 3px

}

.message ul li textarea {

	outline: 0;

	border: 1px solid #d3d3d3;

	width: 100%;

	height: 133px;

	line-height: 24px;

	padding-left: 10px;

	padding-top: 10px;

	font-size: 14px;

	color: #333;

	position: relative;

	transition: .5s;

	border-radius: 3px

}

.message ul .odd {

	margin-right: 0

}

.message ul .text {

	margin-right: 0;

	width: 858px;

	float: none;

	height: 133px

}

.message input:focus, .message textarea:focus {

	transition: border linear .2s, box-shadow linear .5s;

	-moz-transition: border linear .2s, -moz-box-shadow linear .5s;

	-webkit-transition: border linear .2s, -webkit-box-shadow linear .5s;

	outline: 0;

	border: 1px solid #073190;

	background: #fff

}

.message ul li.yanzhen {

	float: left;

	width: 545px;

	position: relative;

	overflow: hidden

}

.message ul li.yanzhen input {

	width: 415px;

	float: left

}

.message ul li.yanzhen a {

	height: 40px;

	line-height: 40px;

	float: left

}

.message .message-submit {

	text-align: center;

	float: right;

	width: 262px;

	margin-right: 0

}

.message .message-submit input {

	width: 120px;

	border: 0;

	padding: 0;

	float: left;

	margin-left: 11px;

	font-size: 16px;

	color: #fff;

	background: #073190;

	transition: .5s;

	text-transform: uppercase;

	height: 40px;

	line-height: 40px

}

.message .message-submit input:hover {

	background: #f08200

}

#m:after {

	content: "*";

	font-size: 15px;

	color: red;

	float: right;

	position: absolute;

	right: 5px;

	top: 0

}

.project-list li {

	padding: 80px 0 60px 0;

	border-bottom: 1px solid #e7e8e9;

	overflow: hidden

}

.project-list .project-title {

	font-size: 40px;

	color: #333;

	text-align: center;

	margin-bottom: 30px;

	overflow: hidden

}

.fsbanner {

	position: relative;

	overflow: hidden;

	height: 450px;

	margin: 0 40px

}

.fsbanner .list {

	position: absolute;

	background-size: cover;

	cursor: pointer;

	top: 0;

	left: 0

}

.fsbanner .list .pic {

	width: 1180px;

	height: 450px

}

.fsbanner .list .project-info {

	display: block;

	position: absolute;

	left: 0;

	bottom: 0;

	background: url("../images/pjbg.png") repeat center center;

	width: 100%;

	height: 450px;

	line-height: 32px;

	color: #fff;

	padding-top: 150px;

	font-size: 16px

}

.fsbanner .list .project-info span {

	font-weight: bold;

	width: 40%;

	text-align: center;

	display: block

}

.fsbanner .list .project-info p {

	width: 40%;

	text-align: center

}

.fsbanner .list .active {

	display: none

}

.map {

	margin: 80px 40px

}

.map img {

	margin-left: 20px

}

.map dl {

	border: #d6dbe1 solid 1px;

	border-top: #073190 solid 2px;

	border-bottom: 0;

	margin: 20px 0 20px 0

}

.map dl dt {

	background: #fcfcfc;

	color: #0053a8;

	font-size: 16px;

	line-height: 40px;

	border-bottom: #d6dbe1 solid 1px;

	padding: 0 0 0 20px

}

.map dl dt a:hover {

	color: #073190

}

.map dl:hover {

	background: #f5f8fa

}

.map dd {

	overflow: hidden;

	padding-top: 10px

}

.map dd div {

	clear: both;

	overflow: hidden;

	line-height: 30px;

	border-bottom: #d6dbe1 solid 1px;

	padding: 0 20px 10px 10px

}

.map dd div a {

	color: #333;

	float: left;

	padding: 0 10px 0 10px

}

.map dd div a:hover {

	background: #073190;

	color: #fff

}