@charset "gb2312";

/* CSS Document */

@charset "utf-8";

body {

	margin: 0px;

	font-size: 12px;

	color: #3d2f1b;

	font-family: "΢���ź�"

}

* {

	padding: 0px;

	margin: 0px;

}

body, ul, ol, dl, dd, h1, h2, h3, h4, h5, h6, p, form, fieldset, legend, input, textarea, select, button, th, td {

	margin: 0;

	padding: 0;

}

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

	font-size: 12px;

	list-style: none;

}

input, select {

	font: 100% Helvetica, Tahoma, Arial, "Microsoft YaHei", "΢���ź�", SimSun, "����", STXihei, "����ϸ��", Heiti, "����", sans-serif;

}

button {

	overflow: visible

}

img {

	border: none;

}

a {

	color: #3d2f1b;

	text-decoration: none;

}

a:hover {

	color: #3078eb;

	text-decoration: none;

}

input, select, button {

	font: 12px Verdana, Arial, Tahoma;

	vertical-align: middle;

}

.clear {

	overflow: hidden;

	clear: both;

	height: 0px;

}

li {

	list-style: none;

}

.lf {

	float: left;

}

.rt {

	float: right;

}

.logo {

	float: left;

	width: 190px;

	margin: 10px 0

}

.logo img {

	height: 60px;

	width: auto

}

.tel {

	float: right;

	color: #136af5;

	font-size: 18px;

	font-weight: bold;

	line-height: 80px

}

.tel i {

	color: #aeaeae;

	font-size: 25px;

	line-height: 80px

}

.search {

	float: right;

	width: 60px;

	height: 18px;

	border-left: #b2b2b2 1px solid;

	margin-top: 30px;

	margin-left: 20px

}

#toggle-search {

	width: 60px;

	height: 60px;

	position: relative;

	font-size: 20px;

	color: #aeaeae;

	text-align: center

}

#toggle-search:before {

	content: "\f002";

	font-family: 'FontAwesome';

}

#toggle-search.open:before {

	content: "\f00d";

	font-family: 'FontAwesome';

}

#search-form {

	-moz-transition: max-height, 0.5s;

	-o-transition: max-height, 0.5s;

	-webkit-transition: max-height, 0.5s;

	transition: max-height, 0.5s;

	position: absolute;

	top: 80px;

	left: 0;

	width: 100%;

	max-height: 0;

	overflow: hidden;

	background-color: #f1f1f1;

	z-index: 99;

	text-align: center;

}

.juzhong {

	width: 96%;

	margin: 0 auto;

	max-width: 600px;

}

#search-form.open {

	max-height: 60px;

	padding: 10px 0

}

#search-form fieldset {

	position: relative;

	margin: 0 0;

	padding: 0;

	border: none;

	float: left;

	width: calc(100% - 65px);

}

#search-form input {

	-moz-box-sizing: border-box;

	-webkit-box-sizing: border-box;

	box-sizing: border-box;

	display: block;

	height: 40px;

}

#search-form input[type="search"] {

	width: 100%;

	background: transparent;

	border: none;

	background: #fff;

	border: #f1f1f1 1px solid;

	padding: 0 10px;

	box-sizing: border-box

}

#search-form input[type="submit"] {

	bottom: 0;

	right: 0;

	width: 60px;

	margin: 0;

	padding: 0;

	font-weight: 700;

	float: right;

	text-transform: uppercase;

	color: #fff;

	background: #136af5;

	border: none;

	cursor: pointer;

}

.fenge {

	height: 60px;

	overflow: hidden;

	display: none

}

 @media only screen and (max-width:992px) {

.logo {

	float: left;

	width: auto;

	margin: 10px 0

}

.logo img {

	height: 40px;

	width: auto

}

.fenge {

	display: block;

}

.search {

	float: right;

	width: 60px;

	height: 18px;

	border-left: #b2b2b2 0px solid;

	margin-top: 15px;

	margin-left: 0px;

	margin-right: 40px

}

#search-form {

	top: 60px;

}

}

/*   banner  */

#banner{width:100%; position: relative; margin:0 auto; overflow-x: hidden; border-bottom:1px solid #dedede;}

#banner .main_pic{width:100%; overflow:hidden; position: relative;}

#banner .main_pic .bannerPage{transition: all 0.3s 0s; opacity: 0; filter:alpha(opacity=0); position:absolute; left:0; z-index: 1; width: 100%; background-size: cover; background-position:center bottom; background-repeat: no-repeat; }

#banner .main_pic em{display:block; width: 100%; font-style:normal}

#banner .main_pic .moveBox{display:table; text-align:center; margin:0 auto; height:100%; *margin-top:15%; color:#fff }

#banner .main_pic .moveBox span{display:table-cell; vertical-align: middle; width: 100%;}

#banner .main_pic .moveBox h5{

    font-size:38px; font-weight:200; opacity:0; filter:alpha(opacity=0); letter-spacing: 3px;

    transition: all 0.3s 0s; -moz-transition: all 0.5s 0s; /* Firefox 4 */  -webkit-transition: all 0.5s 0s; /* Safari �� Chrome */  -o-transition: all 0.5s 0s; /* Opera */

    transform:translate(0,50px);

    -webkit-transform:translate(0,50px);

    -moz-transform:translate(0,50px);  -o-transform:translate(0,50px);  -ms-transform:translate(0,50px);  font-family: 'Microsoft YaHei', 'PingFang SC';font-weight:bold; margin-bottom:15px  }

#banner .main_pic .moveBox h1{  font-size:28px; font-weight:100;  letter-spacing:5px;  opacity:0; filter:alpha(opacity=0);  transition: all 0.3s 0.3s; -moz-transition: all 0.5s 0.3s; /* Firefox 4 */  -webkit-transition: all 0.5s 0.3s; /* Safari �� Chrome */  -o-transition: all 0.5s 0.3s; /* Opera */  transform:translate(0,50px);  -webkit-transform:translate(0,50px);  -moz-transform:translate(0,50px);  -o-transform:translate(0,50px);  -ms-transform:translate(0,50px);  font-family: 'Microsoft YaHei', 'PingFang SC';  }

#banner .main_pic .moveBox a{  position: relative;  display: inline-block;  margin-top:60px; padding:0; opacity:0; filter:alpha(opacity=0); transition: all 0.5s 0.5s; -moz-transition: all 0.5s 0.5s; /* Firefox 4 */  -webkit-transition: all 0.5s 0.5s; /* Safari �� Chrome */  -o-transition: all 0.5s 0.5s; /* Opera */  transform:translate(0,50px);  -webkit-transform:translate(0,50px);  -moz-transform:translate(0,50px);  -o-transform:translate(0,50px);  -ms-transform:translate(0,50px);  font-family: 'Microsoft YaHei', 'PingFang SC';  }

#banner .main_pic .moveBox a b{ display:block; text-align:center; margin:0 auto;font-size:14px; width:130px;  background:#136af5; line-height:35px; color:#fff; font-weight:100; font-family: 'Microsoft YaHei', 'PingFang SC'; *font:14px/1.5 Arial, Helvetica, sans-serif;}







#banner .main_pic .active{z-index:2; opacity:1; filter:alpha(opacity=100);}

#banner .main_pic .active span em h5{opacity:1; filter:alpha(opacity=100);

    transform:translate(0,0px);

    -webkit-transform:translate(0,0px);

    -moz-transform:translate(0,0px);

    -o-transform:translate(0,0px);

    -ms-transform:translate(0,0px);

}

#banner .main_pic .active span em h1{opacity:1; filter:alpha(opacity=100);  transform:translate(0,0px);  -webkit-transform:translate(0,0px);  -moz-transform:translate(0,0px);  -o-transform:translate(0,0px);  -ms-transform:translate(0,0px);  }





#banner .main_pic .active span em a{  opacity:1; filter:alpha(opacity=100);  transform:translate(0,0px);  -webkit-transform:translate(0,0px);  -moz-transform:translate(0,0px);  -o-transform:translate(0,0px);  -ms-transform:translate(0,0px); display:block; margin:0 auto; margin-top:30px }

