@charset "utf-8";

*,*:before,*:after {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	outline: 0
}

#bsWXBox {
	box-sizing: content-box
}

ul {
	list-style: none
}

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
}

body {
	font-family: "microsoft yahei",arial;
	font-size: 14px;
	color: #666;
	line-height: 1.5;
	width: 100%;
	background: #fff
}

a:link,a:visited {
	text-decoration: none;
	outline: 0;
	color: #666
}

a:hover,a:active,a:focus {
	color: #666;
	text-decoration: none
}

img {
	border: 0;
	max-width: 100%
}

table {
	border-collapse: collapse;
	width: 100%
}

h1,h2,h3,h4,h5,h6 {
	font-weight: normal
}

input,textarea {
	font-size: 14px;
	outline: 0;
	overflow: hidden;
	font-family: arial,"microsoft yahei"
}

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[type="submit"],input[type="reset"],input[type="button"],input[type='text'],select,button {
	-webkit-appearance: none
}

input,select,textarea {
	-webkit-appearance: none;
	-webkit-tap-highlight-color: rgba(0,0,0,0);
	border-radius: 0
}

::-webkit-input-placeholder {
	color: #666
}

:-moz-placeholder {
	color: #666;
	opacity: 1
}

::-moz-placeholder {
	color: #666;
	opacity: 1
}

:-ms-input-placeholder {
	color: #666
}

.fl {
	float: left
}

.fr {
	float: right
}

.clearfix:after {
	clear: both;
	height: 0;
	content: "";
	line-height: 0;
	font-size: 0;
	display: block
}

.pic {
	width: 100%;
	overflow: hidden;
	position: relative
}

.pic:after {
	content: "";
	display: block;
	padding-bottom: 100%
}

.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 {
	margin-right: auto;
	margin-left: auto;
	width: 1400px
}

@media (max-width:1440px) {
	.container {
		margin-right: auto;
		margin-left: auto;
		padding-right: 10px;
		padding-left: 10px;
		width: 100%
	}
}

#container {
	overflow: hidden
}

.header {
	height: 100px;
	position: relative;
	border-bottom: 1px solid #e5e5e5;

}

.header .logo {
	padding: 23px 0 0 0;
	overflow: hidden;
	float: left
}

.header .header-right {
	float: right
}

.header .header-right .lan {
	float: right;
	margin-top: 46px
}

.header .header-right .lan a {
	text-transform: uppercase;
	font-size: 15px;
	color: #333;
	width: 36px;
	height: 19px;
	line-height: 19px;
	display: block;
	float: left;
	text-align: center;
	border-radius: 20px
}

.header .header-right .lan a:hover {
	background: #3072b3;
	color: #fff
}

.header .header-right .search {
	float: right;
	margin-top: 43px;
	position: relative;
	border-bottom: 1px solid #7f7f7f;
	width: 165px;
	margin-right: 22px
}

.header .header-right .search #btn {
	border: 0;
	font-size: 12px;
	color: #fff;
	width: 23px;
	height: 23px;
	line-height: 23px;
	text-align: center;
	cursor: pointer;
	border-radius: 0;
	background: url(../images/search.png) no-repeat center center;
	outline: 0;
	position: absolute;
	top: 0;
	right: 0
}

.header .header-right .search #text {
	text-align: left;
	width: 100%;
	font-size: 14px;
	height: 20px;
	padding-right: 30px;
	padding-left: 4px;
	color: #666;
	line-height: 19px;
	vertical-align: top;
	-webkit-appearance: none;
	transition: .5s;
	border: 0;
	background: 0
}

.header .header-right .search #text::-webkit-input-placeholder {
	color: #666
}

.header .header-right .search #text:-moz-placeholder {
	color: #666;
	opacity: 1
}

.header .header-right .search #text::-moz-placeholder {
	color: #666;
	opacity: 1
}

.header .header-right .search #text:-ms-input-placeholder {
	color: #666
}

.header .header-right .nav {
	float: left;
	margin-right: 130px
}

.header .header-right .nav ul li {
	font-size: 16px;
	cursor: pointer;
	float: left;
	text-transform: capitalize;
	margin-left: 9px;
	height: 100px;
	position: relative
}

.header .header-right .nav ul li a {
	display: block;
	transition: all .16s;
	line-height: 100px;
	color: #333;
	padding: 0 23px;
	position: relative
}

.header .header-right .nav ul li:hover a {
	color: #3072b3;
	font-weight: bold
}

.header .header-right .nav ul li:hover .subnav {
	display: block
}

.header .header-right .nav ul li .subnav {
	position: absolute;
	left: 50%;
	top: 100px;
	z-index: 999;
	font-size: 14px;
	width: 160px;
	display: none;
	background: #fafafa;
	padding: 17px 0;
	margin-left: -80px
}

.header .header-right .nav ul li .subnav ul {
	text-align: center;
	margin: 0 auto
}

.header .header-right .nav ul li .subnav ul li {
	height: 30px;
	float: none;
	margin: 0 17px;
	font-size: 14px;
	text-align: center
}

.header .header-right .nav ul li .subnav ul li a {
	line-height: 30px;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
	color: #666;
	font-weight: normal;
	margin: 0;
	padding: 0
}

.header .header-right .nav ul li .subnav ul li:hover {
	border-bottom: 0
}

.header .header-right .nav ul li .subnav ul li:hover a {
	color: #3072b3
}

.header .header-right .nav ul .active a {
	color: #3072b3;
	font-weight: bold
}

.header1 {
	height: 100px;
	position: fixed;
	width: 100%;
	z-index: 9;
    background: url(../images/2.png) repeat center center;
}

.header1 .logo {
	padding: 23px 0 0 0;
	overflow: hidden;
	float: left
}

.header1 .header-right {
	float: right
}

.header1 .header-right .lan {
	float: right;
	margin-top: 46px
}

.header1 .header-right .lan a {
	text-transform: uppercase;
	font-size: 15px;
	color: #fff;
	width: 36px;
	height: 19px;
	line-height: 19px;
	display: block;
	float: left;
	text-align: center;
	border-radius: 20px
}

.header1 .header-right .lan a:hover {
	background: #3072b3;
	color: #fff
}

.header1 .header-right .search {
	float: right;
	margin-top: 43px;
	position: relative;
	border-bottom: 1px solid #fff;
	width: 165px;
	margin-right: 22px
}

.header1 .header-right .search #btn {
	border: 0;
	font-size: 12px;
	color: #fff;
	width: 23px;
	height: 23px;
	line-height: 23px;
	text-align: center;
	cursor: pointer;
	border-radius: 0;
	background: url(../images/search1.png) no-repeat center center;
	outline: 0;
	position: absolute;
	top: 0;
	right: 0
}

.header1 .header-right .search #text {
	text-align: left;
	width: 100%;
	font-size: 14px;
	height: 20px;
	padding-right: 30px;
	padding-left: 4px;
	color: #fff;
	line-height: 19px;
	vertical-align: top;
	-webkit-appearance: none;
	transition: .5s;
	border: 0;
	background:url(../images/2.png) repeat center center;
}

.header1 .header-right .search #text::-webkit-input-placeholder {
	color: #fff
}

.header1 .header-right .search #text:-moz-placeholder {
	color: #fff;
	opacity: 1
}

.header1 .header-right .search #text::-moz-placeholder {
	color: #fff;
	opacity: 1
}

.header1 .header-right .search #text:-ms-input-placeholder {
	color: #fff
}

.header1 .header-right .nav {
	float: left;
	margin-right: 130px
}

.header1 .header-right .nav ul li {
	font-size: 16px;
	cursor: pointer;
	float: left;
	text-transform: capitalize;
	margin-left: 9px;
	height: 100px;
	position: relative
}

.header1 .header-right .nav ul li a {
	display: block;
	transition: all .16s;
	line-height: 100px;
	color: #fff;
	margin: 0 23px;
	position: relative
}

.header1 .header-right .nav ul li a:after {
	position: absolute;
	bottom: 20px;
	height: 2px;
	width: 0;
	overflow: hidden;
	content: '';
	background: #fff;
	display: block;
	transition: .5s
}

.header1 .header-right .nav ul li:hover a:after {
	width: 100%
}

.header1 .header-right .nav ul li:hover .subnav {
	display: block
}

.header1 .header-right .nav ul li .subnav {
	position: absolute;
	left: 50%;
	top: 80px;
	z-index: 999;
	font-size: 14px;
	width: 160px;
	display: none;
	background: #fafafa;
	padding: 17px 0;
	margin-left: -80px
}

.header1 .header-right .nav ul li .subnav ul {
	text-align: center;
	margin: 0 auto
}

.header1 .header-right .nav ul li .subnav ul li {
	height: 30px;
	float: none;
	margin: 0 17px;
	font-size: 14px;
	text-align: center
}

.header1 .header-right .nav ul li .subnav ul li a {
	line-height: 30px;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
	color: #666;
	margin: 0
}

.header1 .header-right .nav ul li .subnav ul li a:after {
	display: none
}

.header1 .header-right .nav ul li .subnav ul li:hover {
	border-bottom: 0
}

.header1 .header-right .nav ul li .subnav ul li:hover a {
	color: #3072b3
}

.header1 .header-right .nav ul .active a:after {
	width: 100%
}

.phone-nav {
	position: absolute;
	right: 10px;
	top: 0;
	line-height: 60px;
	display: none;
	color: #666
}

.phone-nav img {
	height: 22px;
	margin-top: 25px;
	display: block
}

#mmenu {
	z-index: 99;
	text-transform: capitalize
}

#mmenu li:last-child {
	border-bottom: 1px solid #f1f1f1
}

#mmenu .lan {
	margin: 20px
}

#mmenu .lan a {
	text-transform: uppercase;
	font-size: 15px;
	color: #666;
	width: 36px;
	height: 19px;
	line-height: 19px;
	display: block;
	float: left;
	text-align: center;
	border-radius: 20px
}

#mmenu .lan a:hover {
	background: #3072b3;
	color: #fff
}

#mmenu .search {
	position: relative;
	border: 1px solid #ddd;
	margin: 10px 10px 10px 20px;
	background: #fff
}

#mmenu .search #btn1 {
	border: 0;
	font-size: 12px;
	color: #666;
	width: 23px;
	height: 35px;
	line-height: 35px;
	text-align: center;
	cursor: pointer;
	border-radius: 0;
	background: url(../images/searchh.png) no-repeat center center;
	background-size: 14px;
	outline: 0;
	position: absolute;
	top: 0;
	right: 5px
}

#mmenu .search #text1 {
	text-align: left;
	width: 100%;
	font-size: 14px;
	height: 35px;
	padding-right: 30px;
	padding-left: 6px;
	color: #666;
	line-height: 25px;
	padding-top: 4px;
	padding-bottom: 4px;
	vertical-align: top;
	-webkit-appearance: none;
	transition: .5s;
	border: 0;
	background: 0
}

#mmenu .search #text1::-webkit-input-placeholder {
	color: #666
}

#mmenu .search #text1:-moz-placeholder {
	color: #666;
	opacity: 1
}

#mmenu .search #text1::-moz-placeholder {
	color: #666;
	opacity: 1
}

#mmenu .search #text1:-ms-input-placeholder {
	color: #666
}

.home-banner {
	overflow: hidden;
	width: 100%;
	position: absolute;
	top: 0;
	height: 100%
}

.home-banner .home-banner-slick {
	overflow: hidden;
	position: relative;
	z-index: 6;
    height:100%;
    width:100%;
}
.home-banner .home-banner-slick .slick-dots {
    z-index: 100;
    bottom: 20px;
    line-height: 0
}

.home-banner .home-banner-slick .slick-dots li {
    margin: 0 3px;
    padding: 0;
    width: 12px;
    height: 12px;

}

.home-banner .home-banner-slick .slick-dots li button {
    width: 12px;
    height: 12px;
    background: #fff;
    display: block;
    padding: 0;
    border-radius: 10px;
}

.home-banner .home-banner-slick .slick-dots li button:before {
    content: ""
}

.home-banner .home-banner-slick .slick-dots .slick-active button {
    background:#3072b3;
}

.home-banner .home-banner-slick .slick-dots .slick-active button:before {
    color: transparent
}
.home-banner .home-banner-slick .slick-slide {
	position: relative;
	width: 100%
}

.home-banner .home-banner-slick .slick-slide .item {
	height: 100%
}

.home-banner .home-banner-slick .slick-slide img {
	width: 100%;
	display: none;
}

.home-banner .home-banner-slick .slick-slide .banner-info {
	position: absolute;
	top: 46%;
	width: 500px;
    left:12%;
	color: #fff;
	z-index: 6;
	height: 298px;
	margin-top: -149px
}
.home-banner .home-banner-slick .slick-slide .banner-info1{
    width:400px;
}
.home-banner .home-banner-slick .slick-slide .banner-info3{
    width:600px;
}
.home-banner .home-banner-slick .slick-slide .banner-info .container{
    width:100%;
}

.home-banner .home-banner-slick .slick-slide .dian{
    position: absolute;
    top: 0;
    width: 100%;
    color: #fff;
    z-index: 6;
    height:100%;
}
.home-banner .home-banner-slick .slick-slide .dian .info{
    position: relative;
    overflow: hidden;
    height:90px;
    z-index:5;
}

.home-banner .home-banner-slick .slick-slide .dian .container{
    position: relative;
    height:100%;
}

.home-banner .home-banner-slick .slick-slide .dian .dian1{
    position: absolute;
    top: 63%;
    left: 290px;
    height:106px;
}

.home-banner .home-banner-slick .slick-slide .dian .dian2{
    position: absolute;
    top: 45%;
    left: 505px; height:106px;
    overflow: hidden;
}
.home-banner .home-banner-slick .slick-slide .dian .dian3{
    position: absolute;
    top: 28%;
    right: 360px; height:106px;
    overflow: hidden;
}
.home-banner .home-banner-slick .slick-slide .dian .dian4{
    position: absolute;
    top: 17%;
    right:200px;height:106px;
    overflow: hidden;
}


