body {
	font-family: 'PingFang SC', 'microsoft yahei', arial, 'helvetica neue', 'hiragino sans gb', sans-serif;
	color: #222222;
}

a:hover {
	text-decoration: none;
}

img {
	max-width: 100%;
	height: auto;
}

.header {
	font-size: 16px;
	text-align: center;
	position: relative;
	height: 115px;
}

.header .navbar-default {
	box-shadow: rgba(0, 0, 0, 0.05) 0 5px 5px;
	height: 80px;

}

.header .navbar-brand {
	margin: 0 30px !important;
}

.header .left {
	display: inline-block;
	float: none;
	/*transform:translate(-50%,0);*/

}

.header .left li {
	margin: 0 10px;
	min-width: 95px;
}

.header .right {
	position: absolute;
	right: 50px;
	top: 0;
}

.header .right li:hover>a>img {
	opacity: 0.8;
}

/*navpro*/

.nav>li.navpro {
	position: static;
}

.navpro .dropdown-menu {
	width: 100%;
}

/*subpro*/
.subpro {
	text-align: center;
	border: none;
	border-radius: 0;
	padding: 0;
	background: rgba(255, 255, 255, 0.95);
	max-height: 0;
	display: block;
	visibility: hidden;
	opacity: 0;
	overflow: hidden;
	top: calc(100% + 1px);
}

.navpro.open .subpro {
	transition: 1s;
	-webkit-transition: 1s;
	/*background: red;*/
	max-height: 2000px;
	visibility: visible;
	opacity: 1;

}

.subpro li {
	display: inline-block;
	width: 200px;
	position: relative;
	top: 20px;
	opacity: 0;
	visibility: hidden;
}

.navpro.open .subpro li {
	transition: 0.5s;
	-webkit-transition: 0.5s;
	top: 0;
	opacity: 1;
	visibility: visible;

}

.navpro.open .subpro li:nth-child(1) {
	transition-delay: 0.2s;
}

.navpro.open .subpro li:nth-child(2) {
	transition-delay: 0.4s;
}

.navpro.open .subpro li:nth-child(3) {
	transition-delay: 0.6s;
}

.navpro.open .subpro li:nth-child(4) {
	transition-delay: 0.8s;
}

.navpro.open .subpro li:nth-child(5) {
	transition-delay: 1s;
}

.subpro li a {
	padding: 80px 0;
}

.subpro li h4 {
	margin-top: 20px;
	font-size: 16px;
}

.hbanner .slideritem {
	position: relative;
}

.hbanner .slideritem .txt {
	/*width: 1000px;*/
	width: 52%;
	position: absolute;
	left: 50%;
	margin-left: -500px;
	top: 35%;
}

.hbanner .slideritem h2 {
	font-size: 46px;
	margin-top: 40px;
}

.hbanner .slideritem h4 {
	font-size: 21px;
	margin-top: 30px;
}

.hpro .bg {
	background: #fafafa;
	overflow: hidden;
}

.hpro .txt h2 {
	font-size: 40px;
	font-weight: bold;
}

.hpro .txt h4 {
	font-size: 20px;
}

.hpro .btn {
	width: 160px;
	height: 55px;
	font-size: 16px;
	line-height: 55px;
	padding: 0;
	background: none;
	border-color: #999999;
	margin-top: 20px;
}

.hpro1 .bg {
	text-align: center;
	padding-top: 60px;
}

.hpro1 .img {
	margin-top: 70px;
	text-align: center;
}

.hpro2 {
	margin-top: 15px;
	padding-right: 15px;
}

.hpro2 .row>div {
	padding: 0;
}

.hpro2 .row>div {
	padding-left: 15px;
	height: 100%;
}

.hpro2 .bg {
	height: 100%;
}

.hpro2 table {
	width: 100%;
	height: 100%;
}

.hpro2 .txt {
	text-align: center;
	padding: 130px 10px 10px;
}

.hpro2 .btnwrap {
	text-align: center;
}

.hpro2 .img {
	text-align: center;
}

.hserv {
	background: #fafafa;
	margin-top: 15px;
}

.hserv .container {
	background: url(../images/mapbg.png) no-repeat right top;
	height: 100%;
	padding-bottom: 60px;
}

.hserv .left {
	padding-top: 120px;
	font-size: 18px;
	padding-left: 100px;
}

.hserv .left h2 {
	font-size: 30px;
	font-weight: bold;
}

.hserv .left p {}

.hserv .left .link {
	margin-top: 30px;
}

.hserv .left .link a {
	color: #0070c9;
	text-decoration: underline;
	background: url(../images/icon-arrow-link.png) no-repeat right 10px center;
	padding-right: 30px;
	line-height: 1.5;
	transition: 0.3s;
	-webkit-transition: 0.3s;
}

.hserv .left .link a:hover {
	background-position: right 0 center;
}

.hserv ul {
	padding-top: 120px;
	text-align: center;
}

.hserv li {
	display: inline-block;
	margin: 0 30px 10px;
	text-align: center;
}

.hserv li .ico {
	border: #e1e1e1 solid 4px;
	border-radius: 50%;
	overflow: hidden;
	width: 80px;
	height: 80px;
	vertical-align: middle;
	display: flex;
}

.hserv li .txt {
	margin-top: 10px;
	font-size: 18px;
	color: #222222;
}

.footer {
	padding: 100px 0 60px 0;
}

.footserv .head span {
	background: url(../images/icon-serv.png) no-repeat left center;
	font-size: 18px;
	padding-left: 30px;
	font-weight: bold;
}

.footserv .body {
	margin-top: 55px;
	color: #666666;
}

.footserv h2 {
	font-size: 24px;
	font-weight: bold;
	margin-bottom: 5px;
	color: #222;
}

.footserv .foot {
	margin-top: 40px;
}

.footserv .foot a {
	width: 38px;
	height: 38px;
	background: #f4f6f9;
	display: inline-block;
	border-radius: 50%;
	margin-right: 20px;
	background-repeat: no-repeat;
	background-position: center;
}

.footserv .foot a:hover {
	background-color: #ebeff4;
}

.footserv .foot a.weibo {
	background-image: url(../images/icon-weibo.png);
}

.footserv .foot a.weixin {
	background-image: url(../images/icon-weixin.png);
	position: relative;
}

.footserv .foot a.weixin img {
	position: absolute;
	left: 50%;
	transform: translateX(-50%);
	bottom: 40px;
	width: 150px;
	height: 150px;
	max-width: inherit;
	border: #fff solid 10px;
	display: none;
}

.footserv .foot a.weixin:hover img {
	display: block;
}

.footserv .foot a.qq {
	background-image: url(../images/icon-qq.png);
}


.footnav dt {
	font-size: 16px;
	font-weight: bold;
	padding-bottom: 10px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	width: 100%;
	display: block;
}

.footnav dd {
	font-size: 14px;
	margin-top: 15px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	width: 100%;
	display: block;
}

.footnav a {
	color: #666666;
}

.footnav a:hover {
	color: #222;
}

.copyright {
	background: #222222;
	/*height: 80px; line-height: 80px;*/
	padding: 30px 0;
	color: #999999;
}

.copyright a {
	color: #999999;
}

.copyright .right {
	text-align: right;
}

.copyright .right a {
	margin-left: 35px;
}

.copyright .right a:hover {
	text-decoration: none;
	color: #aaa;
}

.copyright .beian {
	background: url(../images/icon-beian.png) no-repeat left center;
	padding-left: 25px;
	margin-left: 10px;
}

.copyright .lang {
	background: url(../images/lang.png) no-repeat left center;
	padding-left: 35px;
	line-height: 24px;
	display: inline-block;
	color: #fff;
}

.navbar-form {
	width: 1000px;
	position: relative;
	padding: 0;
	border: none;
	display: inline-block;
	margin: 0;
}

.navbar-form .form-group {
	width: 100%;
	opacity: 0;
	visibility: hidden;
	position: relative;
	left: 40px;
}