#banner .main_pic ul li a img{display: none;}

#banner .main_point{position: absolute; left:0; bottom:40px; width: 100%; z-index: 10;}

#banner .main_point ul{text-align: center; *width:350px; *margin:0 auto;}

#banner .main_point ul li{*float:left; position:relative; cursor:pointer; vertical-align:middle; display:inline-block; width:60px; height:20px; margin:0 5px; text-align: center;}

#banner .main_point ul li i{display:block; transition: all 0.3s 0s; width:100%; height:2px; position: absolute; left:0; bottom:0; z-index: 10;}

#banner .main_point ul li b{display:block; width:0; opacity: 0.3; filter:alpha(opacity=0.2); position: absolute; left:0; bottom:0; height:2px; z-index: 20;}

#banner .main_point ul li:hover b{height:4px; opacity: 0.6; filter:alpha(opacity=50);}

#banner .main_point ul li:hover i{height:4px;}

#banner .main_point ul .active i{height:4px; }

#banner .main_point ul .active b{height:4px; opacity:1; filter:alpha(opacity=100); width: 100%;  transition: width 6s 0s ease-out;  }



#banner .main_point .whitePoint li b{background:#ff9c00; }

#banner .main_point .whitePoint li i{background:#fff; }





 @media only screen and (max-width:992px) {



#banner{ height:240px;}

#banner .main_pic .bannerPage{ height:240px }

#banner .main_pic .moveBox{ height:80%; top:10%; *margin-top:0%; color:#fff }

#banner .main_pic .moveBox span{display:table-cell; vertical-align: top; width: 100%;}



#banner .main_pic .moveBox h5{

    font-size:20px; margin-bottom:10px; }

#banner .main_pic .moveBox h1{  font-size:16px; }

#banner .main_pic .moveBox a{  margin-top:15px;   }

#banner .main_pic .moveBox a b{ font-size:12px; width:100px;  line-height:25px; }



#banner .main_point{position: absolute; left:0; bottom:10px; width: 100%; z-index: 10;}

#banner .main_point ul li{ width:20px; height:20px; margin:0 5px; text-align: center;}

}







.cpfl {

	border-bottom: #dedede 1px solid;

	overflow: hidden

}

.cpfl ul li {

	width: 20%;

	border-right: #dedede 1px solid;

	float: left;

	box-sizing: border-box;

	text-align: center;

	padding: 50px 20px;

	box-sizing: border-box;

	transition: all 0.6s

}

.cpfl ul li:hover {

	background: #3078eb;

	transition: all 0.6s

}

.cpfl ul li i {

	display: block;

	width: 60%;

	height: auto;

	max-width: 140px;

	margin: 0 auto;

	background: #fff;

	border-radius: 100px;

	box-sizing: border-box

}

.cpfl ul li i img {

	width: 100%;

	height: auto;

	padding: 15px;

	box-sizing: border-box

}

.cpfl ul li:last-child {

	border-right: 0

}

.cpfl ul li img {

	filter: gray;

	-webkit-filter: grayscale(1);

	opacity: 0.5;

	transition: all 0.6s

}

.cpfl ul li:hover img {

	FILTER: none;

	-webkit-filter: grayscale(0);

	opacity: 1;

	transition: all 0.6s

}

.cpfl ul li h3 {

	display: block;

	font-size: 20px;

	color: #595959;

	font-weight: normal;

	line-height: 50px

}

.cpfl ul li p {

	display: block;

	font-size: 14px;

	text-overflow: ellipsis;

	overflow: hidden;

	white-space: nowrap;

	color: #888

}

.cpfl ul li:hover h3 {

	color: #fff

}

.cpfl ul li:hover p {

	color: #fff

}

 @media only screen and (max-width:992px) {

.cpfl {

	font-size: 0;

	border: 0;

	text-align: center

}

.cpfl ul li {

	width: 33.3333333333%;

	border-right: #dedede 0px solid;

	float: none;

	display: inline-block;

	box-sizing: border-box;

	text-align: center;

	padding: 10px;

	box-sizing: border-box;

	transition: all 0.6s

}

.cpfl ul li i {

	display: block;

	width: 50%;

}

.cpfl ul li i img {

	width: 100%;

	height: auto;

	padding: 5px;

	box-sizing: border-box

}

.cpfl ul li h3 {

	display: block;

	font-size: 16px;

	color: #595959;

	font-weight: normal;

	line-height: 30px

}

.cpfl ul li p {

	display: none;

}

}

.hui {

	background: #f5f5f5;

	padding: 50px 0;

	overflow: hidden

}

.bt1 {

	text-align: center;

	margin-bottom: 40px

}

.bt1 h3 {

	display: block;

	color: #000000;

	font-size: 35px;

	font-weight: normal

}

.bt1 p {

	color: #898989;

	font-size: 16px;

	padding-top: 10px

}

.cpcp {

	width: 96%;

	max-width: 1200px;

	margin: 0 auto;

}

.cpcp ul {

	position: relative;

	margin: 0 -15px;

}

.cpcp ul li {

	float: left;

	width: 33.333333333333333%;

	padding: 15px;

	box-sizing: border-box;

}

.cpcp ul li div {

	background: #fff;

	padding-bottom: 15px;

	transition: all 0.6s

}

.cpcp ul li div i {

	display: block;

	width: 100%;

	height: auto

}

.cpcp ul li div i img {

	width: 100%;

	height: auto;

	transition: all 0.6s

}

.cpcp ul li:hover div {

	box-shadow: 0px 0px 10px rgba(0,0,0,0.15);

	transition: all 0.6s

}

.cpcp ul li:hover div i img {

	transform: scale(1.1, 1.1);

	transition: all 0.6s

}

.cpcp ul li:hover a div p {

	color: #3078eb

}

.cpcp ul li div p {

	display: block;

	width: 90%;

	margin: 0 auto;

	font-size: 16px;

	line-height: 30px;

	position: relative;

}

.cpcp ul li div p i {

	position: absolute;

	width: 25px;

	right: 0;

	top: 0;

	line-height: 25px;

	font-size: 20px;

	text-align: center;

	border-radius: 20px;

	background: #3078eb;

	color: #fff

}

.more {

	text-align: center;

	margin-top: 30px

}

.fishto-btn {

	display: inline-block;

	font-size: 40px;

	line-height: .8;

	color: #fff;

	position: relative;

	z-index: 1;

	text-align: center;

	text-transform: capitalize;

	font-weight: 100;

	background: #626262;

	padding: 18px 60px;

	z-index: 1;

	cursor: pointer;

	border: none;

	outline: none;

	-webkit-transition: all 0.4s;

	transition: all 0.4s;

}

.fishto-btn:hover {

	color: #fff;

}

.fishto-btn::before {

	content: '';

	position: absolute;

	left: auto;

	right: 0;

	bottom: 0;

	height: 100%;

	width: 0;

	z-index: -1;

	transition: width .3s cubic-bezier(.25, .8, .25, 1) 0s;

	-moz-transition: width .3s cubic-bezier(.25, .8, .25, 1) 0s;

	-webkit-transition: width .3s cubic-bezier(.25, .8, .25, 1) 0s;

	background: #3078eb;

}

.fishto-btn:hover::before {

	width: 100%;

	left: 0;

	right: auto;

}

 @media only screen and (max-width:992px) {

.hui {

	background: #f5f5f5;

	padding: 20px 0;

	overflow: hidden

}

.bt1 {

	text-align: center;

	margin-bottom: 20px

}

.bt1 h3 {

	display: block;

	color: #000000;

	font-size: 23px;

	font-weight: normal

}

.bt1 p {

	color: #898989;

	font-size: 12px;

	padding-top: 10px

}

.cpcp ul {

	margin: 0

}

.cpcp ul li {

	float: left;

	width: 47%;

	margin-left: 2%;

	margin-bottom: 2%;

	padding: 0px;

	box-sizing: border-box;

}

.cpcp ul li div {

	background: #fff;

	padding-bottom: 10px;

	transition: all 0.6s

}

.more {

	text-align: center;

	margin-top: 15px

}

.fishto-btn {

	padding: 8px 30px;

}

.cpcp ul li div p {

	display: block;

	width: 90%;

	margin: 0 auto;

	font-size: 14px;

	line-height: 30px;

	position: relative;

}

.cpcp ul li div p i {

	position: absolute;

	width: 20px;

	right: 0;

	top: 0;

	line-height: 20px;

	font-size: 14px;

	text-align: center;

	border-radius: 20px;

	background: #3078eb;

	color: #fff

}

}