.home-banner .home-banner-slick .slick-slide .dian .dian5{
    position: absolute;
    top: 69%;
    left: -50px;height:106px;
    overflow: hidden;
}
.home-banner .home-banner-slick .slick-slide .dian .dian6{
    position: absolute;
    top: 20%;
    left: 45px;height:106px;
    overflow: hidden;
}
.home-banner .home-banner-slick .slick-slide .dian .dian7{
    position: absolute;
    top: 26%;
    right: 467px;height:106px;
    overflow: hidden;

}
.home-banner .home-banner-slick .slick-slide .dian .dian8{
    position: absolute;
    top: 64%;
    right: 100px;height:106px;
    overflow: hidden;
}
.home-banner .home-banner-slick .slick-slide .dian .dian7 h3{
    margin-left:30px;
}
.home-banner .home-banner-slick .slick-slide .dian .dian1:hover h3 a,
.home-banner .home-banner-slick .slick-slide .dian .dian2:hover h3 a,
.home-banner .home-banner-slick .slick-slide .dian .dian3:hover h3 a,
.home-banner .home-banner-slick .slick-slide .dian .dian4:hover h3 a,
.home-banner .home-banner-slick .slick-slide .dian .dian5:hover h3 a,
.home-banner .home-banner-slick .slick-slide .dian .dian6:hover h3 a,
.home-banner .home-banner-slick .slick-slide .dian .dian7:hover h3 a,
.home-banner .home-banner-slick .slick-slide .dian .dian8:hover h3 a{
     background: #fff;
     color:#2c70b2;
 }
.home-banner .home-banner-slick .slick-slide .dian h3{

    color:#fff;
    height:40px;
    line-height:40px;
    text-align: center;
    transition: 0.5s;

    display:block;
    overflow: hidden;
    font-family: '微軟正黑體';

}
.home-banner .home-banner-slick .slick-slide .dian h3 a{
    color:#fff;
    display: block;
    padding:0 20px;
    transition: 0.5s;
    font-size:16px;
    background: #2c70b2;
}

.home-banner .home-banner-slick .slick-slide .dian h3:after{

}

.home-banner .home-banner-slick .slick-slide .dian span{
    background: #787471;
    width:36px;
    height:36px;
    display: block;
    border-radius: 50%;
    z-index:3;
    padding:6px;
    position: absolute;
    opacity: 0.6;

}
.home-banner .home-banner-slick .slick-slide .dian span:before{
    background: #605e5a;
    width:30px;
    height:30px;
    display: block;
    border-radius: 50%;
    content:'';
    position: absolute;
    top:3px;
    left:3px;
    z-index:1;
    opacity: 0;
}
.home-banner .home-banner-slick .slick-slide .dian span:after{
    background:#4b4a47;
    width:24px;
    height:24px;
    display: block;
    border-radius: 50%;
    content:'';
    position: absolute;
    top:6px;
    left:6px;
    z-index:2;
    opacity: 0;
}
.home-banner .home-banner-slick .slick-slide .dian span b{
    width:24px;
    height:24px;
    margin:0 auto;
    border-radius: 50%;
    display: block;
    z-index:3;
    position: relative;
    background: #4d4a48;
}
.home-banner .home-banner-slick .slick-slide .dian span b:before{
    background:#716f6d;
    width:18px;
    height:18px;
    display: block;
    border-radius: 50%;
    content:'';
    position: absolute;
    top:3px;
    left:3px;
    z-index:4;
    opacity: 0;
}
.home-banner .home-banner-slick .slick-slide .dian span b:after{
    background:#2c70b2;
    width:12px;
    height:12px;
    display: block;
    border-radius: 50%;
    content:'';
    position: absolute;
    top:6px;
    left:6px;
    z-index:5;
}

.home-banner .home-banner-slick .slick-slide .dian .dian1 span{
    top:-20px;
}

.home-banner .home-banner-slick .slick-slide .dian1 span,.home-banner .home-banner-slick .slick-slide .dian2 span,.home-banner .home-banner-slick .slick-slide .dian3 span,.home-banner .home-banner-slick .slick-slide .dian4 span{
    margin-left: 77px;
}

.home-banner .home-banner-slick .slick-slide .dian5 span{
    margin-left: 54px;
}

.home-banner .home-banner-slick .slick-slide .dian6 span{
    margin-left: 29px;
}

.home-banner .home-banner-slick .slick-slide .dian8 span{
    margin-left: 29px;
}
.home-banner .home-banner-slick .slick-slide .dian1 i{
    display: block;
    background: url("../images/line01.png") no-repeat center center;
    width:66px;
    height:50px;
    margin-left:32px;
    overflow: hidden;
    transition: 0.5s;
}
.home-banner .home-banner-slick .slick-slide .dian1:hover i{
    background: url("../images/line01h.png") no-repeat center center;
}

.home-banner .home-banner-slick .slick-slide .dian2 i,
.home-banner .home-banner-slick .slick-slide .dian3 i,
.home-banner .home-banner-slick .slick-slide .dian4 i{
    display: block;
    background: url("../images/line02.png") no-repeat center center;
    width:66px;
    height:50px;
    margin-left:32px;
    margin-bottom:-20px;
    overflow: hidden;
    transition: 0.5s;
}
.home-banner .home-banner-slick .slick-slide .dian2:hover i,
.home-banner .home-banner-slick .slick-slide .dian3:hover i,
.home-banner .home-banner-slick .slick-slide .dian4:hover i,
.home-banner .home-banner-slick .slick-slide .dian5:hover i{
    background: url("../images/line02h.png") no-repeat center center;
}
.home-banner .home-banner-slick .slick-slide .dian5 i{
    display: block;
    background: url("../images/line02.png") no-repeat center center;
    width:66px;
    height:50px;
    margin-left:12px;
    margin-bottom:-20px;
    overflow: hidden;
    transition: 0.5s;
}

.home-banner .home-banner-slick .slick-slide .dian6 i,

.home-banner .home-banner-slick .slick-slide .dian8 i{
    display: block;
    background: url("../images/line03.png") no-repeat center center;
    width:66px;
    height:50px;
    margin-left:42px;
    margin-bottom:-20px;
    overflow: hidden;
    transition: 0.5s;
}

.home-banner .home-banner-slick .slick-slide .dian6:hover i,

.home-banner .home-banner-slick .slick-slide .dian8:hover i,
.home-banner .home-banner-slick .slick-slide .dian7:hover i{
    background: url("../images/line03h.png") no-repeat center center;
}

.home-banner .home-banner-slick .slick-slide .dian7 i{
    display: block;
    background: url("../images/line03.png") no-repeat center center;
    width:66px;
    height:50px;
    margin-bottom:-20px;
    margin-left: 14px;
    overflow: hidden;
    transition: 0.5s;
}

.home-banner .home-banner-slick .slick-slide .banner-info .bt {
	font-size: 46px;
	line-height: 58px;
	margin-bottom: 21px;
    text-transform: uppercase; color:#fff;
}
.home-banner .home-banner-slick .slick-slide .banner-info .bt span{
    font-size:60px; color:#fff;
}
.home-banner .home-banner-slick .slick-slide .banner-info .bt b{
    font-weight: normal; color:#fff;

}

.home-banner .home-banner-slick .slick-slide .banner-info .jsh {
	font-size: 16px;
	line-height: 26px;
	margin-bottom: 59px;
    color:#fff;
}

.home-banner .home-banner-slick .slick-slide .banner-info .more {
	font-size: 15px;
	font-family: arial;
	text-transform: uppercase;
	width: 165px;
	height: 50px;
	line-height: 50px;
	background: url("../images/more2.png") no-repeat center right;
	text-align: left;
    color:#fff;
}

.home-banner .home-banner-slick-phone {
	position: relative;
	display: none;
	z-index: 6
}

.home-banner .home-banner-slick-phone .slick-slide {
	position: relative
}

.home-banner .home-banner-slick-phone .slick-slide img {
	display: block;
}

.home-banner .home-banner-slick-phone .banner-info {
	position: absolute;
	top: 33%;
	width: 100%;
	color: #fff;
	z-index: 6
}

.home-banner .home-banner-slick-phone .banner-info .bt {
	font-size: 27px;
	margin-bottom: 15px
}

.home-banner .home-banner-slick-phone .banner-info .jsh {
	font-size: 15px;
	line-height: 26px;
	margin-bottom: 15px
}

.home-banner .home-banner-slick-phone .banner-info .more {
	font-size: 14px;
	font-family: arial;
	text-transform: uppercase;
	width: 165px;
	height: 50px;
	line-height: 50px;
	background: url("../images/more2.png") no-repeat center right;
	text-align: left
}

.right-nav {
	height: 160px;
	width: 100px;
	right: 0;
	position: fixed;
	z-index: 120;
	bottom: 0
}

.right-nav .right-top {
	width: 100px;
	margin-bottom: 50px
}

.right-nav .right-top .anniu {
	width: 4vh;
	border-width: 2px;
	border-style: solid;
	border-radius: 50px;
	height: 7vh;
	border-color: rgba(255,255,255,0.8);
	text-align: center;
	margin: 0 auto
}

.right-nav .right-top .anniu .dian {
	min-height: 0;
	height: .8vh;
	width: 2px;
	background-color: #fff;
	margin: 20px auto
}

.right-nav .c-div {
	text-transform: capitalize;
	color: #fff;
	margin-bottom: 0;
	letter-spacing: 2px;
	font-size: 12px;
	text-align: center
}

.inbanner {
	overflow: hidden;
	width: 100%
}

.inbanner .inbanner-slick {
	overflow: hidden;
	position: relative
}

.inbanner .inbanner-slick img {
	text-align: center;
	margin: 0 auto;
	display: block
}

.inbanner .inbanner-slick .inbanner-info {
	position: absolute;
	width: 100%;
	top: 50%;
	left: 0;
	text-align: center;
	margin-top: -51px
}

.inbanner .inbanner-slick .inbanner-info .bt {
	font-size: 44px;
	color: #fff;
	font-weight: normal
}

.inbanner .inbanner-slick .inbanner-info .jsh {
	font-size: 25px;
	color: #fff;
	font-family: arial
}

.inbanner .inbanner-slick .in2 {
	text-align: left;
	margin-top: -45px
}

.inbanner .inbanner-slick .in2 .bt {
	font-size: 40px;
	color: #000
}

.inbanner .inbanner-slick .in2 .jsh {
	font-size: 20px;
	color: #000
}

.inbanner .inbanner-slick-phone {
	display: none
}

.inbanner .inbanner-slick-phone img {
	display: block
}

.page {
	text-align: center;
	overflow: hidden
}

.page a {
	color: #353535;
	display: inline-block;
	font-size: 14px;
	line-height: 46px;
	height: 46px;
	padding: 0 19px;
	margin: 0 9px;
	font-family: arial;
	border: 0;
	-webkit-transition: all .5s;
	transition: all .5s;
	background: #dadada
}

.page a.cpb,.page a:hover {
	background: #3072b3;
	color: #fff
}

@media (max-width:767px) {
	.page a {
		display: none
	}

	.page a.first,.page a.prev,.page a.next,.page a.last {
		display: inline-block
	}
}

@font-face {
	font-family:"DIN-Light";src:url("../font/DIN-Light.woff2") format("woff2"),url("../font/DIN-Light.woff") format("woff"),url("../font/DIN-Light.ttf") format("truetype"),url("../font/DIN-Light.eot") format("embedded-opentype"),url("../font/DIN-Light.svg") format("svg");font-weight:normal;font-style:normal
}

.footer {
	background: #2e3033
}

.footer .footer-top {
	padding: 57px 0 27px 0;
	overflow: hidden
}

.footer .footer-top .container {
	width: 1440px;
	overflow: hidden
}

.footer .footer-top .menu {
	overflow: hidden;
	width: 66%;
	float: left;
	color: #fff;
	line-height: 30px
}

.footer .footer-top .menu li {
	width: 20%;
	float: left
}

.footer .footer-top .menu a {
	color: #a5a5a5;
	display: block;
	-webkit-transition: all .5s;
	transition: all .5s;
	padding-right: 10px;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden
}

.footer .footer-top .menu a:hover {
	color: #fff;
	text-decoration: underline;
	padding-left: 5px
}

.footer .footer-top .menu a.bt {
	color: #fff;
	font-size: 16px;
	margin-bottom: 7px
}

.footer .footer-top .footer-contact {
	width: 222px;
	float: right;
	font-size: 14px;
	line-height: 30px;
	color: #fff;
	background: url(../images/service.png) no-repeat left top;
	padding-left: 64px;
	text-align: right
}

.footer .footer-top .footer-contact .p-01 {
	font-size: 16px;
	text-align: left
}

.footer .footer-top .footer-contact .tel {
	font-size: 25px;
	font-family: "DIN-Light";
	font-weight: 100;
	line-height: 1;
	margin-bottom: 17px;
	color: #fff
}

.footer .footer-top .footer-contact .tel a {
	color: #fff
}

.footer .footer-top .footer-contact .p-02 {
	margin-bottom: 5px
}

.footer .footer-top .footer-contact .span-01 {
	display: inline-block;
	border: 1px #fff solid;
	font-size: 12px;
	line-height: 2;
	width: 150px;
	text-align: center;
	float: right
}

.footer .footer-top .footer-contact .span-01 a {
	color: #fff
}

.footer .copyright .container {
	border-top: 1px solid #3c3d3f;
	color: #bababa;
	padding-top: 24px;
	line-height: 24px;
	width: 1440px;
	padding-bottom: 73px
}

.footer .copyright span {
	display: block;
	float: right
}

.second-nav {
	padding: 17px 0 9px 0;
	overflow: hidden
}

.second-nav h3 {
	float: left;
	font-size: 24px;
	color: #333
}

.second-nav ul {
	float: right
}

.second-nav ul li {
	float: left;
	margin-left: 55px
}

.second-nav ul li a {
	display: block;
	font-size: 16px;
	color: #333;
	line-height: 41px
}

.second-nav ul li a:hover {
	color: #3072b3;
	font-weight: bold
}

.second-nav ul .active a {
	color: #3072b3;
	font-weight: bold
}

.case {
	padding-bottom: 77px
}

.case .case-info {
	text-align: center;
	padding: 62px 0;
	overflow: hidden;
	margin-bottom: 20px
}

.case .case-info .bt {
	font-size: 40px;
	color: #000;
	margin-bottom: 10px
}

.case .case-info .span {
	font-size: 24px;
	color: #515050;
	margin-bottom: 33px
}

.case .case-info .jsh {
	font-size: 15px;
	color: #515050;
	line-height: 30px
}