.navbar-form .txt {
	width: 100%;
	height: 80px;
	background: url(../images/icon-search.png) #fff no-repeat 30px center;
	padding-left: 70px;
	font-size: 15px;
	border: none;
	box-shadow: none;
	border-radius: 0;
}

.navbar-form .btn,
.navbar-form .btn:focus,
.navbar-form .btn:active {
	position: absolute;
	right: 0;
	top: 0;
	height: 80px;
	background: url(../images/icon-close.png) no-repeat center;
	width: 70px;
	border: none;
	box-shadow: none;
	outline: none;
}

.navbar-form .btn:hover {
	opacity: 0.7;
}

.formkeys {
	position: absolute;
	left: 0;
	right: 0;
	top: 80px;
	background: #fff;
	padding: 15px 0;
	text-align: left;
	font-size: 15px;
	box-shadow: rgba(0, 0, 0, 0.1) -5px 0 5px;
}

.formkeys li {
	margin-top: 5px;
	position: relative;
	left: 20px;
	opacity: 0;
	visibility: hidden;
}

#navbar2.fadein .formkeys li {
	transition: 0.2s 0.5s;
	opacity: 1;
	visibility: visible;
	left: 0;
}

#navbar2.fadein .formkeys li:nth-child(2) {
	transition-delay: 0.55s;
}

#navbar2.fadein .formkeys li:nth-child(3) {
	transition-delay: 0.6s;
}

#navbar2.fadein .formkeys li:nth-child(4) {
	transition-delay: 0.65s;
}

#navbar2.fadein .formkeys li:nth-child(5) {
	transition-delay: 0.7s;
}

#navbar2.fadein .formkeys li:nth-child(6) {
	transition-delay: 0.75s;
}

#navbar2.fadein .formkeys li:nth-child(7) {
	transition-delay: 0.8s;
}

#navbar2.fadein .form-group {
	opacity: 1;
	visibility: visible;
	left: 0;
	transition: 0.3s 0.5s;
}

.formkeys a {
	color: #222222;
	padding: 10px 30px;
	display: block;
}

.formkeys a:hover {
	color: #999;
	background-color: #f2f9fd;
}

.header .left-absolute {
	position: absolute;
	left: 0;
	top: 0;
}

#navbar2 {

	visibility: hidden;
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
}

#navbar2.fadein {
	transition: 0.4s 0.5s;
	-webkit-transition: 0.4s 0.5s;
	visibility: visible;
}

#navbar2.fadein .formkeys {}

#navbar1 li>a {
	transition: 0.2s;
	position: relative;
	left: 0;
	opacity: 1;
	visibility: visible;
	font-size: 16px;
}

#navbar1 li:nth-child(1)>a {
	transition-delay: 0.05s;
}

#navbar1 li:nth-child(2)>a {
	transition-delay: 0.1s;
}

#navbar1 li:nth-child(3)>a {
	transition-delay: 0.15s;
}

#navbar1 li:nth-child(4)>a {
	transition-delay: 0.2s;
}

#navbar1 li:nth-child(5)>a {
	transition-delay: 0.25s;
}

#navbar1 li:nth-child(6)>a {
	transition-delay: 0.3s;
}

#navbar1 li:nth-child(7)>a {
	transition-delay: 0.35s;
}

#navbar1.fadeout li>a {
	left: -10px;
	opacity: 0;
	visibility: hidden;
	font-size: 12px;
}




/*search*/
.searchbox {
	background: #f5f5f5;
	padding: 60px;
	text-align: center;
}

.searchbox .form-group {
	margin-bottom: 0;
	display: inline-block;
	position: relative;
}

.searchbox .ipt {
	width: 650px;
	height: 50px;
	margin: 0 auto;
	border-radius: 50px;
	background: #fff;
	padding-left: 55px;
	font-size: 18px;
	color: #222;
	border: none;
	background: #fff url(../images/searchbox-icon.png) no-repeat 20px center;
}

.searchbox .ipt:focus {
	outline: 0;
}

.searchbox .btn {
	position: absolute;
	right: 8px;
	top: 8px;
	height: 50px;
	width: 86px;
	border-radius: 100px;
	height: 36px;
	background-color: #008fd5;
	border-color: #008fd5;
	font-size: 16px;
	color: #fff;
}

.searchbox .btn:hover {}



.searchlist .container {
	/*width: 1200px;*/
}

.searchlist .head {
	height: 70px;
	line-height: 70px;
	border-bottom: #eeeeee solid 1px;
	font-size: 14px;
	color: #666666;
}

.searchlist .head-l {
	float: left;
}

.searchlist .head-r {
	float: right;
	font-size: 14px;
	color: #666666;
}

.searchlist .head-r span {
	color: #222222;
}

.searchtab {
	background: #f5f5f5;
}

.searchtab .nav {
	border: none;
}

.searchtab .nav-tabs>li>a {
	font-size: 14px;
	color: #222222;
	border-radius: 0;
	font-weight: bold;
}

.searchtab .nav-tabs>li>a:hover {
	border-color: transparent;
	background: none;

}

.searchtab .nav-tabs>li.active>a,
.searchtab .nav-tabs>li.active>a:hover,
.searchtab .nav-tabs>li.active>a:focus {
	border-color: transparent !important;
}

/*高亮*/
.searchlist .highlight {
	color: #e21c1c;
}

.searchtabserv .body a {
	color: #008fd5;
}

.searchtabserv .body ul {
	margin-bottom: 0;
}

.searchtabserv .body li {
	padding: 40px 0 30px 0;
	border-bottom: #eeeeee solid 1px;
	color: #000000;
}

.searchtabserv .body h4 {
	font-size: 20px;
}

.searchtabserv .body p {
	margin-top: 20px;
	font-size: 16px;
	line-height: 1.8;
}

.searchlist-foot {
	padding: 40px 0;
	text-align: center;
	border-bottom: #eeeeee solid 1px;
	font-size: 14px;
	color: #666666;
}

.searchlist-page {
	text-align: center;
	padding: 20px 0;
}

/*产品搜索*/
.searchtabpro .body li {
	padding: 40px 0 30px 0;
	border-bottom: #eeeeee solid 1px;
	color: #000000;
}

.searchtabpro .body h2 {
	font-size: 18px;
	font-weight: bold;
}

.searchtabpro .body p {
	margin-top: 10px;
	font-size: 16px;
	line-height: 1.8;
}

.searchtabpro .body .link {
	font-size: 16px;
	color: #008fd5;
}

.searchtabvd .body {
	margin-top: 45px;
}

.searchtabvd .body ul {
	margin-left: -10px;
	margin-right: -10px;
}

.searchtabvd .body li {
	border: none;
	padding: 0;
	padding-left: 10px;
	padding-right: 10px;
}

.searchtabvd .body li a {
	color: #222222;
}

.searchtabvd .body .txt {
	margin-top: 25px;
	padding-bottom: 15px;
}

.searchtabvd .body .txt h4 {
	font-size: 18px;
}

.searchtabvd .body .txt p {
	margin-top: 0;
	font-size: 14px;
	color: #999999;
}

/**/
.bg-gray {
	background: #f5f5f5;
}

.breadcrumbwp {
	/*line-height: 60px;*/
	background: #f5f5f5;
}

.breadcrumbwp .breadcrumb {
	margin-bottom: 0;
	padding: 20px 0;
	color: #222222;
}

.mapsearch {
	background: #fff;
}

.mapsearch .body {
	background: url(../images/mapsearch.jpg) no-repeat center/cover #f8f8f8;
	/*height: 318px; padding: 160px 0 0 80px;*/
	padding-top: 26%;
	position: relative;
}

.mapsearch .body .txt {
	position: absolute;
	left: 80px;
	bottom: 30px;
}

.mapsearch .body h2 {
	font-size: 40px;
	font-weight: bold;
}

