@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
}
@font-face {
	font-family:"NotoSansCJKsc-Black";
	src:url("../font/NotoSansCJKsc-hinted/NotoSansCJKsc-Regular.otf") format("OpenType");
}
body {
	font-family: "NotoSansCJKsc-Black",arial !important;
	font-size: 14px;
	color: #666;
	line-height: 1.5;
	width: 100%;
	background: #fff;
	-webkit-tap-highlight-color: transparent
}

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
}

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: 1440px
}

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

#container {
	overflow: hidden;
	background: #fff
}

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

.header {
	height: 85px;
	width: 100%;
	z-index: 100;

	background: #fff;
	position: fixed;
	top: 0;
}

.header .container {
	width: 92%
}

.header .logo {
	padding: 22px 37px 0 37px;
	overflow: hidden;
	float: left;

}

.header .logo a {
	display: block;
	overflow: hidden
}

.header .logo a img {
	display: block;
    margin:0 auto;
}

.header .nav {
	float: right;
	position: relative;
	z-index: 101
}

.header .nav ul li {
	font-size: 16px;
	cursor: pointer;
	float: left;
	margin-left: 12px
}

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

.header .nav ul li .subnav2 {
	position: absolute;
	top: 85px;
	left: -10000px;
	width: 20000px;
	content: '';
	display: block;
	z-index: -1;
	background: #ebb987
}

.header .nav ul li .subnav1 {
	display: none;
	position: absolute;
	left: 50%;
	top: 85px;
	z-index: 999;
	font-size: 14px;
	width: 1440px;
	margin-left: -720px;
	text-align: center
}

.header .nav ul li .subnav1 dl {
	width: 1440px;
	padding: 10px 0;
	z-index: 4;
	position: relative
}

.header .nav ul li .subnav1 dl dd {
	display: inline-block;
	text-align: center;

}

.header .nav ul li .subnav1 dl dd a {
	color: #fff;
	font-size: 14px;
	line-height: 32px;
	height: 32px;
	display: inline-block;
	padding-right: 11px;
	
	max-width: 380px;
	transition: .5s;
	font-weight: normal;
	position: relative
}

.header .nav ul li .subnav1 dl dd a:after {
	content: '';
	display: inline-block;
	height: 15px;
	width: 1px;
	vertical-align: middle;
	background: rgba(255,255,255,0.5);
	margin-left: 20px
}

.header .nav ul li .subnav1 dl .last a:after {
	display: none
}

.header .nav ul .mj_hover_menu {
	z-index: 5
}

.header .nav ul .mj_hover_menu .subnav2 {
	z-index: 1
}

.header .nav ul .active a {
	font-weight: bold
}

.header .header-right {
	float: right
}

.header .header-right .phone {
	font-size: 22px;
	color: #037ff3;
	float: left;
	font-weight: bold;
	line-height: 32px;
	background: url("../images/phone.png") no-repeat center left;
	padding-left: 24px;
	letter-spacing: .2px;
	margin-top: 29px;
	margin-left: 39px;
	font-family: "DINPro-Black",arial
}

.header .header-right .yuyan {
	position: relative;
	cursor: pointer;
	float: left;
	margin-left: 24px;
	background: url("../images/lan.png") no-repeat center left;
	padding-left: 20px;
	margin-top: 37px;
	margin-right: 18px;
	z-index: 100
}

.header .header-right .yuyan h3 {
	font-size: 13px;
	background: url(../images/arrow.png) no-repeat center right;
	padding-right: 16px;
	text-transform: capitalize;
	color: #494949;
	font-family: arial
}

.header .header-right .yuyan ul {
	display: none;
	position: absolute;
	top: 30px;
	right:5px;
	width: 320px;
	z-index: 9;
	padding: 5px;
	background: #f1f1f1;
	text-align:center;
	letter-spacing:1px;
	font-size:16px;
}

.header .header-right .yuyan ul li {
	height: 25px;
	line-height: 25px
}

.header .header-right .yuyan ul li a {
	padding: 0 5px
}

.header .header-right .yuyan ul li a:hover {
	color: #037ff3
}

.header .header-right .header-search {
	float: right
}

.header .header-right .header-search .pull-right {
	width: 26px
}

.header .header-right .header-search .pull-right a {
	display: block;
	height: 90px;
	line-height: 90px;
	font-size: 16px;
	color: #fff;
	transition: .5s;
	background: url("../images/search.png") no-repeat center center
}

.header .header-right .search {
	z-index: 99;
	background: #f0f4f5
}

.header .header-right .search .btn-search-max {
	z-index: 2;
	-webkit-transition: All .2s ease-in-out;
	transition: All .2s ease-in-out;
	position: relative
}

.header .header-right .search .btn-search-max * {
	display: inline-block;
	vertical-align: middle
}

.header .header-right .search .search-main {
	top: 90px;
	right: 0;
	z-index: 99;
	width: 100%;
	display: none;
	padding: 0 30px 13px 10px;
	position: absolute;
	background: #f6fafc
}

.header .header-right .search-container {
	padding-left: 0;
	width: 680px;
	margin: 30px auto;
	position: relative;
	padding-bottom: 60px
}

.header .header-right .search-info {
	width: 100%;
	float: left;
	margin-right: 2px;
	position: relative;
	background: #fff;
	border-bottom: 4px solid #037ff3
}

.header .header-right .search-info .inp_srh {
	background: #fff;
	border: 0;
	padding-left: 25px;
	font-size: 14px;
	color: #888;
	height: 50px;
	line-height: 50px;
	width: 100%;
	padding-right: 70px
}

.header .header-right .btn_srh {
	background: url("../images/search.png") no-repeat center center;
	width: 65px;
	height: 50px;
	line-height: 50px;
	border: 0;
	position: absolute;
	right: 0;
	font-size: 16px;
	color: #fff;
	top: 0
}

.header .header-right #search-closed {
	right: 10px;
	top: 15px;
	max-width: 30px;
	position: absolute;
	cursor: pointer
}

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

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

#menu .phone {
	font-size: 22px;
	color: #fff;
	float: left;
	font-weight: bold;
	line-height: 32px;
	background: url("../images/phone1.png") no-repeat center left;
	padding-left: 24px;
	letter-spacing: .2px;
	margin-bottom: 20px;
	margin-left: 23px;
	font-family: "DINPro-Black",arial
}

#menu .lan {
	margin: 20px
}

#menu .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
}

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

#menu .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/search.png) no-repeat center center;
	background-size: 18px;
	outline: 0;
	position: absolute;
	top: 0;
	right: 5px
}

#menu .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
}

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

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

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

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

.home-banner {
	overflow: hidden;
	width: 100%;
	position: relative;
	z-index: 1;
}

.home-banner .home-banner-slick {
	overflow: hidden
}

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

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

.home-banner .home-banner-slick .slick-slide .item {
	height: 751px
}

.home-banner .home-banner-slick .slick-slide .banner-hover {
	position: absolute;
	top: 50%;
	left: 0;
	width: 100%;
	height: 228px;
	z-index: 5;
	margin-top: -114px
}

.home-banner .home-banner-slick .slick-slide .banner-hover .banner-info {
	width: 540px;
	height: 228px;
	cursor: text;
	float: right
}

.home-banner .home-banner-slick .slick-slide .banner-hover .banner-info .bt {
	color: #037ff3;
	font-size: 50px;
	font-weight: bold;
	margin-bottom: 6px
}

.home-banner .home-banner-slick .slick-slide .banner-hover .banner-info .span {
	font-size: 24px;
	color: #00658c;
	font-weight: bold;
	font-family: arial;
	line-height: 24px;
	margin-bottom: 13px;
	text-transform: uppercase
}

.home-banner .home-banner-slick .slick-slide .banner-hover .banner-info .jsh {
	font-size: 15px;
	color: #676767;
	line-height: 24px;
	margin-bottom: 20px
}

.home-banner .home-banner-slick .slick-slide .banner-hover .banner-info .more {
	font-size: 16px;
	color: #000;
	height: 40px;
	line-height: 40px;
	background: #fff;
	text-align: center;
	transition: .5s;
	width: 152px;
	border-radius: 5px
}

.home-banner .home-banner-slick .slick-slide .banner-hover .banner-info .more a {
	display: block;
	color: #000;
	transition: .5s
}
.home-banner .home-banner-slick .slick-slide .banner-hover .banner-info02 {
    margin-left: 80px;
    float: left;
    margin-top: -55px;
}

.home-banner .home-banner-slick .slick-slide .banner-hover .banner-info02 .bt {
    color: #fff;
    font-size: 60px;
    line-height: 70px;
    margin-bottom: 13px
}



.home-banner .home-banner-slick .slick-slide .banner-hover .banner-info02 .jsh {
    font-size: 16px;
    color: #fff;
    line-height: 28px;
    margin-bottom: 50px
}

.home-banner .home-banner-slick .slick-slide .banner-hover .banner-info02 .more {
    font-size: 16px;
    color: #000;
    height: 40px;
    line-height: 40px;
    background: #fff;
    text-align: center;
    transition: .5s;
    width: 152px;
    border-radius: 5px;
    box-shadow:0 20px 20px 0  rgba(0,0,0,0.28);
}

.home-banner .home-banner-slick .slick-slide .banner-hover .banner-info02 .more a {
    display: block;
    color: #000;
    transition: .5s
}




.home-banner .home-banner-slick .slick-slide .banner-hover .banner-info03 {
    width: 597px;
    height: 228px;
    cursor: text;
    float: right;
    margin-top: -31px;
    margin-right:110px;
}

.home-banner .home-banner-slick .slick-slide .banner-hover .banner-info03 .bt {
    color: #fff;
    font-size: 65px;
    font-weight: bold;
    margin-bottom: 21px
}

.home-banner .home-banner-slick .slick-slide .banner-hover .banner-info03 .span {
    font-size: 30px;
    color: #fff;
    font-weight: bold;
    font-family: arial;
    line-height: 24px;
    margin-bottom: 4px;
    text-transform: uppercase
}

.home-banner .home-banner-slick .slick-slide .banner-hover .banner-info03 .jsh {
    font-size: 15px;
    color: #fff;
    line-height: 24px;
    margin-bottom: 46px
}

.home-banner .home-banner-slick .slick-slide .banner-hover .banner-info03 .more {
    font-size: 16px;
    color: #000;
    height: 40px;
    line-height: 40px;
    background: #fff;
    text-align: center;
    transition: .5s;
    width: 152px;
    border-radius: 5px;
    box-shadow:0 20px 20px 0  rgba(0,0,0,0.28);
}

.home-banner .home-banner-slick .slick-slide .banner-hover .banner-info03 .more a {
    display: block;
    color: #000;
    transition: .5s
}
.home-banner .home-banner-slick .slick-dots {
	z-index: 10;
	bottom: 28px;
	line-height: 0;
	text-align: center
}

.home-banner .home-banner-slick .slick-dots li {
	margin: 0 4px;
	width: 41px;
	height: 6px;
	padding: 0;
	position: relative
}

.home-banner .home-banner-slick .slick-dots li button {
	width: 41px;
	height: 6px;
	display: block;
	background: #fff;
	padding: 0
}

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

.home-banner .home-banner-slick .slick-dots .slick-active button {
	background: #037ff3
}

.home-banner .home-banner-slick-phone {
	overflow: hidden;
	width: 100%;
	position: relative;
	display: none
}

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

.home-banner .home-banner-slick-phone .slick-slide img {
	width: 100%
}

.home-banner .home-banner-slick-phone .slick-dots {
	z-index: 10;
	bottom: 15px;
	line-height: 0;
	text-align: center
}

.home-banner .home-banner-slick-phone .slick-dots li {
	margin: 0 4px;
	width: 30px;
	height: 4px;
	padding: 0;
	position: relative
}

.home-banner .home-banner-slick-phone .slick-dots li button {
	width: 30px;
	height: 4px;
	display: block;
	background: #fff;
	padding: 0
}

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

.home-banner .home-banner-slick-phone .slick-dots .slick-active button {
	background: #037ff3
}

@media (max-width:1920px) {
	.home-banner {
		max-height: 751px
	}
}

/*@media (max-width:1785px) {
	.header .logo {
		padding-left: 0;
		padding-right: 0;
        width:30%;
	}
}*/