.hui2 {

	overflow: hidden

}

.guanyu {

	width: 96%;

	margin: 70px auto;

	max-width: 1200px;

	text-align: center

}

.guanyu h3 {

	display: block;

	color: #fff;

	font-size: 30px

}

.guanyu p {

	display: block;

	color: #fff;

	font-size: 14px;

	line-height: 30px;

	margin: 30px 0;

	display: -webkit-box;

	-webkit-box-orient: vertical;

	-webkit-line-clamp: 3;

	overflow: hidden

}

.guanyu .fishto-btn {

	background: none;

	border: #fff 1px solid

}

.jjfs {

	width: 96%;

	margin: 50px auto;

	max-width: 1200px;

	position: relative

}

.ff1 {

	width: 100%;

	padding: 0 30px;

	box-sizing: border-box;

	position: relative

}

.fangan {

	width: 100%;

	height: auto;

}

.fangan .swiper-slide {

	width: 100%;

	position: relative;

	background: #000

}

.jjfs .swiper-button-next {

	width: 48px;

	height: 48px;

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

	right: 0px;

	background-size: 48px 48px;

	-webkit-background-size: 48px 48px;

	-moz-background-size: 48px 48px;

	-ms-background-size: 48px 48px;

	-o-background-size: 48px 48px;

}

.jjfs .swiper-button-prev {

	width: 48px;

	height: 48px;

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

	left: 0px;

	background-size: 48px 48px;

	-webkit-background-size: 48px 48px;

	-moz-background-size: 48px 48px;

	-ms-background-size: 48px 48px;

	-o-background-size: 48px 48px;

}

.fangan .swiper-slide img {

	width: 100%;

	height: auto;

	opacity: 0.5;

	padding: 0;

	margin: 0

}

.fangan .swiper-slide .alfd {

	position: absolute;

	top: 50%;

	text-align: center;

	width: 90%;

	left: 5%;

	transform: translateY(-50%);

	z-index: 99

}

.fangan .swiper-slide .alfd i {

	display: block;

	width: 50%;

	height: auto;

	margin: 0 auto;

	text-align: center

}

.fangan .swiper-slide .alfd i img {

	width: 100%;

	height: auto;

	max-width: 80px;

	opacity: 1

}

.fangan .swiper-slide h3 {

	display: block;

	font-size: 23px;

	padding: 20px 0;

	color: #fff;

	font-weight: normal;

}

.fangan .swiper-slide span {

	display: block;

	height: 0;

	margin: 0 auto;

	border: #fff 1px solid;

	width: 140px;

	line-height: 30px;

	text-align: center;

	color: #fff;

	opacity: 0;

	transition: all 0.6s

}

.fangan .swiper-slide:hover span {

	opacity: 1;

	height: 30px;

	transition: all 0.6s

}

.fangan .swiper-slide:hover {

	background: #3078eb

}

.kehu {

	width: 96%;

	height: auto;

	margin-left: auto;

	margin-right: auto;

	max-width: 1200px;

	margin: 0 auto;

	padding-bottom: 50px

}

.kehu .swiper-slide {

	text-align: center;

	background: #fff;

	/* Center slide text vertically */

	display: -webkit-box;

	display: -ms-flexbox;

	display: -webkit-flex;

	display: flex;

	-webkit-box-pack: center;

	-ms-flex-pack: center;

	-webkit-justify-content: center;

	justify-content: center;

	-webkit-box-align: center;

	-ms-flex-align: center;

	-webkit-align-items: center;

	align-items: center;

}

.kehu .swiper-slide i {

	height: 96px;

	width: 100%;

	text-align: center

}

.kehu .swiper-slide i img {

	height: 80px;

	width: auto;

	margin-top: 8px;

	max-width: 100%

}

.kehu .swiper-slide a {

	display: block;

}

.kehu .swiper-slide:hover {

	box-shadow: 0px 0px 10px rgba(195,195,195,0.25);

}

 @media only screen and (max-width:992px) {

.guanyu {

	margin: 30px auto;

}

.guanyu h3 {

	display: block;

	color: #fff;

	font-size: 20px

}

.guanyu p {

	display: block;

	color: #fff;

	font-size: 12px;

	line-height: 23px;

	margin: 15px 0;

	display: -webkit-box;

	-webkit-box-orient: vertical;

	-webkit-line-clamp: 3;

	overflow: hidden

}

.kehu .swiper-slide i {

	height: 70px;

	width: 100%;

	text-align: center

}

.kehu .swiper-slide i img {

	height: 54px;

	width: auto;

	margin-top: 8px;

	max-width: 100%

}

}

 @media only screen and (max-width:600px) {

.kehu .swiper-slide i {

	height: 60px;

	width: 100%;

	text-align: center

}

.kehu .swiper-slide i img {

	height: 44px;

	width: auto;

	margin-top: 8px;

	max-width: 100%

}

}

/*�ײ�*/



.footer {

	width: 100%;

	background-color: #2d2e32;

	color: #dddddd;

	padding: 30px 0px 0px 0px;

	font-size: 14px;

}

