@charset "utf-8";

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

body,div,span,h1,h2,h3,h4,h5,h6,p,em,img,strong,b,small,u,i,center,dl,dt,dd,ol,ul,li,sub,sup,tt,var,del,dfn,ins,kbd,q,s,samp,strike,applet,object,iframe,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,blockquote,pre,a,abbr,acronym,address,big,cite,code,mark,audio,video,input,textarea,select {
	margin: 0;
	padding: 0
}

* {
	margin: 0;
	padding: 0
}

body {
	font-family: 'Microsoft YaHei',arial;
	font-size: 14px;
	color: #666;
	line-height: 1.5;
	min-width: 1260px;
	margin: 0 auto;
	background: #fff;
	max-width: 1920px
}

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

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

ul,li {
	list-style: none
}

ul {
	padding: 0
}

li {
	zoom: 1;
	vertical-align: middle
}

ol {
	margin: 0;
	padding: 0;
	padding-left: 36px
}

fieldset,img {
	border: 0
}

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

div {
	outline: 0
}

h1,h2,h3,h4,h5,h6 {
	font-weight: normal;
	font-size: 100%
}

table {
	border-collapse: collapse;
	border-spacing: 0;
	table-layout: fixed;
	border: 0;
	width: 100%
}

th,td {
	padding: 0
}

input,textarea {
	font-family: 'Microsoft YaHei',arial;
	font-size: 14px
}

input {
	outline: 0
}

textarea {
	outline: 0
}

input[type='reset'],input[type='button'],input[type='submit'],input[type='radio'] {
	cursor: pointer;
	outline: 0
}

input[type='checkbox'],input[type='radio'] {
	position: relative;
	vertical-align: middle;
	margin-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,textarea {
	-webkit-appearance: none;
	-webkit-tap-highlight-color: rgba(0,0,0,0);
	border-radius: 0;
	overflow-y: hidden;
	overflow-x: hidden
}

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

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

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

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

.fl {
	float: left
}

.fr {
	float: right
}

.clear {
	clear: both
}

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

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

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

@media (max-width:1280px) {
	.container {
		padding: 0 10px;
		width: 1260px
	}
}

.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: 'Microsoft YaHei';
	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
}

#container {
	overflow: hidden;
	position: relative
}

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

.page a {
	color: #666;
	display: inline-block;
	font-size: 16px;
	line-height: 28px;
	height: 30px;
	width: 30px;
	text-align: center;
	margin: 0 2px;
	-webkit-transition: all .5s;
	transition: all .5s;
	border: 1px solid #eaeaea;
	background: #f8f8f8;
	vertical-align: top;
	border-radius: 50%;
	overflow: hidden;
	font-family: "futurabt-medium"
}

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

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

.page a.num1,.page a.num2,.page a.num3,.page a.num4 {
	width: 12px
}

.page a.num1 {
	background: url("../images/page1.png") no-repeat center center;
	border: 0
}

.page a.num2 {
	background: url("../images/page2.png") no-repeat center center;
	border: 0
}

.page a.num3 {
	background: url("../images/page3.png") no-repeat center center;
	border: 0
}

.page a.num4 {
	background: url("../images/page4.png") no-repeat center center;
	border: 0
}

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

.header {
	height: 95px;
	width: 100%;
	position: relative;
	color: #fff
}

.header .container {
	width: 1785px
}

.header .logo {
	margin-top: 13px;
	float: left;
	z-index: 4;
	margin-left: 19px
}

.header .logo a {
	float: left;
	position: relative
}

.header .logo a img {
	float: left
}

.header .header-right {
	float: right;
	padding-top: 30px;
	padding-right: 9px
}

.header .header-right .phone {
	float: right;
	background: url("../images/phone.png") no-repeat center left;
	padding-left: 50px;
	font-size: 28px;
	color: #008fd8;
	line-height: 39px;
	font-family: "DINPro-Regular";
	margin-left: 23px;
	font-weight: bold
}

.header .header-right .phone span {
	font-size: 16px;
	color: #333;
	display: block;
	line-height: 20px
}

.header .header-right .header-search {
	float: right;
	position: relative;
	transition: .5s;
	margin-left: 39px
}

.header .header-right .header-search .pull-right a {
	display: block;
	height: 39px;
	width: 102px;
	transition: .5s;
	color: #fff;
	background: #fca91d url("../images/search.png") no-repeat 77% center;
	border-radius: 30px;
	overflow: hidden;
	padding-left: 26px;
	line-height: 39px
}

.header .header-right .search {
	z-index: 99
}

.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: 65px;
	right: 0;
	z-index: 9;
	width: 330px;
	display: none;
	position: absolute;
	padding: 14px;
	background: #fcfcfc;
	border-top: solid 2px #eee;
	box-shadow: 0 1px 3px #ddd
}

.header .header-right .search-container {
	padding-left: 0;
	position: relative
}

.header .header-right .search-info {
	width: 100%;
	position: relative;
	background: 0
}

.header .header-right .search-info .inp_srh {
	color: #555;
	width: 254px;
	height: 34px;
	padding: 6px 12px;
	font-size: 14px;
	background: 0;
	border: 1px solid #ccc;
	float: left;
	border-right: 0
}

.header .header-right .search-info .inp_srh:focus {
	border-color: #bbb;
	box-shadow: 0 0 2px #c9c9c9
}

.header .header-right .btn_srh {
	background: #008fd8;
	width: 48px;
	line-height: 18px;
	height: 34px;
	float: right;
	border: 0;
	color: #FFF
}

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

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

.header .header-right .menu ul li {
	float: left;
	position: relative;
	margin-left: 38px
}

.header .header-right .menu ul li a {
	display: block;
	line-height: 39px;
	text-align: center;
	font-size: 17px;
	color: #111;
	padding: 0 13px;
	height: 65px
}

.header .header-right .menu ul li:hover>a {
	color: #008fd8;
	border-bottom: 2px solid #008fd8
}

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

.header .header-right .menu ul li .subnav {
	position: absolute;
	top: 39px;
	left: 50%;
	width: 150px;
	z-index: 55;
	display: none;
	margin-left: -75px;
	white-space: nowrap;
	padding-top: 26px
}