.mapsearch .body p {
	font-size: 24px;
	margin-top: 10px;
}

.mapsearch .foot {
	padding: 40px 70px;
	text-align: center;
}

.mapsearch .foot select {
	width: 100%;
	height: 48px;
	font-size: 14px;
	padding: 0 10px;
}

.container1200 {
	width: 1200px;
}


.mapresult {
	margin-bottom: 100px;
}

.mapresult .head {
	padding: 35px 0;
	text-align: center;
	color: #222222;
	font-size: 24px;
}

.mapresult .head h2 {
	margin: 0;
}

.mapresult .body {
	background: #fff;
	padding: 40px;
	position: relative;
	overflow: hidden;
}

.mapresult .body:before {
	/*content: "01"; font-size: 300px; color: rgba(0,0,0,0.03); position: absolute; right: 0; bottom: -80px; line-height: 1;*/
}

.mapresult .body .txt h2 {
	font-size: 24px;
}

.mapresult .body .txt p {
	font-size: 16px;
	line-height: 2.6;
	margin-top: 30px;
}


/**/
.servpro {
	padding: 30px 0 50px 0;
}

.servpro .txt {
	font-size: 14px;
	line-height: 2;
	text-indent: 2em;
}

.servpro .pro {
	margin-top: 60px;
}

.servpro .protxt h4 {
	font-size: 23px;
}

.servpro .protxt h2 {
	font-size: 28px;
	line-height: 1.7;
}

.servtab-hd {
	background: #f5f5f5;
	padding-top: 80px;
	text-align: center;
	line-height: 0;
}

.servtab-hd .nav-tabs {
	display: inline-block;
	background: #4f4f4f;
	font-size: 16px;
	box-shadow: rgba(0, 0, 0, 0.05) 0 -5px 5px;
}

.servtab-hd .nav-tabs>li>a {
	color: #fff;
	padding: 17px 65px;
	border-radius: 0;
	margin-right: 0;
}

.servtab-hd .nav-tabs>li>a:hover {
	background: #4f4f4f;
	border-color: #4f4f4f;
	border-bottom-color: transparent;
	border-bottom: none;
}

.servtab-bd {
	border-bottom: #f5f5f5 solid 1px;
	padding-bottom: 50px;
}

.servtabdown {
	padding: 40px 0 0 0;
}

.servtabdown li {
	padding: 30px 0 30px 0;
	position: relative;
}

.servtabdown li:last-child {
	border-bottom: none;
}

.servtabdown .tit {
	font-size: 26px;
}

.servtabdown .item {
	position: relative;
	padding: 0 20px;
	border-bottom: 1px solid #eee;
}

.servtabdown .tit i {
	margin-right: 20px;
}

.servtabdown .subtit {
	font-size: 18px;
	margin-top: 20px;
}

.servtabdown .subtit span {
	color: #cccccc;
	margin: 0 15px;
}

.servtabdown .subtit a {
	font-size: 16px;
	color: #388ded;
	text-decoration: underline;
}

.servtabdown .desc {
	color: #999999;
	font-size: 14px;
	margin-top: 15px;
}

.servtabdown .desc span {
	margin-right: 60px;
}

.servtabdown .desc font {
	font-size: 14px;
	color: #0094f2;
}

.servtabdown .down {
	background: url(../images/serv-down.png) no-repeat center;
	width: 28px;
	height: 28px;
	position: absolute;
	right: 0;
	top: 10px;
}

.servtabdown .down span {
	background: #fff;
	position: absolute;
	left: -60px;
	bottom: 45px;
	text-align: center;
	padding: 10px;
	width: 140px;
	height: 170px;
	box-shadow: rgba(0, 0, 0, 0.15) 0 0 10px;
	font-size: 12px;
	color: #222222;
	display: none;
}

.servtabdown .down:hover span {
	display: block;
}

.servtabdown .down span img {
	margin-bottom: 10px;
}

.servtabdown .nodata {
	text-align: center;
	padding: 80px 0;
	color: #666666;
	font-size: 15px;
}

.servtabdown .nodata p {
	margin-top: 10px;
}

/**/
.servfaq {
	padding: 60px 0 0 0;
}

.servfaq .panel {
	border: none;
	box-shadow: none;
	margin-bottom: 20px;
}

.servfaq .panel-heading {
	position: relative;
	background: none;
	border: none;
}

.servfaq .panel-heading:after {
	background: url(../images/serv-arr2.png) no-repeat center;
	width: 16px;
	height: 18px;
	content: "";
	position: absolute;
	right: 0;
	top: 50%;
	margin-top: -9px;
}

.servfaq .panel.active .panel-heading:after {
	background-image: url(../images/serv-arr1.png);
}

.servfaq .panel-title {
	font-size: 18px;
	color: #222222;
	font-weight: bold;
}

.servfaq .panel-title a:active,
.servfaq .panel-title a:hover,
.servfaq .panel-title a:focus {
	text-decoration: none;
}

.servfaq .panel-body {
	font-size: 16px;
	color: #444444;
	border: none !important;
}

.servfaq form {
	text-align: center;
	margin-bottom: 40px;
}

.servfaq .form-group {
	margin-bottom: 0;
	display: inline-block;
	position: relative;
}

.servfaq .ipt {
	width: 650px;
	height: 50px;
	margin: 0 auto;
	border-radius: 50px;
	background: #efeeee;
	padding-left: 55px;
	font-size: 18px;
	color: #222;
	border: none;
	background: #efeeee url(../images/searchbox-icon.png) no-repeat 20px center;
}

.servfaq .ipt:focus {
	outline: 0;
}

.servfaq .btn {
	position: absolute;
	right: 8px;
	top: 8px;
	height: 50px;
	width: 86px;
	border-radius: 100px;
	height: 36px;
	background-color: #4b7dac;
	border-color: #4b7dac;
	font-size: 16px;
	color: #fff;
}

.servfaq .btn:hover {}

.faqpages {
	text-align: center;
}


.servbanner {
	background: url(../images/servbanner.jpg) no-repeat center #8a8283;
	height: 500px;
	text-align: center;
	color: #fff;
	padding-top: 150px;
}

.servbanner .txt h2 {
	font-size: 40px;
	font-weight: bold;
}

.servbanner .txt p {
	font-size: 20px;
}

.servbanner .form-group {
	margin-top: 50px;
}

.servbanner .form-group form {
	display: inline-block;
	position: relative;
	width: 650px;
	height: 50px;
	margin: 0 auto;
	border-radius: 50px;
	background: #fff;
	text-align: left;
	padding-left: 20px;

}

.servbanner .form-group .btn-group {
	float: left;
}

.servbanner .form-group .btn-group .btn {
	font-size: 18px;
	border: none;
	height: 50px;
}

.servbanner .form-group .btn-group .btn:focus {
	box-shadow: none;
}

.servbanner .form-group .btn-group .btn:hover {
	background: none;
}

.servbanner .form-group .btn-group.open .dropdown-toggle {
	box-shadow: none;
	-webkit-box-shadow: none;
	background: none;
}

/* .servbanner .form-group .btn-group .dropdown-menu{
	margin-top: -5px; font-size: 16px; min-width: 80px; text-align: center; border-radius: 2px;
} */

.servbanner .ipt {
	font-size: 18px;
	color: #222;
	background: #fff;
	height: 50px;
	width: 450px;
	border: none;
	margin-left: 5px;
	/*background:#fff url(../images/searchbox-icon.png) no-repeat 20px center ;*/
	float: left;
}

.servbanner .ipt:focus {
	outline: 0;
}

.servbanner .ipt .btn-group {
	width: 100%;
	float: left;
}

.servbanner .ipt .btn {
	height: 50px;
	width: 100%;
	border: none;
}

.servbanner .ipt .dropdown-menu {
	background: #fff;
	margin-top: 0;
}