.footer  a{color: #A6A6A6;}



.footer .foot1 {

	width: 96%;

	max-width: 1200px;

	margin: 0 auto

}

.index_link {

	border-bottom: #424347 1px solid;

	padding-bottom: 15px;

}

.index_link .title {

	font-size: 16px;

	color: #fff;

	position: relative;

	float: left;

	font-weight: bold

}

.index_link a {

	display: inline-block;

	color: #A6A6A6;

	font-size: 14px;

	padding-left: 15px;

}

.index_link a:hover {

	color: #fff;

}

.footer .foot2 {

	width: 96%;

	max-width: 1200px;

	margin: 30px auto

}

.dlink {

	float: left;

	width: auto

}

.dlink ul li {

	float: left;

	width: auto;

	margin-right: 90px

}

.dlink h3 {

	margin-bottom: 10px;

	font-size: 16px;

	font-weight: bold;

	border-bottom: none;

	padding-left: 0;

	cursor: default;

	color: #fff;

}

.dlink p {

	padding: 0;

	font-size: 14px;

	line-height: 30px;

}

.dlink p a {

	display: block;

	color: #A6A6A6;

}

.dlink p a:hover {

	color: #fff;

	text-decoration: none;

	transition: all 300ms ease-in-out 0s;

}

.dlx {

	float: left;

	width: auto

}

.dlx i {

	text-align: center;

	line-height: 30px;

	padding-right: 10px;

	width: 20px

}

.fa-mobile-phone:before {

	font-size: 20px

}

.dlx h3 {

	margin-bottom: 10px;

	font-size: 16px;

	font-weight: bold;

	border-bottom: none;

	padding-left: 0;

	cursor: default;

	color: #fff;

}

.dlx p {

	font-size: 14px;

	line-height: 30px;

	color: #A6A6A6;

	overflow: hidden

}

.footer .wei {

	width: 120px;

	float: right;

	line-height: 30px;

	font-size: 14px;

	text-align: center

}

.footer .wei img {

	width: 100%;

	height: auto;

	padding-top: 5px

}

.footer .b_q {

	padding: 20px 0;

	font-size: 14px;

	text-align: center;

	line-height: 32px;

	background: #fff;

	color: #666

}

 @media only screen and (max-width:1200px) {

.dlink ul li {

	float: left;

	width: auto;

	margin-right: 50px

}

}

 @media only screen and (max-width:992px) {

	 

	 .footer{ padding-bottom:50px}

.dlink {

	display: none;

}

.dlx {

	width: calc(100% - 120px)

}

.footer .wei {

	width: 100px;

	float: right;

	line-height: 25px;

	font-size: 12px;

	text-align: center

}

.dlx p {

	font-size: 12px;

	line-height: 25px;

}

.footer .b_q {

	padding: 15px 0;

	font-size: 12px;

	text-align: center;

	line-height: 23px;

	background: #fff;

	color: #666

}

.dlx h3 {

	font-size: 14px;

}

.index_link .title {

	font-size: 14px;

}

.index_link a {

	display: inline-block;

	color: #A6A6A6;

	font-size: 12px;

	padding-left: 15px;

}

}

.nbanner {

	width: 100%;

	height: 400px;

	position: relative;

	font-size: 0;

	overflow: hidden

}

.nbanner img {

	position: absolute;

	height: 400px;

	width: auto;

	top: 0;

	left: 50%;

	transform: translateX(-50%)

}

.nbt {

	position: absolute;

	top: 40%;

	left: 0;

	width: 100%;

	z-index: 3;

	color: #fff;

	font-size: 20px

}

.contain {

	width: 96%;

	margin: 0 auto;

	max-width: 1200px;

	position:relative

}

.nbt h3 {

	display: block;

	font-size: 23px;

	line-height: 40px

}

.nbt p {

	font-size: 14px

}

.nmain {

	width: 96%;

	margin: 40px auto;

	max-width: 1200px;

}

.weizhi {

	background: #3078eb;

	line-height: 40px;

	padding: 0 10px;

	font-size: 14px;

	color: #fff;

	margin-bottom: 30px

}

.weizhi i {

	padding-right: 5px

}

.cpfl1 ul li {

	float: left;

	width: 32%;

	margin-right: 2%;

	margin-bottom: 2%;

	border: #e1e1e1 1px solid;

	box-sizing: border-box;

	padding-bottom: 20px;

	transition: all 0.6s

}

.cpfl1 ul li:nth-child(3n) {

	margin-right: 0;

}

.cpfl1 ul li i {

	display: block;

	width: 100%;

	height: auto;

	background: #fff;

	overflow: hidden

}

.cpfl1 ul li i img {

	width: 100%;

	height: auto;

	transition: all 0.6s

}

.cpfl1 ul li:hover i img {

	transform: scale(1.1, 1.1);

	transition: all 0.6s

}

.cpfl1 ul li h3 {

	display: block;

	width: 90%;

	margin: 0 auto;

	font-size: 20px;

	color: #000;

	padding: 20px 0;

}

.cpfl1 ul li p {

	display: block;

	width: 90%;

	margin: 0 auto;

	font-size: 14px;

	color: #777;

	line-height: 25px;

	height: 100px;

	display: -webkit-box;

	-webkit-box-orient: vertical;

	-webkit-line-clamp: 4;

	overflow: hidden

}

.cpfl1 ul li:hover h3 {

	color: #3078eb

}

.select {

	padding: 5px 10px;

	border: #ddd 1px solid;

	width: 100%;

	margin-bottom: 30px;

	font-size: 14px;

	box-sizing: border-box

}

.select li {

	list-style: none;

	padding: 10px 0 5px 100px;

	border-bottom: #eee 1px dashed

}

.select li:last-child {

	border-bottom: 0 none;

}

.select dl {

	zoom: 1;

	position: relative;

	line-height: 24px;

}

.select dl:after {

	content: " ";

	display: block;

	clear: both;

	height: 0;

	overflow: hidden

}

.select dt {

	font-size:12px;

	width: 100px;

	margin-bottom: 5px;

	position: absolute;

	top: 0;

	left: -100px;

	text-align: left;

	color: #666;

	height: 24px;

	line-height: 24px

}

.select dd {

	float: left;

	display: inline;

	margin: 0 0 5px 5px;

}

.select a {

	display: inline-block;

	white-space: nowrap;

	height: 24px;

	padding: 0 20px;

	text-decoration: none;

	color: #666;

	border-radius: 2px;

}

.select a:hover {

	color: #3078eb;

	background-color: #eaf1fd

}

.select .selected a {

	color: #fff;

	background-color: #3078eb

}

.select-result dt {

	font-weight: bold

}

.select-no {

	color: #999

}

.cpfl2 ul li {

	float: left;

	width: 32%;

	margin-right: 2%;

	margin-bottom: 2%;

	border: #e1e1e1 1px solid;

	box-sizing: border-box;

	padding-bottom: 20px;

	transition: all 0.6s

}

.cpfl2 ul li:nth-child(3n) {

	margin-right: 0;

}

.cpfl2 ul li i {

	display: block;

	width: 100%;

	height: auto;

	background: #fff;

	overflow: hidden

}

.cpfl2 ul li i img {

	width: 100%;

	height: auto;

	transition: all 0.6s

}

.cpfl2 ul li:hover i img {

	transform: scale(1.1, 1.1);

	transition: all 0.6s

}

.cpfl2 ul li .texing {

	height: 135px;

	display: -webkit-box;

	-webkit-box-orient: vertical;

	-webkit-line-clamp: 4;

	overflow: hidden

}

.cpfl2 ul li h3 {

	display: block;

	width: 90%;

	margin: 0 auto;

	font-size: 20px;

	color: #000;

	padding: 20px 0;

}

.cpfl2 ul li p {

	display: block;

	width: 90%;

	margin: 0 auto;

	font-size: 14px;

	color: #777;

	line-height: 20px;

	padding: 5px 0;

	position: relative

}



.cpfl2 ul li:hover h3 {

	color: #3078eb

}

 @media only screen and (max-width:992px) {

.nbanner {

	width: 100%;

	height: 200px;

	position: relative;

	font-size: 0;

	overflow: hidden

}

.nbanner img {

	position: absolute;

	height: 200px;

	width: auto;

	top: 0;

	left: 50%;

	transform: translateX(-50%)

}

.nbt {

	position: absolute;

	top: 30%;

	left: 5%;

	width: 100%;

	z-index: 3;

	color: #fff;

	font-size: 20px

}

.nbt h3 {

	display: block;

	font-size: 20px;

	line-height: 40px

}

.nbt p {

	font-size: 14px

}

.nmain {

	margin: 20px auto;

}

.weizhi {

	background: #3078eb;

	line-height: 40px;

	padding: 0 10px;

	font-size: 12px;

	color: #fff;

	margin-bottom: 20px;

	margin-top: 20px

}

.cpfl1 ul li {

	float: left;

	width: 49%;

	margin-right: 2%;

	margin-bottom: 2%;

	border: #e1e1e1 1px solid;

	box-sizing: border-box;

	padding-bottom: 20px;

	transition: all 0.6s

}

.cpfl1 ul li:nth-child(3n) {

	margin-right: 2%;

}

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

	margin-right: 0;

}

.cpfl1 ul li h3 {

	font-size: 14px;

	color: #000;

	padding: 10px 0;

}

.cpfl1 ul li p {

	font-size: 12px;

	color: #777;

	line-height: 20px;

	height: 40px;

	display: -webkit-box;

	-webkit-box-orient: vertical;

	-webkit-line-clamp: 2;

	overflow: hidden

}

.select {

	padding: 5px 10px;

	border: #ddd 1px solid;

	width: 100%;

	margin-bottom: 20px;

	font-size: 12px;

	box-sizing: border-box

}

.select li {

	list-style: none;

	padding: 10px 0 5px 60px;

	border-bottom: #eee 1px dashed

}

.select li:last-child {

	border-bottom: 0 none;

}

.select dl {

	zoom: 1;

	position: relative;

	line-height: 24px;

}

.select dt {

	width: 60px;

	margin-bottom: 5px;

	position: absolute;

	top: 0;

	left: -60px;

	text-align: left;

	color: #666;

	height: 24px;

	line-height: 24px

}

.select a {

	display: inline-block;

	white-space: nowrap;

	height: 24px;

	padding: 0 10px;

	text-decoration: none;

	color: #666;

	border-radius: 2px;

}

.cpfl2 ul li {

	float: left;

	width: 49%;

	margin-right: 2%;

	margin-bottom: 2%;

	border: #e1e1e1 1px solid;

	box-sizing: border-box;

	padding-bottom: 20px;

	transition: all 0.6s

}

.cpfl2 ul li:nth-child(3n) {

	margin-right: 2%;

}

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

	margin-right: 0;

}