.header .header-right .menu ul li .subnav ul {
	position: relative;
	padding: 15px 0;
	margin: 0;
	background: #fff
}

.header .header-right .menu ul li .subnav ul li {
	float: none;
	margin: 0;
	width: 100%;
	background: 0;
	height: auto
}

.header .header-right .menu ul li .subnav ul li a {
	line-height: 36px;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
	height: 36px;
	color: #111;
	font-size: 16px;
	border-bottom: 0;
	padding: 0 15px;
	font-weight: normal
}

.header .header-right .menu ul li .subnav ul li:hover a {
	color: #008fd8
}

.header .header-right .menu ul .active>a {
	color: #008fd8;
	border-bottom: 2px solid #008fd8
}

.home-banner {
	overflow: hidden;
	width: 100%;
	height: 785px;
	position: relative
}

.home-banner .home-banner-slick {
	height: 785px;
	overflow: hidden;
	position: relative;
	width: 1920px;
	left: 50%;
	margin-left: -960px
}

.home-banner .home-banner-slick .item {
	position: relative;
	height: 785px
}

.home-banner .home-hover {
	position: absolute;
	bottom: 25px;
	left: 0;
	width: 100%
}

.home-banner .home-hover ul {
	margin: 0 -2px
}

.home-banner .home-hover ul li {
	width: 25%;
	float: left;
	padding: 0 2px
}

.home-banner .home-hover ul li a {
	padding-top: 11px;
	display: block;
	transition: .5s
}

.home-banner .home-hover ul li a:hover {
	background: #008ed4
}

.home-banner .home-hover ul li a:hover .box {
	background: #008ed4
}

.home-banner .home-hover ul li a:hover .box .text .bt {
	color: #fff
}

.home-banner .home-hover ul li a:hover .box .text .jsh {
	color: #fff
}

.home-banner .home-hover ul li a:hover .box .img .bh {
	top: 0
}

.home-banner .home-hover ul li a:hover .box .img .b {
	top: -100%
}

.home-banner .home-hover ul li .box {
	transition: .5s;
	background: rgba(255,255,255,0.95);
	overflow: hidden
}

.home-banner .home-hover ul li .text {
	float: left;
	width: 200px;
	padding-left: 31px;
	padding-top: 20px
}

.home-banner .home-hover ul li .text .bt {
	color: #333;
	font-size: 18px;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden
}

.home-banner .home-hover ul li .text .jsh {
	color: #9b9b9b;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden
}

.home-banner .home-hover ul li .img {
	float: right;
	position: relative;
	overflow: hidden;
	width: 88px;
	height: 88px;
	margin-right: 12px
}

.home-banner .home-hover ul li .img .pic {
	position: absolute;
	top: 0;
	right: 0;
	transition: .5s;
	width: 88px;
	height: 88px
}

.home-banner .home-hover ul li .img .bh {
	top: 100%
}

.home-banner .slick-dots {
	z-index: 100;
	bottom: auto;
	line-height: 0;
	right: 80px;
	top: 50%;
	width: 12px;
	margin-top: -36px
}

.home-banner .slick-dots li {
	margin: 6px 0;
	width: 11px;
	height: 12px;
	border-radius: 50%;
	display: inline-block;
	vertical-align: middle;
	background: url("../images/dot.png") no-repeat center center
}

.home-banner .slick-dots li button {
	width: 7px;
	height: 7px;
	display: block;
	background: 0;
	padding: 0;
	border-radius: 50%
}

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

.home-banner .slick-dots .slick-active {
	background: url("../images/dot1.png") no-repeat center center
}

.home-banner .slick-dots .slick-active button:before {
	color: transparent
}

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

.home-product {
	padding: 81px 0 78px 0;
	overflow: hidden;
	position: relative
}

.home-product .container {
	position: relative;
	z-index: 3
}

.home-product:after {
	position: absolute;
	bottom: 78px;
	width: 50%;
	left: 50%;
	background: #f4f5f9;
	height: 559px;
	content: '';
	display: block;
	z-index: 1
}

.home-product .home-bottom {
	margin-top: 46px;
	overflow: hidden;
	height: 559px;
	position: relative
}

.home-product .home-bottom .slick-prev:before,.home-product .home-bottom .slick-next:before {
	content: ''
}

.home-product .home-bottom .slick-prev,.home-product .home-bottom .slick-next {
	width: 38px;
	height: 38px;
	z-index: 7;
	border-radius: 50%;
	overflow: hidden;
	top: auto;
	bottom: 53px;
	margin-top: 0
}

.home-product .home-bottom .slick-prev {
	left: auto;
	right: 42%;
	background: #008fd8 url(../images/left.png) no-repeat center center!important
}

.home-product .home-bottom .slick-prev:hover {
	background: #f9a81b url(../images/left.png) no-repeat center center!important
}

.home-product .home-bottom .slick-next {
	right: 38%;
	background: #008fd8 url(../images/right.png) no-repeat center center!important
}

.home-product .home-bottom .slick-next:hover {
	background: #f9a81b url(../images/right.png) no-repeat center center!important
}

.home-product .home-bottom .item .pic {
	width: 642px;
	height: 559px;
	float: left
}

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

.home-product .home-bottom .item .pic i {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	display: block;
	transition: .5s;
	background: url("../images/feiji.png") no-repeat center center
}

.home-product .home-bottom .item .text {
	float: right;
	width: 587px;
	padding-top: 65px;
	height: 559px;
	position: relative;
	background: url("../images/pbg.png") no-repeat top right
}

.home-product .home-bottom .item .text:after {
	width: 208px;
	height: 2px;
	background: #008fd8;
	content: '';
	display: block;
	position: absolute;
	top: 202px;
	left: -160px
}

.home-product .home-bottom .item .text .bt {
	font-size: 35px;
	color: #008fd8;
    height:52px;
    overflow:hidden;
	margin-bottom: 15px
}

.home-product .home-bottom .item .text .bt span {
	font-size: 25px;
	color: #bcbec5;
	font-family: "CA InfoTypeOPTU-RegularCon"
}

.home-product .home-bottom .item .text .span {
	font-size: 18px;
	margin-bottom: 80px;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden
}

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