.case .case-info .jsh1 {
	display: none;
	font-size: 15px;
	color: #515050;
	line-height: 30px
}

.case ul {
	overflow: hidden;
	margin-bottom: 65px
}

.case ul li {
	width: 20%;
	float: left
}

.case ul li .pic img {
	transition: .5s
}

.case ul li .pic:after {
	padding-bottom: 88%
}

.case ul li .hover {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: url("../images/bg.png") repeat center center
}

.case ul li .hover .bt {
	font-size: 36px;
	color: #fff;
	padding: 0 10px;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
	position: absolute;
	top: 50%;
	margin-top: -27px;
	text-align: center;
	width: 100%
}

.case ul li .hover .info {
	position: absolute;
	bottom: -100%;
	width: 100%;
	height: 100%;
	transition: 1s
}

.case ul li .hover .text {
	padding: 0 65px;
	position: absolute;
	top: 50%;
	margin-top: -82px
}

.case ul li .hover .text .jsh {
	color: #fff;
	line-height: 26px;
	font-size: 15px;
	height: 130px;
	overflow: hidden;
	margin-bottom: 31px
}

.case ul li .hover .text .more {
	font-size: 15px;
	color: #fff;
	font-family: arial;
	text-transform: uppercase;
	background: url("../images/more.png") no-repeat 95px center
}

.case ul li:hover .hover .bt {
	display: none
}

.case ul li:hover .hover .info {
	bottom: 0
}

.case-show .case-top {
	background: #1b232c
}

.case-show .case-top .case-info {
	padding: 97px 0 100px 0;
	overflow: hidden
}

.case-show .case-top .case-info .bt {
	color: #fff;
	margin-bottom: 7px
}

.case-show .case-top .case-info .jsh {
	font-size: 17px;
	color: #bbbdc0
}

.case-show .case-top .case-neirong {
	position: relative;
	overflow: hidden
}

.case-show .case-top .case-neirong .left {
	float: left;
	width: 45%;
	font-size: 16px;
	color: #fff;
	line-height: 30px;
	padding-top: 23px
}

.case-show .case-top .case-neirong .left ul li {
	color: #bbbdc0;
	font-size: 16px;
	background: url("../images/gou.png") no-repeat center left;
	padding-left: 45px;
	line-height: 60px
}

.case-show .case-top .case-neirong .right {
	position: relative;
	float: right
}

.case-show .case-top .case-neirong .right .bigImage {
	width: 545px;
	height: 479px;
	float: left
}

.case-show .case-top .case-neirong .right .bigImage .pic {
	width: 545px;
	height: 479px;
	position: relative
}

.case-show .case-top .case-neirong .right .smallImage {
	float: right;
	width: 129px;
	height: 479px;
	margin-left: 7px
}

.case-show .case-top .case-neirong .right .smallImage .pic {
	width: 129px;
	height: 113px;
	cursor: pointer;
	margin-bottom: 7px;
	position: relative
}

.case-show .releated-case {
	padding-top: 47px
}

.case-show .releated-case .title {
	font-size: 36px;
	color: #4e4e4e;
	margin-bottom: 58px
}

.case-show .releated-case ul {
	overflow: hidden
}

.case-show .releated-case ul li {
	width: 20%;
	float: left
}

.case-show .releated-case ul li .pic img {
	transition: .5s
}

.case-show .releated-case ul li .pic:after {
	padding-bottom: 88%
}

.case-show .releated-case ul li .hover {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: url("../images/bg.png") repeat center center
}

.case-show .releated-case ul li .hover .bt {
	font-size: 36px;
	color: #fff;
	padding: 0 10px;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
	position: absolute;
	top: 50%;
	margin-top: -27px;
	text-align: center;
	width: 100%
}

.case-show .releated-case ul li .hover .info {
	position: absolute;
	bottom: -100%;
	width: 100%;
	height: 100%;
	transition: 1s
}

.case-show .releated-case ul li .hover .text {
	padding: 0 65px;
	position: absolute;
	top: 50%;
	margin-top: -82px
}

.case-show .releated-case ul li .hover .text .jsh {
	color: #fff;
	line-height: 26px;
	font-size: 15px;
	height: 130px;
	overflow: hidden;
	margin-bottom: 31px
}

.case-show .releated-case ul li .hover .text .more {
	font-size: 15px;
	color: #fff;
	font-family: arial;
	text-transform: uppercase;
	background: url("../images/more.png") no-repeat 95px center
}

.case-show .releated-case ul li:hover .hover .bt {
	display: none
}

.case-show .releated-case ul li:hover .hover .info {
	bottom: 0
}

.list-page-case {
	padding-top: 92px;
	overflow: hidden;
	padding-bottom: 76px
}

.list-page-case li {
	width: 50%;
	float: left
}

.list-page-case li p {
	height: 49px;
	line-height: 49px;
	padding: 0 15px;
	background-color: #d1d1d1;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	max-width: 100%;
	font-size: 15px;
	color: #aaa
}

.list-page-case li p a {
	color: #3f3f3f
}

.list-page-case li:hover p {
	color: #fff;
	background-color: #3072b3
}

.list-page-case li:hover p a {
	color: #fff;
	-webkit-transition-duration: 0s;
	transition-duration: 0s
}

.list-page-case .prev {
	border-right: 1px solid #c5c5c5
}

.list-page-case .next {
	text-align: right
}

@font-face {
	font-family:"DINCond-Medium";src:url("../font/DINCond-Medium.woff2") format("woff2"),url("../font/DINCond-Medium.woff") format("woff"),url("../font/DINCond-Medium.ttf") format("truetype"),url("../font/DINCond-Medium.eot") format("embedded-opentype"),url("../font/DINCond-Medium.svg") format("svg")
}

.product {
	padding-bottom: 75px;
	overflow: hidden
}

.product .product-info {
	padding: 68px 0 52px 0;
	overflow: hidden
}

.product .product-info .bt {
	font-size: 30px;
	color: #333;
	margin-bottom: 7px
}

.product .product-info .jsh {
	font-size: 15px;
	color: #555;
	line-height: 30px
}

.product .product-list {
	border-top: 1px solid #e6e6e8;
	padding-top: 74px;
	overflow: hidden;
	padding-bottom: 3px;
	border-bottom: 1px solid #e6e6e8;
	margin-bottom: 74px;
	background: #efeff0
}

.product .product-list ul li {
	position: relative;
	margin-bottom: 74px;
	overflow: hidden
}

.product .product-list ul li .pic {
	width: 397px;
	height: 277px;
	position: absolute;
	top: 0;
	left: 0
}

.product .product-list ul li .pic img {
	transition: .5s
}

.product .product-list ul li .text {
	height: 277px;
	padding-left: 455px;
	padding-top: 34px
}

.product .product-list ul li .text .bt {
	font-size: 30px;
	color: #333;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
	margin-bottom: 8px
}

.product .product-list ul li .text .jsh {
	font-size: 16px;
	color: #666;
	line-height: 28px;
	height: 56px;
	overflow: hidden;
	margin-bottom: 33px
}

.product .product-list ul li .text .more {
	width: 140px;
	height: 30px;
	line-height: 30px;
	text-align: center;
	background: #3072b3;
	color: #fff;
	font-size: 12px
}

.product .product-list ul li:hover .pic img {
	transform: scale(1.03)
}

.product .product-list ul li:hover .text .bt {
	color: #3072b3
}

.product-show .product-top {
	padding: 80px 0 74px 0;
	overflow: hidden;
	background: #1b232c
}

.product-show .product-top .pic {
	width: 43%;
	float: left
}

.product-show .product-top .pic:after {
	padding-bottom: 70%
}

.product-show .product-top .text {
	width: 52%;
	float: right;
	padding-top: 85px
}

.product-show .product-top .text .bt {
	font-family: "DINCond-Medium";
	font-size: 40px;
	color: #fff;
	margin-bottom: 11px
}

.product-show .product-top .text .jsh {
	font-size: 16px;
	color: #bbbdc0;
	line-height: 30px
}

.product-show .product-nav {
	overflow: hidden;
	background: #eee
}

.product-show .product-nav ul li {
	float: left;
	height: 69px;
	line-height: 66px;
	width: 108px;
	text-align: center;
	margin-right: 46px
}

.product-show .product-nav ul li a {
	color: #1b232c;
	font-size: 16px;
	display: block
}

.product-show .product-nav ul .active {
	font-weight: bold;
	border-bottom: 3px solid #3072b3
}

.product-show .anchor_fixed {
	position: fixed;
	width: 100%;
	top: 0;
	left: 0;
	z-index: 8
}

.product-show .product-bottom {
	padding-bottom: 150px
}

.product-show .product-bottom .info {
	padding-top: 70px;
	position: relative
}

.product-show .product-bottom .info .title {
	font-size: 24px;
	color: #333;
	margin-bottom: 8px
}

.product-show .product-bottom .info .ziliao {
	position: absolute;
	top: 70px;
	right: 0;
	width: 154px;
	height: 42px;
	line-height: 42px;
	background: #3072b3;
	padding: 0 22px
}

.product-show .product-bottom .info .ziliao a {
	display: block;
	background: url("../images/down.png") no-repeat center left;
	font-size: 20px;
	color: #fff;
	padding-left: 30px
}

.product-show .product-bottom .info .ziliao:hover {
	background: #1975cf
}

.product-show .product-bottom .info .jsh {
	font-size: 16px;
	color: #333;
	line-height: 36px
}

.product-show .product-bottom .info .jsh table {
	width: 100%;
	margin-top: 20px
}

.product-show .product-bottom .info .jsh table td {
	width: 50%;
	border: 1px solid #efefef;
	font-size: 20px;
	color: #696969;
	padding-left: 10%;
	line-height: 60px
}

.product-show .product-bottom .info .jsh table .one {
	color: #fff;
	background: #3072b3
}

.product-show .product-bottom .info .jsh table .one td {
	color: #fff;
	line-height: 49px;
	text-align: center;
	padding-left: 0
}

.product-show .message1 {
	padding: 36px 0 96px 0;
	overflow: hidden;
	background: #efeff0
}

.product-show .message1 .title {
	font-size: 24px;
	color: #333;
	margin-bottom: 22px
}

.product-show .message1 ul {
	overflow: hidden;
	margin-top: 93px;
	margin: 0 -13px
}

.product-show .message1 ul li {
	margin-bottom: 14px;
	position: relative;
	width: 33.333333%;
	overflow: hidden;
	float: left;
	padding: 0 13px
}

.product-show .message1 ul li input {
	outline: 0;
	border: 1px solid #e2e2e2;
	width: 100%;
	height: 48px;
	line-height: 30px;
	padding: 8px 10px 8px 19px;
	font-size: 15px;
	color: #666;
	transition: .5s;
	position: relative;
	background: #fff;
	font-family: "microsoft yahei";
	float: left
}

.product-show .message1 ul li textarea {
	outline: 0;
	border: 0;
	width: 100%;
	height: 298px;
	line-height: 30px;
	padding-left: 19px;
	padding-right: 13px;
	padding-top: 6px;
	font-size: 15px;
	color: #929ba7;
	position: relative;
	transition: .5s;
	background: #fff;
	font-family: "microsoft yahei";
	border: 1px solid #e2e2e2
}

.product-show .message1 ul li input::-webkit-input-placeholder,.product-show .message1 ul li textarea::-webkit-input-placeholder {
	color: #666
}

.product-show .message1 ul li input:-moz-placeholder,.product-show .message1 ul li textarea:-moz-placeholder {
	color: #666;
	opacity: 1
}

.product-show .message1 ul li input::-moz-placeholder,.product-show .message1 ul li textarea::-moz-placeholder {
	color: #666;
	opacity: 1
}

.product-show .message1 ul li input:-ms-input-placeholder,.product-show .message1 ul li textarea:-ms-input-placeholder {
	color: #666
}

.product-show .message1 ul li input:focus,.product-show .message1 ul li textarea:focus {
	border: 1px solid #3072b3
}

.product-show .message1 ul .textarea {
	width: 100%
}

.product-show .message1 .message-submit {
	text-align: center;
	margin-top: 23px;
	width: 100%
}

.product-show .message1 .message-submit input {
	width: 463px;
	border: 0;
	padding: 0;
	font-size: 24px;
	color: #fff;
	background: 0;
	transition: .5s;
	text-transform: uppercase;
	line-height: 48px;
	height: 48px;
	background: #3072b3;
	margin: 0 auto;
	float: none
}

.product-show .message1 .message-submit input:hover {
	background: #1865b1;
	color: #fff
}

.info-title {
	overflow: hidden;
	text-align: center
}

.info-title .bt {
	font-size: 40px;
	color: #000;
	line-height: 50px
}

.info-title .jsh {
	font-size: 16px;
	color: #555;
	line-height: 30px
}

.honor {
	padding-bottom: 96px;
	overflow: hidden
}

.honor .honor-info {
	padding: 68px 0 66px 0
}

.honor .honor-list {
	overflow: hidden
}

.honor .honor-list ul {
	overflow: hidden;
	margin: 0 -9px 52px -9px
}

.honor .honor-list ul li {
	float: left;
	width: 16.66666666667%;
	padding: 0 9px;
	margin-bottom: 19px
}

.honor .honor-list ul li a {
	border: 1px solid #d8d8d8;
	display: block
}

.honor .honor-list ul li a .pic img {
	transition: .5s
}

.honor .honor-list ul li a .pic:after {
	padding-bottom: 143%
}

.honor .honor-list ul li:hover a {
	border: 1px solid #3072b3
}

.honor .honor-list ul li:hover a .pic img {
	transform: scale(1.03)
}

.job {
	font-size: 13px
}

.job .job-info {
	padding: 70px 0 103px 0;
	background: #f0f0f0
}

.job .job-top {
	min-height: 420px;
	padding-bottom: 58px;
	background: #f0f0f0
}

.job .job-top .left {
	width: 376px;
	height: 411px;
	border: 3px solid #3072b3;
	font-size: 22px;
	line-height: 48px;
	padding: 48px 31px;
	overflow: hidden;
	position: absolute
}

.job .job-top .left:before {
	content: '';
	display: block;
	position: absolute;
	top: 34px;
	left: 31px;
	width: 42px;
	height: 1px;
	background: #979797
}

.job .job-top .left:after {
	content: '';
	display: block;
	position: absolute;
	bottom: 41px;
	left: 31px;
	width: 42px;
	height: 1px;
	background: #979797
}