.cpfl2 ul li .texing {

	height: 120px;

	display: -webkit-box;

	-webkit-box-orient: vertical;

	-webkit-line-clamp: 6;

	overflow: hidden

}

.cpfl2 ul li h3 {

	display: block;

	width: 90%;

	margin: 0 auto;

	font-size: 14px;

	color: #000;

	padding: 10px 0;

}

.cpfl2 ul li p {

	display: block;

	width: 90%;

	margin: 0 auto;

	font-size: 12px;

	color: #777;

	line-height: 20px;

	padding: 0px 0;

	position: relative

}

.cpfl2 ul li p:before {



	color: #777;

	padding-right: 10px;

	font-size: 10px

}

.cpfl2 ul li:hover h3 {

	color: #3078eb

}

}

 @media only screen and (max-width:600px) {

.nbanner {

	width: 100%;

	height: 140px;

	position: relative;

	font-size: 0;

	overflow: hidden

}

.nbanner img {

	position: absolute;

	height: 140px;

	width: auto;

	top: 0;

	left: 50%;

	transform: translateX(-50%)

}

}

.xqjs {

	margin: 30px 0

}

.xqbt {

	border-bottom: #e1e1e1 1px solid;

	margin-bottom: 30px;

	overflow: hidden

}

.xqbt ul li {

	color: #333;

	float: left;

	margin-right: 10px

}

.xqbt ul li a {

	display: block;

	font-size: 16px;

	padding: 0 30px;

	line-height: 40px

}

.xqbt ul li a:hover {

	background: #3078eb;

	color: #fff

}

.xqbt ul li .on {

	background: #3078eb;

	color: #fff

}

.jswz {

	font-size: 14px;

	line-height: 30px;

	color: #666;

}

.jswz h3 {

	display: block;

	font-size: 16px;

	color: #2db1e8;

	margin-top: 30px;

	margin-bottom: 15px

}

.jswz img {

	max-width: 100%;

	height: auto

}

.guige {

	font-size: 14px;

	line-height: 30px;

	color: #666;

	background: #f5f5f5;

	padding: 60px;

	margin: 40px 0

}

.guige img {

	max-width: 100%;

	height: auto

}

.detail h3 {

	display: block;

	text-align: center;

	font-size: 23px;

	padding-bottom: 30px

}

.detail dl {

	border: 1px solid #dedede;

	border-bottom: none;

	background: #fff;

}

.detail dl dd {

	padding: 0 20px;

	border-bottom: 1px solid #dedede;

}

.detail dl dd span {

	display: block;

	vertical-align: middle;

	float: left;

	color: #555;

	font-size: 14px;

	padding: 10px 0;

}

.detail dl dd .infoT {

	width: 15%;

}

.detail dl dd .infoC {

	width: 85%;

	border-left: 1px solid #dedede;

	padding-left: 40px;

	box-sizing: border-box;

}

.xiangguan .xgbt {

	background: #f1f1f1;

	border-left: #3078eb 3px solid;

	overflow: hidden;

	line-height: 40px;

	margin-bottom: 20px

}

.xiangguan .xgbt h3 {

	display: block;

	float: left;

	font-size: 20px;

	font-weight: normal;

	color: #000;

	padding-left: 10px

}

.xiangguan .xgbt span {

	float: right;

	padding-right: 10px

}

.xiangguan ul li {

	float: left;

	width: 24%;

	margin-right: 1.33%;

}

.xiangguan ul li:nth-child(4n) {

	margin-right: 0;

}

.xiangguan ul li i {

	display: block;

	border: #f1f1f1 1px solid;

	overflow: hidden

}

.xiangguan ul li i img {

	width: 100%;

	height: auto;

	transition: all 0.6s

}

.xiangguan ul li:hover i img {

	transform: scale(1.1, 1.1);

	transition: all 0.6s

}

.xiangguan ul li h3 {

	font-size: 14px;

	text-align: center;

	font-weight: normal;

	padding-top: 15px

}

 @media only screen and (max-width:992px) {

.jswz {

	font-size: 12px;

	line-height: 23px;

	color: #666;

}

.jswz h3 {

	display: block;

	font-size: 14px;

	color: #2db1e8;

	margin-top: 30px;

	margin-bottom: 15px

}

.guige {

	font-size: 12px;

	line-height: 23px;

	padding: 15px;

	margin: 20px 0

}

.xqbt ul li a {

	display: block;

	font-size: 14px;

	padding: 0 20px;

	line-height: 30px

}

.detail h3 {

	display: block;

	text-align: center;

	font-size: 16px;

	padding-bottom: 15px

}

.detail dl dd {

	padding: 0 0px;

	border-bottom: 1px solid #dedede;

}

.detail dl dd span {

	font-size: 12px;

	padding: 5px 0;

}

.detail dl dd .infoT {

	width: 90px;

	padding-left: 20px;

	box-sizing: border-box

}

.detail dl dd .infoC {

	width: calc(100% - 104px);

	border-left: 1px solid #dedede;

	padding-left: 20px;

	box-sizing: border-box;

}

.xiangguan .xgbt h3 {

	display: block;

	float: left;

	font-size: 16px;

	font-weight: normal;

	color: #000;

	padding-left: 10px

}

.xiangguan ul li {

	float: left;

	width: 49%;

	margin-right: 2%;

}

.xiangguan ul li h3 {

	font-size: 12px;

	text-align: center;

	font-weight: normal;

	padding-top: 10px

}

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

	margin-right: 0;

}

.xiangguan ul li:nth-child(4n) {

	margin-right: 0;

}

}

.jjfa1 {

	float: right;

	width: 40%;

	height: auto

}

.jjfa1 img {

	width: 100%;

	height: auto

}

.jjfa2 {

	float: left;

	width: 55%;

	font-size: 14px;

	line-height: 30px;

	color: #666

}

.jjfa2 p {

	display: block;

	margin-bottom: 15px

}

.jjfa3 h3 {

	display: block;

	margin: 30px 0;

	font-size: 23px;

	color: #000

}

.jjfa3 ul li {

	color: #666;

	font-size: 14px;

	line-height: 30px;

	position: relative

}

.jjfa3 ul li:before {

	content: "��";

	padding-right: 5px;

	font-size: 12px;

	color: #3078eb

}

 @media only screen and (max-width:992px) {

.jjfa1 {

	float: none;

	width: 100%;

	height: auto;

	margin-bottom: 15px

}

.jjfa1 img {

	width: auto;

	max-width: 100%;

	height: auto

}

.jjfa2 {

	float: none;

	width: 100%;

	font-size: 12px;

	line-height: 23px;

	color: #666

}

.jjfa2 p {

	display: block;

	margin-bottom: 15px

}

.jjfa3 h3 {

	display: block;

	margin: 20px 0;

	font-size: 16px;

	color: #000

}

.jjfa3 ul li {

	color: #666;

	font-size: 12px;

	line-height: 23px;

	position: relative

}

}

#lib_Tab1 {

	width: 100%;

	margin: 0px;

	padding: 0px;

	margin-bottom: 15px;

	text-align: center;

	overflow: hidden

}

/*�˵�class*/

.lib_tabborder {

	border: 0px solid #95C9E1;

}

.lib_Menubox {

	height: 40px;

	line-height: 40px;

	position: relative;

}

.lib_Menubox ul {

	margin: 0px;

	padding: 0px;

	list-style: none;

	position: absolute;

	top: 0px;

	left: 0;

	height: 40px;

	text-align: center;

	width: 102%;

	font-size: 16px;

	font-weight: normal

}

.lib_Menubox li {

	float: left;

	display: inline-block;

	cursor: pointer;

	width: 32%;

	margin-right: 2%;

	color: #333;

	height: 40px;

	line-height: 40px;

	background-color: #f1f1f1

}