@media (max-width:1705px) {
	.header .nav ul li {
		margin-left: 0
	}
    /*.header .logo {
        width:33%;
    }*/
}

@media (max-width:1680px) {
	.home-banner {
		max-height: 650px
	}
}

@media (max-width:1600px) {
	.home-banner {
		max-height: 619px
	}
}

@media (max-width:1585px) {
	.header .header-right .phone {
		margin-left: 10px
	}

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

}

/*@media(max-width:1560px){
    .header .logo {
        width:37%;
    }
}
@media(max-width:1510px){
    .header .logo {
        width:36%;
    }
}
@media(max-width:1486px){
    .header .logo {
        width:35%;
    }
}
@media(max-width:1463px){
    .header .logo {
        width:35%;
    }
}
@media(max-width:1445px){
    .header .logo {
        width:33%;
    }
}
@media(max-width:1428px){
    .header .logo {
        width:37%;
    }
}
@media(max-width:1394px){
    .header .logo {
        width:35%;
    }
}
@media(max-width:1350px){
    .header .logo {
        width:34%;
    }
}
@media(max-width:1329px){
    .header .logo {
        width:34%;
    }
}
@media(max-width:1310px){
    .header .logo {
        width:32%;
    }
}
@media(max-width:1291px){
    .header .logo {
        width:36%;
    }
}
@media(max-width:1256px){
    .header .logo {
        width:35%;
    }
}
@media(max-width:1237px){
    .header .logo {
        width:34%;
    }
}
@media(max-width:1219px){
    .header .logo {
        width:33%;
    }
}
@media(max-width:1201px){
    .header .logo {
        width:32%;
    }
}
@media(max-width:1184px){
    .header .logo {
        width:31%;
    }
}
@media(max-width:1167px){
    .header .logo {
        width:30%;
    }
}
@media(max-width:1150px){
    .header .logo {
        width:29%;
    }
}
@media(max-width:1140px){
    .header .logo {
        width:32%;
    }
}
@media(max-width:1119px){
    .header .logo {
        width:31%;
    }
}
@media(max-width:1103px){
    .header .logo {
        width:30%;
    }
}*/
@media (max-width:1460px) {
	.header {
		 
	}
	.header .header-right {
		padding-right: 0
	}


}

@media (max-width:1440px) {
	.home-banner {
		max-height: 557px
	}
    .home-banner .home-banner-slick .slick-slide .banner-hover .banner-info03{
        width:500px;
    }
    .home-banner .home-banner-slick .slick-slide .banner-hover .banner-info03 .bt{
        font-size:50px;
    }
}
@media (max-width:1428px) {
    .header .logo a img{
        height:30px;
    }
    .header .nav ul li{
        font-size:15px;
    }
    .header .header-right .phone{
        font-size:18px;
    }
}
@media (max-width:1366px) {
	.home-banner {
		max-height: 528px
	}
}
@media (max-width:1291px) {
    .header .logo{
        padding:30px 10px 0 0;
    }
    .header .logo a img{
        height:30px;
    }
    .header .nav ul li{
        font-size:14px;
    }
    .header .nav ul li a{
        padding:0 6px;
    }

}
@media (max-width:1280px) {
	.home-banner {
		max-height: 494px
	}
}
@media (max-width:1140px) {
    .header .header-right .phone{
        font-size:16px;
    }
    .header .header-right .yuyan{
        margin:37px 5px 0 5px;
    }
}
@media (max-width:1100px) {
    .header .nav {
        display: none
    }

    .phone-nav {
        display: block
    }
    .header .header-right .phone {
        display: none
    }

    .header .header-right .header-search {
        display: none
    }

    .header .header-right {
        padding-right: 30px
    }

    .header .header-right .yuyan {
        display: none
    }
    .header {
        height: 60px
    }

    .header .logo {
        padding: 15px 0 0 0;
    }
}
@media (max-width:1024px) {
	.home-banner {
		max-height: 641px
	}

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

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

@media (max-width:992px) {
	.home-banner {
		max-height: 621px
	}
}

@media (max-width:768px) {
	.home-banner {
		max-height: 481px
	}
}

@media (max-width:520px) {
	.home-banner {
		max-height: 325px
	}
}

@media (max-width:414px) {
	.home-banner {
		max-height: 259px
	}
}

@media (max-width:375px) {
	.home-banner {
		max-height: 235px
	}
}

@media (max-width:360px) {
	.home-banner {
		max-height: 225px
	}
}

@media (max-width:320px) {
	.home-banner {
		max-height: 200px
	}
}

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

@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.html") format("svg")
}

@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.html") format("svg")
}

.home {
	padding: 82px 0 28px 0;
	overflow: hidden
}

.home-top {
	position: relative;
	text-align: center
}

.home-top:before {
	display: inline-block;
	content: '';
	height: 1px;
	background: #e4e8eb;
	position: absolute;
	top: 50%;
	width: 100%;
	z-index: 1;
	left: 0
}

.home-top h3 {
	text-align: center;
	position: relative;
	z-index: 2;
	font-size: 44px;
	color: #555;
	background: #fff;
	display: inline-block;
	padding: 0 50px
}

.home-product {
	background: #fff
}

.home-product .home-bottom {
	padding-top: 50px
}

.home-product .home-bottom .list {
	text-align: center;
	font-size: 0
}

.home-product .home-bottom .list li {
	display: inline-block;
	width: 205px;
	padding: 0 10px
}

.home-product .home-bottom .list li .pic {
	width: 60px;
	height: 60px;
	margin: 0 auto
}

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

.home-product .home-bottom .list li .pic .iconh {
	bottom: -150px
}

.home-product .home-bottom .list li .bt {
	font-size: 18px;
	color: #000;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
	line-height: 36px
}

.home-product .home-bottom .list .sel .pic .icon {
	top: -150px
}

.home-product .home-bottom .list .sel .pic .iconh {
	bottom: 0
}

.home-product .home-bottom .list .sel .bt {
	color: #037ff3;
	font-weight: bold
}

.home-product .home-bottom .list-show {
	padding-top: 51px
}

.home-product .home-bottom .list-show .list-info {
	display: none
}

.home-product .home-bottom .list-show .list-info ul {
	margin: 0 -8px
}

.home-product .home-bottom .list-show .list-info ul li {
	width: 25%;
	float: left;
	padding: 0 8px
}

.home-product .home-bottom .list-show .list-info ul li .box {
	padding: 31px 15px;
	background: #eff1f3
}

.home-product .home-bottom .list-show .list-info ul li .box .pic img {
	transition: .5s
}

.home-product .home-bottom .list-show .list-info ul li .box .pic:after {
	padding-bottom: 90.6%
}

.home-product .home-bottom .list-show .list-info ul li .box .bt {
	font-size: 18px;
	color: #000;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
	padding: 0 10px;
	text-align: center;
	line-height: 54px
}

.home-case .home-bottom {
	margin-top: 41px
}

.home-case .home-bottom ul {
	background: #037ff3;
	overflow: hidden
}

.home-case .home-bottom ul li {
	width: 20%;
	float: left;
	border-right: 1px solid rgba(255,255,255,0.2)
}

.home-case .home-bottom ul li .box {
	padding: 126px 0 118px 0;
	transition: .5s
}

.home-case .home-bottom ul li .box .pic {
	width: 157px;
	height: 157px;
	margin: 0 auto;
	background: rgba(239,241,243,0.1);
	border-radius: 50%;
	transition: .8s
}

.home-case .home-bottom ul li .box .text {
	text-align: center;
	padding: 20px 35px 0 35px
}

.home-case .home-bottom ul li .box .text .bt {
	color: #fff;
	font-size: 24px;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
	margin-bottom: 19px
}

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

.home-case .home-bottom ul li .box .text .more {
	width: 122px;
	height: 37px;
	line-height: 37px;
	text-align: center;
	border-radius: 5px;
	margin: 0 auto;
	font-size: 14px;
	color: #037ff3;
	transition: .5s;
	background: #037ff3
}

.home-about {
	padding-bottom: 103px
}

.home-about .jsh {
	text-align: center;
	line-height: 30px;
	font-size: 15px;
	color: #555;
	margin-top: 8px;
	margin-bottom: 79px
}

.home-about .home-bottom .left {
	float: left;
	width: 37%;
	margin-left: 9%;
	margin-top: 45px;
	position: relative;
	padding-bottom: 40px
}

.home-about .home-bottom .left .slick-list:before {
	width: 1px;
	height: 100%;
	position: absolute;
	left: 50%;
	top: 0;
	content: '';
	display: block;
	background: #d1d1d1
}

.home-about .home-bottom .left .item {
	margin-bottom: 20px;
	position: relative
}

.home-about .home-bottom .left .item:after {
	content: '';
	display: block;
	background: #037ff3;
	width: 9px;
	height: 9px;
	border-radius: 50%;
	position: absolute;
	left: 50%;
	top: 36px;
	margin-top: -4px;
	margin-left: -4px
}

.home-about .home-bottom .left .item .date {
	font-size: 48px;
	color: #686868;
	font-family: "DINCond-Medium";
	width: 50%;
    line-height: 50px;
	height: 50px;
    overflow: hidden;
	float: right;
	padding-left: 36px
}

.home-about .home-bottom .left .item .info {
	font-size: 15px;
	color: #686868;
	float: left;
	width: 50%;
	line-height: 24px;
	height: 72px;
	overflow: hidden;
	padding-right: 10px;
	text-align: right
}

.home-about .home-bottom .left .odd .date {
	float: left;
	text-align: right;
    	line-height: 50px;
	height: 50px;
    overflow: hidden;
	padding-right: 30px
}

.home-about .home-bottom .left .odd .info {
	padding-left: 33px;
	text-align: left
}

.home-about .home-bottom .left .slick-dots {
	z-index: 10;
	bottom: 0;
	line-height: 0;
	text-align: center
}

.home-about .home-bottom .left .slick-dots li {
	margin: 0 4px;
	width: 41px;
	height: 3px;
	padding: 0;
	position: relative
}

.home-about .home-bottom .left .slick-dots li button {
	width: 41px;
	height: 3px;
	display: block;
	background: #b2b2b2;
	padding: 0
}

.home-about .home-bottom .left .slick-dots li button:before {
	content: ""
}

.home-about .home-bottom .left .slick-dots .slick-active button {
	background: #037ff3
}

.home-about .home-bottom .right {
	float: right;
	position: relative;
	height: 497px;
	width: 720px
}

.home-about .home-bottom .right .hover {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 497px;
	padding-top: 174px
}

.home-about .home-bottom .right .hover .info {
	text-align: center;
	background: url("../images/video.png") no-repeat top center;
	padding-top: 70px
}

.home-about .home-bottom .right .hover .info h3 {
	font-size: 48px;
	color: #fff;
	text-transform: uppercase;
	font-family: "AvantGardeITCbyBT-Medium";
	line-height: 50px
}

.home-about .home-bottom .right .hover .info p {
	font-size: 30px;
	color: #fff
}

.home-news {
	padding-top: 77px;
	padding-bottom: 118px;
	overflow: hidden;
	background: #eff1f3
}

.home-news .home-top h3 {
	background: #eff1f3
}

.home-news .home-bottom {
	padding-top: 64px
}

.home-news .home-bottom .left {
	width: 47.6%;
	float: left
}

.home-news .home-bottom .left .box .pic:after {
	padding-bottom: 50.5%
}

.home-news .home-bottom .left .box .pic img {
	transition: .5s
}

.home-news .home-bottom .left .box .text {
	padding: 22px 78px 50px 36px;
	background: #fff
}

.home-news .home-bottom .left .box .text .bt {
	font-size: 20px;
	color: #444;
	font-weight: bold;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
	margin-bottom: 4px
}

.home-news .home-bottom .left .box .text .jsh {
	font-size: 15px;
	color: #666;
	line-height: 22px;
	height: 44px;
	overflow: hidden
}

.home-news .home-bottom .left .box .text .date {
	font-size: 13px;
	color: #666;
	text-transform: uppercase;
	margin-bottom: 8px
}

.home-news .home-bottom .right {
	float: left;
	width: 45%;
	padding-left: 80px
}