.home-product .home-bottom .item .text .more {
	width: 233px;
	height: 64px;
	padding: 8px;
	background: url(../images/more.png) no-repeat center center
}

.home-product .home-bottom .item .text .more p {
	font-size: 16px;
	color: #1c2d73;
	padding-left: 58px;
	line-height: 48px;
	transition: .5s;
	background: #fff url("../images/more1.png") no-repeat 76% center
}

.home-product .home-bottom .item:hover .pic img {
	transform: scale(1.05)
}

.home-product .home-bottom .item:hover .text .more p {
	color: #fff;
	padding-left: 58px;
	line-height: 48px;
	background: #008fd8 url("../images/more1h.png") no-repeat 76% center
}

.home-title {
	text-align: center;
	background: url("../images/home-title.png") no-repeat top center;
	color: #333;
	padding-top: 20px
}

.home-title .bt {
	font-size: 38px;
	text-transform: uppercase;
	font-weight: bold;
	font-family: arial;
	line-height: 40px
}

.home-title .jsh {
	font-size: 20px
}

.home-about {
	padding: 90px 0 86px 0;
	overflow: hidden;
	position: relative
}

.home-about:after {
	content: '';
	display: block;
	width: 1270px;
	height: 100%;
	position: absolute;
	top: 0;
	right: 650px;
	background: #f4f5f9;
	z-index: 1
}

.home-about .container {
	position: relative;
	z-index: 5
}

.home-about .text {
	width: 605px;
	float: left;
	padding-top: 25px
}

.home-about .text .bt {
	font-size: 32px;
	color: #1f1f1f;
	font-weight: bold;
	font-family: arial;
	text-transform: uppercase
}

.home-about .text .span {
	background: url("../images/1.png") no-repeat 5px 17px
}

.home-about .text .span p {
	height: 86px;
	background: url("../images/home-about.jpg") no-repeat -24px -110px;
	font-size: 77px;
	line-height: 86px;
	font-weight: bold;
	font-family: "ariblk";
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	text-transform: uppercase
}

.home-about .text .p {
	background: url("../images/2.png") no-repeat 3px 7px
}

.home-about .text .p p {
	height: 50px;
	background: url("../images/home-about.jpg") no-repeat -24px -110px;
	font-size: 53px;
	line-height: 50px;
	font-weight: bold;
	font-family: "ariblk";
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	text-transform: uppercase
}

.home-about .text .jsh {
	margin-top: 41px;
	overflow: hidden;
	font-size: 15px;
	line-height: 28px;
	margin-right: 26px;
	margin-bottom: 44px;
	height: 140px
}

.home-about .text .more {
	width: 233px;
	height: 64px;
	padding: 8px;
	background: url(../images/more.png) no-repeat center center
}

.home-about .text .more p {
	font-size: 16px;
	color: #1c2d73;
	padding-left: 58px;
	line-height: 48px;
	transition: .5s;
	background: #fff url("../images/more1.png") no-repeat 76% center
}

.home-about .text:hover .more p {
	color: #fff;
	padding-left: 58px;
	line-height: 48px;
	background: #008fd8 url("../images/more1h.png") no-repeat 76% center
}

.home-about .video {
	float: right;
	width: 601px;
	border-right: 14px solid #fff;
	margin-right: 28px;
	position: relative
}

.home-about .video .pic {
	width: 587px;
	height: 534px
}

.home-about .video .pic img {
	transition: .5s
}

.home-about .video .pic .hover {
	background: url("../images/video.png") no-repeat center center;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%
}

.home-about .video .pic:hover img {
	transform: scale(1.05)
}

.home-about .video .img {
	position: absolute;
	top: 0;
	right: -361px;
	width: 347px;
	height: 534px
}

.home-about .video .img img {
	display: block
}

.home-channels {
	padding: 80px 0 68px 0;
	overflow: hidden
}

.home-channels .home-bottom {
	margin-top: 35px;
	overflow: hidden
}

.home-channels .home-bottom ul {
	margin: 0 -16px
}

.home-channels .home-bottom ul li {
	width: 33.333333333333336%;
	float: left;
	padding: 0 16px;
	margin-bottom: 33px
}

.home-channels .home-bottom ul li .box {
	border: 1px solid #ebebeb;
	padding-bottom: 42px;
	overflow: hidden
}

.home-channels .home-bottom ul li .box .bt {
	height: 128px;
	line-height: 117px;
	text-align: center;
	padding: 0 10px;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
	color: #fff;
	font-size: 25px;
	font-weight: bold;
	margin-bottom: 30px;
	background: url("../images/cbg.png") no-repeat top left
}

.home-channels .home-bottom ul li .box .text {
	text-align: center;
	padding: 0 39px
}

.home-channels .home-bottom ul li .box .text .span {
	font-size: 20px;
	color: #414141;
	font-weight: bold;
	margin-bottom: 10px
}

.home-channels .home-bottom ul li .box .text .jsh {
	font-size: 15px;
	line-height: 28px;
	height: 56px;
	overflow: hidden
}

.home-advantage {
	background: url("../images/abg.jpg") no-repeat top center
}

.gundong {
	padding: 40px 0 43px 0;
	overflow: hidden
}

.gundong .youshi {
	overflow: hidden
}

.gundong .youshi li {
	float: left;
	width: 25%;
	text-align: center;
	padding-bottom: 14px;
	border-right: 1px solid rgba(255,255,255,0.34)
}

.gundong .youshi li .num {
	font-size: 30px;
	color: #fff
}

.gundong .youshi li .num span {
	font-size: 55px;
	color: #fff;
	font-family: "DINPro-Regular";
	font-weight: normal;
	display: inline-block;
	text-align: center;
	line-height: 85px;
	vertical-align: middle
}

.gundong .youshi li p {
	color: #fff;
	font-size: 15px;
	text-align: center;
	line-height: 30px
}

.adv {
	padding: 88px 0 97px 0;
	overflow: hidden
}

.adv .home-title {
	color: #fff
}

.adv .home-bottom ul {
	margin: 0 -12px
}

.adv .home-bottom ul li {
	width: 25%;
	float: left;
	padding: 0 12px;
	padding-top: 93px
}

.adv .home-bottom ul li a {
	display: block;
	background: url("../images/line.png") no-repeat top center
}