.job .job-top .right {
	padding-left: 455px
}

.job .job-top .right .bt {
	font-size: 26px;
	color: #3f3f3f;
	margin-bottom: 6px
}

.job .job-top .right .jsh {
	font-size: 15px;
	color: #6b6b6b;
	line-height: 30px;
	margin-bottom: 35px
}

.job .job-list {
	padding-top: 55px
}

.job .job-list .bt1 {
	font-size: 40px;
	color: #3f3f3f;
	line-height: 50px;
	text-align: center;
	margin-bottom: 3px
}

.job .job-list .jsh {
	font-size: 16px;
	color: #646464;
	line-height: 30px;
	text-align: center;
	margin-bottom: 57px
}

.job .job-list dl {
	overflow: hidden;
	padding-bottom: 100px
}

.job .job-list dl dt {
	display: block;
	padding-left: 51px
}

.job .job-list dl dt span {
	display: block;
	float: left;
	text-align: left;
	width: 12%;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden
}

.job .job-list dl dt .name {
	width: 14%;
	padding-right: 20px
}

.job .job-list dl dt .time {
	width: 5%;
	margin-right: 12%;
	text-align: center
}

.job .job-list dl dt .address {
	width: 16%;
	margin-right: 3%;
	text-align: center
}

.job .job-list dl dt .bumen {
	width: 8%;
	text-align: center;
	margin-right: 11%
}

.job .job-list dl dt .fabu {
	text-align: center;
	width: 14%
}

.job .job-list dl dt .more {
	width: 5%
}

.job .job-list dl .list0 {
	height: 42px;
	line-height: 42px;
	margin-bottom: 10px
}

.job .job-list dl .list0 span {
	color: #555;
	font-size: 16px
}

.job .job-list dl .list_dt {
	cursor: pointer;
	height: 123px;
	line-height: 102px;
	transition: width 2s;
	font-size: 16px
}

.job .job-list dl .list_dt .subnav {
	display: block
}

.job .job-list .list_dt {
	color: #575757;
	cursor: pointer;
	position: relative;
	background: url("../images/bg2.png") no-repeat bottom center
}

.job .job-list .list_dt:hover {
	transition: all .5s linear;
	-moz-transition: all .5s linear;
	-o-transition: all .5s linear;
	-webkit-transition: all .5s linear
}

.job .job-list .list_dt .more {
	background: url("../images/more1.png") no-repeat center center;
	height: 102px
}

.job .job-list .list_dd {
	display: none
}

.job .job-list .jobsub {
	background: #ebebeb;
	border-top: 0;
	line-height: 30px;
	padding: 35px 47px 71px 76px
}

.job .job-list .jobsub .bt {
	font-size: 15px;
	text-align: left
}

@font-face {
	font-family:"DINCond-Black";src:url("../font/DINCond-Black.woff2") format("woff2"),url("../font/DINCond-Black.woff") format("woff"),url("../font/DINCond-Black.ttf") format("truetype"),url("../font/DINCond-Black.eot") format("embedded-opentype"),url("../font/DINCond-Black.svg") format("svg")
}

.contact {
	height: 689px;
	position: relative
}

.contact .bg {
	position: absolute;
	height: 100%;
	width: 100%;
	z-index: 1;
	top: 0
}

.contact .bg .left {
	width: 63.6%;
	position: relative;
	height: 100%;
	z-index: 1
}

.contact .bg .left:after {
	background: url("../images/bg1.png") repeat center center;
	display: block;
	content: '';
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 3
}

.contact .bg .left {
	width: 60.6%;
	float: left
}

.contact .bg .right {
	width: 39.4%;
	float: right;
	background: #e2e4e5;
	position: relative;
	height: 100%;
	z-index: 1
}

.contact .contact-info {
	position: relative;
	z-index: 2
}

.contact .contact-info .left {
	padding-top: 87px;
	float: left;
	width: 64.4%
}

.contact .contact-info .contact1 {
	color: #fff;
	margin-bottom: 71px
}

.contact .contact-info .contact1 .bt {
	font-size: 24px;
	margin-bottom: 10px
}

.contact .contact-info .contact1 .jsh {
	color: #e2e4e5;
	font-size: 15px;
	line-height: 26px
}

.contact .contact-info .contact1 .jsh span {
	padding-right: 30px
}

.contact .contact-info .contact1 .jsh a.tel {
	color: #e2e4e5;
	font-family: "DINCond-Black";
	font-size: 40px;
	margin-top: 10px
}

.contact .contact-info .contact1 .jsh a {
	color: #e2e4e5
}

.contact .contact-info .right {
	float: left;
	width: 35.6%;
	padding-left: 56px
}

.contact .contact-info .right ul {
	overflow: hidden;
	margin-top: 93px
}

.contact .contact-info .right ul li {
	margin-bottom: 18px;
	position: relative;
	width: 100%;
	overflow: hidden
}

.contact .contact-info .right ul li input {
	outline: 0;
	border: 0;
	width: 100%;
	height: 46px;
	line-height: 30px;
	padding: 8px 10px 8px 79px;
	font-size: 15px;
	color: #929ba7;
	transition: .5s;
	position: relative;
	background: #f1f2f2;
	font-family: "microsoft yahei"
}

.contact .contact-info .right ul li textarea {
	outline: 0;
	border: 0;
	width: 100%;
	height: 163px;
	line-height: 30px;
	padding-left: 79px;
	padding-right: 13px;
	padding-top: 6px;
	font-size: 15px;
	color: #929ba7;
	position: relative;
	transition: .5s;
	background: #f1f2f2;
	font-family: "microsoft yahei"
}

.contact .contact-info .right ul li input::-webkit-input-placeholder,.contact .contact-info .right ul li textarea::-webkit-input-placeholder {
	color: #929ba7
}

.contact .contact-info .right ul li input:-moz-placeholder,.contact .contact-info .right ul li textarea:-moz-placeholder {
	color: #929ba7;
	opacity: 1
}

.contact .contact-info .right ul li input::-moz-placeholder,.contact .contact-info .right ul li textarea::-moz-placeholder {
	color: #929ba7;
	opacity: 1
}

.contact .contact-info .right ul li input:-ms-input-placeholder,.contact .contact-info .right ul li textarea:-ms-input-placeholder {
	color: #929ba7
}

.contact .contact-info .right ul li i {
	position: absolute;
	top: 0;
	left: 0;
	width: 66px;
	height: 46px;
	display: block;
	z-index: 1
}

.contact .contact-info .right ul li i:after {
	display: block;
	position: absolute;
	top: 15px;
	right: 0;
	background: url("../images/line.png") no-repeat center center;
	width: 1px;
	height: 19px;
	content: ''
}

.contact .contact-info .right ul li .name {
	background: url("../images/f1.png") no-repeat center center
}

.contact .contact-info .right ul li .phone {
	background: url("../images/f2.png") no-repeat center center
}

.contact .contact-info .right ul li .email {
	background: url("../images/f3.png") no-repeat center center
}

.contact .contact-info .right ul li .neirong {
	background: url("../images/f4.png") no-repeat center center
}

.contact .contact-info .right .message .message-submit {
	text-align: center;
	width: 400px;
	margin-right: 0;
	margin-top: 32px
}

.contact .contact-info .right .message .message-submit input {
	width: 248px;
	border: 0;
	padding: 0;
	float: left;
	font-size: 18px;
	color: #fff;
	background: 0;
	transition: .5s;
	text-transform: uppercase;
	line-height: 48px;
	height: 48px;
	background: #3072b3;
	margin-right: 5px
}

.contact .contact-info .right .message .message-submit input:hover {
	background: #1865b1;
	color: #fff
}

.news {
	padding-bottom: 96px;
	overflow: hidden
}

.news .news-info {
	padding: 68px 0 88px 0
}

.news .news-info .jsh {
	font-size: 18px;
	color: #5e5e5e;
	margin-top: 5px
}

.news .news-one {
	overflow: hidden;
	padding: 1px 0;
	background: #eee
}

.news .news-one ul li {
	width: 33.3333333%;
	padding-right: 1px;
	float: left
}

.news .news-one ul li .pic:after {
	padding-bottom: 70.9%
}

.news .news-one ul li .pic img {
	transition: .5s
}

.news .news-one ul li .hover {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	padding: 28px 19px;
	background: url("../images/bg3.png") repeat center center
}

.news .news-one ul li .bt {
	font-size: 18px;
	color: #fff;
	line-height: 24px;
	height: 48px;
	overflow: hidden
}

.news .news-one ul li:hover .pic img {
	transform: scale(1.02)
}

.news .news-bottom {
	padding-top: 44px;
	overflow: hidden
}

.news .news-bottom .container {
	position: relative
}

.news .news-bottom .left {
	width: 235px;
	position: absolute;
	top: 0;
	left: 0
}

.news .news-bottom .left ul li {
	border-bottom: 1px solid #ddd
}

.news .news-bottom .left ul li.curr a {
    color: #3072b3;
}

.news .news-bottom .left ul li a {
	color: #3c3c3c;
	font-size: 16px;
	line-height: 43px;
	display: block;
	position: relative;
	padding-bottom: 5px;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
	padding-right: 35px
}



.news .news-bottom .left ul li a span {
	position: absolute;
	top: 0;
	right: 0;
	font-size: 18px;
	color: #3072b3;
	font-family: arial;
	display: block;
	max-width: 30px;
	overflow: hidden
}

.news .news-bottom .right {
	padding-left: 363px;
    min-height:350px;
}

.news .news-bottom .right ul {
	margin-bottom: 70px;
	overflow: hidden
}

.news .news-bottom .right ul li {
	position: relative;
	padding-bottom: 25px;
	border-bottom: 1px solid #ddd;
	margin-bottom: 22px;
	overflow: hidden
}

.news .news-bottom .right ul li .pic {
	width: 295px;
	height: 193px;
	position: absolute;
	top: 0;
	left: 0
}

.news .news-bottom .right ul li .pic img {
	transition: .5s
}

.news .news-bottom .right ul li .text {
	height: 193px;
	padding-left: 358px;
	position: relative
}

.news .news-bottom .right ul li .text .date {
	float: left;
	width: 77px;
	position: absolute;
	top: 0;
	left: 0;
	border-right: 2px solid #3072b3
}

.news .news-bottom .right ul li .text .date h3 {
	color: #1b232c;
	font-size: 32px;
	font-weight: bold;
	font-family: arial;
	line-height: 30px
}

.news .news-bottom .right ul li .text .date span {
	font-size: 17px;
	color: #1b232c
}

.news .news-bottom .right ul li .text .date p {
	font-size: 16px;
	color: #1b232c;
	font-family: arial
}

.news .news-bottom .right ul li .text .info {
	padding-left: 93px;
	position: relative
}

.news .news-bottom .right ul li .text .info .bt {
	font-size: 24px;
	color: #333;
	margin-bottom: 11px;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden
}

.news .news-bottom .right ul li .text .info .span {
	font-size: 16px;
	color: #3072b3;
	margin-bottom: 13px
}

.news .news-bottom .right ul li .text .info .jsh {
	font-size: 15px;
	color: #555;
	line-height: 24px;
	height: 48px;
	overflow: hidden
}

.news .news-bottom .right ul li:hover .pic img {
	transform: scale(1.02)
}

.news .news-bottom .right ul li:hover .text .info .bt {
	color: #3072b3
}

.news-show {
	padding-top: 127px;
	overflow: hidden
}

.news-show .info {
	border-top: 1px solid #e6e6e6;
	border-bottom: 1px solid #e6e6e6;
	overflow: hidden;
	font-size: 14px;
	color: #9f9f9f;
	padding: 9px 0 6px 0;
	line-height: 28px
}

.news-show .info span {
	float: left;
	display: block;
	vertical-align: top
}

.news-show .info .date,.news-show .info .author,.news-show .info .source {
	margin-right: 35px
}

.news-show .nr {
	padding: 50px 0;
	overflow: hidden;
	font-size: 15px;
	color: #4f4f4f;
	line-height: 26px
}

.news-show .left {
	width: 68%;
	float: left;
	padding-bottom: 100px
}

.news-show .left .title {
	font-size: 40px;
	color: #222;
	margin-bottom: 26px
}

.news-show .right {
	width: 25.5%;
	float: right;
	padding-bottom: 100px
}

.news-show .right .title {
	font-size: 24px;
	color: #333;
	margin-bottom: 20px
}

.news-show .right ul li {
	position: relative;
	padding-bottom: 15px;
	border-bottom: 1px solid #ddd;
	margin-bottom: 17px
}

.news-show .right ul li .pic {
	width: 119px;
	height: 78px;
	position: absolute;
	top: 0;
	left: 0
}

.news-show .right ul li .text {
	padding-left: 136px;
	height: 78px;
	padding-top: 10px
}

.news-show .right ul li .text .bt {
	font-size: 14px;
	color: #3072b3;
	margin-bottom: 4px
}

.news-show .right ul li .text .jsh {
	font-size: 15px;
	color: #222;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden
}

.list-page-news {
	padding-top: 50px;
	overflow: hidden
}

.list-page-news li {
	width: 50%;
	float: left
}

.list-page-news li p {
	height: 49px;
	line-height: 49px;
	padding: 0 15px;
	background-color: #eee;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	max-width: 100%;
	font-size: 16px;
	color: #aaa
}

.list-page-news li p a {
	color: #3f3f3f
}

.list-page-news li:hover p {
	color: #fff;
	background-color: #3072b3
}

.list-page-news li:hover p a {
	color: #fff;
	-webkit-transition-duration: 0s;
	transition-duration: 0s
}

.list-page-news .prev {
	border-right: 1px solid #d3d3d3
}

.about1 {
	padding-top: 54px;
	overflow: hidden;
	padding-bottom: 73px
}

.about1 h3 {
	font-size: 48px;
	color: #000;
	text-align: center;
	line-height: 60px;
	margin-bottom: 35px
}

.about1 .jsh1 {
	margin-bottom: 50px;
	overflow: hidden
}

.about1 .jsh1 p {
	text-align: center;
	font-size: 15px;
	color: #333;
	line-height: 60px
}

.about1 ul {
	margin: 0 auto;
	text-align: center
}

.about1 ul li {
	display: inline-block;
	width: 200px;
	text-align: center;
	margin: 0 15px;
	vertical-align: top
}