.servbanner .sbmt {
	position: absolute;
	right: 8px;
	top: 8px;
	height: 50px;
	width: 86px;
	border-radius: 100px;
	height: 36px;
	background-color: #008fd5;
	border-color: #008fd5;
	font-size: 16px;
	color: #fff;
}

.servbanner .sbmt:hover {}

.servselect {
	text-align: center;
	padding: 80px 0 70px 0;
}

.servselect .head h2 {
	font-size: 24px;
}

.servselect .head p {
	font-size: 16px;
}

.servselect .body {
	padding: 0 100px;
	margin-top: 40px;
}

.servselect select {
	height: 48px;
	width: 100%;
	padding-left: 10px;
}

.servdiy {
	background: #f5f5f5;
	padding: 70px 0 80px 0;
	text-align: center;
}

.servdiy .head h2 {
	font-size: 24px;
}

.servdiy .body {
	margin-top: 50px;
}

.servdiy ul {
	text-align: center;
	width: 108%;
	margin-left: -4%;
}

.servdiy li {
	display: inline-block;
	/*width: 155px;*/
	width: 12%;
	height: 155px;
	background: #fff;
	padding: 35px 0 0 0;
	margin: 0 0.5%;
	transition: 0.4s;
	-webkit-transition: 0.4s;
	position: relative;
	top: 0;
}

.servdiy li:hover {
	top: -5px;
	box-shadow: rgba(0, 0, 0, 0.05) 0 5px 5px;
}

.servdiy li a {
	display: block;
}

.servdiy li h4 {
	font-size: 16px;
	color: #222;
	margin-top: 15px;
}


.servother {
	padding: 70px 0 80px 0;
}

.servother .head h2 {
	font-size: 24px;
	text-align: center;
}

.servother .body li {
	margin-top: 50px;
}

.servother .body .txt h2 {
	font-size: 30px;
	margin-top: 30px;
	font-weight: bold;
}

.servother .body .txt p {
	font-size: 16px;
	margin-top: 20px;
	line-height: 1.8;
}

.servother .body .btn {
	background: url(../images/servother-arr.png) no-repeat right 20px center;
	padding: 10px 40px 10px 25px;
	border-radius: 50px;
	margin-top: 40px;
	font-size: 14px;
}

.servtype {
	background: #f5f5f5;
	padding: 70px 0 80px 0;
}

.servtype .head h2 {
	font-size: 24px;
	text-align: center;
}

.servtype .body {
	margin-top: 45px;
	text-align: center;
	padding: 0 20px;
}

.servtype ul {
	margin-bottom: 0
}

.servtype .body li {
	/*width: 190px;*/
	width: 13.5%;
	display: inline-block;
	padding-bottom: 30px;
}

.servtype .body li.mail-active {
	background: url(../images/servform-arr.png) no-repeat center bottom;
}

.servtype .body li a {
	display: block;
}

.servtype .body h4 {
	margin-top: 10px;
	color: #222222;
	font-size: 15px;
	margin-top: 15px;
}

.servform {
	padding-top: 60px;
	margin-top: -80px;
	background: #fff;
	border-bottom: #f5f5f5 solid 40px;
	padding-bottom: 50px;
}

.servform a {
	color: #0c7bf8;
}

.servform .btn {
	width: 100%;
	padding: 10px 12px;
	font-size: 16px;
	background: #008fd5;
	border-color: #008fd5;
}

.servform textarea {
	height: 320px;
}

.servform .form-control {
	border-radius: 0;
	box-shadow: none;
}

.servform .form-group {
	margin-bottom: 20px;
}

.servform .mgb30 {
	margin-bottom: 30px;
}

.servform .row .row {
	margin-left: -10px;
	margin-right: -10px;
}

.servform .row .row>div {
	padding-left: 10px;
	padding-right: 10px;
}

.videobanner {
	background: url(../images/videobanner.jpg) #000 no-repeat center/cover;
	color: #fff;
	position: relative;
}

.videobanner .txt {
	padding: 60px 0 20px 0;
	font-size: 40px;
	line-height: 1;
}

.videobanner .txt h2 {
	font-size: 40px;
}



.videonewstab {
	line-height: 60px;
	height: 60px;
	font-size: 16px;
}

.videonewstab a {
	color: #222222;
}

.videonewstab li {
	display: inline-block;
	margin-right: 40px;
	position: relative;
}

.videonewstab li.active a {
	color: #008fd5;
}

.videonewstab li.active:after {
	content: "";
	width: 20px;
	height: 4px;
	background: #008fd5;
	border-radius: 4px;
	position: absolute;
	left: 50%;
	margin-left: -10px;
	bottom: 0;
}


.videobody {
	background: #f5f5f5;
	padding-top: 20px;
}

.videolist li {
	margin-bottom: 20px;
	padding-left: 10px;
	padding-right: 10px;
}

.videolist li .video {
	position: relative;
	overflow: hidden;
}

.videolist li .video:after {
	content: "";
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	background: url(../images/videoplay.png) no-repeat center rgba(0, 0, 0, 0.5);
}

.videolist li .img {
	line-height: 0;
	overflow: hidden;
	position: relative;
}

.videolist li .video label,
.videolist li .img label {
	background: rgba(0, 0, 0, 0.6);
	color: #fff;
	position: absolute;
	right: 5px;
	bottom: 5px;
	padding: 5px 10px;
	line-height: 1.5;
}

.videolist li img {
	transition: 0.6s;
}

.videolist li:hover img {
	transform: scale(1.05);
}

.videolist li .txt {
	background: #ffffff;
	padding: 10px 40px 20px 40px;
	box-shadow: rgba(0, 0, 0, 0.01) 0 5px 5px;
}

.videolist li .txt h2 {
	font-size: 22px;
	color: #222;
}

.videolist li .txt p {
	font-size: 14px;
	color: #999999;
}

.videopage {
	padding: 20px 0 40px 0;
	text-align: center;
}

.videopage span {
	background: url(../images/videodot.png) no-repeat;
	width: 6px;
	height: 6px;
	display: inline-block;
	margin: 0 1px;
}

.videopages {
	padding: 0 0 20px 0;
	text-align: center;
}

.greymask {
	background: rgba(0, 0, 0, 0.8);
	position: fixed;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	z-index: 9999;
}

.greyvideo {
	z-index: 99999;
	position: relative;
}

.greyvideo .close {
	background: url(../images/icon-close.png) no-repeat center #fff;
	width: 30px;
	height: 30px;
	border-radius: 30px;
	position: absolute;
	right: -15px;
	top: -15px;
}

/*关闭视频*/
.closedvideo .greymask {
	display: none;
}

.closedvideo .greyvideo .close {
	display: none;
}

.videoplay {
	margin-top: 40px;
}

.videoplay video {
	background: #000;
	height: 660px;
	height: auto;
}

.videorelated {}

.videorelated .head {
	padding: 45px 0 30px 0;
}

.videorelated .head h2 {
	font-size: 20px;
	font-weight: bold;
	margin: 0;
}

.videorelated li .img {
	position: relative;
}

.videorelated li .img label {
	background: rgba(0, 0, 0, 0.6);
	color: #fff;
	position: absolute;
	right: 5px;
	bottom: 5px;
	padding: 5px 10px;
}

.videorelated li .txt {
	padding-top: 5px;
}

.videorelated li .txt h2 {
	font-size: 18px;
	color: #222;
}

.videorelated li .txt p {
	font-size: 14px;
	color: #999999;
}

.videorelated .swiper-button-next,
.videorelated .swiper-button-prev {
	width: 32px;
	height: 88px;
	top: 65px;
	margin-top: 0;
	background: rgba(0, 0, 0, 0.2);
	background-repeat: no-repeat;
	background-position: center;
	border-radius: 2px;
	pointer-events: visible;
}

.videorelated .swiper-button-prev {
	background-image: url(../images/videoslider-prev.png);
	left: 0;
}

.videorelated .swiper-button-next {
	background-image: url(../images/videoslider-next.png);
	right: 0;
}

/*news*/