.adv .home-bottom ul li .box {
	border: 2px solid #008ed7;
	border-top: 0;
	position: relative
}

.adv .home-bottom ul li .box .pic {
	width: 105px;
	height: 92px;
	transition: .5s;
	margin-top: -46px;
	position: absolute;
	top: 0;
	left: 50%;
	margin-left: -52px;
	background: url("../images/ab.png") no-repeat center center
}

.adv .home-bottom ul li .box .text {
	padding: 71px 0 35px 0;
	text-align: center;
	color: #fff
}

.adv .home-bottom ul li .box .text .bt {
	font-size: 22px;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
	margin-bottom: 18px
}

.adv .home-bottom ul li .box .text .jsh {
	font-size: 15px;
	color: rgba(255,255,255,0.7);
	line-height: 28px;
	height: 56px;
	overflow: hidden;
	margin: 0 28px
}

.adv .home-bottom ul li .box:hover .pic {
	background: url("../images/abh.png") no-repeat center center
}

.home-news {
	padding: 84px 0 81px 0;
	overflow: hidden;
	background: #fff url("../images/nbg.jpg") no-repeat top center
}

.home-news .home-bottom {
	margin-top: 37px;
	overflow: hidden
}

.home-news .home-bottom ul {
	margin: 0 -16px
}

.home-news .home-bottom ul li {
	width: 33.333333333333336%;
	float: left;
	padding: 0 16px
}

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

.home-news .home-bottom ul li .pic i {
	font-style: inherit;
	position: absolute;
	bottom: 0;
	right: 0;
	width: 120px;
	height: 36px;
	line-height: 36px;
	text-align: center;
	display: block;
	padding: 0 5px;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
	font-size: 15px;
	color: #fff;
	background: #f9a81b
}

.home-news .home-bottom ul li .pic:after {
	padding-bottom: 62%
}

.home-news .home-bottom ul li .text {
	padding-top: 32px;
	position: relative;
	padding-left: 110px
}

.home-news .home-bottom ul li .text .date {
	position: absolute;
	top: 32px;
	left: 0;
	padding: 10px 12px;
	width: 89px;
	height: 80px;
	border: 1px solid #e7e7e7
}

.home-news .home-bottom ul li .text .date h3 {
	font-size: 23px;
	font-family: "ariblk";
	color: #656565
}

.home-news .home-bottom ul li .text .date p {
	color: #939393
}

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

.home-news .home-bottom ul li .text .jsh {
	line-height: 25px;
	height: 50px;
	overflow: hidden;
	color: #898989
}

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

.home-news .home-bottom ul li:hover .text .date {
	background: #008fd8;
	border: 1px solid #008fd8
}

.home-news .home-bottom ul li:hover .text .date h3 {
	color: #fff
}

.home-news .home-bottom ul li:hover .text .date p {
	color: #fff
}

.home-news .home-bottom ul li:hover .text .bt {
	color: #008fd8;
	text-decoration: underline
}

.home-partner {
	padding: 81px 0 79px 0;
	overflow: hidden;
	background: #f4f5f9
}

.home-partner .home-bottom {
	margin-top: 51px;
	position: relative;
	width: 1430px;
	padding: 0 75px;
	margin-left: -75px;
	height: 264px;
	overflow: hidden
}

.home-partner .home-bottom .slick-prev:before,.home-partner .home-bottom .slick-next:before {
	content: ''
}

.home-partner .home-bottom .slick-prev,.home-partner .home-bottom .slick-next {
	width: 61px;
	height: 30px;
	z-index: 7;
	overflow: hidden;
	margin-top: -15px
}

.home-partner .home-bottom .slick-prev {
	left: 0;
	background: #008fd8 url(../images/left1.png) no-repeat center center!important
}

.home-partner .home-bottom .slick-prev:hover {
	background-color: #f9b031!important
}

.home-partner .home-bottom .slick-next {
	right: 0;
	background: #008fd8 url(../images/more1h.png) no-repeat center center!important
}

.home-partner .home-bottom .slick-next:hover {
	background-color: #f9b031!important
}

.home-partner .home-bottom .item ul {
	margin: 0 -8px
}

.home-partner .home-bottom .item ul li {
	width: 20%;
	float: left;
	padding: 0 8px;
	margin-bottom: 16px
}

.home-partner .home-bottom .item ul li a {
	border: 1px solid #e9e9e9;
	overflow: hidden;
	display: block;
	background: #fff
}

.home-partner .home-bottom .item ul li a:hover {
	border-bottom: 1px solid #008fd8
}

.home-partner .home-bottom .item ul li a:hover .pic {
	border-bottom: 1px solid #008fd8
}

.home-partner .home-bottom .item ul li a:hover .pic img {
	transform: scale(1.05)
}

.home-partner .home-bottom .item ul li a:hover .pic .ph {
	display: block
}

.home-partner .home-bottom .item ul li a:hover .pic .p {
	display: none
}

.home-partner .home-bottom .item ul li .pic {
	border-bottom: 1px solid #fff
}

.home-partner .home-bottom .item ul li .pic img {
	transition: .5s
}

.home-partner .home-bottom .item ul li .pic .ph {
	display: none
}

.home-partner .home-bottom .item ul li .pic:after {
	padding-bottom: 46.9%
}

.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: 780px;
	height: 500px;
	background: #fff;
	left: 50%;
	top: 50%;
	margin: -250px 0 0 -390px;
	text-align: center;
	padding: 20px;
	display: none
}

.video-popup .box {
	background: #f1f1f1;
	height: 100%
}

.video-popup .close {
	display: block;
	width: 35px;
	height: 35px;
	position: absolute;
	right: -45px;
	top: 0;
	background: url(../images/close-icon.png) no-repeat
}

.footer {
	background: #1c1e2b
}

.footer .footer-top {
	padding: 38px 0 34px 0;
	overflow: hidden
}

.footer .footer-top ul {
	border-right: 1px solid #494b55;
	float: left;
	padding-top: 3px
}

.footer .footer-top ul li {
	float: left;
	width: 138px
}

.footer .footer-top ul li a {
	font-size: 16px;
	color: #fff;
	font-weight: bold;
	margin-bottom: 10px;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
	display: block
}