.about1 ul li .pic {
	height: 60px
}

.about1 ul li .bt {
	font-size: 17px;
	font-weight: bold;
	color: #1966b2;
	font-family: '微軟正黑體'
}

.about1 ul li .jsh {
	font-size: 16px;
	line-height: 24px;
	margin-top: 5px;
	color: #333
}

@font-face {
	font-family:"DINPro-Medium";src:url("../font/DINPro-Medium.woff2") format("woff2"),url("../font/DINPro-Medium.woff") format("woff"),url("../font/DINPro-Medium.ttf") format("truetype"),url("../font/DINPro-Medium.eot") format("embedded-opentype"),url("../font/DINPro-Medium.svg") format("svg")
}

.fsbanner {
	position: relative;
	overflow: hidden;
	height: 683px;
	width: 100%
}

.fsbanner .list {
	font-size: 14px;
	width: 25%;
	float: left;
	height: 683px;
	display: inline-block;
	position: relative;
	overflow: hidden;
	transition: all 200ms cubic-bezier(0.645,0.575,0.09,1);
	color: #fff;
	text-align: left;
	z-index: 2;
	padding-left: 36px;
	cursor: pointer;
	border-left: 1px solid #586889
}

.fsbanner .list h3 {
	font-size: 48px;
	position: relative;
	z-index: 2;
	font-family: "DINPro-Medium";
	margin-top: 120px;
	line-height: 40px;
	margin-bottom: 17px;
	color: #fff
}

.fsbanner .list .bt {
	font-size: 30px;
	color: #fff;
	position: relative;
	z-index: 2;
	display: block
}

.fsbanner .list .span {
	font-size: 14px;
	color: #fff;
	font-family: "DINPro-Medium";
	padding-left: 5px;
	opacity: .5
}

.fsbanner .list .proinfo {
	display: none;
	margin-top: 25px;
	height: 240px;
	overflow: hidden;
	line-height: 60px;
	position: relative;
	z-index: 2;
	margin-bottom: 72px;
	color: #fff;
	font-size: 28px
}

.fsbanner .other {
	width: 22.2%
}

.fsbanner .active {
	width: 33.4%
}

.fsbanner .active .span {
	opacity: 1
}

.fsbanner .active .bt {
	font-size: 36px
}

.fsbanner .active .proinfo {
	display: block
}

@media (max-width:768px) {
	.fsbanner {
		height: auto;
		padding: 10px 0
	}

	.fsbanner .list h3 {
		margin: 0;
		font-size: 35px
	}

	.fsbanner .list .proinfo {
		display: block
	}

	.fsbanner .list h3:after {
		margin: 10px auto
	}

	.fsbanner .list:last-child {
		border-bottom: 0
	}

	.home-banner .banner-sousuo ul li .select_option {
		height: 180px;
		overflow: auto
	}
}

@font-face {
	font-family:"AvantGardeITCbyBT-Book";src:url("../font/AvantGardeITCbyBT-Book.woff2") format("woff2"),url("../font/AvantGardeITCbyBT-Book.woff") format("woff"),url("../font/AvantGardeITCbyBT-Book.ttf") format("truetype"),url("../font/AvantGardeITCbyBT-Book.eot") format("embedded-opentype"),url("../font/AvantGardeITCbyBT-Book.svg") format("svg");font-weight:normal;font-style:normal
}

.about3 {
	padding: 70px 0;
	overflow: hidden
}

.about3 .title {
	font-size: 40px;
	color: #000
}

.about3 ul {
	position: relative;
	overflow: hidden;
	margin-top: 37px;
	padding-top: 17px
}

.about3 ul:after {
	width: 1px;
	height: 100%;
	position: absolute;
	top: 0;
	left: 134px;
	background: #e5e5e5;
	content: ''
}

.about3 ul li {
	position: relative;
	margin-bottom: 24px
}

.about3 ul li:after {
	height: 1px;
	width: 55px;
	background: #e5e5e5;
	content: '';
	display: block;
	position: absolute;
	left: 108px;
	top: 23px
}

.about3 ul li span {
	color: #444;
	font-size: 32px;
	font-family: "AvantGardeITCbyBT-Book";
	position: absolute
}

.about3 ul li .text {
	padding-left: 189px;
	font-size: 16px;
	color: #444;
	line-height: 48px
}

#fp-nav.right {
	right: 20px!important
}

#fp-nav ul li a span {
	width: 40px!important;
	height: 40px!important;
	border-radius: 20px!important;
	transition: .5s;
	color: transparent;
	line-height: 40px!important;
	background: #2c70b2!important;
	top: 0!important;
	left: auto!important;
	right: 0!important;
	border: 1px solid #2c70b2!important;
	margin: 0!important;
	padding-right: 35px;
	text-align: center;
	font-size: 16px;
	font-family: '微軟正黑體'
}

#fp-nav ul li a span i {
	width: 40px;
	height: 40px;
	float: right;
	display: block;
	border-radius: 20px;
	position: absolute;
	top: 0;
	right: 0
}

#fp-nav ul li a span .fp1 {
	background: url(../images/fp1.png) no-repeat center center
}

#fp-nav ul li a span .fp2 {
	background: url(../images/fp4.png) no-repeat center center
}

#fp-nav ul li a span .fp3 {
	background: url(../images/fp3.png) no-repeat center center
}

#fp-nav ul li a span .fp4 {
	background: url(../images/fp5.png) no-repeat center center
}

#fp-nav ul li a.active span .fp1,#fp-nav ul li:hover a.active span .fp1,#fp-nav ul li:hover a span .fp1 {
	background: url(../images/fp1h.png) no-repeat center center
}

#fp-nav ul li a.active span .fp2,#fp-nav ul li:hover a.active span .fp2,#fp-nav ul li:hover a span .fp2 {
	background: url(../images/fp4h.png) no-repeat center center
}

#fp-nav ul li a.active span .fp3,#fp-nav ul li:hover a.active span .fp3,#fp-nav ul li:hover a span .fp3 {
	background: url(../images/fp3h.png) no-repeat center center
}

#fp-nav ul li a.active span .fp4,#fp-nav ul li:hover a.active span .fp4,#fp-nav ul li:hover a span .fp4 {
	background: url(../images/fp5h.png) no-repeat center center
}

#fp-nav ul li a.active span,#fp-nav ul li:hover a.active span {
	background: #fff!important;
	margin: 0!important;
	border-radius: 5px;
	width: 120px!important;
	color: #2c70b2;
	border: 1px solid #2c70b2!important;
	padding-left: 15px
}

#fp-nav ul li:hover a span {
	margin: 0!important;
	background: #fff!important;
	border-radius: 5px;
	width: 40px!important;
	border: 1px solid #2c70b2!important
}

#fp-nav ul li,.fp-slidesNav ul li {
	width: 120px!important;
	height: 40px!important
}

#fp-nav ul li:nth-child(n+5) {
	display: none
}

.section .container {
	width: 1440px
}

.top {
	position: relative;
	height: 100%;
	z-index: 3;
	overflow: hidden
}

.home-product {
	height: 100%;
	width: 100%;
	position: relative;
	background-size: cover!important
}

.home-product .product-info {
	color: #fff;
	height: 640px;
	position: absolute;
	top: 50%;
	margin-top: -320px;
	width: 100%
}

.home-product .left {
	width: 36%;
	float: left
}

.home-product .left .title {
	font-size: 48px;
	color: #fff;
	margin-bottom: 3px
}

.home-product .left .jsh {
	font-size: 15px;
	line-height: 28px;
	height: 84px;
	overflow: hidden;
	margin-bottom: 67px
}

.home-product .left .nav-list ul li {
	margin-bottom: 16px;
	width: 166px;
	font-family: '微軟正黑體'
}

.home-product .left .nav-list ul li a {
	font-size: 17px;
	color: #fff;
	width: 166px;
	height: 42px;
	line-height: 40px;
	border: 1px solid #fff;
	display: block;
	text-align: center;
	padding: 0 5px;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden
}

.home-product .left .nav-list ul .sel a {
	border: 1px solid #1e67ad;
	background: #1e67ad;
	font-weight: bold
}

.home-product .right {
	width: 57.5%;
	float: right;
	padding-top: 15px
}

.home-product .right .info {
	display: none
}

.home-product .right .info ul {
	margin: 0 -16px
}

.home-product .right .info ul li {
	width: 50%;
	float: left;
	padding: 0 16px;
	margin-bottom: 33px;
	font-family: '微軟正黑體'
}

.home-product .right .info ul li .pic:after {
	padding-bottom: 70%
}

.home-product .right .info ul li .pic .bt {
	font-size: 18px;
	font-weight: bold;
	text-align: center;
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	color: #fff;
	line-height: 53px;
	background: url("../images/bg4.png") repeat center center;
	transition: .5s;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden
}

.home-product .right .info ul li .pic .hover {
	position: absolute;
	bottom: -100%;
	width: 100%;
	color: #fff;
	height: 100%;
	padding-top: 63px;
	transition: .5s;
	background: url("../images/bg4.png") repeat center center
}

.home-product .right .info ul li .pic .hover .title {
	font-size: 18px;
	font-weight: bold;
	text-align: center;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden
}

.home-product .right .info ul li .pic .hover .title:after {
	content: '';
	display: block;
	width: 53px;
	height: 1px;
	background: #fff;
	margin: 12px auto 10px auto
}

.home-product .right .info ul li .pic .hover .jsh {
	font-size: 14px;
	line-height: 24px;
	height: 48px;
	overflow: hidden;
	text-align: center;
	color: #fff;
	padding: 0 45px;
	margin-bottom: 24px
}

.home-product .right .info ul li .pic .hover .more {
	width: 41px;
	height: 41px;
	background: url("../images/more3.png") no-repeat center center;
	margin: 0 auto
}

.home-product .right .info ul li:hover .pic .hover {
	bottom: 0
}

.home-product .right .info ul li:hover .pic .bt {
	bottom: -100%
}

.home-about {
	height: 100%;
	width: 100%;
	position: relative;
	background-size: cover!important
}

.home-about .about-info {
	position: absolute;
	width: 100%;
	overflow: hidden;
	height: 306px;
	top: 50%;
	margin-top: -153px
}

.home-about .about-info .container {
	position: relative;
	overflow: hidden
}

.home-about .about-info .left {
	color: #fff;
	width: 37%;
	float: left
}

.home-about .about-info .left a {
	color: #fff
}

.home-about .about-info .left .bt {
	font-size: 48px;
	line-height: 58px;
	margin-bottom: 31px
}

.home-about .about-info .left .jsh {
	font-size: 15px;
	line-height: 26px;
	margin-bottom: 31px;
	height: 72px;
	overflow: hidden
}

.home-about .about-info .left .more {
	font-size: 15px;
	font-family: arial;
	text-transform: uppercase;
	width: 165px;
	height: 50px;
	line-height: 50px;
	background: url("../images/more2.png") no-repeat center right;
	text-align: left;
	transition: .5s
}

.home-about .about-info .left:hover .more {
	width: 175px
}

.home-about .about-info .right {
	float: right;
	width: 60%
}

.home-about .about-info .right .youshi2 {
	overflow: hidden;
	position: absolute;
	top: 50%;
	margin-top: -70px;
	right: 0
}

.home-about .about-info .right .youshi2 ul {
	text-align: center;
	margin: 0 auto
}

.home-about .about-info .right .youshi2 ul li {
	width: 120px;
	text-align: center;
	display: inline-block;
	color: #fff;
	vertical-align: top;
	margin-left: 140px;
	padding-top: 13px
}

.home-about .about-info .right .youshi2 ul li .span {
	font-size: 16px;
	margin-top: 8px;
	margin-bottom: 6px
}

.home-about .about-info .right .youshi2 ul li .num {
	font-size: 72px;
	font-family: "DINCond-Medium";
	line-height: 67px
}

.home-about .about-info .right .youshi2 ul li .jsh {
	font-size: 15px
}

.home-news {
	height: 100%;
	width: 100%;
	position: relative;
	padding-top: 74px
}

.home-news .title {
	position: relative
}

.home-news .title h3 {
	color: #2b2b2b;
	font-size: 48px;
	font-family: '微軟正黑體';
	font-weight: bold
}

.home-news .title p {
	font-size: 16px;
	color: #646464
}

.home-news .title span {
	font-size: 15px;
	font-family: arial;
	text-transform: uppercase;
	width: 165px;
	height: 25px;
	color: #5f5f5f;
	line-height: 25px;
	background: url("../images/more4.png") no-repeat center right;
	text-align: left;
	display: block;
	position: absolute;
	right: 0;
	bottom: 0;
	transition: .5s
}

.home-news .title:hover span {
	color: #3072b3;
	width: 175px
}

.home-news .news-bottom {
	margin-top: 56px
}

.home-news .news-bottom ul {
	border-right: 1px solid #e6e6e6;
	overflow: hidden
}

.home-news .news-bottom ul li {
	width: 33.333333%;
	float: left;
	padding: 0 58px 28px 58px;
	font-family: '微軟正黑體';
	border-left: 1px solid #e6e6e6
}

.home-news .news-bottom ul li a {
	display: block;
	padding-top: 19px;
	overflow: hidden
}

.home-news .news-bottom ul li .span {
	font-size: 14px;
	color: #0f5da4;
	margin-bottom: 13px
}

.home-news .news-bottom ul li .bt {
	font-size: 17px;
	color: #333;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
	font-weight: bold;
	margin-bottom: 5px
}

.home-news .news-bottom ul li .jsh {
	font-size: 15px;
	color: #807f7f;
	line-height: 24px;
	height: 48px;
	overflow: hidden;
	margin-bottom: 40px
}

.home-news .news-bottom ul li .info {
	font-size: 12px;
	color: #b4b4b4;
	margin-bottom: 29px
}

.home-news .news-bottom ul li .info .clock {
	background: url("../images/clock.png") no-repeat center left;
	padding-left: 15px;
	max-width: 33.3333333%;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
	padding-right: 15px
}

.home-news .news-bottom ul li .info .look {
	background: url("../images/look.png") no-repeat center left;
	padding-left: 20px;
	max-width: 33.3333333%;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
	padding-right: 15px
}

.home-news .news-bottom ul li .info .fav {
	background: url("../images/fav.png") no-repeat center left;
	padding-left: 15px;
	max-width: 33.3333333%;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
	padding-right: 15px
}