.home-news .home-bottom .right ul li {
	margin-bottom: 70px;
	margin-top: 15px
}

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

.home-news .home-bottom .right ul li .date {
	font-size: 13px;
	color: #666;
	text-transform: uppercase;
	margin-bottom: 8px
}

.home-news .home-bottom .right ul li .jsh {
	line-height: 22px;
	color: #777;
	font-size: 15px;
	height: 44px;
	overflow: hidden
}

.footer {
	overflow: hidden;
	padding-top: 62px;
	padding-bottom: 78px;
	background: #037ff3
}

.footer .footer-left {
	float: left;
	width: 50%
}

.footer .footer-left ul li {
	width: 22%;
	float: left
}

.footer .footer-left ul li a {
	color: #fff;
	font-weight: bold;
	font-size: 15px;
	display: block;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
	margin-bottom: 16px;
	transition: .5s;
	padding-right: 5px
}

.footer .footer-left ul li .dianji {
	position: absolute;
	width: 35px;
	height: 21px;
	top: 0;
	right: 0;
	display: none
}

.footer .footer-left ul li .dianji .icon {
	width: 100%;
	height: 100%;
	background: url(../images/jia.png) no-repeat center;
	background-size: 13px;
	display: block
}

.footer .footer-left ul li .dianji .iconRotate {
	background: url(../images/jian.png) no-repeat center;
	background-size: 13px
}

.footer .footer-left ul li ul li {
	width: 100%;
	float: none;
	
}

.footer .footer-left ul li ul li a {
	color: #fff;
	font-size: 14px;
	font-weight: normal;
	line-height: 30px;
	margin-bottom: 0
}

.footer .footer-center {
	float: left;
	width: 360px
}

.footer .footer-center h3 {
	font-size: 14px;
	color: #ccc;
	line-height: 30px
}

.footer .footer-right {
	width: 237px;
	float: right;
	font-size: 14px;
	line-height: 30px;
	color: #fff;
	text-align: right
}

.footer .footer-right .right-top {
	background: url(../images/service.png) no-repeat left top;
	padding-left: 55px
}

.footer .footer-right .p-01 {
	font-size: 16px;
	text-align: left;
	line-height: 21px;
	color: #fff
}

.footer .footer-right .tel {
	font-size: 32px;
	font-family: "DIN-Light";
	font-weight: 100;
	line-height: 1;
	margin-bottom: 8px;
	color: #fff
}

.footer .footer-right .tel a {
	color: #fff
}

.footer .footer-right .p-02 {
	font-size: 14px;
	color: #fff;
	text-align: left
}

.footer .footer-right .p-02 a {
	color: #fff;
	font-family: arial
}

.share {
	float: right
}

.share a {
	display: inline-block;
	width: 30px;
	height: 30px
}

.share .bds_weixin {
	background: url(../images/wx.png) no-repeat center center!important
}

.share .bds_weixin.pengyouquan {
	background: url(../images/py.png) no-repeat center center!important
}

.share .bds_tsina {
	background: url(../images/wb.png) no-repeat center center!important
}

.bdshare-button-style0-16 a,.bdshare-button-style0-16 .bds_more #bdshare_weixin_qrcode_dialog.bd_weixin_popup {
	height: auto!important
}

.bdsharebuttonbox {
	display: inline-block;
	vertical-align: top
}

.bdshare-button-style0-16 a,.bdshare-button-style0-16 .bds_more {
	padding-right: 0;
	height: 30px!important;
	line-height: 30px;
	margin: 0 0 0 19px!important
}

.bd_weixin_popup {
	width: 260px!important;
	height: 310px!important;
	overflow: hidden
}

.copyright {
	border-top: 1px solid #ccc;
	padding-top: 17px;
	line-height: 30px;
	color: #fff;
	padding-bottom: 17px;
	background: #037ff3
}
.copyright  a{
	
	color: #fff;
	
}

.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-phone {
	display: none;
	position: relative
}

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

.inmain {
	background: #fff
}

.inmain-title {
	text-align: center;
	color: #2d2c30;
	font-size: 36px
}

.inmain-title:after {
	content: '';
	display: block;
	width: 52px;
	height: 1px;
	background: #999;
	margin: 6px auto
}

.inmain-p {
	font-size: 15px;
	color: #666;
	line-height: 24px;
	text-align: center;
	width: 985px;
	margin: 19px auto 0 auto
}

.inmain-p b {
	color: #037ff3
}

.case {
	padding: 71px 0;
	background: #fff;
	overflow: hidden
}

.case-list {
	overflow: hidden;
	margin-top: 67px
}

.case-list ul {
	margin: 0 -11px 21px -11px
}

.case-list ul li {
	width: 31.33333333%;
	float: left;
	padding: 10px 11px;
	margin-bottom: 34px;
	margin-left:1%;
	border: 1px solid #f1f1f1;
}

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

.case-list ul li .pic .hover {
	position: absolute;
	bottom: -100%;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba(3,127,243,0.8);
	transition: .5s
}

.case-list ul li .pic .hover .info {
	position: absolute;
	top: 50%;
	color: #fff;
	left: 0;
	width: 100%;
	text-align: center;
	margin-top: -57px
}

.case-list ul li .pic .hover .info .bt {
	font-size: 18px;
	font-weight: bold;
	padding: 0 5px;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
	margin-bottom: 16px
}

.case-list ul li .pic .hover .info .jsh {
	line-height: 24px;
	font-size: 14px;
	overflow: hidden;
	height: 72px;
	padding: 0 40px
}

.case-list ul li .text {
	text-align: center;
	font-size: 16px;
	color: #333;
	line-height: 24px;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
	margin-top: 15px
}

.case-show {
	overflow: hidden;
	border-top: 10px solid #0076a4;
	padding-bottom: 95px
}

.case-show .pic {
	width: 634px;
	height: 422px;
	float: left
}

.case-show .text {
	width: 52.5%;
	float: right;
	padding-top: 85px;
	padding-right: 60px
}

.case-show .text .bt {
	color: #2d2c30;
	font-size: 30px;
	margin-bottom: 19px
}

.case-show .text .bt:after {
	content: '';
	display: block;
	background: #037ff3;
	width: 37px;
	height: 3px;
	margin-top: 16px
}

.case-show .text .jsh {
	line-height: 30px;
	font-size: 15px;
	color: #555
}

.contact-message {
	margin-top: 66px;
	background: #e7e7e7;
	padding: 20px
}

.contact-message ul {
	overflow: hidden;
	background: #fff;
	padding: 52px 117px 77px 117px
}

.contact-message li {
	overflow: hidden;
	position: relative;
	margin-bottom: 16px;
	width: 50%;
	float: left;
	padding: 0 18px
}

.contact-message li font {
	position: absolute;
	right: 5px;
	bottom: 12px;
	color: #f00;
	font-size: 12px
}

.contact-message .li-02,.contact-message .li-03 {
	width: 33.3333333%;
	float: left;
	clear: none
}

.contact-message .li-02 font {
	right: 45px
}

.contact-message select {
	background: url("../images/arrow1.png") no-repeat center right;
	background: none \9;
	height: 55px;
	line-height: 55px
}

.contact-message input {
	height: 55px;
	line-height: 55px
}

.contact-message select,.contact-message option,.contact-message input,.contact-message textarea {
	font-size: 15px;
	width: 100%;
	border: 0;
	border-bottom: 1px #e0e0e0 solid;
	color: #626262;
	vertical-align: top;
	padding: 0 5px
}

.contact-message input:focus,.contact-message textarea:focus {
	border-color: #037ff3
}

.contact-message select,.contact-message option,.contact-message input {
	line-height: 55px
}

.contact-message select {
	background: none\9\0;
	padding-right: 0\9
}

.contact-message select::-ms-expand {
	display: none
}

.contact-message textarea {
	width: 100%;
	height: 94px;
	background: 0
}

.contact-message .textarea {
	width: 100%
}

.contact-message .btn {
	margin-top: 41px;
	text-align: center;
	width: 100%
}

.contact-message .btn a {
	display: block;
	line-height: 47px;
	width: 264px;
	text-align: center;
	background: #037ff3;
	border: 2px #037ff3 solid;
	color: #fff;
	font-size: 18px;
	-webkit-transition: all .5s;
	transition: all .5s;
	margin: 0 auto
}

.current {
	font-size: 14px;
	color: #7a7a7a;
	padding: 35px 0;
	margin-bottom: 5px
}

.current a {
	color: #7a7a7a
}

.current b {
	color: #7a7a7a;
	font-weight: normal
}

.releated-pro {
	padding-top: 54px;
	overflow: hidden;
	padding-bottom: 98px;
	background: #f5f5f5
}

.releated-pro .list-page-news {
	border-top: 1px solid #dadada;
	padding-top: 20px;
	overflow: hidden;
	margin-bottom: 48px
}

.releated-pro .list-page-news li {
	float: left;
	width: 33.3333333333%
}

.releated-pro .list-page-news li a {
	font-size: 14px;
	width: 120px;
	height: 50px;
	border: 1px solid #c4c4c4;
	line-height: 48px;
	text-align: center;
	display: block
}

.releated-pro .list-page-news .return {
	text-align: center
}

.releated-pro .list-page-news .return a {
	border: 1px solid #f5f5f5;
	margin: 0 auto
}

.releated-pro .list-page-news .next {
	float: right;
	text-align: right
}

.releated-pro .list-page-news .next a {
	float: right
}

.releated-pro .releated-title {
	font-size: 30px;
	color: #2d2c30;
	margin-bottom: 16px
}

.releated-pro .list-info ul {
	margin: 0 -8px
}

.releated-pro .list-info ul li {
	width: 25%;
	float: left;
	padding: 0 8px
}

.releated-pro .list-info ul li .box {
	padding: 41px 0;
	background: #eff1f3
}

.releated-pro .list-info ul li .box .pic img {
	transition: .5s
}

.releated-pro .list-info ul li .box .pic:after {
	padding-bottom: 90.6%
}

.releated-pro .list-info ul li .box .bt {
	font-size: 18px;
	color: #000;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
	padding: 0 10px;
	text-align: center;
	line-height: 54px
}

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

.page a {
	color: #353535;
	display: inline-block;
	font-size: 14px;
	line-height: 48px;
	height: 50px;
	padding: 0 18px;
	margin: 0 3px;
	font-family: arial;
	-webkit-transition: all .5s;
	transition: all .5s;
	border: 1px solid #e5e5e5
}

.page a.cpb {
	background: #037ff3;
	border: 1px solid #037ff3;
	color: #fff
}

.product-show {
	padding: 115px 0 104px 0;
	overflow: hidden;
	background: #eee
}

.product-show .product-info {
	padding: 0 82px;
	overflow: hidden
}

.product-show .pic {
	width: 443px;
	float: left;
	height: 401px
}

.product-show .text {
	float: right;
	width: 61%
}

.product-show .text .bt {
	font-size: 32px;
	color: #333;
	margin-bottom: 7px
}

.product-show .text .jsh {
	font-size: 15px;
	color: #4a4a4a;
	line-height: 24px;
	padding-bottom: 17px;
	border-bottom: 1px solid #d6d6d6
}

.product-show .text .tedian {
	padding-top: 17px
}

.product-show .text .tedian .left {
	float: left;
	width: 43%;
	font-size: 15px;
	line-height: 34px;
	color: #444;
	padding-right: 10px
}

.product-show .text .tedian .right {
	float: left;
	width: 50%;
	padding-top: 65px
}

.product-show .text .tedian .right a {
	display: block;
	width: 152px;
	height: 40px;
	text-align: center;
	line-height: 40px;
	border-radius: 5px;
	color: #fff;
	background: #037ff3
}

.product-center {
	padding: 72px 0 73px 0;
	overflow: hidden;
	background: #037ff3
}

.product-center .product-info {
	padding: 0 82px
}

.product-center .title {
	font-size: 30px;
	color: #fff;
	margin-bottom: 52px
}

.product-center .list {
	margin: 0 auto;
    color: #fff;
	text-align: center;
font-size:0;
}

.product-center .list ul {
	margin: 0 -43px
}

.product-center .list ul li {
	width: 33.333333%;
	display: inline-block;
	color: #fff;
	text-align: left;
	padding: 0 43px;
	vertical-align: top;
	margin-bottom: 75px
}