.newsbanner {
	background: url(../images/newsbanner.jpg) #000 no-repeat center/cover;
	/*height: 420px;*/
	color: #fff;
	padding-top: 50px;
	padding-bottom: 20px;
	position: relative;
}

.newsbanner .txt {
	/*padding: 160px 0 0 0; */
	font-size: 40px;
	line-height: 1;
}

.newsbanner .txt h2 {
	font-size: 40px;
}

.newscontainer {
	background: #f6f6f7;
	padding-top: 20px;
}

.newscontainer .row {
	margin-left: -10px;
	margin-right: -10px;
}

.newscontainer .row>div,
.newscontainer .row>li {
	padding-left: 10px;
	padding-right: 10px;
}

.newsmain {}

.newspage {
	padding: 20px 0 40px 0;
	text-align: center;
}

.newspage span {
	background: url(../images/videodot.png) no-repeat;
	width: 6px;
	height: 6px;
	display: inline-block;
	margin: 0 1px;
}

.newspages {
	text-align: center;
	padding: 0 0 20px 0;
}

.newsitem {
	background: #fff;
	padding: 40px 40px;
	margin-bottom: 20px;
}

.newsitem .title {
	margin-top: 40px;
}

.newsitem .title a {
	font-size: 23px;
	color: #222;
}

.newsitem .meta {
	/*overflow: hidden;*/
	height: 20px;
	margin-top: 25px;
	font-size: 14px;
}

.newsitem .meta a {
	color: #222;
}

.newsitem .meta-l {
	float: left;
	color: #999999;
}

.newsitem .meta-r {
	float: right;
}

.newsitem .meta-r>a,
.newsitem .meta-r>span {
	display: inline-block;
	background-repeat: no-repeat;
	background-position: left center;
	padding-left: 25px;
	margin-left: 30px;
	min-height: 14px;
	position: relative;
	text-decoration: none !important;
}

.newsitem .meta-r .love {
	background-image: url(../images/newsicon-01.png);
}

.newsitem .meta-r .love-active {
	background-image: url(../images/newsicon-012.png);
}

.newsitem .meta-r .eye {
	background-image: url(../images/newsicon-02.png);
}

.newsitem .meta-r .share {
	background-image: url(../images/newsicon-03.png);
	position: relative;
	cursor: pointer;
}

/*图片提前加载*/
.newsitem .meta-r .share:after {
	background-image: url(../images/newsicon-03-2.png);
	content: "";
}

.newsitem .meta-r .share:hover {
	background-image: url(../images/newsicon-03-2.png);
}

/*.newsitem .meta-r span>.bshareDiv{

}*/
.newsitem .meta-r span>.shareDiv {
	position: absolute;
	right: 0;
	top: 25px;
	bottom: 0;
	width: 240px;
	height: 50px;
	line-height: 50px;
	background: #fff;
	box-shadow: rgba(0, 0, 0, 0.2) 0 0 5px;
	padding-left: 30px;
	display: none;
}

.newsitem .meta-r span:hover>.shareDiv {
	display: block;
}

.newsitem .meta-r span>.shareDiv:after {
	width: 16px;
	height: 10px;
	background: url(../images/shareDiv-arr.png) no-repeat;
	position: absolute;
	right: 10px;
	top: -10px;
	content: "";
}

.newsitem .meta-r span>.shareDiv dt,
.newsitem .meta-r span>.shareDiv dd {
	float: left;
	line-height: inherit;
}

.newsitem .meta-r span>.shareDiv dt {
	display: inline;
	font-size: 12px;
	color: #222222;
}

.newsitem .meta-r span>.shareDiv dd {
	display: inline;
}

.newsitem .meta-r span>.shareDiv a {
	width: 40px;
	height: 50px;
	border-radius: 40px;
	display: inline-block;
	margin-left: 10px;
	background-position: center;
	background-repeat: no-repeat;
	line-height: inherit;
}

.newsitem .meta-r span>.shareDiv a.weibo {
	background-image: url(../images/newsdetail-icon01.png);
}

.newsitem .meta-r span>.shareDiv a.weixin {
	background-image: url(../images/newsdetail-icon02.png);
	position: relative;
}

.newsitem .meta-r span>.shareDiv a.qq {
	background-image: url(../images/newsdetail-icon03.png);
}




.newsitem .desc {
	margin-top: 35px;
	font-size: 14px;
	line-height: 2;
}

.newsaside {
	background: #fff;
}

.newsaside {
	padding: 20px
}

.newsaside .head {}

.newsaside .head h2 {
	margin-top: 0;
	font-size: 18px;
	font-weight: bold;
}

.newsaside .body {
	margin-top: 20px;
}

.newsaside .body li {
	margin-bottom: 20px;
}

.newsaside .body .img img {
	width: 100%;
}

.newsaside .body .txt {
	font-size: 15px;
	color: #222;
	line-height: 1.8;
}

.newsaside .cat-lilst {
	margin: 0 15px;
}

@media (max-width:640px) {

	.newsaside .cat-lilst {
		margin: 0;
	}
}

.newsaside .cat-lilst a {
	font-size: 16px;
	line-height: 2;
	color: #333;
	display: block;
	border-bottom: 1px solid #eee;
	padding: 5px 15px 5px 0;
	transition: all .3s;
}

.newsaside .cat-lilst a:hover,
.newsaside .cat-lilst .on>a {
	color: #337ab7;
}

.newsaside .cat-lilst .parent {
	position: relative;
}


.notice-item ul {
	list-style: none;
	padding: 0;
	margin: 0;
}

.notice-item li {
	display: flex;
	align-items: center;
	clear: both;
	line-height: 2;
	padding: 10px;
	border-bottom: 1px solid #eee;
}

.notice-item li a {
	display: block;
	width: 100%;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
}

.notice-item li span {
	float: right;
	color: #999;
	font-size: 12px;
	white-space: nowrap;
}

.newsaside .cat-lilst .parent span {
	position: absolute;
	right: 5px;
	top: 15px;
	width: 15px;
	height: 15px;
	color: #999;
	display: block;
	cursor: pointer;
	transition: all .3s;
}

.newsaside .cat-lilst .parent ul {
	margin-left: 5px;
	height: 0;
	overflow: hidden;
	transition: all .3s;
}

.newsaside .cat-lilst .parent.on ul {
	height: 100%;
}

.newsaside .cat-lilst .parent.on span {
	transform: rotate(90deg);
	color: #1e73be;
}

.newsaside .cat-lilst .parent ul a {
	font-size: 14px;
}

.newsdetail {
	margin-top: 90px;
}

.newsdetail .head {
	text-align: center;
}

.newsdetail .head h2 {
	font-size: 24px;
}

.newsdetail .head p {
	font-size: 18px;
	color: #999999;
}

.newsdetail .body {
	margin-top: 60px;
	font-size: 16px;
	line-height: 2;
}

.newsdetail .body p {
	margin-bottom: 30px;
}

.newsbodyshare {
	text-align: right;
}

.newsbodyshare a {
	width: 40px;
	height: 40px;
	background: #f4f6f9;
	border-radius: 40px;
	display: inline-block;
	margin-left: 20px;
	background-position: center;
	background-repeat: no-repeat;
}

.newsbodyshare a.weibo {
	background-image: url(../images/newsdetail-icon01.png);
}

.newsbodyshare a.weixin {
	background-image: url(../images/newsdetail-icon02.png);
	position: relative;
}

.newsbodyshare a.weixin img {
	position: absolute;
	left: 50%;
	margin-left: -50px;
	bottom: 40px;
	width: 100px;
	height: 100px;
	max-width: inherit;
	border: #fff solid 10px;
	display: none;
}

.newsbodyshare a.weixin:hover img {
	display: block;
}

.newsbodyshare a.qq {
	background-image: url(../images/newsdetail-icon03.png);
}


.newsprevnext {
	margin-top: 50px;
}