.home-news .news-bottom ul li .more {
	width: 140px;
	height: 30px;
	line-height: 30px;
	text-align: center;
	font-size: 12px;
	color: #787878;
	background: #dadada;
	transition: .5s
}

.home-news .news-bottom ul li:hover .bt {
	color: #3072b3
}

.home-news .news-bottom ul li:hover .more {
	background: #3072b3;
	color: #fff
}

.home-news .footer {
	position: absolute;
	bottom: 0;
	width: 100%
}

.active .home-title {
	-webkit-animation: 2s myfirst alternate;
	animation: 2s myfirst alternate;
	position: relative
}
.active .home-banner .home-banner-slick .slick-active .dian1 .info {
    -webkit-animation: 2s dian1 alternate;
    animation: 2s dian1 alternate;
}
.active .home-banner .home-banner-slick .slick-active .dian2 .info {
    -webkit-animation: 2s dian1 alternate;
    animation: 2s dian1 alternate;
    overflow: hidden;
}
.active .home-banner .home-banner-slick .slick-active .dian3 .info {
    -webkit-animation: 2s dian1 alternate;
    animation: 2s dian1 alternate;
}
.active .home-banner .home-banner-slick .slick-active .dian4 .info {
    -webkit-animation: 2s dian1 alternate;
    animation: 2s dian1 alternate;
}
.active .home-banner .home-banner-slick .slick-active .dian5 .info {
    -webkit-animation: 2s dian1 alternate;
    animation: 2s dian1 alternate;
}
.active .home-banner .home-banner-slick .slick-active .dian6 .info {
    -webkit-animation: 2s dian1 alternate;
    animation:2s dian1 alternate;
}
.active .home-banner .home-banner-slick .slick-active .dian7  .info{
    -webkit-animation: 2s dian1 alternate;
    animation: 2s dian1 alternate;
}
.active .home-banner .home-banner-slick .slick-active .dian8 .info{
    -webkit-animation: 2s dian1 alternate;
    animation: 2s dian1 alternate;
}



.home-banner .home-banner-slick .slick-slide .dian span{
    position: absolute;
    bottom:0;
}

.home-banner .home-banner-slick .slick-slide .dian span:before{
    -webkit-animation: 1.5s on infinite;
    animation: 1.5s on infinite;
}
.home-banner .home-banner-slick .slick-slide .dian span:after{
    -webkit-animation: 1.5s on infinite;
    animation: 1.5s on infinite;
}

.home-banner .home-banner-slick .slick-slide .dian span b:before{
    -webkit-animation: 1.5s on infinite;
    animation: 1.5s on infinite;
}
.active .home-banner .home-banner-slick .slick-active .banner-info .bt {
	-webkit-animation: 2s myfirst alternate;
	animation: 2s myfirst alternate;
	position: relative
}

.active .home-banner .home-banner-slick .slick-active .banner-info .jsh {
	-webkit-animation: 2.3s myfirst alternate;
	animation: 2.3s myfirst alternate;
	position: relative
}

.active .home-banner .home-banner-slick .slick-active .banner-info .more {
	-webkit-animation: 2.6s myfirst alternate;
	animation: 2.6s myfirst alternate;
	position: relative
}

.active .home-product .left {
	-webkit-animation: 2s myfirst1 alternate;
	animation: 2s myfirst1 alternate;
	position: relative
}

.active .home-product .right {
	-webkit-animation: 2s myfirst2 alternate;
	animation: 2s myfirst2 alternate;
	position: relative
}

.active .home-about .about-info {
	-webkit-animation: 2s myfirst1 alternate;
	animation: 2s myfirst1 alternate
}

.active .home-news .title {
	-webkit-animation: 2s myfirst4 alternate;
	animation: 2s myfirst4 alternate;
	position: relative
}

.active .home-news .news-bottom ul li {
	-webkit-animation: 2s myfirst alternate;
	animation: 2s myfirst alternate;
	position: relative
}

.active .home-news .news-bottom ul li:nth-child(2) {
	-webkit-animation: 2.5s myfirst alternate;
	animation: 2.5s myfirst alternate;
	position: relative
}

.active .home-news .news-bottom ul li:nth-child(3) {
	-webkit-animation: 3s myfirst alternate;
	animation: 3s myfirst alternate;
	position: relative
}

@-webkit-keyframes myfirst {
	0% {
		top: 100px;
		opacity: 0
	}

	100% {
		top: 0;
		opacity: 1
	}
}

@keyframes myfirst {
	0% {
		top: 100px;
		opacity: 0
	}

	100% {
		top: 0;
		opacity: 1
	}
}

@-webkit-keyframes on {
    0% {
        opacity: 0
    }
    50%{
        opacity: 1
    }
    100% {
        opacity: 0
    }
}

@keyframes on {
    0% {
        opacity: 0
    }
    50%{
        opacity: 1
    }
    100% {
        opacity: 0
    }
}
@-webkit-keyframes pulse {
    0% {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1);
    }
    50% {
        -webkit-transform: scale3d(1.03, 1.03, 1.03);
        transform: scale3d(1.03, 1.03, 1.03);
    }
    100% {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1);
    }
}

@keyframes pulse {
    0% {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1);
    }
    50% {
        -webkit-transform: scale3d(1.03, 1.03, 1.03);
        transform: scale3d(1.03, 1.03, 1.03);
    }
    100% {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1);
    }
}
@-webkit-keyframes dian1 {
    0% {
        height:0;
        opacity: 0
    }

    100% {
        height:90px;
        opacity: 1
    }
}

@keyframes dian1 {
    0% {
        height:0;
        opacity: 0
    }

    100% {
        height:90px;
        opacity: 1
    }
}



@-webkit-keyframes myfirst1 {
	0% {
		left: -100px;
		opacity: 0
	}

	100% {
		left: 0;
		opacity: 1
	}
}

@keyframes myfirst1 {
	0% {
		left: -100px;
		opacity: 0
	}

	100% {
		left: 0;
		opacity: 1
	}
}

@-webkit-keyframes myfirst2 {
	0% {
		right: -100px;
		opacity: 0
	}

	100% {
		right: 0;
		opacity: 1
	}
}

@keyframes myfirst2 {
	0% {
		right: -100px;
		opacity: 0
	}

	100% {
		right: 0;
		opacity: 1
	}
}

@-webkit-keyframes myfirst4 {
	0% {
		top: -100px;
		opacity: 0
	}

	100% {
		top: 0;
		opacity: 1
	}
}

@keyframes myfirst4 {
	0% {
		top: -100px;
		opacity: 0
	}

	100% {
		top: 0;
		opacity: 1
	}
}

@media (max-width:1600px) {
	.section .container {
		padding: 0 160px;
		width: 100%
	}

	.section .header1 .container {
		width: 1440px;
		padding: 0 10px
	}

	.home-news .footer .footer-top .container {
		padding: 0 160px;
		width: 100%
	}

	.home-news .footer .copyright .container {
		padding: 10px 160px;
		width: 100%
	}

	.home-about .about-info .right .youshi2 {
		padding-right: 160px
	}
    .section .home-banner .home-banner-slick .banner-info{
        left:5%;
    }
	.section .home-banner .home-banner-slick .banner-info .container {

		padding: 0 10px
	}
}

@media (max-width:1440px) {
	.footer .footer-top .container {
		margin-right: auto;
		margin-left: auto;
		padding-right: 10px;
		padding-left: 10px;
		width: 100%
	}

	.footer .copyright .container {
		margin-right: auto;
		margin-left: auto;
		padding-right: 10px;
		padding-left: 10px;
		width: 100%
	}

	.case ul li .hover .text {
		padding: 0 20px
	}

	.news .news-bottom .left {
		left: 10px
	}

	.section .home-banner .home-banner-slick .banner-info {
		top: 41%
	}

	.section .header1 .container {
		width: 100%;
		padding: 0 10px
	}

	.home-about .about-info .left .bt {
		font-size: 40px
	}

	.home-product .left {
		width: 30%
	}

	.home-product .right {
		width: 67.5%
	}

	.home-product .product-info {
		height: 588px;
		margin-top: -294px
	}
}

@media (max-width:1400px) {
	.header .header-right .nav {
		margin-right: 100px
	}

	.header1 .header-right .nav {
		margin-right: 80px
	}




	.section .home-banner .home-banner-slick .banner-info {
		top: 34%
	}
}

@media(max-width:1366px){
    .section .home-banner .home-banner-slick .banner-info{
        left:0;
    }
}

@media (max-width:1280px) {
	.header .header-right .nav {
		margin-right: 30px
	}

	.header .header-right .nav ul li a {
		padding: 0 15px
	}

	.header1 .header-right .nav {
		margin-right: 30px
	}

	.header1 .header-right .nav ul li a {
		margin: 0 15px
	}

	.news .news-bottom .right {
		padding-left: 300px
	}

	.contact .contact-info .right {
		padding-left: 30px
	}

	.home-about .about-info .right .youshi2 ul li {
		margin-left: 90px
	}

	.home-product .right {
		padding-top: 70px
	}

	.home-product .right .info ul li .pic .hover {
		padding-top: 30px
	}
}

@media (max-width:1200px) {
	.phone-nav {
		display: block;
		z-index: 20
	}

	.header .header-right {
		display: none
	}

	.header1 .header-right {
		display: none
	}

	.header {
		height: 70px
	}

	.header .logo {
		padding: 18px 0 0 0
	}

	.header .logo img {
		height: 40px
	}

	.header1 {
		height: 70px
	}

	.header1 .logo {
		padding: 18px 0 0 0
	}

	.header1 .logo img {
		height: 40px
	}

	.inbanner .inbanner-slick {
		display: none
	}

	.inbanner .inbanner-slick-phone {
		display: block
	}
}

@media (max-width:1024px) {
	.product .product-info {
		padding: 30px 0
	}

	.product .product-list {
		padding: 30px 0 3px 0;
		margin-bottom: 30px
	}

	.product .product-list ul li {
		margin-bottom: 30px
	}

	.product {
		padding-bottom: 30px
	}

	.product .product-list ul li .text {
		padding-left: 435px
	}

	.case ul li {
		width: 33.333333333%
	}

	.case {
		padding-bottom: 30px
	}

	.case ul {
		margin-bottom: 30px
	}

	.case .case-info {
		padding: 30px 0
	}

	.news .news-info {
		padding: 30px 0
	}

	.news .news-bottom {
		padding-top: 30px
	}

	.news {
		padding-bottom: 30px
	}

	.news .news-bottom .right ul {
		margin-bottom: 30px
	}

	.news .news-bottom .right {
		padding-left: 0
	}

	.news .news-bottom .left {
		position: relative;
		left: auto;
		top: auto;
		margin: 0 auto 20px auto;
		width: auto
	}

	.news .news-bottom .left ul {
		text-align: center
	}

	.news .news-bottom .left ul li {
		display: inline-block;
		border-bottom: 0;
		margin: 0 5px
	}

	.news .news-bottom .left ul li a {
		padding-right: 0;
		max-width: 100px
	}

	.news .news-bottom .left ul li a span {
		display: none
	}

	.news .news-bottom .right ul li .text {
		padding-left: 325px
	}

	.honor .honor-info {
		padding: 30px 0
	}

	.honor .honor-list ul {
		margin-bottom: 30px
	}

	.news-show .left {
		padding-bottom: 50px
	}

	.news-show .nr {
		padding: 30px 0
	}

	.list-page-news {
		padding-top: 0
	}

	.honor {
		padding-bottom: 30px
	}

	.honor .honor-list ul li {
		width: 20%
	}

	.news-show {
		padding-top: 50px
	}

	.case-show .case-top .case-info {
		padding: 30px 0
	}

	.case-show .case-top .case-neirong .left {
		width: 100%
	}

	.case-show .case-top .case-neirong .right {
		width: 681px;
		float: none;
		margin: 0 auto
	}

	.list-page-case {
		padding: 30px 0
	}

	.case-show .releated-case {
		padding-top: 30px
	}

	.case-show .releated-case .title {
		margin-bottom: 30px
	}

	.case-show .releated-case ul li {
		width: 33.3333333%
	}

	.case-show .releated-case ul li:nth-child(n+4) {
		display: none
	}

	.about1 {
		padding: 30px 0
	}

	.about1 h3 {
		margin-bottom: 30px
	}

	.about1 .jsh1 p {
		line-height: 30px
	}

	.about1 .jsh1 {
		margin-bottom: 30px
	}

	.about3 {
		padding: 30px 0
	}

	.job .job-info {
		padding: 30px 0
	}

	.job .job-top .right {
		padding-left: 420px
	}

	.job .job-top .right .jsh {
		line-height: 25px;
		margin-bottom: 25px
	}

	.job .job-list dl .list_dt {
		font-size: 14px
	}

	.job .job-list {
		padding-top: 30px
	}

	.job .job-list .jsh {
		margin-bottom: 30px
	}

	.product-show .product-top {
		padding: 20px 0 50px 0
	}

	.product-show .product-top .text {
		padding-top: 20px
	}

	.header1 {
		position: absolute
	}

	.home-banner {
		position: relative;
		top: auto
	}

	#fp-nav.right {
		display: none
	}

	.right-nav {
		display: none
	}

	.section .container {
		padding: 0 10px
	}

	.home-news .footer .footer-top .container {
		padding: 0 10px
	}

	.home-news .footer .copyright .container {
		padding: 10px
	}

	.home-product {
		overflow: hidden
	}

	.home-product .product-info {
		position: relative!important;
		top: auto!important;
		margin: 0!important;
		height: auto!important;
		overflow: hidden;
		padding: 51px 0 46px 0
	}

	.home-about .about-info {
		position: relative;
		top: auto;
		margin: 0;
		height: auto;
		padding: 74px 0
	}

	.home-about .about-info .right .youshi2 {
		padding-right: 0
	}

	.home-news {
		padding-top: 47px!important
	}

	.home-news .footer {
		position: relative;
		bottom: auto
	}

	.home-news .news-info {
		padding-bottom: 49px;
		overflow: hidden
	}

	.section .home-banner .home-banner-slick .banner-info .container {
		width: 100%
	}
    .home-banner .home-banner-slick .slick-slide img{
        display: block;

    }
    .home-banner .home-banner-slick .slick-slide{
        height: auto !important;
        background:none !important;
    }
    .home-banner .home-banner-slick .slick-slide .banner-info{
        top:50% !important;
    }
}