.footer .footer-top ul li a:hover {
	color: #fff;
	text-decoration: underline
}

.footer .footer-top ul li ul {
	border-right: 0;
	float: none
}

.footer .footer-top ul li ul li {
	float: none;
    padding-right:5px;
	width: 100%
}

.footer .footer-top ul li ul li a {
	color: #b0b0b0;
	font-weight: normal;
	line-height: 30px;
	margin-bottom: 0
}

.footer .footer-top ul li ul li a:hover {
	color: #fff;
	text-decoration: underline
}

.footer .footer-top .footer-contact {
	float: right;
	width: 225px;
	padding-top: 4px
}

.footer .footer-top .footer-contact a {
	display: block;
	width: 125px;
	height: 31px;
	line-height: 31px;
	color: #fff;
	background: #008ed7 url(../images/online.png) no-repeat 23px center;
	padding-left: 50px;
	margin-bottom: 19px;
	border-radius: 3px
}

.footer .footer-top .footer-contact a:hover {
	background: #fca91d url(../images/online.png) no-repeat 23px center
}

.footer .footer-top .footer-contact p {
	line-height: 30px;
	color: #b0b0b0
}

.footer .footer-top .footer-ewm {
	float: right;
	color: #b0b0b0;
	text-align: center;
	margin-left: 40px
}

.footer .footer-bottom {
	padding: 23px 0;
	overflow: hidden;
	color: #b0b0b0;
	border-top: 1px solid #494b55
}

.inbanner {
	overflow: hidden;
	width: 100%;
	height: 359px;
	position: relative
}

.inbanner .inbanner-slick {
	height: 359px;
	overflow: hidden;
	position: relative;
	width: 1920px;
	left: 50%;
	margin-left: -960px
}

.current {
	padding-top: 3px;
	overflow: hidden;
	background: #0d95da
}

.current ul {
	float: left
}

.current ul li {
	margin-right: 3px;
	float: left
}

.current ul li a {
	display: block;
	line-height: 50px;
	text-align: center;
	width: 192px;
	color: #fff;
	font-size: 16px;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden
}

.current ul li:hover a {
	background: #fff;
	color: #008fd8
}

.current ul .active a {
	background: #fff;
	color: #008fd8
}

.current span {
	float: right;
	background: url(../images/home.png) no-repeat 0 4px;
	padding-left: 26px;
	margin-top: 12px;
	color: #fff;
	margin-bottom: 10px
}

.current span a {
	color: #fff
}

.current span b {
	font-weight: normal;
	max-width: 200px;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
	display: inline-block;
	vertical-align: top
}

.content {
	background: url("../images/product.jpg") no-repeat top center
}

.product {
	padding: 85px 0 87px 0;
	overflow: hidden
}

.product .list {
	padding-top: 55px;
	overflow: hidden
}

.product ul {
	margin: 0 -16px
}

.product ul li {
	width: 33.333333333333336%;
	float: left;
	padding: 0 16px;
	text-align: center;
	margin-bottom: 31px
}

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

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

.product ul li .pic .hover {
	position: absolute;
	top: 0;
	transition: .5s;
	left: 0;
	width: 100%;
	height: 100%;
	display: none;
	background: rgba(0,141,213,0.5) url(../images/link.png) no-repeat center center;
	border: 2px solid #008fd8
}

.product ul li .text {
	border: 1px solid #dadada;
	background: #f6f6f6;
	padding-top: 20px;
	padding-bottom: 28px;
	overflow: hidden
}

.product ul li .text .bt {
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
	font-size: 18px;
	color: #555;
	margin-bottom: 22px
}

.product ul li .text .more {
	color: #fff;
	font-size: 12px;
	width: 118px;
	height: 28px;
	line-height: 28px;
	background: #008fd8;
	margin: 0 auto
}

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

.product ul li:hover .pic .hover {
	display: block
}

.product ul li:hover .text {
	background: #008fd8;
	border: 1px solid #008fd8
}

.product ul li:hover .text .bt {
	color: #fff
}

.product ul li:hover .text .more {
	background: #fff;
	color: #008fd8
}

.contact {
	padding: 85px 0 0 0;
	overflow: hidden
}

.contact .contact-info {
	padding-top: 31px
}

.contact .contact-info .jsh0 {
	text-align: center;
	font-size: 15px;
	color: #777;
	line-height: 30px;
	background: url("../images/c.png") no-repeat bottom center;
	padding-bottom: 75px;
	margin-bottom: 53px
}

.contact .contact-info .contactlist {
	overflow: hidden
}

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

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

.contact .contact-info .contactlist li .pic {
	height: 50px;
	margin-bottom: 25px
}

.contact .contact-info .contactlist li .bt {
	font-size: 20px;
	color: #666;
	margin-bottom: 34px
}

.contact .contact-info .contactlist li .jsh {
	font-size: 18px;
	color: #333;
	font-family: arial;
	min-height: 54px
}

.contact .contact-info .contactlist li .jsh1 {
	font-size: 22px;
	color: #333;
	font-family: arial;
	min-height: 54px
}

.contact .contact-info .contactlist li .jsh2 {
	font-size: 18px;
	color: #333;
	min-height: 54px
}

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

.contact .contact-info .contactlist li:last-child .box {
	border-right: 0
}

.contact .map {
	width: 100%
}

.contact #allmap {
	height: 451px;
	width: 100%
}

.contact #allmap img {
	max-width: initial;
	max-height: inherit
}

.contact #allmap .anchorBL {
	display: none
}

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

.product-show {
	padding: 65px 0 91px 0;
	overflow: hidden
}

.product-show .pro-title {
	font-size: 22px;
	font-weight: bold;
	color: #333;
	position: relative;
	padding-left: 16px;
	padding-bottom: 17px;
	border-bottom: 1px solid #ccc;
	margin-bottom: 47px
}

.product-show .pro-title:before {
	content: '';
	display: block;
	width: 3px;
	height: 20px;
	position: absolute;
	top: 0;
	left: 0;
	margin-top: 6px;
	background: #008fd8
}

.product-show .info {
	margin-bottom: 27px;
	overflow: hidden
}