.lib_Menubox li.hover {

	padding: 0px;

	background: #3078eb;

	width: 30%;

	color: #fff;

	height: 40px;

	line-height: 40px;

}

.lib_Contentbox {

	clear: both;

	margin-top: 0px;

	border-top: none;

	padding-top: 20px;

}

.jszc {

	margin: 30px 0

}

.jszc ul li {

	float: left;

	width: 33.333333333333333%;

}

.jszc ul li i {

	display: block;

	font-size: 40px;

	color: #3078eb;

	background: #fff;

	width: 100px;

	height: 100px;

	box-shadow: 0px 0px 10px rgba(195,195,195,0.75);

	margin: 0 auto;

	border-radius: 50px;

	line-height: 100px;

}

.jszc ul li h3 {

	display: block;

	font-size: 16px;

	margin: 20px 0;

	color: #000

}

.jszc ul li p {

	display: block;

	font-size: 14px;

	line-height: 30px

}

.jszc ul li span {

	display: inline-block;

	background: #3078eb;

	padding: 5px 15px;

	border-radius: 5px

}

.jszc ul li span a {

	color: #fff

}

.fwcn {

	font-size: 14px;

	line-height: 25px;

	color: #666

}

.fwcn table {

	border-left: #e1e1e1 1px solid;

	border-bottom: #e1e1e1 1px solid;

	margin: 15px 0

}

.fwcn table td {

	border-right: #e1e1e1 1px solid;

	border-top: #e1e1e1 1px solid;

	padding: 10px;

}

.dyh {

	background: #3078eb;

	color: #fff

}

.fwcn table tr:nth-child(2n) {

	background: #f8f8f8

}

.fwcn h1 {

	display: block;

	font-size: 16px;

	color: #000;

	border-left: #3078eb 5px solid;

	padding-left: 10px;

	margin: 15px 0;

	text-align: left

}

.fwcn p {

	display: block;

	padding-left: 20px;

	text-align: left

}

.wangdian .table-bordered {

	border: 1px solid #ddd;

	font-size: 14px;

	line-height: 25px

}

.wangdian thead {

	line-height: 40px

}

.wangdian .table {

	width: 100%;

	max-width: 100%;

	margin-bottom: 20px;

	border-spacing: 0;

	border-collapse: collapse;

}

.wangdian .table td {

	text-align: left;

	padding: 5px 10px;

	border: 1px solid #ddd;

}

.tuwen {

	font-size: 14px;

	line-height: 30px

}





#dot_city{

		margin-bottom:0px

	}

	#dot_city ul{

        overflow: auto;

		margin-bottom:10px;

		float:left;

		margin-left: -7px;

    }

    #dot_city ul li{

        float: left;

		padding:0 20px;

		border-right:1px solid gray;

		line-height: 16px;

		margin-bottom: 8px;

		font-size:14px

    }

	#dot_city p{

		border-right: 0;

		border-left: 3px solid #3078eb;

		padding: 0 10px;

		color: black;

		float:left;

		line-height:16px;

		margin-bottom:10px;

		font-weight:bold;

		font-size:14px

	}



	#dot_city ul li:last-child{

		border-right:0;

	}

    #dot_city ul li a{

        color: gray;

    }

	#dot_city ul li a:hover{

		color:#3078eb;

		text-decoration: underline;

	}











 @media only screen and (max-width:992px) {

.lib_Menubox {

	height: 30px;

	line-height: 30px;

	position: relative;

}

.lib_Menubox ul {

	margin: 0px;

	padding: 0px;

	list-style: none;

	position: absolute;

	top: 0px;

	left: 0;

	height: 30px;

	text-align: center;

	width: 102%;

	font-size: 14px;

	font-weight: normal

}

.lib_Menubox li {

	float: left;

	display: inline-block;

	cursor: pointer;

	width: 32%;

	margin-right: 2%;

	color: #333;

	height: 30px;

	line-height: 30px;

	background-color: #f1f1f1

}

.lib_Menubox li.hover {

	padding: 0px;

	background: #3078eb;

	width: 30%;

	color: #fff;

	height: 30px;

	line-height: 30px;

}

.lib_Contentbox {

	clear: both;

	margin-top: 0px;

	border-top: none;

	padding-top: 20px;

}

.jszc {

	margin: 20px 0

}

.jszc ul li {

	float: none;

	width: 100%;

	margin-bottom: 20px

}

.jszc ul li i {

	display: block;

	font-size: 30px;

	color: #3078eb;

	background: #fff;

	width: 80px;

	height: 80px;

	box-shadow: 0px 0px 10px rgba(195,195,195,0.75);

	margin: 0 auto;

	border-radius: 50px;

	line-height: 80px;

}

.jszc ul li h3 {

	display: block;

	font-size: 14px;

	margin: 10px 0;

	color: #000

}

.jszc ul li p {

	display: block;

	font-size: 12px;

	line-height: 23px

}

.fwcn {

	font-size: 12px;

	line-height: 23px;

	color: #666

}

.fwcn h1 {

	display: block;

	font-size: 14px;

	color: #000;

	border-left: #3078eb 5px solid;

	padding-left: 10px;

	margin: 15px 0;

	text-align: left

}

.fwcn p {

	display: block;

	padding-left: 20px;

	text-align: left

}

.wangdian .table-bordered {

	border: 1px solid #ddd;

	font-size: 12px;

	line-height: 23px

}

.wangdian thead {

	line-height: 30px

}

.wangdian {

	overflow-x: scroll;

}

.wangdian .table {

	width: 700px;

	max-width: 100%;

	margin-bottom: 20px;

	border-spacing: 0;

	border-collapse: collapse;

}

.tuwen {

	font-size: 12px;

	line-height: 23px

}





    #dot_city ul li{

        float: left;

		padding:0 10px;

		border-right:1px solid gray;

		line-height: 16px;

		margin-bottom: 5px;

		font-size:12px

    }

	#dot_city p{

		border-right: 0;

		border-left: 3px solid #3078eb;

		padding: 0 10px;

		color: black;

		float:left;

		line-height:16px;

		margin-bottom:5px;

		font-weight:bold;

		font-size:12px;

		display:block;

		width:100%;

		box-sizing:border-box;

		text-align:left

	}









}

.hb1 {

	float: right;

	width: 40%;

	height: auto

}

.hb1 img {

	width: 100%;

	height: auto

}

.hb2 {

	float: left;

	width: 55%;

	font-size: 14px;

	line-height: 30px;

	color: #666

}

.hb2 p {

	display: block;

	margin-bottom: 15px

}

.hb3 {

	width: 100%;

	overflow: hidden;

	font-size: 0;

	margin-top: 30px

}

.hb3 ul li {

	float: left;

	width: 15%;

	margin-right: 2%;

	padding-bottom: 10%;

	border: #e1e1e1 1px solid;

	border-radius: 5px;

	margin-bottom: 2%;

	position: relative;

	box-sizing: border-box

}

.hb3 ul li:nth-child(6n) {

	margin-right: 0;

}

.hb3 ul li img {

	position: absolute;

	left: 50%;

	top: 50%;

	max-width: 90%;

	height: auto;

	max-height: 90%;

	transform: translate(-50%, -50%)

}

.hb3 ul li:after {

	display: block;

	content: '';

	position: absolute;

	top: 0;

	left: 0;

	z-index: 1;

	width: 100%;

	height: 100%;

	-webkit-transition: all .3s;

	-o-transition: all .3s;

	-moz-transition: all .3s;

	transition: all .3s;

}

.hb3 ul li:hover:after {

	-webkit-box-shadow: 0px 0px 20px 5px #ddd inset;

	box-shadow: 0px 0px 20px 5px #ddd inset;

}

 @media only screen and (max-width:992px) {

.hb1 {

	float: none;

	width: 100%;

	height: auto;

	margin-bottom: 15px

}

.hb1 img {

	width: auto;

	max-width: 100%;

	height: auto

}

.hb2 {

	float: none;

	width: 100%;

	font-size: 12px;

	line-height: 23px;

	color: #666

}

.hb2 p {

	display: block;

	margin-bottom: 15px

}

.hb3 ul li {

	float: left;

	width: 31%;

	margin-right: 0;

	margin: 0 1%;

	padding-bottom: 20%;

	border: #e1e1e1 1px solid;

	border-radius: 5px;

	margin-bottom: 2%;

	position: relative;

	box-sizing: border-box

}

.hb3 ul li:nth-child(6n) {

	margin-right: 0;

}

}