@media (max-width:768px) {
	.product .product-list ul {
		margin: 0 -5px
	}

	.product .product-list {
		padding-top: 20px
	}

	.product .product-list ul li {
		width: 50%;
		padding: 0 5px;
		float: left;
		margin-bottom: 20px
	}

	.product .product-list ul li .pic {
		width: 100%;
		height: auto;
		position: relative;
		top: auto;
		left: auto
	}

	.product .product-list ul li .pic:after {
		padding-bottom: 70%
	}

	.product .product-list ul li .text {
		padding-left: 0;
		padding-top: 15px;
		height: auto
	}

	.product .product-list ul li .text .bt {
		font-size: 16px;
		margin-bottom: 10px
	}

	.product .product-list ul li .text .jsh {
		font-size: 14px;
		margin-bottom: 10px
	}

	.page a {
		height: 35px;
		line-height: 35px;
		padding: 0 12px;
		font-size: 12px
	}

	.case ul li {
		width: 50%
	}

	.case .case-info {
		text-align: left
	}

	.case .case-info .jsh {
		display: none
	}

	.case .case-info .jsh1 {
		display: block;
		font-size: 13px;
		color: #515050;
		line-height: 25px;
		text-align: left
	}

	.case ul li:hover .hover .info {
		bottom: -100%
	}

	.case ul li:hover .hover .bt {
		display: block
	}

	.honor .honor-list ul li {
		width: 25%
	}

	.news .news-one ul li {
		width: 50%
	}

	.news .news-one ul li:last-child {
		display: none
	}

	.news .news-one ul li .bt {
		font-size: 14px
	}

	.news .news-one ul li .hover {
		padding: 15px
	}

	.news .news-bottom .right ul {
		margin: 0 -5px
	}

	.news .news-bottom .right ul li {
		width: 50%;
		float: left;
		padding: 0 5px;
		margin-bottom: 15px
	}

	.news .news-bottom .right ul li .pic {
		width: 100%;
		height: auto;
		position: relative;
		top: auto;
		left: auto
	}

	.news .news-bottom .right ul li .pic:after {
		padding-bottom: 65.4%
	}

	.news .news-bottom .right ul li .text {
		padding-left: 0;
		padding-top: 15px;
		height: auto;
		padding-bottom: 15px
	}

	.news .news-bottom .right ul li .text .date {
		width: 50px
	}

	.news .news-bottom .right ul li .text .info {
		padding-left: 60px
	}

	.news .news-bottom .right ul li .text .info .bt {
		font-size: 18px;
		margin-bottom: 5px
	}

	.news .news-bottom .right ul li .text .info .span {
		font-size: 14px;
		margin-bottom: 5px
	}

	.news .news-bottom .right ul li .text .info .jsh {
		font-size: 13px
	}

	.news-show .left {
		width: 100%
	}

	.news-show .right {
		display: none
	}

	.list-page-news li p {
		font-size: 13px
	}

	.news-show .left .title {
		font-size: 24px;
		margin-bottom: 15px
	}

	.news-show {
		padding-top: 30px
	}

	.news-show .left {
		padding-bottom: 30px
	}

	.case-show .releated-case ul li {
		width: 50%
	}

	.case-show .releated-case ul li:nth-child(n+4) {
		display: block
	}

	.case-show .releated-case ul li:nth-child(n+5) {
		display: none
	}

	.case-show .case-top .case-neirong .left ul li {
		line-height: 40px;
		font-size: 14px;
		padding-left: 35px
	}

	.case-show .case-top .case-neirong .left {
		padding-top: 0;
		padding-bottom: 30px;
		font-size: 14px
	}

	.about1 ul li {
		width: 230px;
		margin-top: 5px
	}

	.about1 h3 {
		font-size: 28px;
		line-height: 40px;
		margin-bottom: 20px
	}

	.about1 .jsh1 {
		margin-bottom: 10px
	}

	.fsbanner .list {
		width: 100%;
		height: auto;
		border-left: 0;
		border-bottom: 1px solid #586889;
		padding-left: 35px;
		margin: 10px 0 0 0;
		padding-bottom: 5px
	}

	.fsbanner .list .proinfo {
		height: auto;
		margin: 10px 0
	}

	.about2 {
		background-size: cover!important
	}

	.fsbanner .list .proinfo {
		line-height: 25px;
		font-size: 14px
	}

	.fsbanner .list .span {
		padding-left: 0
	}

	.fsbanner .list h3 {
		position: absolute;
		left: 0;
		top: 0;
		line-height: 36px;
		font-size: 30px
	}

	.fsbanner .list .bt {
		font-size: 24px
	}

	.about3 .title {
		font-size: 22px
	}

	.about3 ul {
		margin-top: 10px
	}

	.about3 ul li span {
		font-size: 22px
	}

	.about3 ul li {
		margin-bottom: 5px
	}

	.about3 ul li .text {
		line-height: 33px;
		padding-left: 130px
	}

	.about3 ul li:after {
		top: 15px;
		left: 65px
	}

	.about3 ul:after {
		left: 90px
	}

	.about3 ul li .text {
		font-size: 14px
	}

	.contact .contact-info .left {
		width: 100%;
		padding-top: 40px
	}

	.contact .contact-info .contact1 .jsh p {
		margin-bottom: 5px
	}

	.contact .contact-info .contact1 {
		border-bottom: 1px solid #585a5b;
		padding-bottom: 30px;
		margin-bottom: 30px
	}

	.contact .contact-info .contact1:nth-child(2) {
		border-bottom: 0;
		margin-bottom: 0
	}

	.contact .bg .left {
		width: 100%;
		background-size: cover!important
	}

	.contact .bg .right {
		display: none
	}

	.contact {
		height: auto;
		overflow: hidden
	}

	.contact .contact-info .right {
		width: 100%;
		padding-left: 0
	}

	.contact .contact-info .right ul {
		margin-top: 0
	}

	.contact .contact-info .right .message .message-submit {
		margin-bottom: 60px;
		margin-top: 25px
	}

	.contact .contact-info .contact1 .jsh {
		font-size: 13px
	}

	.contact .contact-info .contact1 .jsh p span {
		display: block
	}

	.footer .copyright .container {
		padding-bottom: 10px!important;
		padding-top: 10px!important;
		font-size: 12px
	}

	.footer .footer-top .menu li {
		padding: 0 10px
	}

	.job .job-top .left {
		position: relative;
		width: 100%;
		height: auto;
		padding: 10px;
		font-size: 16px;
		line-height: 30px;
		margin-bottom: 15px
	}

	.job .job-top .left:after {
		display: none
	}

	.job .job-top .left:before {
		display: none
	}

	.job .job-top .right {
		padding-left: 0
	}

	.job .job-top .right .jsh {
		margin-bottom: 15px
	}

	.job .job-top {
		padding-bottom: 15px;
		min-height: 0
	}

	.job .job-top .right .bt {
		font-size: 18px
	}

	.job .job-list dl dt {
		padding-left: 20px
	}

	.job .job-list dl dt .name {
		width: 22%
	}

	.job .job-list dl .list0 span {
		font-size: 14px
	}

	.job .job-list dl dt .bumen {
		width: 14%;
		margin-right: 2%
	}

	.job .job-list .jobsub {
		width: 100%
	}

	.job .job-list dl .list_dt {
		height: 60px;
		line-height: 60px;
		overflow: hidden;
		background: 0;
		border-bottom: 1px solid #ddd
	}

	.job .job-list dl .list0 {
		background: #f1f1f1
	}

	.job .job-list .list_dt .more {
		height: 60px
	}

	.job .job-list dl {
		padding-bottom: 30px
	}

	.product-show .anchor_fixed {
		position: relative;
		top: auto;
		left: auto
	}

	.product-show .product-top .text .bt {
		font-size: 20px
	}

	.product-show .product-top .text .jsh {
		line-height: 25px;
		font-size: 14px
	}

	.product-show .product-nav ul li {
		width: 16.666666666667%;
		margin: 0;
		height: 55px;
		line-height: 53px
	}

	.product-show .product-bottom .info {
		padding-top: 20px
	}

	.product-show .product-bottom .info .ziliao {
		top: 15px
	}

	.product-show .product-bottom .info .title {
		font-size: 20px
	}

	.product-show .product-bottom .info .jsh table td {
		font-size: 16px;
		line-height: 30px;
		padding: 10px 20px
	}

	.product-show .product-bottom {
		padding-bottom: 30px
	}

	.product-show .message1 {
		padding: 30px 0
	}

	.product-show .product-bottom .info .ziliao a {
		font-size: 16px
	}

	.product-show .product-bottom .info .ziliao {
		width: 140px;
		height: 40px;
		line-height: 40px
	}

	.home-product .left {
		width: 100%
	}

	.home-product .left .title {
		margin-bottom: 24px
	}

	.home-product .left .jsh {
		margin-bottom: 31px;
		height: 52px;
		line-height: 26px
	}

	.home-product .right {
		width: 100%;
		padding-top: 16px
	}

	.home-product .left .jsh {
		font-size: 13px
	}

	.home-product .left .title {
		font-size: 27px
	}

	.home-product .right .info ul {
		margin: 0 -5px
	}

	.home-product .right .info ul li {
		padding: 0 5px;
		margin-bottom: 9px
	}

	.home-product .left .nav-list ul {
		text-align: center;
		margin: 0 -5px
	}

	.home-product .left .nav-list ul li {
		width: 33.33333333%;
		float: left;
		padding: 0 7px;
		margin-bottom: 15px
	}

	.home-product .left .nav-list ul li a {
		font-size: 14px;
		width: 100%;
		height: 39px;
		line-height: 37px
	}

	.home-product .right .info ul li .pic .bt {
		font-size: 14px;
		line-height: 40px
	}

	.home-product .right .info ul li:hover .pic .hover {
		bottom: -100%
	}

	.home-product .right .info ul li:hover .pic .bt {
		bottom: 0
	}

	.home-about .about-info .left {
		width: 100%;
		margin-bottom: 24px
	}

	.home-about .about-info .right {
		width: 100%
	}

	.contact .contact-info .right .message .message-submit input {
		font-size: 16px;
		width: 200px
	}

	.home-about .about-info .right .youshi2 {
		position: relative;
		margin: 0;
		top: auto;
		right: auto
	}

	.home-about .about-info .left .jsh {
		height: auto;
		margin-bottom: 5px;
		line-height: 26px
	}

	.home-about .about-info .right .youshi2 ul li {
		margin: 0 20px
	}

	.home-news .title h3 {
		font-size: 30px;
		margin-bottom: 7px
	}

	.home-news .title p {
		font-size: 13px
	}

	.home-news .news-bottom {
		margin-top: 26px
	}

	.home-news .news-bottom ul {
		border-right: 0;
		border-top: 1px solid #e6e6e6
	}

	.home-news .news-bottom ul li {
		width: 100%;
		border-left: 0;
		padding: 0 10px 30px 10px;
		border-bottom: 1px solid #e6e6e6
	}

	.home-news .news-bottom ul li .span {
		font-size: 16px;
		margin-bottom: 10px
	}

	.home-news .news-bottom ul li .jsh {
		margin-bottom: 21px;
		height: 24px
	}

	.home-news .news-bottom ul li .info {
		margin-bottom: 15px;
		font-size: 14px
	}

	.home-news .title span {
		display: block;
		position: relative;
		bottom: auto;
		right: auto;
		margin-top: 14px
	}

	.home-news .news-bottom ul li .bt {
		font-size: 15px;
		margin-bottom: 8px
	}

	.home-news .news-bottom ul li .more {
		width: 113px
	}

	.product-show .message1 .title {
		font-size: 20px
	}

	.home-news .news-bottom ul li .info .clock {
		background: url(../images/clockh.png) no-repeat center left;
		background-size: 12px
	}

	.home-news .news-bottom ul li .info .look {
		background: url(../images/lookh.png) no-repeat center left;
		background-size: 16px
	}

	.home-news .news-bottom ul li .info .fav {
		background: url(../images/favh.png) no-repeat center left;
		background-size: 12px
	}

	.product-show .product-bottom .info .ziliao a {
		background: url(../images/downh.png) no-repeat center left;
		background-size: 19px
	}

	.job .job-list .list_dt .more {
		display: none
	}

	.footer .footer-top .footer-contact {
		background: url(../images/serviceh.png) no-repeat left top;
		background-size: 50px
	}

	.home-banner .home-banner-slick {
		display: none
	}

	.home-banner .home-banner-slick-phone {
		display: block
	}
}