.newsprevnext .row {
	margin-left: 0;
	margin-right: 0;
}

.newsprevnext .row>div {
	padding-left: 0;
	padding-right: 0;
}

.newsprevnext a {
	background: #f5f5f5;
	display: block;
	padding: 20px 30px;
	overflow: hidden;
	min-height: 125px;
	margin-bottom: 20px;
}

.newsprevnext a.prev {
	background: url(../images/newsdetail-prev01.png) no-repeat 30px center #f5f5f5;
	padding-left: 70px;
}

.newsprevnext a.prev:hover,
.newsprevnext a.prev.active {
	background-image: url(../images/newsdetail-prev02.png);
	background-color: rgb(0, 143, 213) !important;
}

.newsprevnext a.next {
	background: url(../images/newsdetail-next01.png) no-repeat right 30px center #f5f5f5;
	padding-right: 70px;
}

.newsprevnext a.next:hover,
.newsprevnext a.next.active {
	background-image: url(../images/newsdetail-next02.png);
	background-color: rgb(0, 143, 213) !important;
}

.newsprevnext .txt {
	width: 50%;
	float: left;
	font-size: 16px;
	padding: 15px 0 0 0;
	color: #222;
	line-height: 1.7;
}

.newsprevnext a:hover .txt,
.newsprevnext a.active .txt {
	color: #fff;
}

.newsprevnext .img {
	width: 200px;
	float: right;
}

.newsprevnext .next .txt {
	float: right;
	text-align: right;
}

.newsprevnext .next .img {
	float: left;
}

/*pageprivacy*/
.pageprivacy {
	background: #f5f5f5;
	padding-bottom: 70px;
}

.pageprivacywp {
	background: #fff;
	padding: 50px 40px 60px 40px;
}

.pageprivacy .title {
	font-size: 24px;
	text-align: center;
}

.pageprivacy .content {
	margin-top: 40px;
	font-size: 15px;
	line-height: 2;
	word-break: break-word;
}

.pageprivacy .content h2 {
	font-size: 24px;
	margin-bottom: 30px;
}

.pageprivacy .content p {
	margin-bottom: 30px;
}


/*pageprivacy*/
.statepage {
	background: #f5f5f5;
	padding-bottom: 70px;
}

.statetext {
	background: #fff;
	padding: 30px 40px 20px 40px;
	font-size: 16px;
	line-height: 2;
}

.statetext h2 {
	font-size: 24px;
	margin-bottom: 15px;
}

.statetext .boxs {
	margin-top: 30px;
}

.statetext .box {
	box-shadow: rgba(0, 0, 0, 0.1) 0 0 10px;
	padding: 25px 30px 5px 30px;
	border: #e0e0e0 solid 1px;
	margin-bottom: 20px;
}

.statetext .box h4 {
	font-size: 14px;
	margin-bottom: 15px;
}

.statetext .box select,
.statetext .box .bootstrap-select {
	width: 100%;
	height: 38px;
	padding-left: 10px;
	border-color: #e0e0e0;
	margin-bottom: 10px;
}

.statetext .box .bootstrap-select {
	padding-left: 0;
	float: left;
	margin-bottom: 5px;
}

.statetext .box .bootstrap-select .caret {
	border-bottom: none;
}

.statetext .box .row>div>.btn {
	width: 100%;
	border-radius: 0;
	background: #0f96d7;
	height: 38px;
	border-color: #0f96d7;
}

.statetext .box .row {
	margin-left: -10px;
	margin-right: -10px;
}

.statetext .box .row>div {
	padding-left: 10px;
	padding-right: 10px;
	line-height: 0;
}

.statetable {
	background: #fff;
	padding: 30px 40px 40px 40px;
	font-size: 16px;
	line-height: 2;
	margin-top: 20px;
}

.statetable h2 {
	font-size: 18px;
	font-weight: bold;
}

.statetable .table-responsive {
	border: none;
}

.statetable table {
	margin-top: 30px;
	/*width: 1090px;*/
}

.statetable th,
.statetable td {
	padding: 10px 30px;
}

.statetable th {
	background: #f2f2f2;
	font-size: 16px;
	font-weight: normal;
}

.statetable td {
	font-size: 14px;
}

.statetable tr:nth-child(odd) td {
	background: #fafafa;
}


.probanner {
	background: #3369c1 url(../images/probanner.jpg) no-repeat center/cover;
	position: relative;
	/*height: 500px;*/
	padding-top: 26%;
}

.probanner .txt {
	/*padding: 150px 0 0 240px;*/
	position: absolute;
	/*width: 1440;*/
	left: 0;
	right: 0;
	top: 30%;
}

.probanner .txt h4 {
	margin-top: 20px;
}

.pronav {
	height: 60px;
	text-align: center;
	font-size: 15px;
	position: relative;
}

.pronav .container {
	/*position: relative;*/
}

.pronav .nav>li>a {
	padding: 20px 25px;
	color: #222;
}

.pronav .nav>li>a:hover {
	background: none;
	color: #008fd5;
}

.pronav .nav-pills>li {
	float: none;
	display: inline-block;
	position: static;
}

.pronav .pull-left {
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
}

.pronav .pull-right {
	/*position: absolute; left: 50%; margin-left: 600px; top: 0;*/
	float: right;
}

.pronav .dropdown-menu {
	left: 0;
	right: 0;
	box-shadow: rgba(0, 0, 0, 0.05) 0 5px 5px;
	padding: 35px 0;
}

.pronav .dropdown-menu dt {
	margin-bottom: 30px;
	font-size: 16px;
}

.pronav .dropdown-menu dd {
	margin-bottom: 10px;
	color: #666666;
}

.pronav .nav>li.active a {
	color: #008fd5;
	background: none;
	position: relative;
}

.pronav .nav>li.active a:after {
	content: "";
	width: 20px;
	height: 4px;
	background: #008fd5;
	border-radius: 4px;
	position: absolute;
	left: 50%;
	margin-left: -10px;
	bottom: 0;
}

.prolist {
	background: #f5f5f5;
	padding: 20px 0 0 0;
}

.prolist .row {
	margin-left: -10px;
	margin-right: -10px;
}

.prolist .row>div {
	padding-left: 10px;
	padding-right: 10px;
}

.proitem {
	background: #fff;
	padding: 20px 0 50px;
	text-align: center;
	margin-bottom: 20px;
}

.proitem .imgmeta {
	margin-top: 20px;
}

.proitem .imgmeta span {
	width: 22px;
	height: 22px;
	display: inline-block;
	border: #cecece solid 1px;
	border-radius: 22px;
	margin: 0 4px;
	position: relative;
}

.proitem .imgmeta span:after {
	width: 14px;
	height: 14px;
	position: absolute;
	left: 50%;
	margin-left: -7px;
	top: 50%;
	margin-top: -7px;
	content: "";
	background: #cecece;
	border-radius: 14px;
}

.proitem .imgmeta span.darkblue:after {
	background-color: #012966;
}

.proitem .imgmeta span.black:after {
	background-color: #101010;
}

.proitem .imgmeta span.green:after {
	background-color: #2f7e8a;
}

.proitem .imgmeta span.blue:after {
	background-color: #25a3f2;
}

.proitem .imgmeta span.yellow:after {
	background-color: #daa464;
}

.proitem .imgmeta span.darkgray:after {
	background-color: #292a2f;
}

.proitem .imgmeta span.gray:after {
	background-color: #e1e1e1;
}

.proitem .title {
	margin-top: 20px;
}

.proitem .title h4 {
	font-size: 20px;
	padding: 0 15px;
}

.proitem .title p {
	font-size: 15px;
	margin-top: 20px;
}

.proitem .btns {
	margin-top: 25px;
	padding-bottom: 40px;
}

.proitem .btn {
	padding: 10px 20px 10px 20px;
	border-radius: 100px;
	margin: 0 20px;
	font-size: 14px;
	color: #222222;
	border-color: #e5e5e5;
}