.lx1 ul {

	margin-left: -15px;

	margin-right: -15px;

	margin-top: 50px;

}

.lx1 ul>li {

	width: 33.3333333333333%;

	float: left;

	position: relative;

	min-height: 1px;

	padding-left: 15px;

	padding-right: 15px;

	box-sizing: border-box

}

.contactus-card.exx-card-shadow {

	padding: 50px 35px;

	margin: 15px 10px;

}

.lx1 ul li h3 {

	font-size: 23px

}

.lx1 ul li p {

	height: 150px;

	font-size: 14px;

	line-height: 25px;

	display: block;

	margin: 15px 0

}

.exx-card-shadow {

	padding: 25px;

	border-radius: 10px;

	-webkit-box-shadow: 0px 7px 15px rgba(41,57,99,0.5);

	-moz-box-shadow: 0px 7px 15px rgba(41,57,99,0.5);

	box-shadow: 0px 7px 15px rgba(41,57,99,0.5);

}

small {

	font-size: 13px;

	color: #8397aa;

	line-height: 1.8;

}

.contactus-card_sales {

	transform: scale(1.1);

}

.button-secondary {

	color: #4C5F7F;

	font-weight: 600;

	display: inline-block;

	background: #F5F7FA;

}

.button-secondary:hover {

	color: #fff;

	font-weight: 600;

	display: inline-block;

	background: #4C5F7F;

}

.button-large {

	padding: 15px 25px;

	font-size: 18px;

	width: 100%;

	text-align: center;

	line-height: 1;

	margin: 20px auto;

	box-sizing: border-box

}