.product-show .info .title {
	border-top: 1px solid #e1e1e1;
	border-bottom: 1px solid #e1e1e1;
	overflow: hidden;
	color: #a0a0a0;
	text-transform: uppercase;
	font-family: arial;
	line-height: 38px;
	margin-bottom: 24px
}

.product-show .info .title p {
	color: #fff;
	width: 125px;
	height: 38px;
	text-align: center;
	line-height: 38px;
	float: left;
	font-size: 16px;
	font-weight: bolder;
	margin-right: 18px;
	background: #008fd8
}

.product-show .info .jsh {
	font-size: 16px;
	line-height: 32px
}

.product-show .info .jsh ul li {
	position: relative;
	padding: 18px 10px 14px 210px;
	line-height: 44px;
	font-size: 16px
}

.product-show .info .jsh ul li span {
	background: url("../images/dot2.png") no-repeat center left;
	padding-left: 43px;
	position: absolute;
	top: 18px;
	left: 0;
	font-size: 18px;
	color: #333;
	margin-left: 24px
}

.product-show .info .jsh ul li:hover {
	color: #fff;
	background: #f9a81b!important
}

.product-show .info .jsh ul li:hover a {
	color: #fff
}

.product-show .info .jsh ul li:hover span {
	background: url("../images/dot2h.png") no-repeat center left;
	color: #fff
}

.product-show .info .jsh ul li:nth-child(2n) {
	background: #f4f5f9
}

.product-show .info .jsh1 {
	padding-top: 21px;
	overflow: hidden
}

.product-show .info .jsh1 ul {
	margin: 0 -6px
}

.product-show .info .jsh1 ul li {
	width: 33.333333333333336%;
	float: left;
	padding: 0 6px
}

.product-show .info .jsh1 ul li .box {
	position: relative;
	padding: 49px 14px 49px 46px;
	height: 182px;
	overflow: hidden;
	background: #f4f5f9
}

.product-show .info .jsh1 ul li .box .pic {
	width: 78px;
	height: 78px;
	border: 1px solid #0d95da;
	background: #0d95da;
	border-radius: 50%;
	position: absolute;
	top: 49px;
	left: 47px
}

.product-show .info .jsh1 ul li .box .text {
	padding-left: 103px;
	padding-top: 11px
}

.product-show .info .jsh1 ul li .box .text .bt {
	font-size: 16px;
	color: #333;
	margin-bottom: 2px
}

.product-show .info .jsh1 ul li .box .text .jsh {
	color: #999;
	font-size: 14px
}

.product-show .info .jsh1 ul li .box .span {
	font-size: 97px;
	color: #ebecf0;
	font-family: "ariblk";
	line-height: 100px;
	text-align: right
}

.product-show .info .jsh1 ul li .box:hover {
	background: #0d95da;
	cursor: pointer
}

.product-show .info .jsh1 ul li .box:hover .pic {
	background: #0d95da;
	border: 1px solid #fff
}

.product-show .info .jsh1 ul li .box:hover .text .bt {
	color: #fff
}

.product-show .info .jsh1 ul li .box:hover .text .jsh {
	color: #fff
}

.product-show .info .jsh1 ul li .box:hover .span {
	color: #359fdd
}

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

.news .list {
	margin-bottom: 69px
}

.news .list li {
	padding-top: 30px;
	padding-bottom: 39px;
	margin-bottom: 4px;
	position: relative
}

.news .list li:before,.news .list li:after {
	content: "";
	display: block;
	position: absolute;
	bottom: 0;
	left: 0;
	transition: all .5s
}

.news .list li:before {
	width: 100%;
	height: 1px;
	background: #e3e3e3
}

.news .list li:after {
	height: 2px;
	background: #2687e5;
	width: 0
}

.news .list .box {
	display: block;
	position: relative;
	min-height: 80px
}

.news .list .box:after {
	content: "";
	display: block;
	width: 15px;
	height: 15px;
	background-repeat: no-repeat;
	background-position: center center;
	background-image: url(../images/arrow-right-s.png);
	position: absolute;
	right: 15px;
	top: 0;
	bottom: 0;
	margin: auto
}

.news .list .date {
	display: inline-block;
	min-width: 90px;
	text-align: center;
	background: #f4f5f9;
	line-height: 1;
	padding: 21px 0;
	transition: all .5s;
	position: absolute;
	left: 28px;
	top: 0
}

.news .list .date .day {
	display: block;
	color: #656565;
	font-size: 23px;
	margin-bottom: 7px;
	font-family: "ariblk"
}

.news .list .date .year {
	font-size: 14px;
	color: #656565
}

.news .list .text {
	position: relative;
	padding-left: 150px;
	padding-right: 88px
}

.news .list .title {
	color: #333;
	font-weight: 700;
	font-size: 18px;
	height: 30px;
	line-height: 30px;
	margin-bottom: 11px
}

.news .list .info {
	color: #666;
	font-size: 14px;
	line-height: 22px;
	max-height: 44px;
	overflow: hidden;
	margin-top: 3px
}

.news .list .hot {
	padding-bottom: 50px;
	clear: both
}

.news .list .hot:after {
	display: none
}

.news .list .hot .box {
	min-height: 209px;
	background: #fff;
	box-shadow: 0 0 79px 0 rgba(0,0,0,0.1);
	padding-left: 273px
}

.news .list .hot .box:after {
	display: none
}

.news .list .hot .pic {
	width: 232px;
	height: 143px;
	float: left;
	overflow: hidden;
	position: absolute;
	top: 33px;
	left: 30px
}

.news .list .hot .pic img {
	transition: all .5s
}

.news .list .hot .title {
	margin-bottom: 10px
}

.news .list .hot .date {
	left: 32px;
	top: 64px
}

.news .list .hot .text {
	position: relative;
	padding-left: 155px;
	padding-right: 67px;
	height: 209px
}

.news .list .hot .txt {
	padding-top: 64px
}

.news .list .hot .info {
	max-height: 44px
}

.news .list .hot .more {
	position: absolute;
	right: 0;
	bottom: 0
}

.news .list .hot .more span {
	background: #008fd8;
	color: #fff;
	display: inline-block;
	min-width: 121px;
	line-height: 36px;
	text-align: center;
	font-size: 12px;
	padding: 0 5px;
	transition: all .5s;
	position: relative
}