.product-center .list ul li .bt {
	font-size: 24px;
	margin-bottom: 9px
}

.product-center .list ul li .jsh {
	font-size: 15px;
	line-height: 24px
}

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

.product-bottom .one {
	padding: 53px 82px 0 82px;
	overflow: hidden
}

.product-bottom .title {
	font-size: 30px
}

.product-bottom .list {
	margin-top: 29px;
	overflow: hidden;
	padding-bottom: 46px;
	border-bottom: 1px solid #ddd
}

.product-bottom .list ul {
	margin: 0 -9px;
	overflow: hidden
}

.product-bottom .list ul li {
	width: 16.666667%;
	float: left;
	padding: 0 9px
}

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

.product-bottom .list ul li .pic .hover {
	height: 37px;
	line-height: 37px;
	text-align: center;
	font-size: 16px;
	color: #fff;
	background: rgba(0,0,0,0.5);
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%
}

.product-bottom .two {
	padding: 43px 82px 0 82px;
	overflow: hidden
}

.product-bottom .two .jsh {
	padding: 26px 0
}

.related-case {
	padding: 53px 0 59px 0;
	overflow: hidden;
	background: #f4f5f5
}

.related-case .related-info {
	padding: 0 82px
}

.related-case .title {
	color: #5c5c5c;
	font-size: 30px;
	margin-bottom: 36px
}

.related-case ul {
	margin: 0 -10px
}

.related-case ul li {
	width: 33.33333333%;
	float: left;
	padding: 0 10px
}

.related-case ul li .box {
	position: relative;
	overflow: hidden
}

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

.related-case ul li .pic .hover {
	position: absolute;
	bottom: -100%;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba(0,121,168,0.8);
	transition: .5s
}

.related-case ul li .pic .hover .info {
	position: absolute;
	top: 50%;
	color: #fff;
	left: 0;
	width: 100%;
	text-align: center;
	margin-top: -57px
}

.related-case ul li .pic .hover .info .bt {
	font-size: 18px;
	font-weight: bold;
	padding: 0 5px;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
	margin-bottom: 16px
}

.related-case ul li .pic .hover .info .jsh {
	line-height: 24px;
	font-size: 14px;
	overflow: hidden;
	height: 72px;
	padding: 0 40px
}

.related-case ul li .text {
	text-align: center;
	font-size: 16px;
	color: #fff;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
	margin-top: 15px;
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	line-height: 52px;
	background: rgba(0,0,0,0.5);
	transition: .5s;
	padding: 0 5px
}

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

.news-list {
	margin: 70px 0;
	overflow: hidden
}

.news-list ul {
	margin-bottom: 49px;
	overflow: hidden
}

.news-list ul li {
	position: relative;
	padding-bottom: 43px;
	border-bottom: 1px solid #eee;
	margin-bottom: 43px;
	overflow: hidden
}

.news-list ul li .pic {
	width: 500px;
	height: 252px;
	position: absolute;
	top: 0;
	left: 0
}

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

.news-list ul li .text {
	height: 252px;
	padding-left: 548px;
	position: relative;
	padding-top: 20px
}

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

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

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

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

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

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

.news-list ul li .text .info .span {
	font-size: 16px;
	color: #037ff3;
	margin-bottom: 11px
}

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

.news-list ul li .text .info .more {
	background: url("../images/more.png") no-repeat center right;
	display: inline-block;
	padding-right: 75px;
	font-size: 15px;
	font-family: arial;
	text-transform: uppercase;
	color: #037ff3;
	transition: .5s
}

.news-show {
	border-top: 1px solid #e7e7e7;
	padding-top: 19px;
	padding-bottom: 38px
}

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

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

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

.news-show .info a {
	display: inline-block;
	float: none!important
}

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

.news-show .title {
	font-size: 30px;
	color: #333
}

.dealer {
	padding-top: 68px
}

.dealer-message {
	margin-top: 48px;
	padding: 84px 0 154px 0;
	background: #037ff3;
	overflow: hidden
}

.dealer-message .dealer-info {
	margin-bottom: 20px;
	overflow: hidden
}

.dealer-message .left {
	width: 50%;
	float: left;
	padding-right: 11px
}

.dealer-message .left ul {
	margin: 0 -10px
}

.dealer-message .left ul li {
	width: 50%;
	float: left;
	padding: 0 10px;
	margin-bottom: 23px
}

.dealer-message .left ul li input {
	border: 1px solid #fff;
	height: 48px;
	line-height: 36px;
	background: 0;
	width: 100%;
	border-radius: 3px;
	color: #fff;
	padding: 0 13px
}

.dealer-message .left ul li input::-webkit-input-placeholder {
	color: #fff
}

.dealer-message .left ul li input:-moz-placeholder {
	color: #fff;
	opacity: 1
}

.dealer-message .left ul li input::-moz-placeholder {
	color: #fff;
	opacity: 1
}

.dealer-message .left ul li input:-ms-input-placeholder {
	color: #fff
}

.dealer-message .left ul li select {
	background: url("../images/jiantou.png") no-repeat center right;
	background: none \9;
	border: 1px solid #fff;
	height: 48px;
	line-height: 36px;
	width: 100%;
	border-radius: 3px;
	color: #fff;
	padding: 0 13px
}

.dealer-message .left ul li select option {
	color: #666
}

.dealer-message .right {
	width: 50%;
	float: left;
	padding-left: 8px
}

.dealer-message .right textarea {
	border: 1px solid #fff;
	line-height: 36px;
	background: 0;
	width: 100%;
	border-radius: 3px;
	color: #fff;
	padding: 5px 13px;
	height: 156px;
	margin-bottom: 20PX
}

.dealer-message .right textarea::-webkit-input-placeholder {
	color: #fff
}

.dealer-message .right textarea:-moz-placeholder {
	color: #fff;
	opacity: 1
}

.dealer-message .right textarea::-moz-placeholder {
	color: #fff;
	opacity: 1
}

.dealer-message .right textarea:-ms-input-placeholder {
	color: #fff
}

.dealer-message .right .jsh {
	padding: 18px 10px 26px 37px;
	background: #1887b1;
	overflow: hidden
}

.dealer-message .right .jsh .top {
	background: url("../images/tan.png") no-repeat top left;
	padding-left: 65px;
	font-size: 14px;
	color: #fff;
	min-height: 50px;
	font-family: arial;
	padding-top: 5px
}