.button-primary {

	color: #fff;

	background: linear-gradient(to right, #0065FF, #0065FF, #00b5ff, #0065FF, #0065FF);

	font-weight: 400;

	background-size: 300% 100%;

	display: inline-block;

	text-decoration: none;

	moz-transition: all .4s ease 0s;

	-o-transition: all .4s ease 0s;

	-webkit-transition: all .4s ease 0s;

	transition: all .4s ease 0s;

}

.button-primary:hover {

	background-position: 100% 0;

	color: #fff

}

.contactus_border {

	border-right: 2px solid #dbe3e7;

	width: 33.33333%;

	box-sizing: border-box;

	position: relative;

	min-height: 1px;

	padding-left: 15px;

	padding-right: 15px;

}

.lx2 {

	margin-top: 100px

}

.lx2 ul li {

	width: 33.333333333333333%;

	float: left;

	box-sizing: border-box;

	border-right: #f3f3f3 1px solid;

	padding: 0 35px;

	

}

.lx2 ul li:nth-child(3n){ border-right:0}



.lx2 ul li i {

	background: #fff;

	-webkit-box-shadow: 0px 5px 7px rgba(41,57,99,0.3);

	-moz-box-shadow: 0px 5px 7px rgba(41,57,99,0.3);

	box-shadow: 0px 5px 7px rgba(41,57,99,0.3);

	width: 70px;

	line-height: 70px;

	text-align: center;

	border-radius: 50%;

	margin: 20px auto;

	float: left;

	color: #3078eb;

	font-size: 30px

}

.lx2 ul li .lx02 {

	float: right;

	width: calc(100% - 120px)

}



.lx2 ul li .lx02  h3 {

	font-size:20px; padding-bottom:15px



}



.lx2 ul li .lx02  p{ display:block; font-size:14px; line-height:30px; color:#666}









 @media only screen and (max-width:992px) {

	 

	 .lx1 ul {

	margin-left: 0;

	margin-right: 0;

	margin-top: 15px;

}

.lx1 ul>li {

	width: 100%;

	float: left;

	position: relative;

	min-height: 1px;

	padding-left: 0px;

	padding-right: 0px;

	box-sizing: border-box

}

.contactus-card.exx-card-shadow {

	padding: 20px;

	margin: 10px 0;

}

.lx1 ul li h3 {

	font-size: 16px

}

.lx1 ul li p {

	height: auto;

	font-size: 14px;

	line-height: 25px;

	display: block;

	margin: 15px 0

}

.exx-card-shadow {

	padding: 20px;



}

small {

	font-size: 13px;

	color: #8397aa;

	line-height: 1.8;

}

.contactus-card_sales {

	transform: scale(1);

}





.button-large {

	padding: 10px 25px;

	font-size: 14px;

	width: 100%;

	text-align: center;

	line-height: 1;

	margin: 20px auto;

	box-sizing: border-box

}





.contactus_border {

	border-right: 2px solid #dbe3e7;

	width: 100%;

	box-sizing: border-box;

	position: relative;

	min-height: 1px;

	padding-left: 15px;

	padding-right: 15px;

}

.lx2 {

	margin-top: 30px

}

.lx2 ul li {

	width: 100%;

	float: left;

	box-sizing: border-box;

	border-right: #f3f3f3 0px solid;

	border-bottom: #f3f3f3 1px solid;

	padding: 0 0px;

	padding:15px 0

	

}

.lx2 ul li:nth-child(3n){ border-bottom:0}



.lx2 ul li i {

	background: #fff;

	-webkit-box-shadow: 0px 5px 7px rgba(41,57,99,0.3);

	-moz-box-shadow: 0px 5px 7px rgba(41,57,99,0.3);

	box-shadow: 0px 5px 7px rgba(41,57,99,0.3);

	width: 50px;

	line-height: 50px;

	text-align: center;

	border-radius: 50%;

	margin: 0px auto;

	float: left;

	color: #3078eb;

	font-size: 20px

}

.lx2 ul li .lx02 {

	float: right;

	width: calc(100% - 70px)

}



.lx2 ul li .lx02  h3 {

	font-size:16px; padding-bottom:10px



}



.lx2 ul li .lx02  p{ display:block; font-size:14px; line-height:30px; color:#666}





	 

	 

 }







.hpc ul li { float:left; width:25%; background:#f2f2f2; text-align:center; padding-bottom:20px;transition:all 0.6s; margin-bottom:1px;}

.hpc ul li  i{ display:block; width:100%; padding-bottom:66%; position:relative}

.hpc ul li  i img{ position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); max-width:70%; max-height:70%}



.hpc ul li p{ display:inline-block; width:auto;text-align:center; font-size:14px; color:#3078eb; padding:0 20px;border:#3078eb 1px solid; line-height:30px;transition:all 0.6s}

.hpc ul li:hover p{ background:#3078eb; color:#fff; transition:all 0.6s}



.hpc ul li:hover{box-shadow: 0px 0px 10px rgba(195,195,195,0.75); transition:all 0.6s}



.hpc ul li:nth-child(2n){ background:#fafafa}





.xgzy{ border-top:#e1e1e1 1px solid; margin-top:30px; }

.xgzy h1{ display:block; font-size:23px; text-align:center; padding:30px 0}

 .xgzy ul{  margin: 0 -15px;}

 .xgzy ul li{float: left;

    vertical-align: top;

    width: 25%;

    margin-bottom: 40px;

	padding:0 15px;

	font-size:0;

	box-sizing:border-box

	}



 

 .xgzy ul li .bkxwlb01{ border-bottom:#f0f0f0 1px solid; padding-bottom:15px; overflow:hidden}

 .xgzy ul li .tietu{ display:block; width:100%; padding-bottom:52%; position:relative; overflow:hidden; border-radius:10px;}

 .xgzy ul li .tietu img{ position:absolute; width:100%; height:auto; top:50%; left:0; transform:translateY(-50%); min-height:100%;  transition:all 0.6s}



 .xgzy ul li em{ display:block; font-style:normal; font-weight:bold; margin-top:10px; font-size:14px; color:#d79c6a;text-shadow: 0px 2px 2px rgba(0, 0, 0, 0.00);}

 .xgzy ul li h3{ display:block;  font-size:18px; color:#000; line-height:30px; margin:10px 0}

 .xgzy ul li p{ font-size:14px; line-height:25px; font-weight:normal; color:#666; display:block; margin-bottom:20px;display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow:hidden}

 .xgzy ul li span{ font-size:12px; display:block; color:#666; opacity:0.6;  float:left; border-right:rgba(0,0,0,0.2) 1px solid; padding-right:15px; margin-right:15px}

 .xgzy ul li  span i{ width:20px}

 .xgzy ul li  span:last-child { border-right:0}

 .xgzy ul li:hover .tietu img{ transform:scale(1.1,1.1)translateY(-50%); transition:all 0.6s}

 

 @media only screen and (max-width:992px) {

	 

.hpc ul li { float:left; width:50%;}



	  .xgzy ul li{

    width: 50%;

    margin-bottom: 20px;

	

	}

	

	.xgzy h1{  font-size:20px; padding:20px 0}

	

	

 }

 

 

.guke h1{ display:block; font-size:23px; text-align:center; padding:30px 0}

.guke ul li { width:16.666%; float:left; margin:0;   overflow:hidden;  box-sizing:border-box; position:relative}

.guke ul li i{ display:block; background:#fff; width:100%; padding-bottom:50%; position:relative}



.guke ul li img { position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); max-width:60%; max-height:60%; }







 @media only screen and (max-width:992px) {

	 

	 .guke h1{  font-size:20px;  padding:20px 0}

.guke ul li { width:25%; float:left; margin:0;   overflow:hidden;  box-sizing:border-box; position:relative}

	 

 }

 

  .goumai h1{ display:block; font-size:23px; text-align:center; }

  .goumai1{ background:#f1f1f1; padding:50px 100px;}

  .goumai1 ul li{ margin-bottom:20px; overflow:hidden}



  .goumai1 ul li span{ display:block; font-size:14px; color:#333; line-height:30px}

  .goumai1 ul li span em{ color:#F00; font-style:normal; padding-right:5px}

  .goumai1 ul li p{ display:block; float:left; width:49%; margin-right:2%;}

  .goumai1 ul li p:nth-child(2n){margin-right:0; }



   

  .gaishu{ border:0; width:100%; padding:20px; box-sizing:border-box; line-height:23px; height:120px; font-family:"΢���ź�"; outline:none}

  

  .bd1{ width:100%; height:35px; line-height:35px; border:0; background:#fff; outline:none; padding:0 10px; box-sizing:border-box; color:#999}

  

  .tjbd{ background:#3078eb; width:140px; line-height:40px; text-align:center; color:#fff; border:0; font-size:14px; margin:0 auto; display:block; margin-top:30px; cursor:pointer}

  

  

  

  

 @media only screen and (max-width:1200px) {



	   .goumai1{ background:#f1f1f1; padding:20px 30px;}

 }

  

  

   @media only screen and (max-width:992px) {

 

  .goumai h1{ display:block; font-size:20px; text-align:center; }

    .goumai1 ul li p{ display:block; float:none; width:100%; margin-right:0;}

  .goumai1 ul li{ margin-bottom:20px; overflow:hidden}

 }

  

  

  

  

  .side{position:fixed;width:50px;right:0;top:50%;margin-top:-200px;z-index:100;border-bottom:0}

.side ul li{width:50px;height:50px;float:left;position:relative;color:#fff;background:#c1c1c1; margin-bottom:2px; border-radius:2px;font-size:14px;line-height:38px;text-align:center;transition:all .3s;cursor:pointer}

.side ul li:hover{background:#136af5;color:#fff}

.side ul li:hover a{color:#fff}

.side ul li i{height:50px; width:50px; text-align:center; line-height:50px;margin-bottom:1px;display:block;overflow:hidden; font-size:23px; color:#fff; background-position:center;background-size:25px auto; background-repeat:no-repeat;transition:all .3s}

.side ul li i.bgs6{background-image:url(../images/top.png); }





.side ul li .sidebox{position:absolute;width:60px;height:60px;top:0;right:0;transition:all .3s;overflow:hidden}

.side ul li.sidetop{color:#fff}

.side ul li.sidetop:hover{opacity:.8;filter:Alpha(opacity=80)}

.side ul li.sideewm .ewBox.son{width:200px; height:200px;display:none;text-align:center;position:absolute;left:-200px;top:0; background:#136af5; color:#fff;border-right:#fff 1px solid; }

.side ul li.sideewm .ewBox.son img{ width:140px; height:auto}

.side ul li.sideetel .telBox.son{width:200px;height:auto;display:none;color:#fff;text-align:left;position:absolute;left:-200px;top:0;background:#136af5; border-right:#fff 1px solid; padding:20px; box-sizing:border-box}

.side ul li.sideetel .telBox  span{display:block;overflow:hidden; font-size:14px; line-height:25px}



.side ul li.qqonline .qqBox.son{width:200px;height:auto;display:none;color:#fff;text-align:left;position:absolute;left:-200px;top:0;background:#136af5; border-right:#fff 1px solid; padding:20px; box-sizing:border-box}

.side ul li.qqonline .qqBox  span{display:block;overflow:hidden; font-size:14px; line-height:25px; padding:0 5px;}

.side ul li.qqonline .qqBox  span:hover{ background:#777;  border-radius:5px}



.side ul li:hover .son{display:block!important;animation:fadein 1s}

@keyframes fadein{from{opacity:0}

to{opacity:1}

}





.zx_bm{width:100%; height:100%; position:fixed; top:0; left:0; z-index:900; display:none;}

.zx_bm .bm_bj{width:100%; height:100%; position:absolute; top:0; left:0; background-color:rgba(0,0,0,.7);}

.zx_bm .b_m{width:90%; max-width:600px;  border-radius:5px; background-color:#fff; padding:30px; box-sizing:border-box; position:absolute; top:50%; left:50%; transform:translate(-50%,-50%)}

.zx_bm .b_m img { width:100%; height:auto;}

.zx_bm .b_m h3{ display:block; border-bottom:#e1e1e1 1px solid; line-height:50px; margin-bottom:20px; font-size:20px}

.zx_bm .b_m ul li{ margin-bottom:15px;}

.zx_bm .b_m ul li em{ font-style:normal; display:block; float:left; line-height:30px; width:80px; font-size:14px;}

.zx_bm .b_m ul li .bd1{ width:calc(100% - 80px); padding:0 10px; box-sizing:border-box; line-height:30px; height:30px; border:#e1e1e1 1px solid }

.zx_bm .b_m ul li .liuyan{ width:calc(100% - 80px); padding:0 10px; box-sizing:border-box; line-height:25px; height:75px; border:#e1e1e1 1px solid }

.zx_bm .b_m ul li .tijiao{ width:calc(100% - 80px); background:#3078eb; border:0; line-height:40px; text-align:center; color:#fff; font-size:14px; cursor:pointer; margin-left:80px}



.close{ position:absolute; right:10px; top:10px; font-size:20px; color:#888}



   @media only screen and (max-width:992px) {



  .side{position:fixed;width:100%;right:0;top:auto; bottom:0;margin-top:0;z-index:100;border-bottom:0}

  .side ul li{width:25%;height:50px; border-right:#fff 1px solid; box-sizing:border-box; margin-bottom:0px; background:#136af5; border-radius:0px;font-size:14px;line-height:38px;text-align:center;transition:all .3s;cursor:pointer}

  .side ul li i{ width:100%}

  .side ul li.sideetel .telBox.son{ display:none}

  .side ul li.sideewm .ewBox.son{width:100%;  height:200px;display:none;text-align:center;position:fixed;left:0;bottom:50px; top:auto; background:rgba(0,0,0,0.5); color:#fff;border-right:#fff 1px solid; }

.side ul li.sideewm .ewBox.son img{ width:140px; height:auto}

  

   }