@media (max-width:520px) {
	.product .product-list ul li .text .more {
		width: 100px
	}

	.product .product-info .bt {
		font-size: 22px
	}

	.product .product-info .jsh {
		font-size: 14px;
		line-height: 25px
	}

	.product .product-info {
		padding: 20px 0 30px 0
	}

	.product .product-list ul li .text .jsh {
		line-height: 25px;
		height: 50px
	}

	.footer .footer-top {
		padding: 0!important
	}

	.second-nav h3 {
		float: none;
		font-size: 20px
	}

	.second-nav ul {
		text-align: center;
		float: none
	}

	.second-nav ul li {
		margin: 0 20px 0 0
	}

	.second-nav ul li a {
		font-size: 14px;
		line-height: 33px
	}

	.case .case-info {
		padding: 20px 0;
		margin-bottom: 0
	}

	.case .case-info .bt {
		font-size: 22px
	}

	.case .case-info .span {
		font-size: 16px;
		margin-bottom: 10px
	}

	.case ul li .hover .bt {
		font-size: 18px;
		line-height: 30px;
		margin-top: -15px
	}

	.honor .honor-info {
		padding: 20px 0;
		margin-bottom: 0;
		text-align: left
	}

	.honor .honor-info .bt {
		font-size: 22px
	}

	.honor .honor-info .jsh {
		font-size: 14px;
		line-height: 25px
	}

	.honor .honor-list ul li {
		width: 33.3333333333333%
	}

	.info-title {
		text-align: left
	}

	.info-title .bt {
		line-height: 35px;
		font-size: 22px
	}

	.info-title .jsh {
		font-size: 14px;
		line-height: 25px
	}

	.news .news-info {
		padding: 20px 0;
		margin-bottom: 0;
		text-align: left
	}

	.news .news-info .bt {
		font-size: 22px
	}

	.news .news-info .jsh {
		font-size: 14px;
		line-height: 25px
	}

	.news .news-bottom {
		padding-top: 20px
	}

	.news .news-bottom .right ul li .text .date {
		display: none
	}

	.news .news-bottom .right ul li .text .info {
		padding-left: 0
	}

	.news .news-bottom .right ul li .text .info .bt {
		font-size: 16px
	}

	.news .news-one ul li {
		width: 100%
	}

	.list-page-news li {
		width: 100%;
		margin-bottom: 5px
	}

	.news-show .nr {
		font-size: 14px
	}

	.news-show .left .title {
		font-size: 20px
	}

	.case-show .releated-case ul li .hover .bt {
		font-size: 18px;
		line-height: 30px;
		margin-top: -15px
	}

	.case-show .releated-case {
		padding-top: 20px
	}

	.case-show .releated-case .title {
		font-size: 22px;
		margin-bottom: 20px
	}

	.case-show .case-top .case-info {
		padding: 20px 0
	}

	.case-show .case-top .case-info .jsh {
		font-size: 14px
	}

	.case-show .case-top .case-neirong .right {
		width: 100%;
		position: relative;
		overflow: hidden
	}

	.case-show .case-top .case-neirong .right .bigImage {
		width: 100%;
		height: auto
	}

	.case-show .case-top .case-neirong .right .bigImage .pic {
		width: 100%;
		height: auto
	}

	.case-show .case-top .case-neirong .right .bigImage .pic:after {
		padding-bottom: 88%
	}

	.case-show .case-top .case-neirong .right .smallImage {
		position: absolute;
		right: 0;
		top: 0;
		padding: 10px;
		background: #000;
		height: 100%;
		width: 100px
	}

	.case-show .case-top .case-neirong .right .smallImage .pic {
		width: 100%;
		height: auto
	}

	.case-show .case-top .case-neirong .right .smallImage .pic:after {
		padding-bottom: 88%
	}

	.list-page-case li {
		width: 100%;
		margin-bottom: 5px
	}

	.list-page-case .next {
		text-align: left
	}

	.about1 ul li {
		width: 190px;
		margin: 5px 0 0 0
	}

	.about3 ul li:after {
		display: none
	}

	.about3 ul:after {
		display: none
	}

	.about3 ul {
		padding-top: 5px
	}

	.about3 ul li span {
		display: block;
		position: relative
	}

	.about3 ul li .text {
		padding-left: 0;
		line-height: 26px
	}

	.footer .footer-top .menu {
		width: 100%;
		padding-top: 9px
	}

	.footer .footer-top .footer-contact {
		width: 100%;
		text-align: left;
		background: 0;
		line-height: 35px
	}

	.footer .footer-top .footer-contact {
		padding: 0 10px
	}

	.footer .footer-top .footer-contact .p-01 {
		font-size: 14px;
		float: left
	}

	.footer .footer-top .footer-contact .span-01 {
		display: none
	}

	.product .product-list ul li {
		width: 100%
	}

	.footer .footer-top .footer-contact .tel {
		font-size: 15px;
		float: left;
		line-height: 35px;
		padding-left: 10px;
		margin-bottom: 0
	}

	.footer .footer-top .footer-contact .p-02 {
		display: none
	}

	.footer .copyright span {
		float: none
	}

	.footer .copyright .container {
		padding-top: 10px;
		padding-bottom: 10px
	}

	.home-news .footer .copyright .container {
		font-size: 12px;
		line-height: 23px;
		padding: 5px 10px
	}

	.footer .footer-top .menu li {
		width: 100%;
		border-bottom: 1px solid #434548;
		line-height: 35px
	}

	.footer .footer-top .menu a {
		font-size: 13px;
		display: none
	}

	.footer .footer-top .menu a.bt {
		font-size: 14px;
		margin-bottom: 0;
		display: block
	}

	.job .job-list .bt1 {
		font-size: 22px;
		line-height: 35px;
		text-align: left
	}

	.job .job-list .jsh {
		margin-bottom: 20px;
		text-align: left;
		font-size: 14px
	}

	.job .job-list .jobsub {
		padding: 20px
	}

	.product-show .message1 ul li {
		width: 100%
	}

	.product-show .product-bottom .info .jsh {
		font-size: 14px;
		line-height: 34px
	}

	.product-show .product-nav ul li a {
		font-size: 14px
	}

	.product-show .product-nav ul .active {
		border: 0
	}

	.product-show .message1 .message-submit input {
		width: 100%;
		font-size: 18px
	}

	.product-show .message1 .message-submit {
		margin-top: 0
	}

	.product-show .product-top .pic {
		width: 100%
	}

	.product-show .product-top .text {
		width: 100%
	}

	.product-show .product-top .text {
		padding-top: 15px
	}

	.product-show .product-nav ul li {
		width: 25%
	}

	.product-show .message1 ul li textarea {
		height: 160px
	}

	.about1 ul li .jsh {
		font-size: 14px
	}

	.about1 ul li {
		width: 48%
	}

	.home-about .about-info .right .youshi2 ul li {
		margin: 0;
		width: 32%
	}

	.home-about .about-info .right .youshi2 ul li .num {
		font-size: 50px;
		line-height: 50px
	}

	.home-about .about-info .container {
		padding-bottom: 143px
	}

	.home-about .about-info .left .jsh {
		font-size: 14px
	}

	.home-about .about-info .right .youshi2 ul li {
		padding-top: 0
	}

	.job .job-list dl dt .fabu {
		display: none
	}

	.job .job-list dl dt .time {
		width: 15%;
		margin-right: 3%
	}

	.job .job-list dl dt .name {
		width: 30%
	}

	.job .job-list dl dt span {
		width: 17%
	}

	.footer .footer-top .container {
		padding: 0!important
	}
}

@media (max-width:414px) {
	.honor .honor-list ul li {
		width: 50%
	}

	.case-show .case-top .case-neirong .right .smallImage {
		padding: 5px;
		width: 90px
	}

	.case-show .case-top .case-neirong .right .smallImage .pic {
		margin-bottom: 5px
	}

	.job .job-list dl dt .address {
		display: none
	}

	.job .job-list dl dt .name {
		width: 45%
	}
}

@media (max-width:360px) {
	.product .product-list ul li {
		width: 100%
	}

	.case ul li {
		width: 100%
	}

	.news .news-bottom .right ul li {
		width: 100%
	}

	.about1 ul li .jsh {
		font-size: 13px
	}
}

@media (max-height:1050px) {
	.home-news {
		padding-top: 50px
	}
}
@media (max-height:947px) {
    .home-banner .home-banner-slick .slick-slide .dian .dian5{
        top: 72%;
    }
    .home-banner .home-banner-slick .slick-slide .dian .dian6{
        top:17%;
    }
    .home-banner .home-banner-slick .slick-slide .dian .dian7{
        top:24%;
    }
    .home-banner .home-banner-slick .slick-slide .dian .dian3{
        top:24%;
    }
    .home-banner .home-banner-slick .slick-slide .dian .dian4{
        top:15%;
    }
}
@media (max-height:937px) {
    .home-banner .home-banner-slick .slick-slide .dian .dian5{
        top: 72%;
    }
    .home-banner .home-banner-slick .slick-slide .banner-info{
        top:50%;
    }
    .home-banner .home-banner-slick .slick-slide .dian .dian6{
        top:15%;
    }
    .home-banner .home-banner-slick .slick-slide .dian .dian7{
        top:23%;
    }
    .home-banner .home-banner-slick .slick-slide .dian .dian8{
        top:70%;
    }
    .home-banner .home-banner-slick .slick-slide .dian .dian1{
        top:65%;
    }
    .home-banner .home-banner-slick .slick-slide .dian .dian2{
        top:45%;
    }
    .home-banner .home-banner-slick .slick-slide .dian .dian3{
        top:25%;
    }
    .home-banner .home-banner-slick .slick-slide .dian .dian4{
        top:14%;
    }
}
@media (max-height:900px) {
	.home-news {
		padding-top: 50px
	}

	.footer .copyright .container {
		padding-bottom: 20px
	}

	.footer .footer-top {
		padding-top: 30px
	}


}
@media(max-height:887px){
    .home-banner .home-banner-slick .slick-slide .banner-info{
        top:44%;
    }
}
@media(max-height:788px){
    .home-banner .home-banner-slick .slick-slide .banner-info{
        top:51%;
    }
    .home-banner .home-banner-slick .slick-slide .dian .dian7{
        top:21%;
    }
}
@media(max-height:887px){

}

@media(max-width:1680px){
    .home-banner .home-banner-slick .slick-slide .dian .dian3{
        right:400px;
    }
    .home-banner .home-banner-slick .slick-slide .dian .dian4{
        right:255px;
    }
    .home-banner .home-banner-slick .slick-slide .dian .dian1{
        left:330px;
    }
    .home-banner .home-banner-slick .slick-slide .dian .dian2{
        left:515px;
    }
}


@media(max-width:1600px){
    .home-banner .home-banner-slick .slick-slide .dian .dian8{
        right:13%;
    }
    .home-banner .home-banner-slick .slick-slide .dian .dian5{
        left:5%;
    }
    .home-banner .home-banner-slick .slick-slide .dian .dian7{
        right:34%;
    }
    .home-banner .home-banner-slick .slick-slide .dian .dian6{
        left:10%;
    }
    .home-banner .home-banner-slick .slick-slide .dian .dian1{
        left:26%;
    }
    .home-banner .home-banner-slick .slick-slide .dian .dian2{
        left:38%;
    }
    .home-banner .home-banner-slick .slick-slide .dian .dian3{
        right:31%;
    }
    .home-banner .home-banner-slick .slick-slide .dian .dian4{
        right:22%;
    }
}

@media(max-width:1280px){
    .home-banner .home-banner-slick .slick-slide .dian .dian8{
        right:5%;
    }
    .home-banner .home-banner-slick .slick-slide .dian .dian5{
        left:0%;
        top: 67%;
    }
    .home-banner .home-banner-slick .slick-slide .dian .dian7{
        right:31%;
        top: 25%;
    }
    .home-banner .home-banner-slick .slick-slide .dian .dian6{
        left:5%;
    }
    .home-banner .home-banner-slick .slick-slide .dian .dian1{
        left:23%;
    }
    .home-banner .home-banner-slick .slick-slide .dian .dian2{
        left:36%;
    }
    .home-banner .home-banner-slick .slick-slide .dian .dian3{
        right:25%;
    }
    .home-banner .home-banner-slick .slick-slide .dian .dian4{
        right:15%;
    }
}
@media (max-height:768px) {
	.home-news .news-bottom {
		margin-top: 20px
	}

	.home-news {
		padding-top: 20px
	}

	.home-news .news-bottom ul li .jsh {
		margin-bottom: 15px
	}

	.home-news .news-bottom ul li .info {
		margin-bottom: 15px
	}

	.home-news .news-bottom ul li a {
		padding-top: 0
	}


}

@media(max-height:737px){

}

@media (max-height:720px) {
	.home-product .left .jsh {
		margin-bottom: 30px
	}

	.home-product .left .nav-list ul li {
		margin-bottom: 10px
	}

	.home-product .right {
		padding-top: 30px
	}

	.home-product .product-info {
		height: 530px;
		margin-top: -265px
	}

	.home-about .about-info .left .bt {
		font-size: 38px
	}

	.home-news {
		padding-top: 10px
	}

	.home-news .news-bottom ul li .span {
		margin-bottom: 5px
	}
}
 @media(max-height:688px){
     .home-banner .home-banner-slick .slick-slide .dian .dian3{
         right:29%;
     }
     .home-banner .home-banner-slick .slick-slide .dian .dian4{
         right:21%;
     }
     .home-banner .home-banner-slick .slick-slide .dian .dian2{
         left:38%;
     }
     .home-banner .home-banner-slick .slick-slide .dian .dian1{
         left:26%;
     }
     .home-banner .home-banner-slick .slick-slide .dian .dian8{
         right:14%;
     }
     .home-banner .home-banner-slick .slick-slide .dian .dian7{
         right:31%;
     }

 }

@media(max-width:1024px){
    .home-banner .home-banner-slick .slick-slide .dian{
        display: none;
    }
}
@media (max-width:768px) {
	.home-about .about-info .left .bt {
		font-size: 36px;
		margin-bottom: 32px
	}

	.home-about .about-info .left .more {
		position: absolute;
		bottom: 47px;
		font-size: 14px
	}

	.home-news .news-bottom ul li a {
		padding-top: 19px
	}

	.job .job-list .jobsub {
		font-size: 12px!important
	}

	.job .job-list .jobsub .bt {
		font-size: 15px!important;
		text-align: left
	}
}

/*搜索弹出层*/
.search_mask
{
	background: url(../images/search_mask.png);
	width: 100%;
	height: 100%;
	position: fixed;
	z-index: 999999;
	top: 0;
	left: 0;
	display: none;
}
.search_mask .s_box
{
	width: 350px;
	height: 136px;
	padding: 25px;
	top: 50%;
	left: 50%;
	margin-left: -175px;
	position: absolute;
	margin-top: -68px;
	background: #fff;
}
.search_mask .s_box .text1
{
	text-align: center;
	line-height: 24px;
	color: #666;
	font-size: 16px;
}
.search_mask .s_box .sure
{
	width: 140px;
	height: 36px;
	display: block;
	margin: 20px auto 0;
	background: #00a0e9;
	border-radius: 2px;
	color: #fff;
	font-size: 16px;
	text-align: center;
	line-height: 36px;
	letter-spacing: 5px;
}

/**********IE8***********/

.prompt {
  position: fixed;
  width: 100%;
  height: 100%;
  background: url(../images/ie_sosad.png) no-repeat center 35% #ffffff;
  left: 0;
  bottom: 0;
  display: none;
  z-index: 999;
  filter: alpha(opacity=80);
  opacity: 80;
}
.prompt span {
  position: absolute;
  font-size: 14px;
  font-family: 'Microsoft YaHei';
  top: 55%;
  left: 50%;
  margin-left: -200px;
  width: 400px;
  display: block;
  line-height: 24px;
  color: #666;
}
.prompt span a {
  text-decoration: underline;
}
.prompt_close {
  width: 30px;
  height: 30px;
  position: absolute;
  right: 30px;
  top: 30px;
  background: url(../images/closed.png) no-repeat center center;
  cursor: pointer;
}