.proitem .btn.active {
	background-color: #008fd4;
	color: #fff;
	box-shadow: none;
	border-color: #008fd4;
}

.proitem .btn i {
	width: 14px;
	height: 14px;
	display: inline-block;
	border: none;
	background-repeat: no-repeat;
	background-position: center;
	position: relative;
	top: 2px;
	margin-left: 2px;

}

.proitem .btn.active i.compare {
	background-image: url(../images/proicon-01-white.png);
}

.proitem .btn i.compare {
	background-image: url(../images/proicon-01.png);
}

.proitem .btn i.more {
	background-image: url(../images/proicon-02.png);
}

.proitem .btn i.buy {
	background-image: url(../images/proicon-03.png);
}

.proitem .foot {
	border-top: #e0e0e0 solid 1px;
	margin-top: 50px;
}

.proitem .foot .btn {
	padding: 23px 0;
	border-radius: 0;
	margin: 0;
	border: none;
	float: left;
	width: 100%;
}

.proitem .foot>.btn {
	width: 33.33%;
	border-right: #e0e0e0 solid 1px;
}

.proitem .foot .btn-group {
	width: 33.33%;
}


.propage {
	padding: 20px 0 40px 0;
	text-align: center;
}

.propage span {
	background: url(../images/videodot.png) no-repeat;
	width: 6px;
	height: 6px;
	display: inline-block;
	margin: 0 1px;
}

.propages {
	padding: 0 0 20px 0;
	text-align: center;
}


.profooterheight {
	/*height: 100px; background: #030303;*/
}

.profooter {
	height: 100px;
	background: #030303;
	color: #fff;
	position: fixed;
	left: 0;
	right: 0;
	bottom: 0;
	padding-top: 30px;
	z-index: 9;
	transition: all 0.4s;
	bottom: -100px;
}

.profooter-show {
	bottom: 0;
}

.profooter a {
	color: #fff;
}

.profooter .pros {
	font-size: 16px;
}

.profooter .pros li {
	display: inline-block;
	margin-left: 60px;
}

.profooter .pros li img {
	height: 40px;
}

.profooter .pros span {
	margin-left: 5px;
}

.profooter .pros button.cls {
	background: url(../images/profoot-close.png) no-repeat center;
	width: 16px;
	height: 16px;
	border: none;
	margin-left: 10px;
}

.profooter .btns {
	border-left: #818181 solid 1px;
	padding-left: 40px;
}

.profooter .btn {
	margin-left: 20px;
	border-radius: 50px;
	padding: 10px 45px;
	font-size: 15px;
}

.profooter .btn-default {
	background: none;
	color: #fff;
}

.profooter .btn-default:hover {
	color: #fff;
}

.profooter .btn-primary {
	background: #008fd4;
	border-color: #008fd4;
}

.profooter .btn-primary:disabled {
	background: #fff;
	color: #222;
	border-color: #fff;
}

.gotop {
	background: url(../images/gotop.png) no-repeat center;
	width: 48px;
	height: 48px;
	position: fixed;
	right: 20px;
	bottom: 230px;
	z-index: 9;
	cursor: pointer;
	display: none;
}


.prodiff {
	margin-top: 60px;
}

.prodiff-pro .proitem {
	text-align: center;
	padding-top: 0;
}

.prodiff-pro .img img {
	height: 240px;
}

.prodiff-pro .txt h2 {
	font-size: 20px;
}

.prodiff-pro .cls {
	background: url(../images/prodiff-close.png) no-repeat;
	width: 28px;
	height: 28px;
	display: inline-block;
	margin-top: 20px;
	cursor: pointer;
}

.prodiff-meta .metaitem {
	border-bottom: #e0e0e0 solid 1px;
	padding: 50px 0;
}

.prodiff-meta .metaitem .row {
	margin-bottom: 25px;
}

.prodiff-meta .metaitem .row:last-child {
	margin-bottom: 0;
}

.prodiff-meta .metaitem h2 {
	margin-bottom: 20px;
	font-size: 18px;
}

.prodiff-meta .metaitem .txt {
	font-size: 15px;
	line-height: 2;
	word-wrap: break-word;
	word-break: break-all;
}

.prodiff-pro .proitem .add {
	cursor: pointer;
}

.prodiff-pro .proitem .add2 {
	border: #eeeeee solid 1px;
	box-shadow: #ddd 0 0 10px;
	height: 300px;
	overflow-y: auto;
	text-align: left;
}

.prodiff-pro .proitem .add2 .nav-pills>li {
	border-radius: 0;
}

.prodiff-pro .proitem .add2 .nav-pills>li>a {
	border-radius: 0;
	font-size: 16px;
	color: #222222;
	padding: 12px 15px;
}

.prodiff-pro .proitem .add2 .nav-pills>li.active>a,
.prodiff-pro .proitem .add2 .nav-pills>li.active>a:hover,
.prodiff-pro .proitem .add2 .nav-pills>li.active>a:focus {
	background: #008fd5;
	color: #fff;
}

.prodiff-nav {
	position: fixed;
	left: 0;
	right: 0;
	top: 80px;
	background: #f5f5f5;
	padding: 45px 0;
}

.prodiff-nav .img img {
	height: 100px;
}

.prodiff-nav h2 {
	font-size: 18px;
	color: #222222;
	line-height: 1.7;
}


/*产品详情*/
.prosubnav .txt {
	line-height: 60px;
	font-size: 16px;
}

.prosubnav .nav-pills {
	float: right;
}

.prosubnav .nav-pills>li>a {
	padding: 20px 15px;
	color: rgba(34, 34, 34, 0.6);
	font-size: 14px;
}

.prosubnav .nav-pills>li>a:hover {
	background: none;
}

.prosubnav .nav-pills>li.active>a {
	color: rgba(34, 34, 34, 1);
	background: none;
}

.prosubnav .btn-group {
	padding-top: 10px;
	margin-left: 70px;
}

.prosubnav .btn-group>.btn {
	padding: 10px 30px;
	font-size: 15px;
	background: #0090d7;
	color: #fff;
	border-radius: 100px;
	border-color: #0090d7;
}

.prosubnavfixed {
	position: fixed;
	left: 0;
	right: 0;
	top: 0;
	background: #fff;
	z-index: 99;
	box-shadow: rgba(0, 0, 0, 0.05) 0 5px 5px;
}

/*prodetail*/
.prod01 {
	background: url(../images/prodetail-bg.jpg) repeat-x top;
	min-height: 500px;
	padding-bottom: 220px;
}

.prod01 .txt {
	padding-top: 370px;
}

.prod01 .txt h2 {
	font-size: 88px;
	font-weight: bold;
}

.prod01 .txt h4 {
	font-size: 80px;
}

.prod01 .txt p {
	font-size: 28px;
	margin-top: 25px;
}

.prod01 .img {
	margin-top: 260px;
	display: inline-block;
	position: relative;

}

.prod01 .img img {
	transition: all 1s;
}

.prod01 .img img.img1 {
	position: relative;
	top: 50px;
}

.prod01 .img img.img2 {
	position: absolute;
	left: 200px;
	top: -60px;
}

.prod01 .img.animated img.img1 {
	/*animation: fadeInUp 1s .3s both;*/
	top: 0;
}

.prod01 .img.animated img.img2 {
	top: -160px;
}

.prod-head {
	text-align: center;
}

.prod-head h2 {
	font-size: 46px;
	font-weight: bold;
}

.prod-head h2 br {
	display: none;
}

.prod-head p {
	font-size: 27px;
	margin-top: 20px;
	line-height: 1.8;
}

.prod02 .body {
	margin-top: 70px;
}

.prod03 {
	margin-top: 230px;
	background: url(../images/prod-04.jpg) no-repeat #000 center/cover;
	height: 975px;
	color: #fff;
	padding-top: 95px;
}

.prod03 .body {
	margin-top: 70px;
	text-align: center;
}