.news .list .hot .more span:after {
	content: "";
	display: inline-block;
	width: 16px;
	height: 5px;
	background-repeat: no-repeat;
	background-position: center center;
	background-image: url(../images/arrow-right-2-s.png);
	vertical-align: middle;
	margin-top: -3px;
	margin-left: 10px
}

.news .list li:hover .date {
	background: #008fd8
}

.news .list li:hover .date .day {
	color: #fff
}

.news .list li:hover .date .year {
	color: #fff
}

.news .list li:hover:after {
	width: 100%
}

.news .list li:hover img {
	transform: scale(1.05)
}

.news .list li:hover .more span {
	min-width: 160px
}

.news-show {
	padding: 77px 0 72px 0;
	overflow: hidden
}

.news-show .h1 {
	text-align: center;
	font-size: 30px;
	color: #000;
	margin-bottom: 24px
}

.news-show .h2 {
	font-size: 15px;
	text-align: center;
	padding: 10px 0;
	background: #f4f5f9
}

.news-show .h2 span {
	padding: 0 11px
}

.news-show .info {
	font-size: 15px;
	color: #666;
	line-height: 28px;
	padding: 34px 0
}

.list-page-news {
	overflow: hidden;
	margin: 3px -4px 53px -4px
}

.list-page-news li {
	width: 50%;
	float: left;
	text-align: left;
	padding: 0 4px
}

.list-page-news li p {
	height: 44px;
	line-height: 42px;
	overflow: hidden;
	padding: 0 25px;
	text-overflow: ellipsis;
	white-space: nowrap;
	max-width: 100%;
	font-size: 16px;
	font-weight: bold;
	color: #000;
	transition: .5s;
	border: 1px solid #e3e3e3
}

.list-page-news li p a {
	color: #676767;
	transition: .5s;
	font-weight: normal
}

.list-page-news li p:hover {
	border: 1px solid #008fd8;
	background: #008fd8;
	color: #fff
}

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

.return {
	text-align: center;
	height: 34px;
	font-size: 16px;
	background: #efeff0;
	margin-bottom: 53px
}

.return a {
	color: #fff;
	display: block;
	width: 106px;
	height: 34px;
	line-height: 34px;
	text-align: center;
	margin: 0 auto;
	background: #008fd8
}

.return a:hover {
	background: #fca91d
}

.re {
	overflow: hidden
}

.re .title {
	font-size: 20px;
	color: #fff;
	background: url("../images/re.png") no-repeat 2px 2px;
	border: 1px solid #e3e3e3;
	padding: 2px 2px 2px 33px;
	line-height: 40px;
	margin-bottom: 22px
}

.re .list li {
	margin-bottom: 2px
}

.re .list li a {
	display: block;
	line-height: 28px;
	position: relative;
	padding-right: 100px;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
	font-size: 15px
}

.re .list li a span {
	display: block;
	position: absolute;
	top: 0;
	right: 0
}

.re .list li a:hover {
	color: #008fd8
}

.about1 {
	padding: 84px 0 72px 0;
	overflow: hidden
}

.about1 .about-info {
	padding-top: 51px;
	overflow: hidden;
	position: relative;
	margin-bottom: 13px
}

.about1 .about-info .info {
	font-size: 25px;
	color: #008fd8;
	position: absolute;
	bottom: 10px;
	left: 0;
	background: #fff
}

.about1 .about-info .title {
	font-family: "CA InfoTypeOPTU-RegularCon";
	font-size: 87px;
	text-transform: uppercase;
	letter-spacing: -4px;
	color: #e8e8e8;
	line-height: 80px
}

.about1 .about-info .title span {
	font-size: 62px;
	font-family: "DINPro-Regular"
}

.about1 .about-jsh {
	font-size: 15px;
	line-height: 28px
}

.about2 {
	padding: 97px 0 77px 0;
	overflow: hidden;
	background-size: cover;
	background-attachment: fixed;
	background-position: center center;
	background-image: url(../images/about2.jpg)
}

.about2 ul {
	text-align: center
}

.about2 ul li {
	display: inline-block;
	text-align: center;
	width: 261px;
	margin: 0 18px;
	vertical-align: top
}

.about2 ul li .about2-top {
	height: 216px;
	margin-bottom: 16px;
	background: url("../images/bg.png") no-repeat center center;
	transition: .5s
}

.about2 ul li .pic1 {
	height: 140px;
	margin: 0 auto;
	transition: .5s;
	position: relative;
	width: 187px
}

.about2 ul li .pic1 .h {
	display: none
}

.about2 ul li h3 {
	font-size: 18px;
	color: #fff;
	font-weight: normal;
	line-height: 66px
}

.about2 ul li p {
	line-height: 28px;
	color: #fff;
	font-size: 16px;
	padding: 0 10px
}

.about2 ul li:hover .about2-top {
	background: url("../images/bgh.png") no-repeat center center
}

.about2 ul li:hover h3 {
	color: #666
}

.about2 ul li:hover .pic1 {
	transform: rotateY(-180deg)
}

.about2 ul li:hover .pic1 .h {
	display: block
}

.about2 ul li:hover .pic1 .i {
	display: none
}

.price {
	padding: 85px 0 0 0;
	overflow: hidden
}

.price .price-bottom {
	padding: 46px 0 91px 0;
	overflow: hidden;
	margin-top: 46px;
	background: #f4f5f9
}

.price .price-bottom ul {
	margin: 0 -9px 31px -9px;
	overflow: hidden
}

.price .price-bottom ul li {
	width: 50%;
	float: left;
	padding: 0 9px;
	margin-bottom: 26px;
	position: relative
}

.price .price-bottom ul li span {
	display: block;
	font-size: 15px;
	color: #333;
	margin-bottom: 16px
}

.price .price-bottom ul li span font {
	color: #f9a81b;
	font-size: 14px;
	margin-right: 20px
}

.price .price-bottom ul li input,.price .price-bottom ul li textarea,.price .price-bottom ul li select {
	background: #fff;
	border: 1px solid #e7e7e7;
	height: 45px;
	padding: 0 25px;
	width: 100%;
	outline: 0
}

.price .price-bottom ul li input::-webkit-input-placeholder,.price .price-bottom ul li textarea::-webkit-input-placeholder,.price .price-bottom ul li select::-webkit-input-placeholder {
	color: #bfbfbf
}