.dealer-message .right .jsh .checkbox {
	font-size: 15px;
	color: #fff;
	margin-top: 9px;
	margin-left: 27px
}
.video-popup ul li .jsh .checkbox a{color:#fff;}
.contact-message li .jsh .checkbox a{color:#fff;}
.dealer-message .right .jsh .checkbox a{color:#fff;}
.dealer-message .right .jsh .checkbox input {
	border: 1px solid #fff;
	width: 14px;
	height: 14px
}

.dealer-message .right .jsh .checkbox input[type="checkbox"]:checked {
	background: url("../images/gou.png") no-repeat center center
}

.dealer-message .submit {
	display: block;
	overflow: hidden
}

.dealer-message .submit input {
	border-radius: 3px;
	font-size: 18px;
	font-weight: bold;
	color: #037ff3;
	width: 345px;
	height: 48px;
	line-height: 48px;
	background: #fff;
	border: 0;
	transition: .5s
}

.list-page-news {
	margin-top: 20px;
	overflow: hidden;
	border-top: 1px solid #e7e7e7;
	padding-top: 7px
}

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

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

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

.list-page-news .prev {
	text-align: left
}

.second-nav {
	overflow: hidden;
	padding: 6px 0;
	background: #efefef;
	margin-bottom: 57px
}

.second-nav ul {
	padding: 0 0 0 21%
}

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

.second-nav ul li a {
	font-size: 14px;
	color: #333;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
	display: block;
	line-height: 41px;
	max-width: 300px
}

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

.inmain-info {
	overflow: hidden;
	margin-top: 51px;
	color: #fff;
	font-size: 15px;
	line-height: 26px;
	padding: 44px 0 50px 0;
	background: #ebb987
}

.inmain-info .left {
	float: left;
	width: 60%;
	padding-left: 39px
}

.inmain-info .right {
	float: left;
	padding-left: 41px
}

.inmain-info .right ul li {
	position: relative;
	padding-left: 15px
}

.inmain-info .right ul li:before {
	position: absolute;
	top: 11px;
	left: 0;
	width: 5px;
	height: 5px;
	border-radius: 50%;
	background: #fff;
	content: '';
	display: block
}

.product-list {
	overflow: hidden;
	padding: 81px 56px
}

.product-list ul {
	margin: 0 -8px 72px -8px
}

.product-list ul li {
	width: 20%;
	float: left;
	padding: 8px
}

.product-list ul li .box {
	padding: 41px 0;
	background: #eff1f3
}

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

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

.product-list ul li .box .bt {
	font-size: 18px;
	color: #000;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
	padding: 0 10px;
	text-align: center;
	line-height: 54px
}


.product-list ul li .box .pt {

	font-size: 12x;
	color: #333;
padding: 0 10px;
white-space: normal;
	text-align: center;
line-height: 34px
}


.join {
	padding-top: 72px;
	overflow: hidden
}

.join .job-top {
	padding-bottom: 74px;
	overflow: hidden
}

.join .job-top .left {
	width: 440px;
	height: 581px;
	border: 10px solid #037ff3;
	font-size: 15px;
	line-height: 26px;
	padding: 41px 18px 41px 28px;
	color: #6b6b6b;
	overflow: hidden;
	float: left
}

.join .job-top .left .info {
	margin-bottom: 40px
}

.join .job-top .left .info p {
	margin-bottom: 20px
}

.join .job-top .left h3 {
	color: #353535;
	font-size: 26px;
	margin-bottom: 29px
}

.join .job-top .left p a {
	font-family: arial;
	color: #037ff3;
	font-weight: bold
}

.join .job-top .left p b {
	color: #037ff3
}

.join .job-top .right {
	float: left;
	width: 69%;
	padding-left: 50px;
	padding-top: 14px
}

.join .job-top .right .bt {
	font-size: 22px;
	color: #3f3f3f;
	margin-bottom: 11px
}

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

.join .job-list {
	padding-top: 78px;
	background: #037ff3
}

.join .job-list dl {
	overflow: hidden;
	padding-bottom: 138px;
	border-top: 1px solid #80bdd5
}

.join .job-list dl dt {
	display: block;
	border-bottom: 1px solid #80bdd5;
	overflow: hidden;
	transition: .5s
}

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

.join .job-list dl dt .name {
	padding-right: 36px;
	transition: .5s
}

.join .job-list dl dt .bumen {
	font-size: 14px;
	transition: .5s
}

.join .job-list dl dt .more {
	width: 30px;
	float: right;
	margin-right: 16px
}

.join .job-list dl .open {
	line-height: 56px;
	border-bottom: 0
}

.join .job-list dl .open .name {
	font-size: 24px
}

.join .job-list dl .open .bumen {
	font-size: 18px
}

.join .job-list dl .open .more {
	background: url("../images/more2.png") no-repeat center center
}

.join .job-list dl .list_dt {
	cursor: pointer;
	line-height: 45px;
	transition: width 2s;
	font-size: 16px;
	padding-left: 12px
}

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

.join .job-list .list_dt {
	color: #fff;
	cursor: pointer;
	position: relative
}

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

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

.join .job-list .jobsub {
	border-top: 0;
	line-height: 26px;
	padding: 10px 47px 39px 14px;
	color: #fff;
	font-size: 15px;
	opacity: .8;
	border-bottom: 1px solid #80bdd5
}

.join .job-list .jobsub .bt {
	font-size: 18px;
	text-align: left;
	margin-bottom: 12px
}

.join .job-list .jobsub .job1 {
	font-size: 18px;
	margin-top: 30px;
	line-height: 30px
}

.join .job-list .jobsub .job1 a {
	color: #fff
}

.download {
	padding-top: 72px;
	padding-bottom: 99px;
	overflow: hidden
}

.download-list {
	overflow: hidden;
	margin-top: 110px
}

.download-list ul {
	margin: 0 -16px 50px -16px
}

.download-list ul li {
	width: 33.33333333%;
	float: left;
	padding: 0 16px;
	margin-bottom: 37px
}

.download-list ul li .box {
	padding: 30px 42px 27px 42px;
	overflow: hidden;
	border: 1px solid #ededed;
	background: #ededed;
	transition: .5s
}

.download-list ul li .box .date {
	color: #037ff3;
	font-size: 28px;
	font-family: arial;
	margin-bottom: 16px
}

.download-list ul li .box .date span {
	font-size: 12px;
	text-decoration: overline
}

.download-list ul li .box .bt {
	font-size: 16px;
	color: #111;
	line-height: 24px;
	height: 48px;
	overflow: hidden;
	margin-bottom: 33px
}

.download-list ul li .box .down {
	background: url("../images/down.png") no-repeat 99.9% center;
	text-align: right;
	padding-right: 40px;
	line-height: 30px;
	font-size: 15px;
	color: #555;
	text-decoration: underline;
	margin-right: 14px
}

.video-list {
	margin-top: 110px;
	overflow: hidden
}

.video-list ul {
	margin: 0 -20px 20px -20px;
	overflow: hidden
}

.video-list ul li {
	width: 25%;
	float: left;
	padding: 0 20px;
	margin-bottom: 40px
}

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

.video-list ul li .pic:after {
	padding-bottom: 59%
}

.video-list ul li .pic .hover {
	position: absolute;
	width: 100%;
	height: 100%;
	background: url(../images/down1.png) no-repeat center center;
	color: #fff
}

.video-list ul li .pic .hover h3 {
	position: absolute;
	bottom: 0;
	left: 0;
	padding: 0 10px;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
	font-size: 22px;
	line-height: 50px
}

.transparent {
	position: fixed;
	top: 0;
	left: 0;
	z-index: 998;
	width: 100%;
	height: 100%;
	background: url(../images/transparent-bg.png) repeat;
	background: rgba(0,0,0,0.7);
	display: none
}

.video-popup {
	position: fixed;
	z-index: 999;
	width: 540px;
	height: 630px;
	background: #fff;
	left: 50%;
	top: 40%;
	margin: -202px 0 0 -270px;
	padding: 66px 45px;
	display: none;
	box-shadow: 7px 12.12px 38px 0 rgba(0,0,0,0.5)
}

.video-popup .box {
	height: 100%
}

.video-popup .bt {
	font-size: 18px;
	color: #333;
	margin-bottom: 24px
}

.video-popup ul {
	overflow: hidden;
	margin-bottom: 17px
}

.video-popup ul li {
	margin-bottom: 26px;
	overflow: hidden
}

.video-popup ul li input {
	border: 1px solid #d8d8d8;
	height: 48px;
	line-height: 35px;
	width: 100%;
	padding: 0 45px 0 15px;
	background: 0
}

.video-popup ul li input:focus {
	border: 1px solid #037ff3
}

.video-popup ul li .mail {
	background: url("../images/mail.png") no-repeat 97% center
}

.video-popup ul li .phone {
	background: url("../images/mobile.png") no-repeat 97% center
}

.video-popup ul li .gongsi {
	background: url("../images/company.png") no-repeat 97% center
}

.video-popup .submit {
	text-align: center;
	margin: 0 auto
}

.video-popup .submit a {
	margin: 0 16px
}

.video-popup .submit .tijiao {
	width: 169px;
	height: 53px;
	line-height: 53px;
	text-align: center;
	background: #037ff3;
	color: #fff;
	display: inline-block;
	font-size: 18px
}

.video-popup .submit .tijiao:hover {
	background: #025e81
}

.video-popup .close {
	display: inline-block;
	width: 169px;
	height: 53px;
	line-height: 51px;
	text-align: center;
	border: 1px solid #037ff3;
	color: #037ff3;
	font-size: 18px
}

.video-popup .close:hover {
	background: #037ff3;
	color: #fff
}

.contact {
	overflow: hidden;
	padding-top: 70px;
	position: relative;
	z-index: 2
}

.contact ul {
	margin-top: 100px;
	overflow: hidden;
	background: #fff
}

.contact ul li {
	width: 25%;
	float: left;
	text-align: center
}

.contact ul li .box {
	margin-bottom: 50px;
	overflow: hidden;
	border-right: 1px solid #ebebeb
}

.contact ul li .pic {
	height: 50px;
	margin-bottom: 28px
}

.contact ul li .bt {
	font-size: 16px;
	padding-bottom:20px;
	color: #666;
}

.contact ul li .jsh {
	font-size: 16px;
    line-height:36px;
	color: #333;
	font-family: arial
}

.contact ul li .jsh a{}

.contact ul li .jsh1 {
	font-size: 24px;
	color: #333
}

.contact ul li .jsh2 {
	font-size: 18px;
    margin-top:30px;
	color: #333
}

.contact ul li .span {
	font-size: 14px;
	color: #c4c4c4;
	font-family: arial;
	margin-top: 53px;
	letter-spacing: 2px
}

.map {
	 
	margin-top: -58px;
	width: 100%;
	position: relative;
	z-index: 1
}

#map img {
	max-width: inherit
}

#map .anchorBL {
	display: none
}

.about {
	padding-top: 76px;
	overflow: hidden
}

.about .inmain-p {
	font-size: 18px;
	line-height: 30px;
	color: #464646;
	margin-top: 40px;
	background: url("../images/xia.png") no-repeat center bottom;
	padding-bottom: 78px
}

.about .about1 {
	margin-top: 47px;
	overflow: hidden;
	padding-bottom: 85px
}

.about .about1 .pic {
	width: 547px;
	height: 375px;
	float: left
}

.about .about1 .text {
	float: right;
	width: 58%;
	font-size: 15px;
	color: #3f3f3f;
	line-height: 24px;
	padding-top: 29px
}

.about .about1 .text p {
	margin-bottom: 30px
}

.about2 {
	background: #037ff3;
	overflow: hidden
}

.about2 ul {
	display: table
}

.about2 ul li {
	width: 25%;
	padding: 70px 80px 129px 80px;
	min-height: 512px;
	display: table-cell;
	vertical-align: top
}

.about2 ul li .pic {
	width: 80px;
	height: 80px;
	margin: 0 auto
}

.about2 ul li .text {
	color: #fff;
	text-align: center;
	padding-top: 14px
}

.about2 ul li .text .bt {
	font-size: 18px;
	font-weight: bold;
	margin-bottom: 12px
}

.about2 ul li .text .jsh {
	font-size: 15px;
	line-height: 30px
}

.about2 ul .even {
	background: #0088b3
}

.about3 {
	padding-top: 94px;
	padding-bottom: 225px;
	overflow: hidden
}

.about3 .about3-bottom {
	margin-top: 92px;
	overflow: hidden;
	position: relative
}

.about3 .about3-bottom .container {
	background: url("../images/history.png") no-repeat top right;
	overflow: hidden
}

.about3 .pro-max {
	margin-top: 12px;
	width: 0px;
	overflow: hidden;
	float: left
}

.about3 .pro-max .item {
	padding: 0px 0px
}

.about3 .pro-max .box {
	width: 0px;
	padding: 0px;
	background: #fff;

}

.about3 .pro-max .box .text {
	padding: 0px
}

.about3 .pro-max .box .text .bt {
	font-size: 18px;
	color: #000;
	font-weight: bold;
	margin-bottom: 6px
}

.about3 .pro-max .box .text .jsh {
	color: #666;
	font-size: 15px
}

.about3 .pro-max .pic:after {
	padding-bottom: 47%
}

.about3 .pro-min {
	width: 100%;
	float: left;
	margin-top: 85px;
	position: absolute;
	top: 0;
	right: 0
}

.about3 .pro-min:after {
	position: absolute;
	top: 50%;
	margin-top: -5px;
	left: 0;
	background: #a8a8a8;
	width: 100%;
	height: 2px;
	display: block;
	content: '';
	z-index: 1
}

.about3 .pro-min .slick-prev {
	width: 230px;
	color: #fff;
	background: #ebb987;
	top: auto;
	bottom: -100px;
	font-size: 16px;
	text-transform: uppercase;
	font-family: arial;
	height: 35px;
	line-height: 35px;
	left: -14%
}

.about3 .pro-min .slick-prev:hover {
	background: #108e2f
}

.about3 .pro-min .slick-next {
	right: auto;
	width: 315px;
	color: #fff;
	top: auto;
	bottom: -100px;
	font-size: 16px;
	text-transform: uppercase;
	font-family: arial;
	height: 35px;
	line-height: 35px;
	left: 7%;
	background: #037ff3 url("../images/line.png") no-repeat 75% center
}

.about3 .pro-min .slick-next:hover {
	background: #025e82 url("../images/line.png") no-repeat 75% center
}

.about3 .pro-min .slick-prev:before,.about3 .pro-min .slick-next:before {
	content: ''
}

.about3 .pro-min .slick-list {
	z-index: 2
}

.about3 .pro-min .getIndex {
	float: left;
	width: 33.333333333%;
	position: relative;
	z-index: 2
}

.about3 .pro-min .getIndex .item {
	display: block;
	text-align: center;
	line-height: 103px;
	position: relative;
	z-index: 3
}

.about3 .pro-min .getIndex .item:after {
	position: absolute;
	top: 61px;
	left: 50%;
	background: url(../images/dian.png) no-repeat center center;
	width: 30px;
	height: 28px;
	display: block;
	content: '';
	z-index: 5;
	margin-left: -15px
}

.about3 .pro-min .getIndex .item h3 {
	font-size: 18px;
	color: #444;
	overflow: hidden;
	padding: 0 5px;
    line-height:30px;
    height:60px;
    margin-bottom: 35px;
}

.about3 .pro-min .getIndex .item p {
	font-family: "AvantGardeITCbyBT-Medium";
	font-size: 62px;
    height:65px;
    line-height:65px;
    overflow:hidden;
	color: #4c4c4c
}
.about3 .pro-min .getIndex .uptxt h3{
   padding-top:30px;
}
.about3 .pro-min .slick-current .item:after {
	background: url(../images/dian1.png) no-repeat center center
}

.about3 .pro-min .slick-current .item p {
	font-family: "AvantGardeITCbyBT-Medium";
	font-size: 62px;
	color: #037ff3
}
@media(max-width:1200px){
    .about3 .pro-min .getIndex .item h3{
        font-size:15px;
    }
}
.about4 {
	background: #037ff3
}

.about4 .about4-top {
	position: relative
}

.about4 .about4-top .left {
	width: 33%;
	position: absolute;
	color: #fff;
	text-align: center;
	top: 50%;
	margin-top: -130px
}

.about4 .about4-top .left .info {
	display: inline-block;
	margin: 0 auto;
	text-align: left
}

.about4 .about4-top .left .info:before {
	background: url("../images/top.png") no-repeat center left;
	display: block;
	content: '';
	width: 86px;
	height: 50px;
	margin-bottom: 28px
}

.about4 .about4-top .left .info:after {
	background: url("../images/top1.png") no-repeat center right;
	display: block;
	content: '';
	width: 100%;
	height: 50px
}

.about4 .about4-top .left h3 {
	font-size: 36px;
	line-height: 40px
}

.about4 .about4-top .left p {
	font-size: 48px;
	font-weight: bold;
	padding-right: 102px;
	line-height: 65px
}

.about4 .about4-top .left span {
	font-size: 18px;
	text-transform: uppercase;
	font-family: Consolas;
	margin-bottom: 23px
}

.about4 .about4-top .right {
	width: 100%;
	padding-left: 33.333333%
}

.about4 .about4-top .right ul {
	display: table;
	border-top: 1px solid rgba(0,215,230,0.2)
}

.about4 .about4-top .right ul li {
	width: 50%;
	display: table-cell;
	vertical-align: top;
	color: #fff;
	border-left: 1px solid rgba(0,215,230,0.2)
}

.about4 .about4-top .right ul li .box {
	padding: 59px 34px 45px 51px
}

.about4 .about4-top .right ul li .bt {
	font-size: 18px;
	font-weight: bold;
	margin-bottom: 16px
}

.about4 .about4-top .right ul li .jsh {
	font-size: 15px;
	line-height: 24px
}

.about4 .about4-center ul {
	display: table;
	border-top: 1px solid rgba(0,215,230,0.2)
}

.about4 .about4-center ul li {
	width: 33.3333333333%;
	display: table-cell;
	vertical-align: top;
	color: #fff;
	border-right: 1px solid rgba(0,215,230,0.2)
}

.about4 .about4-center ul li .box {
	padding: 59px 34px 45px 51px
}

.about4 .about4-center ul li .bt {
	font-size: 18px;
	font-weight: bold;
	margin-bottom: 16px
}

.about4 .about4-center ul li .jsh {
	font-size: 15px;
	line-height: 24px
}

.about4 .color {
	background: #0088b3
}

.core {
	padding-top: 71px;
	padding-bottom: 65px
}

.service {
	background: #fff
}

.service-info {
	overflow: hidden
}

.service-info .left {
	width: 238px;
	float: left;
	padding-top: 84px
}

.service-info .left ul li {
	margin-bottom: 14px;
	position: relative
}

.service-info .left ul li a {
	color: #444;
	font-size: 16px;
	line-height: 46px;
	padding-right: 5px;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
	display: block
}

.service-info .left ul li:after {
	content: '';
	display: none;
	background: #005180;
	height: 100%;
	width: 3px;
	right: -2px;
	top: 0;
	position: absolute
}

.service-info .left ul .active a {
	color: #005180;
	font-weight: bold
}

.service-info .left ul .active:after {
	display: block
}

.service-info .right {
	float: left;
	width: 83%;
	border-left: 1px solid #d4d4d4;
	padding-top: 79px;
	padding-left: 71px;
	min-height: 500px
}

.service-info .right .title {
	color: #2d2c30;
	font-size: 34px;
	margin-bottom: 27px
}

.service-info .right .title:after {
	content: '';
	display: block;
	width: 52px;
	height: 1px;
	background: #999;
	margin: 6px 0
}

.service-info .right .service-p {
	font-size: 15px;
	color: #555;
	line-height: 26px;
	margin-bottom: 62px
}

.service-info .right .service-text .one {
	margin-bottom: 40px
}

.service-info .right .service-text .one .one-left {
	width: 23%;
	display: table-cell;
	vertical-align: top;
	color: #fff;
	padding: 47px 30px;
	background: #006495
}

.service-info .right .service-text .one .one-left .bt {
	font-size: 26px
}

.service-info .right .service-text .one .one-left .jsh {
	font-size: 15px;
	margin-bottom: 21px
}

.service-info .right .service-text .one .one-left .p {
	line-height: 24px;
	font-size: 15px;
	margin-bottom: 35px
}

.service-info .right .service-text .one .one-left .p h3 {
	font-size: 15px
}

.service-info .right .service-text .one .one-left .p p {
	font-size: 14px
}

.service-info .right .service-text .one .one-right {
	width: 79%;
	display: table-cell;
	vertical-align: top;
	padding-top: 57px;
	padding-left: 44px;
	padding-bottom: 29px;
	background: #f3f3f3;
	padding-right: 44px
}

.service-info .right .service-text .one .one-right .list1 {
	font-size: 0
}

.service-info .right .service-text .one .one-right .list1 li {
	width: 50%;
	display: inline-block;
	vertical-align: top;
	padding-right: 40px;
	margin-bottom: 49px
}

.service-info .right .service-text .one .one-right .list1 li .bt {
	font-size: 17px;
	color: #037ff3;
	font-weight: bold;
	margin-top: 10px;
	margin-bottom: 10px
}

.service-info .right .service-text .one .one-right .list1 li .jsh {
	font-size: 15px;
	line-height: 24px;
	color: #555
}

.service-info .right .service-text .one .one-right .list2 .jsh {
	font-size: 15px;
	line-height: 24px;
	color: #555;
	margin-top: 10px
}

.request {
	padding: 70px 0;
	background: #fff;
	overflow: hidden
}

.request .request-info {
	margin-top: 40px
}

.inquire {
	padding-top: 68px;
	overflow: hidden;
	padding-bottom: 105px
}

.inquire .inquire-info {
	padding-top: 62px;
	overflow: hidden
}

.inquire .left {
	width: 419px;
	min-height: 375px;
	float: left;
	margin-top: 117px;
	padding: 48px 39px 30px 29px;
	background: #037ff3
}

.inquire .left select {
	border: 1px solid #fff;
	background: url("../images/arrow2.png") no-repeat center right;
	background: none \9;
	color: #fff;
	font-size: 16px;
	width: 100%;
	height: 40px;
	padding: 0 13px
}

.inquire .left select optgroup,.inquire .left select option {
	color: #666
}

.inquire .left .select-info {
	margin-top: 22px;
	margin-bottom: 100px
}

.inquire .left .select-info p {
	color: #fff;
	font-size: 16px;
	line-height: 30px
}

.inquire .left .more a {
	display: block;
	font-size: 18px;
	color: #fff000;
	text-decoration: underline
}

.inquire .right {
	float: right
}

@media (max-width:768px) {
	.page a {
		display: none;
		font-size: 12px;
		line-height: 37px;
		height: 37px;
		padding: 0 10px;
		margin: 0 5px
	}

	.page a.num2,.page a.num3,.page a.cpb {
		display: inline-block
	}
}

.prompt {
	position: fixed;
	width: 100%;
	height: 100%;
	background: url(../images/ie_sosad.png) no-repeat center 35% #fff;
	left: 0;
	bottom: 0;
	display: none;
	z-index: 999;
	filter: alpha(opacity=80);
	opacity: 80
}

.prompt span {
	position: absolute;
	font-size: 14px;
	font-family: arial;
	top: 55%;
	left: 50%;
	margin-left: -152px;
	width: 304px;
	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
}

@media (max-width:1440px) {
	.case-show .text {
		padding-right: 0;
		padding-left: 30px
	}

	.service-info .right {
		width: 80%
	}

	.map {
		margin-top: 0
	}

	.join .job-top .right {
		width: 60%
	}
}

@media (max-width:1400px) {
	.home-about .home-bottom .left {
		margin-left: 3%
	}
}

@media (max-width:1366px) {
	.about3 .pro-min .slick-next {
		width: 230px;
		left: 16%
	}

	.about2 ul li {
		padding: 70px 60px 129px 60px
	}

	.about .about1 .text {
		width: 56%
	}

	.about3 .pro-min .getIndex .item p {
		font-size: 52px;
            height:55px;
    line-height:55px;
	}

	.home-case .home-bottom ul li .box .pic {
		width: 100px;
		height: 100px
	}

	.home-case .home-bottom ul li .box .text {
		padding: 20px 15px 0 15px
	}

	.product-list {
		padding: 80px 15px
	}

	.service-info .right {
		width: 79%
	}

	.case-show .text {
		width: 48%
	}
}

@media (max-width:1280px) {
	.video-list ul li {
		width: 33.33333%
	}

	.about3 .pro-min .slick-prev {
		left: 0
	}

	.about3 .pro-min .slick-next {
		left: 230px
	}

	.about .about1 .text {
		width: 51%
	}

	.product-show .product-info,.product-center .product-info,.related-case .related-info {
		padding: 0
	}

	.product-bottom .one {
		padding: 53px 0 0 0
	}

	.product-bottom .two {
		padding: 43px 0 0 0
	}

	.home-product .home-bottom .list li {
		width: 170px
	}

	.home-news .home-bottom .right {
		width: 50%
	}

	.footer .footer-center {
		width: 240px
	}
}

@media (max-width:1200px) {
	.home-news .home-bottom .right ul li {
		margin-bottom: 40px
	}

	.home-about .home-bottom .left {
		width: 100%;
		float: none;
		margin-left: 0;
		margin-bottom: 20px
	}

	.home-about .home-bottom .right {
		float: none;
		margin: 0 auto
	}
}

@media (min-width:1025px) {
	.video-list ul li .pic:hover img {
		transform: scale(1.04)
	}

	.product-show .text .tedian .right a:hover {
		background: #006992
	}

	.header .nav ul li:hover a {
		font-weight: bold
	}

	.header .nav ul li .subnav1 dl dd a:hover {
		text-decoration: underline
	}

	.header .header-right .header-search .pull-right:hover a {
		background: url("../images/searchh.png") no-repeat center center
	}

	.home-banner .home-banner-slick .slick-slide .banner-hover .banner-info .more:hover {
		background: #037ff3
	}

	.home-banner .home-banner-slick .slick-slide .banner-hover .banner-info .more:hover a {
		color: #fff
	}

	.home-product .home-bottom .list-show .list-info ul li .box:hover .pic img {
		transform: scale(1.05)
	}

	.home-product .home-bottom .list-show .list-info ul li .box:hover .bt {
		color: #037ff3;
		font-weight: bold
	}

	.home-case .home-bottom ul li .box:hover {
		background: #ebb987
	}

	.home-case .home-bottom ul li .box:hover .pic {
		transform: rotateY(360deg);
		-moz-transform: rotateY(360deg);
		-webkit-transform: rotateY(360deg)
	}

	.home-case .home-bottom ul li .box:hover .text .more {
		background: #fff;
		color: #666
	}

	.home-news .home-bottom .left .box:hover .pic img {
		transform: scale(1.05)
	}

	.home-news .home-bottom .left .box:hover .text .bt {
		color: #037ff3
	}

	.home-news .home-bottom .right ul li:hover .bt {
		color: #037ff3
	}

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

	.footer .footer-right .p-02 a:hover {
		text-decoration: underline
	}

	.releated-pro .list-info ul li .box:hover .pic img {
		transform: scale(1.05)
	}

	.releated-pro .list-info ul li .box:hover .bt {
		color: #037ff3;
		font-weight: bold
	}

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

	.product-list ul li .box:hover .bt {
		color: #037ff3;
		font-weight: bold
	}

	.case-list ul li:hover .pic .hover {
		bottom: 0
	}

	.case-list ul li:hover .text {
		opacity: 0
	}

	.contact-message .btn a:hover {
		background: #025d80;
		border: 2px #025d80 solid
	}

	.releated-pro .list-page-news li a:hover {
		background: #037ff3;
		color: #fff;
		border: 1px solid #037ff3
	}

	.page a:hover {
		background: #037ff3;
		border: 1px solid #037ff3;
		color: #fff
	}

	.related-case ul li:hover .pic .hover {
		bottom: 0
	}

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

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

	.news-list ul li:hover .text .info .bt {
		color: #037ff3
	}

	.news-list ul li:hover .text .info .more {
		padding-right: 85px
	}

	.dealer-message .submit input:hover {
		background: #1887b1;
		color: #fff
	}

	.list-page-news li:hover p {
		color: #037ff3
	}

	.list-page-news li:hover p a {
		color: #037ff3
	}

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

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

	.download-list ul li .box:hover {
		border: 1px solid #eaeaea;
		background: #037ff3
	}

	.download-list ul li .box:hover .date {
		color: #fff
	}

	.download-list ul li .box:hover .bt {
		color: #fff
	}

	.download-list ul li .box:hover .down {
		color: #fff;
		background: url("../images/down1.png") no-repeat center right
	}

	.service-info .left ul li:hover a {
		color: #005180;
		font-weight: bold
	}

	.service-info .left ul li:hover:after {
		display: block
	}
}

@media (max-width:1024px) {
	.video-list {
		margin-top: 30px
	}

	.video-list ul {
		margin: 0 -10px 20px -10px
	}

	.video-list ul li .pic .hover h3 {
		font-size: 16px
	}

	.video-list ul li {
		padding: 0 10px;
		margin-bottom: 20px
	}

	.about3 .pro-max .box .text .jsh {
		font-size: 14px
	}

	.about3 .pro-min {
		position: relative;
		top: auto;
		left: auto;
		width: 100%;
		margin-top: 0
	}

	.about3 .pro-min .getIndex .item {
		line-height: 80px
	}

	.about3 .pro-min .getIndex .item p {
		font-size: 32px;
            height:35px;
    line-height:35px;
	}

	.about3 .pro-min .getIndex .item h3 {
		font-size: 14px
	}

	.about3 .pro-max {
		margin: 0 auto;
		float: none
	}

	.about3 .pro-max .box .text {
		padding-bottom: 15px
	}
    .about3 .pro-min .getIndex .item:after{
        top:47px;
    }
	.join {
		padding-top: 30px
	}

	.join .job-top .left {
		width: 100%;
		float: none;
		height: auto;
		padding: 20px;
		font-size: 14px
	}

	.join .job-top {
		padding-bottom: 30px
	}

	.join .job-top .left .info {
		margin-bottom: 20px
	}

	.join .job-top .left .info p {
		margin-bottom: 0
	}

	.join .job-top .left h3 {
		font-size: 20px;
		margin-bottom: 10px
	}

	.join .job-top .right .jsh {
		font-size: 14px;
		margin-bottom: 20px
	}

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

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

	.join .job-list .jobsub {
		font-size: 14px;
		padding: 10px
	}

	.join .job-list .jobsub .job1 {
		font-size: 14px
	}

	.join .job-list .jobsub .bt {
		font-size: 16px
	}

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

	.join .job-top .right {
		width: 100%;
		padding-left: 0
	}

	.dealer {
		padding-top: 30px
	}

	.dealer-message {
		margin-top: 30px;
		padding: 20px 0
	}

	.dealer-message .left {
		width: 100%;
		padding-right: 0
	}

	.dealer-message .right {
		width: 100%;
		padding-left: 0
	}

	.inquire .left {
		float: none;
		margin: 0 auto
	}

	.inquire {
		padding: 30px 0
	}

	.inquire .left {
		width: 100%
	}

	.inquire .inquire-info {
		padding-top: 30px
	}

	.inquire .right {
		margin-top: 20px;
		float: none;
		text-align: center
	}

	.contact {
		padding-top: 30px
	}

	.contact ul {
		font-size: 0;
		margin-top: 30px
	}

	.contact ul li .pic {
		margin-bottom: 10px
	}

	.contact ul li {
		width: 50%;
		float: none;
		display: inline-block;
		vertical-align: top
	}

	.contact ul li .bt {
		margin-bottom: 20px
	}

	.contact ul li .span {
		margin-top: 30px
	}

	.contact ul li .box {
		margin-bottom: 30px
	}

	.about {
		padding-top: 30px
	}

	.about .inmain-p {
		font-size: 14px;
		margin-top: 15px;
		padding-bottom: 48px
	}

	.about .about1 {
		margin-top: 30px;
		overflow: hidden;
		padding-bottom: 30px
	}

	.about .about1 .pic {
		float: none;
		margin: 0 auto
	}

	.about .about1 .text {
		width: 100%;
		padding-top: 10px;
		font-size: 14px
	}

	.about .about1 .text p {
		margin-bottom: 10px
	}

	.about2 ul li {
		width: 100%;
		display: block;
		min-height: 0;
		padding: 50px
	}

	.about3 {
		padding: 30px 15px
	}

	.about3 .about3-bottom {
		margin-top: 30px
	}

	.about4 .about4-top .left {
		width: 100%;
		position: relative;
		top: auto;
		left: auto;
		margin-top: 0;
		padding: 20px 0
	}

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

	.about4 .about4-top .right ul li .box {
		padding: 30px
	}

	.about4 .about4-center ul li .box {
		padding: 30px
	}

	.news-show {
		padding-top: 0;
		padding-bottom: 30px
	}

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

	.news-show .info {
		font-size: 12px;
		padding: 10px 0
	}

	.news-show .nr {
		padding: 30px 0;
		font-size: 14px
	}

	.news-show .info .date,.news-show .info .author,.news-show .info .source {
		margin-right: 10px;
		font-size: 12px
	}

	.news {
		padding-top: 30px
	}

	.news-list {
		margin: 30px 0
	}

	.news-list ul li .text {
		padding-left: 520px
	}

	.news-list ul li .text .date {
		width: 60px
	}

	.news-list ul li {
		padding-bottom: 20px;
		margin-bottom: 20px
	}

	.news-list ul {
		margin-bottom: 10px
	}

	.news-list ul li .text .info .bt {
		font-size: 18px
	}

	.download {
		padding: 30px 0
	}

	.current {
		padding: 15px 0
	}

	.download-list {
		margin-top: 30px
	}

	.download-list ul {
		margin: 0 -16px
	}

	.case-show .text {
		width: 100%;
		padding-left: 0;
		padding-top: 20px
	}

	.releated-pro .list-page-news {
		margin-bottom: 20px
	}

	.releated-pro .releated-title {
		font-size: 20px;
		margin-bottom: 10px
	}

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

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

	.releated-pro .list-page-news li a {
		width: 100px;
		height: 40px;
		line-height: 38px
	}

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

	.releated-pro {
		padding-top: 20px;
		padding-bottom: 20px
	}

	.service-info .right {
		width: 74%;
		padding-top: 30px;
		padding-left: 30px
	}

	.service-info .left {
		padding-top: 30px
	}

	.service-info .right .title {
		font-size: 22px;
		margin-bottom: 10px
	}

	.service-info .right .service-text .one .one-left .bt {
		font-size: 20px
	}

	.service-info .right .service-text .one .one-right .list2 .jsh {
		font-size: 14px
	}

	.service-info .right .service-p {
		margin-bottom: 20px;
		font-size: 14px
	}

	.service-info .right .service-text .one .one-right .list1 li {
		width: 100%;
		padding-right: 0;
		margin-bottom: 10px
	}

	.service-info .right .service-text .one .one-left {
		width: 100%;
		display: block;
		padding: 20px 20px 10px 20px
	}

	.service-info .right .service-text .one .one-right {
		width: 100%;
		display: block;
		padding: 20px 20px 10px 20px
	}

	.service-info .right .service-text .one .one-left .p {
		margin-bottom: 10px
	}

	.product-show .text {
		width: 49%
	}

	.product-show {
		padding: 30px 0
	}

	.product-center {
		padding: 30px 0
	}

	.product-center .title {
		margin-bottom: 10px;
		font-size: 20px
	}

	.product-center .list ul li .bt {
		font-size: 18px
	}

	.product-center .list ul li .jsh {
		font-size: 14px
	}

	.second-nav ul {
		padding: 0
	}

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

	.product-list {
		padding: 30px 15px
	}

	.product-list ul li {
		width: 33.3333333%;

	}

	.product-center .list ul {
		margin: 0 -10px
	}

	.product-center .list ul li {
		padding: 0 10px;
		margin-bottom: 30px
	}

	.product-bottom .list ul li {
		width: 20%;
		margin-bottom: 18px
	}

	.product-bottom .one {
		padding-top: 30px
	}

	.product-bottom .list {
		padding-bottom: 12px;
		margin-top: 10px
	}

	.product-bottom .two {
		padding-top: 30px
	}

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

	.related-case {
		padding: 30px 0
	}

	.related-case .title {
		margin-bottom: 10px;
		font-size: 20px
	}

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

	.product-list ul {
		margin: 0 -8px 14px -8px
	}

	.inmain-title {
		font-size: 24px
	}

	.inmain-p {
		font-size: 14px;
		width: 100%;
		margin: 15px auto 0 auto
	}

	.second-nav {
		margin-bottom: 30px
	}

	.inmain-info {
		margin-top: 30px;
		font-size: 14px;
		padding: 20px 0
	}

	.inmain-info .left {
		width: 100%;
		float: none;
		padding-left: 0
	}

	.inmain-info .right {
		width: 100%;
		float: none;
		padding-left: 0
	}

	.home-product .home-bottom .list li {
		width: 16.6666667%
	}

	.home-case .home-bottom ul li .box .text .more {
		background: #fff;
		color: #037ff3
	}

	.home-product .home-bottom .list li .bt {
		font-size: 16px
	}

	.home {
		padding: 30px 0 0 0
	}

	.home-top h3 {
		font-size: 30px
	}

	.home-product .home-bottom {
		padding-top: 30px
	}

	.home-product .home-bottom .list-show {
		padding-top: 30px
	}

	.home-case .home-bottom {
		margin-top: 30px
	}

	.home-case {
		padding-bottom: 0;

	}

	.home-about {
		padding-bottom: 30px
	}

	.home-about .jsh {
		margin-bottom: 30px
	}

	.home-about .home-bottom .left .item .date {
		font-size: 34px;
            line-height: 40px;
	height: 40px;
	}

	.home-about .home-bottom .left .item:after {
		top: 25px
	}

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

	.home-news .home-bottom .right {
		padding-left: 30px;
		width: 52%
	}

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

	.request {
		padding: 30px 0
	}

	.case {
		padding: 30px 0
	}

	.contact-message {
		margin-top: 30px
	}

	.case-list {
		margin-top: 30px
	}
}

@media (max-width:992px) {
	.contact-message ul {
		padding: 30px
	}

	.footer .footer-left {
		width: 100%;
		margin-bottom: 10px;
		overflow: hidden;
		float: none
	}

	.footer .footer-left ul li .dianji {
		display: block
	}

	.footer .footer-left ul li .xiala {
		display: none
	}
	
	
	

	.footer {
		padding: 30px 0
	}

	.footer .footer-left ul li {
		width: 100%;
		position: relative;
		border-bottom: 1px solid #666;
		margin-bottom: 5px;
		padding-bottom: 5px
	}

	.footer .footer-left ul li ul li {
		border: 0;
		margin-bottom: 0;
		padding-bottom: 0
	}

	.footer .footer-left ul li a {
		margin-bottom: 0;
		font-size: 14px
	}

	.footer .footer-center {
		display: none
	}

	.footer .footer-right {
		float: none;
		width: 100%
	}

	.footer .footer-right .tel {
		text-align: left;
		margin-bottom: 2px
	}

	.footer .footer-right .right-top {
		background: 0;
		padding-left: 0
	}

	.footer .footer-right .p-01 {
		font-size: 14px;
		margin-bottom: 5px
	}

	.footer .footer-right .tel {
		font-size: 24px
	}

	.copyright {
		padding: 15px 0;
		font-size: 14px;
		overflow: hidden;
		text-align: center
	}

	.share {
		float: none;
		text-align: center;
		font-size: 14px;
	}

	.home-case .home-bottom ul li {
		width: 33.3333333%;
		border-bottom: 1px solid rgba(255,255,255,0.2)
	}

	.home-case .home-bottom ul li .box {
		padding: 50px 0
	}
}

@media (max-width:768px) {
	.video-list ul li {
		width: 50%
	}

	.join .job-list dl .open .bumen {
		font-size: 14px
	}

	.join .job-list dl .open .name {
		font-size: 16px
	}

	.inquire .left .more a {
		font-size: 16px
	}

	.inquire .left {
		padding: 20px;
		min-height: 0
	}

	.inquire .left .select-info p {
		font-size: 14px
	}

	.inquire .left select {
		font-size: 14px
	}

	.about2 ul li {
		padding: 30px
	}

	.about2 ul li .text .bt {
		font-size: 16px
	}

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

	.about4 .about4-top .left h3 {
		font-size: 24px
	}

	.about4 .about4-top .left p {
		font-size: 28px;
		line-height: 42px
	}

	.about4 .about4-top .left .info:before {
		margin-bottom: 10px;
		background-size: 30px;
		height: 18px
	}

	.about4 .about4-top .left .info:after {
		background-size: 30px;
		height: 18px
	}

	.about4 .about4-top .right ul li .bt {
		font-size: 16px
	}

	.about4 .about4-top .right ul li .jsh {
		font-size: 14px
	}

	.about4 .about4-center ul li .bt {
		font-size: 16px
	}

	.about4 .about4-center ul li .jsh {
		font-size: 14px
	}

	.list-page-news li {
		width: 100%;
		text-align: left
	}

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

	.list-page-news li p {
		font-size: 12px;
		line-height: 40px
	}

	.news-list ul {
		margin: 0 -5px 10px -5px
	}

	.news-list ul li {
		width: 50%;
		float: left;
		padding: 0 5px
	}

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

	.news-list ul li .pic:after {
		padding-bottom: 50%
	}

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

	.news-list ul li .text .info .bt {
		font-size: 16px;
		font-weight: bold
	}

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

	.news-list ul li .text .info .jsh {
		font-size: 12px;
		margin-bottom: 10px
	}

	.news-list ul li .text .info .more {
		font-size: 13px
	}

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

	.news-list ul li .text .date {
		position: relative;
		top: auto;
		left: auto;
		float: none;
		width: 100%;
		overflow: hidden;
		line-height: 30px;
		border: 0
	}

	.news-list ul li .text .date h3 {
		font-size: 20px;
		float: right;
		margin-left: 5px
	}

	.news-list ul li .text .date span {
		font-size: 13px;
		float: right;
		display: block
	}

	.news-list ul li .text .date p {
		font-size: 12px;
		float: left
	}

	.download-list ul li {
		width: 50%
	}

	.releated-pro .list-info ul li {
		width: 50%;
		margin-bottom: 16px
	}

	.releated-pro .list-info ul li .box {
		padding: 20px 0
	}

	.releated-pro .list-info ul li .box .bt {
		font-size: 14px;
		line-height: 40px
	}

	.case-list ul {
		margin: 0 -5px
	}

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

	.case-list ul li .pic .hover {
		display: none
	}

	.case-list ul li .text {
		font-size: 14px;
		margin-top: 10px
	}

	.contact-message .li-02 {
		padding-right: 0
	}

	.contact-message .li-02,.contact-message .li-03 {
		width: 100%
	}

	.contact-message li {
		width: 100%;
		padding: 0
	}

	.service-info .left {
		width: 100%
	}

	.service-info .left ul li {
		width: 33.33333333%;
		float: left;
		margin-bottom: 5px
	}

	.service-info .left ul li a {
		font-size: 14px;
		line-height: 35px
	}

	.service-info .left ul .active:after {
		display: none
	}

	.service-info .right {
		border-top: 1px solid #d4d4d4;
		border-left: 0;
		width: 100%;
		padding-left: 0
	}

	.service-info .right .service-text .one {
		margin-bottom: 30px
	}

	.product-show .pic {
		float: none;
		margin: 0 auto
	}

	.product-show .text {
		width: 100%
	}

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

	.product-show .text .jsh {
		font-size: 14px
	}

	.product-show .text .tedian .left {
		width: 100%
	}

	.product-show .text .tedian .right {
		padding-top: 10px
	}

	.product-center .list ul li {
		width: 100%;
		margin-bottom: 20px
	}

	.product-center .list ul li .bt {
		font-size: 16px
	}

	.product-bottom .list ul li .pic .hover {
		font-size: 14px
	}

	.product-bottom .list ul {
		margin: 0 -5px
	}

	.product-bottom .list ul li {
		width: 25%;
		padding: 0 5px;
		margin-bottom: 10px
	}

	.second-nav ul li {
		margin-right: 0;
		width: 25%
	}

	.second-nav ul li a {
		padding-right: 10px;
		max-width: 100%
	}

	.product-list ul li {
		width: 50%
	}

	.product-list ul li .box {
		padding: 20px 0
	}

	.product-list ul li .box .bt {
		font-size: 14px;
		line-height: 40px
	}

	.product-bottom .two .jsh {
		padding: 10px 0 0 0
	}

	.related-case ul {
		margin: 0 -5px
	}

	.related-case ul li .text {
		font-size: 14px;
		line-height: 40px
	}

	.related-case ul li {
		width: 50%;
		padding: 0 5px
	}

	.related-case ul li:nth-child(3) {
		display: none
	}

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

	.inbanner .inbanner-slick {
		display: none
	}

	.home-news .home-bottom .left .box .text {
		padding: 15px
	}

	.home-news .home-bottom .left .box .text .bt {
		font-size: 15px
	}

	.home-news .home-bottom .left .box .text .jsh {
		font-size: 13px
	}

	.home-news .home-bottom .left .box .text .date {
		font-size: 12px
	}

	.home-news .home-bottom .right ul li .bt {
		font-size: 15px
	}

	.home-news .home-bottom .right ul li .date {
		font-size: 12px
	}

	.home-news .home-bottom .right ul li {
		margin-top: 0;
		margin-bottom: 20px
	}

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

	.home-case .home-bottom ul li .box .pic {
		width: 60px;
		height: 60px
	}

	.home-case .home-bottom ul li .box .text .bt {
		font-size: 16px;
		margin-bottom: 10px
	}

	.home-case .home-bottom ul li .box .text .jsh {
		font-size: 13px;
		height: 52px;
		margin-bottom: 10px
	}

	.home-case .home-bottom ul li .box .text .more {
		width: 80px;
		height: 35px;
		line-height: 35px;
		font-size: 12px
	}

	.home-top h3 {
		font-size: 22px;
		padding: 0 30px
	}

	.home-about .home-bottom .right .hover .info h3 {
		font-size: 28px
	}

	.home-about .home-bottom .right .hover .info p {
		font-size: 20px
	}

	.home-about .home-bottom .right .hover .info {
		padding-top: 30px;
		background-size: 20px
	}

	.home-product .home-bottom .list-show .list-info ul li {
		width: 50%;
		margin-top: 20px
	}

	.home-product .home-bottom .list-show .list-info ul li .box {
		padding: 20px 0
	}

	.home-product .home-bottom .list-show .list-info ul li .box .bt {
		font-size: 14px;
		line-height: 40px
	}

	.home-product .home-bottom .list-show {
		padding-top: 10px
	}

	.home-product .home-bottom .list li .bt {
		font-size: 14px
	}

	.home-product .home-bottom .list li .pic {
		width: 30px;
		height: 30px
	}

	.home-about .jsh {
		font-size: 14px
	}
}

@media (max-width:640px) {
	.contact ul li {
		width: 100%
	}

	.map  img{
		max-width:100%!important; 
	}

	.contact ul li .box {
		border-bottom: 1px solid #ebebeb;
		border-right: 0;
		padding-bottom: 20px
	}

	.case-show .pic {
		width: 100%;
		height: auto
	}

	.case-show .pic:after {
		padding-bottom: 67%
	}

	.home-news .home-bottom .left {
		width: 100%;
		margin-bottom: 20px
	}

	.home-news .home-bottom .right {
		width: 100%;
		padding-left: 0
	}

	.home-case .home-bottom ul li {
		width: 50%
	}

	.home-case .home-bottom ul li .box {
		padding: 20px 0
	}

	.home-about .home-bottom .right {
		width: 100%;
		height: auto
	}

	.home-about .home-bottom .right .hover {
		height: auto;
		padding-top: 108px
	}

	.about4 .about4-top .right ul li {
		display: block;
		width: 100%
	}

	.about4 .about4-center ul li {
		display: block;
		width: 100%
	}
}

@media (max-width:520px) {
	.contact ul li .pic {
		height: 40px
	}

	.about2 ul li .pic {
		height: 50px;
		width: 50px
	}

	.about .about1 .pic {
		width: 100%;
		height: auto
	}

	.about .about1 .pic:after {
		padding-bottom: 69%
	}

	.dealer-message .left ul li {
		width: 100%;
		margin-bottom: 15px
	}

	.dealer-message .right .jsh {
		padding: 10px
	}

	.dealer-message .right .jsh .checkbox {
		margin-top: 20px
	}

	.dealer-message .submit input {
		width: 245px;
		font-size: 16px
	}

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

	.video-popup {
		width: 100%;
		height: 100%;
		left: 0;
		top: 0;
		margin: 0;
		padding: 60px 25px
	}

	.video-popup .submit .tijiao {
		width: 100px;
		height: 40px;
		line-height: 40px;
		font-size: 14px
	}

	.video-popup .close {
		width: 100px;
		height: 40px;
		line-height: 38px;
		font-size: 14px
	}

	.video-popup .bt {
		font-size: 14px
	}

	.download-list ul {
		margin: 0 -8px
	}

	.download-list ul li {
		padding: 0 8px;
		margin-bottom: 16px;
		width: 100%
	}

	.download-list ul li .box .bt {
		height: auto;
		max-height: 48px
	}

	.download-list ul li .box {
		padding: 15px
	}

	.download-list ul li .box .bt {
		margin-bottom: 20px;
		font-size: 14px
	}

	.download-list ul li .box .date {
		margin-bottom: 0
	}

	.home-product .home-bottom .list li {
		width: 33.3333333%
	}

	.home-product .home-bottom .list-show .list-info ul {
		margin: 0 -5px
	}

	.home-product .home-bottom .list-show .list-info ul li {
		padding: 0 5px;
		margin-top: 10px
	}

	.home-product .home-bottom .list-show .list-info ul li .box {
		padding: 10px 0
	}

	.product-bottom .list ul li {
		width: 33.3333333%
	}

	.product-show .pic {
		width: 100%;
		height: auto
	}

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

@media (max-width:414px) {
	.video-list ul li {
		width: 100%
	}

	.about3 .pro-max {
		width: 100%
	}

	.about3 .pro-max .box {
		width: 100%
	}

	.home-about .home-bottom .right .hover {
		padding-top: 68px
	}

	.home-about .home-bottom .right .hover .info h3 {
		font-size: 20px;
		line-height: 35px
	}

	.home-about .home-bottom .right .hover .info p {
		font-size: 16px
	}

	.home-about .home-bottom .right .hover .info {
		padding-top: 30px;
		background-size: 20px
	}

	.header .logo a img {
		height: 30px
	}

	.header .logo {
		padding-top: 17px
	}

	.product-bottom .list ul li {
		width: 50%
	}

	.contact-message .btn a {
		width: 100%
	}

	.about3 .pro-min .getIndex .item p {
		font-size: 22px;
            height:24px;
    line-height:24px;
	}
}



.product-youshi .p-top .left{
	width:66.66666%;
height:520px;
float:left;
background-size:cover;
background-position:center center;
background-repeat:no-repeat;
position:relative;

}
.product-youshi .p-top .right{
width:33.33333%;
float:right;
}
.product-youshi .p-top .right .item{
background-size:cover;
background-position:center center;
background-repeat:no-repeat;
position:relative;
height:260px;
border-bottom: 1px solid #fff;
}

.product-youshi .p-top .right .item:nth-child(2){
	border-bottom:none;
}

.product-youshi .hover{
width:100%;
height:100%;
/*background:rgba(0,0,0,0.5);*/
position:absolute;
top:0;
left:0;
z-index:1;
}
.product-youshi .text{
position:absolute;
bottom:0;
left:0;
width:100%;
padding:40px;
color:#fff;
z-index:2;
}
.product-youshi .text .bt{
font-size:18px;
margin-bottom:10px;
}
.product-youshi .text .jsh{
font-size:14px;
line-height:25px;
}

.product-youshi .p-bottom ul li{
  width:33.3333333333%;
float:left;
position:relative;
height:300px;
background-size:cover;
background-position:center center;
background-repeat:no-repeat;
border-right: 1px solid #fff;
border-top: 1px solid #fff;
}

.product-youshi .p-bottom ul li:nth-child(3){
	border-right:none;
}

.header .header-right .weixin{
float:right;
position: relative;
padding-right: 10px;
padding-left: 10px;
margin-top: 33px;
}
.header .header-right .weixin a {
display: block;
}
.header .header-right .weixin a svg {
width: 17px;
vertical-align: middle;
display: inline-block;
}
.header .header-right .weixin .ewm-img {
position: absolute;
top: 20px;
left: 50%;
margin-left: -78px;
width: 156px;
height: 156px;
display: none;
}
.header .header-right .weixin .ewm-img img {
display: block;
}
.header .header-right .weixin:hover .ewm-img {
display: block;
}
.header .header-right .p1688{
float:right;
position: relative;
padding-right: 10px;
margin-top: 33px;
}
.header .header-right .p1688 a svg {
width: 17px;
vertical-align: middle;
display: inline-block;
}
@media (max-width: 1100px){
.header .header-right .p1688{
display:none;
}
.header .header-right .weixin{
display:none;
}
}
@media(max-width:768px){
.product-youshi .p-bottom ul li{
width:100%;
height:auto;
}
.product-youshi .p-top .left{
width:100%;
height:auto;

}
.product-youshi .p-top .right .item{
height:auto;
}
.product-youshi .p-top .right{
width:100%;
height:auto;
}

.product-youshi .text{
position:relative;
bottom:auto;
left:auto;
padding:60px;
}
}

@media (max-width: 1570px){

.header .logo a img {
     height:40px;
}
}

@media (max-width: 1500px){

.header .logo a img {
     height:30px;
}
}
@media (max-width: 1320px){

.header .logo a img {
     height:25px;
}
}