.prod04 {
	margin-top: 140px;
}

.prod04 .body {
	margin-top: 80px;
}

.prod05 {
	margin-top: 170px;
	padding-bottom: 70px;
	background: url(../images/prod-15.jpg) no-repeat center bottom;
}

.prod05 .body {
	margin-top: 120px;
	text-align: center;
}

.prod05 .body img {
	transition: 0.8s 0.2s;
}

.prod05 .body.animated img {}

.prod05 .body .img1 {
	margin-right: -30px;
}

.prod05 .body.animated .img1 {
	margin-right: -80px;
}

.prod05 .body .img2 {
	margin-left: -80px;
}

.prod05 .body.animated .img2 {
	margin-left: -120px;
}

.prod06 {
	background: url(../images/prod-08.jpg) no-repeat center #000;
	height: 1376px;
	color: #fff;
	padding-top: 160px;
}

.prod06 .nav {
	margin-top: 80px;
	text-align: center;
}

.prod06 .nav h2 {
	font-size: 60px;
	font-weight: bold;
	color: #5ef1e7;
}

.prod06 .nav sup {
	background: url(../images/prod-27.png) no-repeat;
	width: 20px;
	height: 38px;
	display: inline-block;
	vertical-align: middle;
	position: relative;
	top: -4px;
}

.prod06 .nav p {
	font-size: 24px;
	color: #666666;
	margin-top: 20px;
}

.prod06 .body {
	text-align: center;
	margin-top: 20px;
}

.prod07 {
	margin-top: 160px;
	padding-bottom: 220px;
}

.prod07 .txt h2 {
	font-size: 46px;
	font-weight: bold;
	line-height: 1.4;
}

.prod07 .txt p {
	font-size: 27px;
	margin-top: 60px;
	line-height: 2.1;
}

.prod08 {
	background: url(../images/prod-10.jpg) no-repeat #222 center/cover;
	/*height: 912px; */
	padding-top: 120px;
	color: #fff;
}

.prod08 .body {
	text-align: center;
	margin-top: 70px;
}

.prod09 {
	padding-top: 120px;
}

.prod09 .body {
	text-align: center;
	margin-top: 60px;
}

.prod09 .body li {
	display: inline-block;
}

.prod09 .body h4 {
	font-size: 20px;
}

.prod10 {
	margin-top: 180px;
}

.prod10 .head p {
	line-height: 1.5;
}

.prod10 .body {
	text-align: center;
	margin-top: 60px;
}

.prod11 {
	margin-top: 150px;
	background: url(../images/prod-23.png) no-repeat center bottom;
	padding-bottom: 420px;
	position: relative;
}

.prod11:before {
	content: "";
	background: url(../images/prod-21.png) no-repeat left bottom;
	width: 600px;
	height: 800px;
	position: absolute;
	left: 0;
	bottom: 0;
}

.prod11:after {
	content: "";
	background: url(../images/prod-22.png) no-repeat right bottom;
	width: 600px;
	height: 800px;
	position: absolute;
	right: 0;
	bottom: 0;
}

.prod11 .head p {
	line-height: 1.5;
}

.prod11 .body {
	margin-top: 80px;
	text-align: center;
}

.prod12 {
	padding-top: 120px;
}

.prod12 li {
	text-align: center;
}

.prod12 .swiper-button-next,
.prod12 .swiper-button-prev {
	background: url(../images/prod-26.png);
	width: 60px;
	height: 60px;
}

.prod12 .swiper-button-next {
	background-image: url(../images/prod-25.png);
}

.prod12 .swiper-button-disabled {
	opacity: 0.1;
}

.prod13 {
	padding-top: 110px;
	border-bottom: #e0e0e0 solid 1px;
	padding-bottom: 90px;
}

.prod13 h2 {
	margin-top: 0;
	font-size: 24px;
}

.prod13 p {
	font-size: 16px;
	line-height: 2;
}

.prod13 li {
	margin-bottom: 10px
}

.prod13 .prometa {
	border-bottom: #eeeeee solid 1px;
	padding-top: 25px;
}

.prod13 .prometa .col-sm-3 {
	font-weight: bold;
}

.prod13 .prometa .col-sm-3 p {
	margin: 0;
}

.prod13 .prometa:last-child {
	border: none;
}

/*2019.11.15*/
.regionpage {
	background: #fff;
	padding: 50px 40px 50px;
	margin-bottom: 80px;
}

.regionpage a {
	color: #222222;
}

.regionpage a:hover {
	color: #000;
}

.regionpage .head {
	font-size: 24px;
	text-align: center;
	font-weight: bold;
}

.regionpage dl {
	border-bottom: #eeeeee solid 1px;
	padding-bottom: 30px;
	padding-top: 40px;
	margin-bottom: 0
}

.regionpage dt {
	font-size: 24px;
	font-weight: bold;
	margin-bottom: 35px;
}

.regionpage dd {
	display: inline-block;
	font-size: 15px;
	margin-right: 50px;
}



/**/
.mpro .container {
	background: #131419;
	color: #fff;
}

.mpro>div {
	padding-left: 200px;
	padding-right: 200px;
}

.mpro01 {
	padding-top: 180px;
	padding-bottom: 100px;
}

.mpro01 .img {
	padding-top: 40px;
}

.mpro01 h2 {
	font-size: 50px;
	text-align: center;
	margin-bottom: 35px;
	line-height: 1.2;
}

.mpro01 p {
	font-size: 16px;
	background: url(../images/mpro-dot.png) no-repeat left center;
	padding-left: 15px;
}

.mpro01 p strong {
	font-size: 20px;
	margin-right: 5px;
}

.mpro02 {
	padding-top: 150px;
	padding-bottom: 130px;
}

.mpro02 h3 {
	font-size: 41px;
}

.mpro02 h4 {
	font-size: 20px;
	color: rgba(255, 255, 255, 0.71);
	margin-top: 20px;
}

.mpro02 ul {
	font-size: 16px;
	margin-top: 30px;
}

.mpro02 li {
	background: url(../images/mpro-dot.png) no-repeat left center;
	padding-left: 15px;
}



/*faq*/
.pagefaq {
	padding: 60px 0 0 0;
}

.pagefaq .panel {
	border: none;
	box-shadow: none;
	margin-bottom: 20px;
}

.pagefaq .panel-heading {
	position: relative;
	background: none;
	border: none;
}

.pagefaq .panel-heading:after {
	background: url(../images/serv-arr2.png) no-repeat center;
	width: 16px;
	height: 18px;
	content: "";
	position: absolute;
	right: 0;
	top: 50%;
	margin-top: -9px;
}

.pagefaq .panel.active .panel-heading:after {
	background-image: url(../images/serv-arr1.png);
}

.pagefaq .panel-title {
	font-size: 18px;
	color: #222222;
	font-weight: bold;
}

.pagefaq .panel-title a:active,
.pagefaq .panel-title a:hover,
.pagefaq .panel-title a:focus {
	text-decoration: none;
}

.pagefaq .panel-body {
	font-size: 16px;
	color: #444444;
	border: none !important;
}

.pagefaq form {
	text-align: center;
	margin-bottom: 40px;
}

.pagefaq .form-group {
	margin-bottom: 0;
	display: inline-block;
	position: relative;
}

.pagefaq .ipt {
	width: 650px;
	height: 50px;
	margin: 0 auto;
	border-radius: 50px;
	background: #efeeee;
	padding-left: 55px;
	font-size: 18px;
	color: #222;
	border: none;
	background: #efeeee url(../images/searchbox-icon.png) no-repeat 20px center;
}

.pagefaq .ipt:focus {
	outline: 0;
}

.pagefaq .btn {
	position: absolute;
	right: 8px;
	top: 8px;
	height: 50px;
	width: 86px;
	border-radius: 100px;
	height: 36px;
	background-color: #4b7dac;
	border-color: #4b7dac;
	font-size: 16px;
	color: #fff;
}