.price .price-bottom ul li input:-moz-placeholder,.price .price-bottom ul li textarea:-moz-placeholder,.price .price-bottom ul li select:-moz-placeholder {
	color: #bfbfbf;
	opacity: 1
}

.price .price-bottom ul li input::-moz-placeholder,.price .price-bottom ul li textarea::-moz-placeholder,.price .price-bottom ul li select::-moz-placeholder {
	color: #bfbfbf;
	opacity: 1
}

.price .price-bottom ul li input:-ms-input-placeholder,.price .price-bottom ul li textarea:-ms-input-placeholder,.price .price-bottom ul li select:-ms-input-placeholder {
	color: #bfbfbf
}

.price .price-bottom ul li input:focus,.price .price-bottom ul li textarea:focus,.price .price-bottom ul li select:focus {
	border: 1px solid #008fd8
}

.price .price-bottom ul li .t1 {
	background: #fff url("../images/t1.png") no-repeat 97% center
}

.price .price-bottom ul li .t2 {
	background: #fff url("../images/t2.png") no-repeat 97% center
}

.price .price-bottom ul li .t3 {
	background: #fff url("../images/t3.png") no-repeat 97% center
}

.price .price-bottom ul li .t4 {
	background: #fff url("../images/t4.png") no-repeat 97% center
}

.price .price-bottom ul li .t5 {
	background: #fff url("../images/t5.png") no-repeat 97% center
}

.price .price-bottom ul li .t6 {
	background: #fff url("../images/t6.png") no-repeat 97% center
}

.price .price-bottom .submit {
	overflow: hidden;
	text-align: center
}

.price .price-bottom .submit input {
	background: #008fd8;
	border: 0;
	height: 43px;
	line-height: 43px;
	padding: 0 25px;
	width: 234px;
	outline: 0;
	margin: 0 auto;
	font-size: 16px;
	color: #fff
}

.price .price-bottom .submit input:hover {
	background: #fca91d
}

.price .text {
	position: relative
}

.price .popup {
	position: absolute;
	z-index: 999;
	width: 100%;
	background: #fff;
	border-radius: 3px;
	left: 0;
	top: 83px;
	text-align: center;
	display: block;
	height: 0;
	overflow: hidden;
	transition: .5s
}

.price .popup .box {
	height: 100%;
	margin: 24px
}

.price .popup .outBox .hd {
	position: relative;
	margin-bottom: 15px
}

.price .popup .outBox .hd ul {
	padding-left: 1px
}

.price .popup .outBox .hd ul li {
	float: left;
	padding: 0 15px;
	cursor: pointer;
	width: 125px;
	height: 43px;
	line-height: 43px;
	font-size: 16px;
	border: 1px solid #e7e7e7;
	margin-left: -1px;
	margin-bottom: 0
}

.price .popup .outBox .hd ul li.on {
	background: #008fd8;
	color: #fff
}

.price .popup .inBox .inHd {
	height: 32px;
	border-bottom: 2px solid #e7e7e7
}

.price .popup .inBox .inHd dl {
	zoom: 1
}

.price .popup .inBox .inHd dl dt {
	width: 76px;
	text-align: center;
	float: left;
	font-size: 16px;
	color: #545b60;
	cursor: pointer;
	position: relative;
	height: 30px;
	margin-right: 5px
}

.price .popup .inBox .inHd dl dt.on {
	color: #008fd8
}

.price .popup .inBox .inHd dl dt.on:after {
	content: '';
	display: block;
	width: 100%;
	height: 2px;
	background: #008fd8;
	position: absolute;
	bottom: -2px;
	z-index: 6
}

.price .popup .inBox .inBd dl {
	padding: 14px 0;
	zoom: 1;
	overflow: hidden
}

.price .popup .inBox .inBd dt {
	height: 28px;
	line-height: 28px;
	overflow: hidden;
	zoom: 1;
	min-width: 48px;
	padding: 0 5px;
	float: left;
	margin-right: 5px;
	margin-bottom: 5px;
	text-align: center;
	background: #f0f4f6;
	border-radius: 3px;
	cursor: pointer
}

.price .popup .inBox .inBd dt:hover {
	color: #fff;
	background: #008fd8
}

.price .popup .close {
	display: block;
	width: 25px;
	height: 26px;
	position: absolute;
	right: 20px;
	top: 0;
	background: url(../images/cha.png) no-repeat
}

.price .pophover {
	height: auto;
	min-height: 311px
}

.label_box>label {
	display: block;
	float: left;
	position: relative;
	overflow: hidden;
	width: 50%
}

.label_box>label>input {
	position: absolute;
	top: 0;
	left: -20px;
	cursor: pointer
}

.label_box>label>div {
	width: 100%;
	text-align: center;
	border: #ddd solid 1px;
	height: 45px;
	line-height: 43px;
	font-size: 15px;
	color: #008fd8;
	user-select: none;
	overflow: hidden;
	position: relative;
	background: #fff;
	cursor: pointer
}

.label_box>label>input:checked+div {
	border: #008fd8 solid 1px;
	color: #fff;
	background: #008fd8
}

@media (max-width:1800px) {
	.header .container {
		width: 1600px
	}
}

@media (max-width:1620px) {
	.header .container {
		width: 1440px
	}
}

@media (max-width:1460px) {
	.header .container {
		width: 1360px
	}

	.header .header-right .menu ul li {
		margin-left: 26px
	}

	.header .header-right .header-search {
		margin-left: 27px
	}

	.home-partner .home-bottom {
		width: 1280px;
		margin-left: 0;
		height: 236px
	}
}

@media (max-width:1460px) {
	.header .container {
		width: 1280px
	}

	.header .header-right .menu ul li {
		margin-left: 20px
	}

	.header .header-right .header-search {
		margin-left: 20px
	}

	.header .header-right .phone {
		padding-left: 36px;
		font-size: 22px;
		margin-left: 20px
	}
}

@media (max-width:1280px) {
	.header .container {
		width: 1260px
	}

	.home-product .home-bottom .item .text {
		width: 567px
	}

	.home-partner .home-bottom {
		width: 100%;
		height: 228px
	}
}