/*header*/
#header {position: fixed; width: 100%; height: 80px; /*padding-top: 14px;*/ line-height: 80px; font-size: 0; left: 0; top: 0; z-index: 100; /*border-bottom: 1px solid rgba(255,255,255,0.2);*/ -moz-transition: all 0.3s ease-in;-webkit-transition: all 0.3s ease-in;-o-transition: all 0.3s ease-in;transition: all 0.3s ease-in;}
#header .left {}
#header img {vertical-align: middle;}
#header .muen {display: none; width: 50px; height: 40px; margin-top: 21px; margin-left: 12px; background: url(../img/muen.png) no-repeat center; cursor: pointer;}
#header .right {height: 30px; margin-top: 25px; margin-right: 50px; line-height: 30px; color: #fff; font-size: 16px;}
#header .right .fl {margin-left: 25px;}
#header .right a {color: #fff;}
#header .right a:hover {color: #F41414;}
#header .right a i {font-size: 20px;}
#header .language {width: 106px; height: 100%; position: relative;}
#header .language a {display: block; padding-left: 30px;background: url(../img/language_ico.png) no-repeat left center;}
#header .headSearch {width: 30px; height: 30px; margin-left: 6px; background: url(../img/ico_search.png) no-repeat right center; position: relative;}
#header .logo {width: 160px; height: 80px;margin-left: 30px; margin-right: 60px;}
#header .logo a {transition: all 0s ease-in;}
#header .logo img {-moz-transition: all 0.2s ease-in;-webkit-transition: all 0.2s ease-in;-o-transition: all 0.2s ease-in;transition: all 0s ease-in;}
#header .language p {display: none; padding-left: 30px; position: absolute; width: 100%; line-height: 32px; left: 0; color: #ccc; box-sizing: border-box;}
#header .language p:hover {color: #fff;}

#header.active {background: rgba(0,0,0,0.7);}

#header.on {height: 70px; line-height: 70px; background: rgba(0,0,0,0.7);}
/*#header.on .logo img {transform: scale(0.9);}*/
#header.on .muen {margin-top: 24px;}
#header.on .right {margin-top: 20px;}

#header .nav {/*display: none;*/ float: left; /*height: 32px; line-height: 32px;*/ padding-left: 100px; font-size: 16px;}
#header .nav ul {}
#header .nav ul li {float: left; margin-left: 40px;}
#header .nav ul li:first-child {margin-left: 0;}
#header .nav ul li a {color: #fff;}
#header .nav ul li h2 {position: relative;}
#header .nav ul li h2 a {display: block; }
#header .nav ul li h2 span {position: absolute; width: 0; height: 2px; background: #fff; bottom: 0; left: 50%; transform: translateX(-50%); -moz-transition: all 0.3s ease-in;-webkit-transition: all 0.3s ease-in;-o-transition: all 0.3s ease-in;transition: all 0.3s ease-in;}
#header .nav ul li:hover h2 a {color: #BD1328;}
#header .nav ul li.on h2 a {color: #BD1328;}
/*#header .nav ul li:hover h2 span {width: 100%;}
#header .nav ul li.on h2 span {width: 100%;}*/
#header .navDown {display: none; position: absolute; width: 100%; height: 215px; background: rgba(0,0,0,0.7); border-top: 1px solid rgba(255,255,255,0.2); left: 0; z-index: 26;}
#header .navDown .navDownW {width: 66px; padding-top: 25px; margin-top: -1px; text-align: center;} 
#header .navDown .navDownW a {display: block; line-height: 40px; }
#header .navDown .navDownW a:hover {/*font-weight: 600;*/ color: #f41414;}
#header .nav ul li:nth-child(1) .navDownW {margin-left: 206px;}
#header .nav ul li:nth-child(2) .navDownW {margin-left: 290px;}
#header .nav ul li:nth-child(3) .navDownW {margin-left: 376px;}
#header .nav ul li:nth-child(4) .navDownW {margin-left: 461px;}
#header .nav ul li:nth-child(5) .navDownW {margin-left: 548px;}
#header .nav ul li:nth-child(6) .navDownW {margin-left: 634px;}
#header .nav ul li:nth-child(7) .navDownW {margin-left: 738px;}

.headSearchInner {display: none; position: absolute; width: 246px; height: 100%; padding: 0 9px; line-height: 30px; border: 1px solid #fff; top: 0; right: -10px; border-radius: 15px; box-sizing: border-box; overflow: hidden;}
.headSearchInner input {float: left; width: calc(100% - 40px); margin-left: 5px; border: none; background: none; margin-top: 4px; color: #fff;}
.headSearchInner button {float: right; width: 30px; height: 30px; vertical-align: top; border: none; background: url(../img/ico_search.png) no-repeat right center;}


@media only screen and (max-width: 1280px){
	#header .logo {margin-right: 40px;}
	
}
@media only screen and (max-width: 1024px){
	#header {height: 84px; line-height: 84px; padding-top: 0;}
	#header .language {width: 82px;}
	
	#header .nav {font-size: 15px; padding-left: 16px;}
	#header .nav ul li {margin-left: 22px;}
	#header .navDown .navDownW a {line-height: 36px;}
	#header .navDown {height: 200px;}
	#header .navDown .navDownW {padding-top: 20px;}
	
	#header .nav ul li:nth-child(1) .navDownW {margin-left: 180px;}
	#header .nav ul li:nth-child(2) .navDownW {margin-left: 247px;}
	#header .nav ul li:nth-child(3) .navDownW {margin-left: 315px;}
	#header .nav ul li:nth-child(4) .navDownW {margin-left: 380px;}
	#header .nav ul li:nth-child(5) .navDownW {margin-left: 447px;}
	#header .nav ul li:nth-child(6) .navDownW {margin-left: 514px;}
	#header .nav ul li:nth-child(7) .navDownW {margin-left: 597px;}
	
	
}
@media only screen and (max-width: 768px){
	#header .language {width: 76px;}
	#header .language a {padding-left: 26px; background-size: 20px;}
	#header .logo img {width: auto; height: 52px;}
	#header,
	#header.on {height: 60px; line-height: 60px;}
	
	#header .muen {display: block; margin-top: 26px;}
	#header .right {margin-top: 32px;}
	#header.on .logo img {transform: scale(1);}
	#header.on .muen,
	#header .muen {margin-top: 12px; margin-left: 14px; background-size: 26px;}
	#header .right,
	#header.on .right {margin-top: 15px; margin-right: 15px;}
	#header .right .fl {margin-left: 15px;}
	
	#header .logo,
	#header .muen {position: relative; z-index: 66; margin-left: 10px;margin-right: 0px;}
	#header .nav {display: block; position: fixed; width: 220px; height: 100%; padding: 0; left: -220px; top: 60px;background: rgba(0,0,0,0.7);}
	#header .nav ul li {width: 100%; margin: 0; line-height: 46px; }
	#header .nav ul li h2 {padding-left: 5px; border-bottom: 1px solid rgba(255,255,255,0.4);}
	#header .nav ul li h2 a {display: inline-block; padding: 0 10px; min-width: 150px;}
	#header .nav ul li h2 span {width: 46px; height: 46px; left: auto; right: 0px; top: 0; transform: translate(0,0); background: url(../img/ico_jt.png) no-repeat center; transform: rotate(-90deg);}
	#header .nav ul li h2.on span {transform: rotate(0);}
	#header .nav ul li:hover h2 span {width: 46px;}
	#header .navDown {height: auto; position: relative;}
	#header .navDown .navDownW {width: 100%; margin: 0 !important; text-align: left; padding-top: 0;}
	#header .navDown .navDownW a {padding-left: 24px; line-height: 40px; border-bottom: 1px solid rgba(255,255,255,0.2);}
	#header .navDown .wrap {padding: 0;}
	#header .nav ul {padding-top: 15px;}
	
	.headSearchInner {width: 184px;/* right: 0;*/}
	#header .headSearch {margin-right: 6px;}
	#header .logo {margin-right: 0px;margin-left: 10px;}
	#header .right {font-size: 14px;}
	#header .right a i {font-size: 16px;}
	
	
	
}

@media only screen and (max-width: 420px){
	#header .logo img {width: 102px; height: auto;}
	#header .logo, #header .muen,
	#header.on .logo, #header.on .muen {margin-left: 0px;}
	#header .right {font-size: 12px;}
	#header .right a i {font-size: 12px;}
	#header .right .fl {margin-left: 10px;}
	#header .right, #header.on .right {margin-right: 15px;}
	
	
}	

/*footer*/
.footer {color: #C9C9C9; background: #262F36;}
.footerHd {text-align: center; padding: 52px 0; background: #222c33;}
.footerHd p {font-size: 26px; line-height: 30px; color: #fff;}
.footerHd .bt {margin-top: 38px;}
.footerHd .bt a {display: inline-block; width: 150px; height: 45px; margin: 0 20px; line-height: 45px; font-size: 18px; color: #fff; border: 1px solid #ddd; border-radius: 2px;}
.footerHd .bt a.footerMfsy {background: #BD1328; border-color: #BD1328;}
.footerHd .bt a:hover {color: #BD1328; border-color: #BD1328;}
.footerHd .bt a.footerMfsy:hover {
	background-color: #d64a52;
    border-color: #d64a52;
    color: #ffffff;
    box-shadow: 0 8px 6px -4px rgba(246, 111, 106, 0.5);
}
.footerCont {padding-bottom: 30px; /*border-top: 1px solid #2D373F;*/color: #C9C9C9; }
.footerContSec01 {border-bottom: 1px solid #444c52;}
.footerContSec01 ul {padding: 25px 0; }
.footerContSec01 ul li {float: left; width: 25%; text-align: center; cursor: pointer;}
.footerContSec01 ul li:hover { color: #BD1328; }
.footerContSec01 ul li span {display: inline-block; margin-right: 6px; font-size: 38px; vertical-align: middle;}
.footerContSec01 ul li em {display: inline-block; font-size: 18px; vertical-align: middle;}
.footerContSec02 {padding-top: 16px;}
.footerContSec02 ul {/*padding-left: 50px;*/}
.footerContSec02 ul li {float: left; width: 25%; text-align: center;}
.footerContSec02 ul li h3 {font-size: 16px; font-weight: 600; line-height: 32px; margin-bottom: 10px;}
.footerContSec02 ul li p {font-size: 14px; line-height: 28px;}
.footerContSec02 ul li p a {color: #C9C9C9;}
.footerContSec02 ul li p a:hover {color: #BD1328;}
.footerBt {padding: 15px 0; text-align: center; line-height: 30px; font-size: 14px; border-top: 1px solid #2D373F;}
.contactUs {
	position: fixed;
	/* width: 44px; */
	right: 15px;
	bottom: 198px;
	display: flex;
	align-items: flex-end;
	/* background-color: #fff; */
	cursor: pointer;
	z-index: 999;
}
.contactUs a {
	text-decoration: none!important;
    width: 44px;
    height: 128px;
    box-shadow: 0 6px 12px 0 rgba(0,0,0,.15);
    background-color: #fff;
    text-align: center;
    display: inline-block;
    cursor: pointer;
}
.contactUs i {
	color: #BD1328;
    display: block;
    margin: 15px auto 10px;
    font-size: 30px;
    text-align: center;
    line-height: 22px;
}
.contactUs span { 
	display: inline-block;
    width: 14px;
    font-size: 14px;
    color: #BD1328;
    line-height: 17px;
    text-decoration: none;
}
.contactUs_box {
	display: none;
	width: 300px;
    min-height: 150px;
	padding: 10px 20px;
	margin-right: 2px;
	background-color: #fff;
	box-shadow: 0 6px 12px 0 rgba(0,0,0,.15);
}
.contactUs_box > p {
	width: 100%;
	text-align: center;
	color: #333333;
	font-size: 18px;
}
.contactUs_box > div {
	display: flex;
	justify-content: center;
	margin-top: 14px;
}
.contactUs_box > div > div {
	text-align: center;
	margin: 0 10px;
}
.contactUs_box > div > div > p {
	text-align: center;
	color: #333333;
	font-size: 16px;
}
.contactUs_box > div > div > div {
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	margin-top: 8px;
}
.icon_img {
	width: 20px;
	height: 20px;
	margin-right: 6px;
}
.icon_img img {
	width: 100%;
	display: block;
}
.icon_text {
	font-size: 12px;
	color: #333333;
	white-space:nowrap;
}
.qqzx {
	width: 50px !important; height:20px !important; line-height: 20px; margin-top: 5px; padding: 0 5px;font-size: 12px; color: #999; border: 1px solid #d1d1d1; border-radius: 3px;
	box-shadow: 0 6px 12px 0 rgba(0,0,0,0) !important;
}

@media only screen and (max-width: 1200px){
	.wrap {width: 94%;}	
	
}

@media only screen and (max-width: 1024px){
	.footerHd p {font-size: 22px;}	
	.footerHd {padding: 45px 0;}
}

@media only screen and (max-width: 768px){
	.footerHd p {font-size: 18px;}	
	.footerHd {padding: 35px 0;}
	.footerHd .bt {margin-top: 30px;}
	.footerHd .bt a {width: 120px; height: 38px; line-height: 38px; font-size: 16px;}
	.footerContSec02 ul {padding-left: 8px;}
	.footerContSec01 ul {padding: 10px 0;}
	.footerContSec02 ul li h3 {line-height: 26px;font-size: 14px;margin-bottom: 6px;}
	.footerCont {padding-bottom: 16px;}
	.footerBt {line-height: 22px;padding: 10px 0;}
	.footerContSec01 ul li {width: 50%; text-align: left;}
	.footerContSec01 ul li em {font-size: 14px;}
	.footerContSec01 ul li span {font-size: 24px;}
	.footerContSec02 {padding-top: 10px;}
	.footerContSec02 ul li p {line-height: 24px; font-size: 12px;}
	.contactUs {right: 8px;bottom: 150px;}
	.contactUs a {width: 35px; height: 120px;}
	.contactUs i {font-size: 21px;margin: 10px auto 8px;}
	.contactUs span { font-size: 12px; }
	.contactUs_box {width: 320px;bottom: 150px;right: 45px;}
	.contactUs_box > p {font-size: 16px;}
	.contactUs_box > div {margin-top: 10px;}
	.icon_img {width: 16px;height: 16px;}
	.icon_text {font-size: 14px; color: #333333;}
	.mobile_footerText { display: block; }
}


/*banner-home*/
.bx-wrapper .bx-viewport {background: none; border: none; box-shadow: none;}
.bx-wrapper,
.bx-wrapper .bx-viewport {height: 100%;}
.homeBanner {height: 100vh; color: #fff;background-image: linear-gradient(#09162E, #1b7eb4); position: relative;}
.homeBannerBg {position: absolute; width: 100%; height: 500px; background: url(../img/sky_bg.png); z-index: 0; top: 0; left: 0;
	animation: clouds 300s linear 0s alternate none infinite running;
  -moz-animation: clouds 300s linear 0s alternate none infinite running;
  -webkit-animation: clouds 300s linear 0s alternate none infinite running;
  -o-animation: clouds 300s linear 0s alternate none infinite running;
}
.homeBanner .banner {height: 100%; position: relative; z-index: 1;}
.homeBanner .banner ul {height: 100%;}
.homeBanner .banner ul li {height: 100%; position: relative;}
.homeBanner .bannerCont {width: 50%; margin-top: 15%; margin-left: 10%;}
.homeBanner .bannerCont h2 {font-size: 32px; position: relative;}
.homeBanner .bannerCont h3 {font-size: 32px; margin-top: 8px; margin-bottom: 20px; position: relative;}
.homeBanner .bannerCont p {font-size: 20px; line-height: 32px; position: relative;}
.homeBanner .bannerCont .bannerContBt {margin-top: 30px;}
.homeBanner .bannerCont .bannerContBt a {display: inline-block; width: 150px; height: 45px; margin-right: 15px; line-height: 45px; font-size: 18px; text-align: center; color: #fff; border: 1px solid #fff; border-radius: 2px; position: relative;}
.homeBanner .bannerCont .bannerContBt a:hover { border-color: #bd1328; color: #bd1328; }
/* .homeBanner .bannerCont .bannerContBt a:hover {color: #bd1328;border-color: #bd1328; background: #bd1328;} */
.homeBanner .bannerCont .bannerContBt a.bannerMfsy { border-color: #bd1328; background: #bd1328;}
.homeBanner .bannerCont .bannerContBt a.bannerMfsy:hover { 
	background-color: #d64a52;
    border-color: #d64a52;
    color: #ffffff;
    box-shadow: 0 8px 6px -4px rgba(246, 111, 106, 0.5);
}
/* .homeBanner .bannerCont .bannerContBt a.bannerLjxz {right: -20px;} */
.homeBanner .pic {position: relative; width: 500px; height: 500px; line-height: 500px; text-align: center; /*border: 1px solid #ddd;*/ position: absolute; right: 10%; top: 48%; transform: translateY(-50%);}
.homeBanner .pic img {display: inline-block; max-width: 100%; vertical-align: middle;}
.bx-wrapper .bx-pager, .bx-wrapper .bx-controls-auto {bottom: 90px;}
.bx-wrapper .bx-pager.bx-default-pager a {width: 30px; height: 7px; margin: 0 8px; border-radius: 2px; background: #fff;}
.bx-wrapper .bx-pager.bx-default-pager a:hover {background: #fff;}
.bx-wrapper .bx-pager.bx-default-pager a.active {background: #BD1328;}

.bannerWrit {position: absolute; width: 100%; height: 66px; line-height: 66px; left: 0; bottom: 10px; z-index: 2;}
.bannerWritw {padding: 0 8% 0 8%;}
.bannerWritw .fl {width: 20%; color: #fff; text-align: center; font-size: 18px; position: relative; top: 0; cursor: pointer;}
.bannerWritw .fl span {font-size: 24px; color: #f1a700;}
.bannerWritw .fl:hover {top: -15px;}
.bannerProtruding { font-size: 32px; }
/* .bannerProtruding_num { position: absolute; margin-top: 5px; } */
.homeBanner .mapPostionPoints {
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
}
.homeBanner .region-list {
	position: absolute;
}
.homeBanner .area-box {
	z-index: 10;
}
@keyframes warn {
	0% {
		transform: scale(0);
		opacity: 1;
	}
	100% {
		transform: scale(1);
		opacity: 0;
	}
}

.homeBanner .area-box .dot {
	display: inline-block;
	position: absolute;
	left: 0px;
	width: 8px;
	height: 8px;
	border-radius: 50%;
	background: #ff9900;
	opacity: 1;
	filter: alpha(opacity=100);
}
.homeBanner .area-box .pulse {
	display: inline-block;
	position: absolute;
	top: -22px;
	left: -22px;
	height: 48px;
	width: 48px;
	border: 2px solid #ff9900;
	-webkit-border-radius: 48px;
	-moz-border-radius: 48px;
	border-radius: 48px;
	background: #a2a9b4;
	box-shadow: 0 0 4px #82878f,0 0 10px #82878f inset;
	opacity: 0.12;
	filter: alpha(opacity=0);
	-webkit-animation: warn 2s ease-out both;
	-moz-animation: warn 2s ease-out both;
	animation: warn 2s ease-out both;
	-webkit-animation-iteration-count: infinite;
	-moz-animation-iteration-count: infinite;
	animation-iteration-count: infinite;
	background: transparent;
}
.homeBanner .area-box .delay-01 {
	animation-delay: 0;
}
.homeBanner .area-box .delay-02 {
	animation-delay: .4s;
}
.homeBanner .area-box .delay-03 {
	animation-delay: .8s;
}
.homeBanner .area-box .delay-04 {
	animation-delay: 1.2s;
}
.homeBanner .area-box .delay-05 {
	animation-delay: 1.6s;
}
.homeBanner .area-box .delay-06 {
	animation-delay: 2s;
}
.homeBanner .area-box .delay-07 {
	animation-delay: 2.4s;
}
.homeBanner .area-box .delay-08 {
	animation-delay: -0.4s;
}
.homeBanner .area-box .delay-09 {
	animation-delay: -0.8s;
}
.homeBanner .area-box .delay-10 {
	animation-delay: -1.2s;
}
.homeBanner .postition-1 { top: 146px; right: 55px; }
.homeBanner .postition-2 { top: 190px; right: 140px; }
.homeBanner .postition-3 { top: 245px; right: 110px; }
.homeBanner .postition-4 { top: 285px; right: 80px; }
.homeBanner .postition-5 { top: 320px; right: 80px; }
.homeBanner .postition-6 { top: 390px; right: 140px; }
.homeBanner .postition-7 { top: 395px; right: 190px; }
.homeBanner .postition-8 { top: 345px; right: 165px; }
.homeBanner .postition-9 { top: 310px; right: 145px; }
.homeBanner .postition-10 { top: 270px; right: 195px; }
.homeBanner .postition-11 { top: 310px; right: 250px; }
.homeBanner .postition-12 { top: 380px; right: 265px; }
.homeBanner .postition-13 { top: 250px; right: 310px; }
.homeBanner .postition-14 { top: 310px; right: 365px; }
.homeBanner .postition-15 { top: 185px; right: 395px; }

@keyframes clouds{
	0% {
    background-position: left top;
	}
	100% {
	  background-position: right top;
	}
}

@media only screen and (max-width: 1440px){
	.homeBanner .bannerCont {width: 48%; margin-left: 8%;}
	.homeBanner .pic {width: 500px; right: 8%;}
	
	
}

@media only screen and (max-width: 1366px){
	.homeBanner .bannerCont {width: 44%; margin-left: 6%;}
	.homeBanner .pic {right: 6%;}
	
	
}

@media only screen and (max-width: 1280px){
	.bx-wrapper .bx-pager, .bx-wrapper .bx-controls-auto {bottom: 110px;}
	
}

@media only screen and (max-width: 1024px){
	.bannerWritw {padding: 0 2% 0 2%;}
	.bannerWritw .fl {font-size: 16px;}
	.bannerWritw .fl span {font-size: 22px;}
	
	.homeBanner .bannerCont h2,
	.homeBanner .bannerCont h3 {font-size: 26px;}
	.homeBanner .bannerCont p {font-size: 18px;}
	.homeBanner .pic {width: 420px; right: 4%;}
}

@media only screen and (max-width: 768px){
	.bannerWritw .fl {font-size: 14px;}
	.bannerWritw .fl span {font-size: 20px;}
	.homeBanner .bannerCont {width: 68%; margin-left: 4%; margin-top: 33%;}
	.homeBanner .pic {right: 4%;}
	.homeBanner .bannerCont .bannerContBt a {width: 106px; height: 38px; line-height: 38px; font-size: 16px;}
	.homeBanner .bannerCont h2, .homeBanner .bannerCont h3 {font-size: 31px;}
	.homeBanner .bannerCont p {font-size: 16px;}
	.homeBanner .pic {display: none;}
	.bannerProtruding { font-size: 31px; }
}

@media only screen and (max-width: 420px){
	
	.homeBanner .bannerCont {width: 82%;margin-left: 6%; margin-top: 50%;}
	.bannerWrit {height: auto; line-height: 30px; bottom: 36px}
	.bannerWrit .fl {width: 33.33%; font-size: 12px;}
	/* .bannerWrit .fl:nth-child(4), */
	.bannerWrit .fl:nth-child(5) {width: 40%;}
	/* .bannerWrit .fl:nth-child(4) {margin-left: 10%;} */
	.bannerWrit .fl span {font-size: 14px;}
	.bannerWritw {padding: 0;display: flex;flex-wrap: wrap;}
	
}


/*mian*/
.homeBg {position: fixed; width: 100%; height: 100%; background: url(../img/bg1.jpg) no-repeat center; background-size: cover; left: 0; top: 0; z-index: -1;}
.homeSec01 {padding-bottom: 40px; background: #fff url(../img/home_s1_bg.png) no-repeat center; background-size: cover;}
.homeSec03 {background: #fff;}
.homeTit {padding: 50px 0 40px; text-align: center; font-size: 32px; line-height: 40px;}
.homeTit .line {display: block; width: 90px; height: 3px; margin: 18px auto 0; background: #D8D8D8;}
.homeCont {/*margin-top: 10px;*/}
.homeSec01Hd {border-bottom: 1px solid #E5E8ED;}
.homeSec01Hd ul {text-align: center;}
.homeSec01Hd ul li {display: inline-block; padding: 0 16px; margin: 0 5px; top: 1px; font-size: 18px; line-height: 54px; /*border: 1px solid #dcdcdc;*/ position: relative; cursor: pointer; overflow: hidden; vertical-align: top; -moz-transition: all 0.3s ease-in;-webkit-transition: all 0.3s ease-in;-o-transition: all 0.3s ease-in;transition: all 0.3s ease-in;}
.homeSec01Hd ul li span.iconfont {font-size: 22px; margin-right: 5px; color: #1182DF}
.homeSec01Hd ul li span.line {display: none; position: absolute; width: 100%; height: 1px; background: #1182DF; left: 0; bottom: 0;}
.homeSec01Hd ul li span.line i {position: absolute; width: 8px; height: 8px; border-top: 1px solid #1182DF;border-left: 1px solid #1182DF;background-color: #fff; left: 50%; top: -4px; margin-left: -4px; z-index: 5; -webkit-transform: rotate(45deg);-ms-transform: rotate(45deg);transform: rotate(45deg);}
.homeSec01Hd ul li:hover {color: #1182DF;}
.homeSec01Hd ul li.on {color: #1182DF; /*border-color: #1182DF; background: #1182DF;*/}
.homeSec01Hd ul li.on span.line {display: block;}

.homeSec01Cont {margin-top: 20px;}
.homeSec01Inner {display: none;}
.homeSec01Inner:first-child {display: block;}
.homeSec01Inner li {float: left; width: 31.33%; margin: 0 1% 15px; }
.homeSec01Inner li a {display: block; padding: 10px 15px;}
.homeSec01Inner li h3 {font-size: 18px; line-height: 26px; margin-bottom: 6px; font-weight: bold;}
.homeSec01Inner li p {height: 24px; font-size: 14px; line-height: 22px; color: #777;}
.homeSec01Inner li a:hover {box-shadow: 0 3px 14px 2px #E8E8E8; background: #fff;}

.homeSec02 {/*height: 500px;*/ position: relative;}
.homeSec02 .bg {width: 100%; height: 220px; background: #fff; left: 0; bottom: 0; z-index: 0; position: absolute;}
.homeSec02 .homeTit {color: #fff;}
.homeSec02 .homeCont {height: 670px; position: relative; z-index: 1;}
.homeSec02 img {max-width: 100%;}
.homeSec02 .wrap {width: 100% ;background: url(../img/dh/net_safet_whole_bg.jpg) no-repeat center;background-size: 100% 100%;}
.homeSec02 .mobile_homeSec02 { display: none; }
.pc_mobile_homeSec02_box {
	position: relative;
	width: 1200px;
	margin: 0 auto;
	/* display: flex; */
	/* justify-content: space-between; */
	/* align-items: center; */
	margin-top: 80px;
}
.homeSec02 .pc_mobile_homeSec02_text { float: left; margin-left: 80px; }
.homeSec02 .pc_mobile_homeSec02_text > p { font-size: 24px; color: #fff; margin: 50px 0; }
.pc_mobile_homeSec02 { float: right; top: -100px; }

.homeSec03 {background: #F8F8F8; padding-bottom: 50px;}
.homeSec03Tit {height: 28px; line-height: 28px; padding-bottom: 10px; border-bottom: 1px solid #ddd;}
.homeSec03Tit h3 {float: left; padding-left: 16px; font-size: 18px; border-left: 4px solid #FF0000;}
.homeSec03Tit a {float: right; font-size: 14px;}
.homeSec03Tit a:hover {color: #BD1328;}

.homeSec03Left {width: 68%;}
.homeSec03ight {width: 30%;}

.teachList { height: 711px; }
.teachList li {padding: 12px 0; border-bottom: 1px solid #eee;}
.teachList li a {display: block;}
.teachList li .pic {width: 264px; height: 117px;}
.teachList li .pic img {width: 100%;}
.teachList li .inner {margin-left: 282px;overflow: hidden;}
.teachList li .inner h3 {height: 60px; line-height: 30px; margin: 5px 0 30px; font-size: 18px;}
.teachList li .inner p {font-size: 14px; color: #777;}
.teachList li .inner p span {font-size: 14px; color: #999;}
.teachList li a:hover img {-webkit-transform: scale(1.1);-ms-transform: scale(1.1);-o-transform: scale(1.1);-moz-transform: scale(1.1); transform: scale(1.1);}
.teachList li a:hover .inner h3 {color: #F41414;}

.cjwtList {margin-top: 10px; margin-bottom: 30px;}
.cjwtList li {font-size: 14px; line-height: 32px;}
.cjwtList li a {display: block;}
.cjwtList li a span.ico {display: inline-block; width: 8px; height: 8px; margin-top: -2px; margin-right: 4px; border-radius: 50%; background: #ddd; vertical-align: middle;}
.cjwtList li a em {}
.cjwtList li a:hover {color: #F41414;}
.dszxList { height: 370px; }
.dszxList li {padding: 12px 0; border-bottom: 1px solid #eee;}
.dszxList li a {display: block;}
.dszxList li .time {width: 90px; padding: 2px 0; background: #fff; text-align: center; color: #444C52;}
.dszxList li .time h3 {line-height: 40px; font-size: 26px; font-weight: 600;	}
.dszxList li .time p {line-height: 24px; font-size: 14px;}
.dszxList li .inner {margin-left: 102px;}
.dszxList li .inner h3 {line-height: 26px; font-size: 16px;}
.dszxList li .inner p {
	font-size: 13px; color: #999;
	overflow:hidden; 
	text-overflow:ellipsis;
	display:-webkit-box; 
	-webkit-box-orient:vertical;
	-webkit-line-clamp:2; 
	margin-top: 16px;
	display: flex;
	align-items: center;
}
.dszxList li .inner .iconfont {font-size: 14px;margin-right: 5px;}
.dszxList li a:hover .time {color: #fff; background: #F41414;}
.dszxList li a:hover .inner h3 {color: #F41414;}

@media only screen and (max-width: 1200px){
	.homeSec01Hd ul li {padding: 0 10px;margin: 0 2px;}
	.teachList li .pic {width: 208px;}
	.teachList li .inner {margin-left: 226px;}
	.teachList li .inner h3 {margin: 5px 0 10px;}
	.dszxList li .time {width: 80px;}
	.dszxList li .inner {margin-left: 92px;}
	
}

@media only screen and (max-width: 1024px){
	.homeSec01Hd ul li {line-height: 34px; font-size: 16px; padding: 0 10px;margin: 0 1px;}
	.homeTit {font-size: 28px;line-height: 36px;padding: 40px 0 34px;}
	.homeSec01 {padding-bottom: 30px;}
	.homeSec02,.homeSec03 {padding-bottom: 40px;}
	
	.homeSec01Hd ul li span.iconfont {font-size: 18px;margin-right: 4px;}
}

@media only screen and (max-width: 768px){
	.homeTit {font-size: 22px;line-height: 28px;padding: 30px 0 20px;}
	.homeTit .line {width: 60px; margin-top: 12px;}
	.homeSec01Hd ul { text-align: left }
	.homeSec01Hd ul li { width: 23%;line-height: 34px; font-size: 12px;padding: 0;margin: 0 0px; /*margin-bottom: 4px;*/}
	.homeSec01Hd ul li span.iconfont {font-size: 14px;margin-right: 3px;}
	.homeSec01Cont {margin-top: 9px;}
	.homeSec01Inner li {width: 48%;}
	.homeSec01Inner li a {padding: 4px 6px; background: #fff;}
	.homeSec01Inner li h3 {font-size: 14px;line-height: 22px;margin-bottom: 2px;}
	.homeSec01Inner li p {font-size: 12px; line-height: 16px; height: 18px;}
	.homeSec01Inner li {margin-bottom: 6px}
	.homeSec01 {padding-bottom: 20px;}
	.homeSec02,.homeSec03 {padding-bottom: 30px;}
	.homeSec02 .bg {height: 128px;}
	.homeSec03Left,.homeSec03ight {width: 100%;}
	.homeSec03Tit h3 {font-size: 16px;padding-left: 8px;}
	.homeSec03Tit {height: 24px;line-height: 24px;padding-bottom: 6px;}
	.homeSec03Tit a {font-size: 12px;}
	.teachList li .pic {width: 116px; height: 67px;}
	.teachList li .inner {margin-left: 126px;}
	.teachList li .inner h3 {font-size: 16px; margin: 0; line-height: 24px; height: 48px;}
	.teachList li .inner p {font-size: 12px;}
	.teachList {height: 425px; margin-bottom: 20px;}
	.teachList li {padding: 8px 0;}
	.cjwtList li {line-height: 28px;}
	.cjwtList {margin-bottom: 20px}
	.dszxList li {padding: 8px 0}
	.teachList li .inner p span {font-size: 12px;}
	.homeSec02 { padding-bottom: 0; }
	.homeSec02 .mobile_homeSec02 { display: block !important; }
	.homeSec02 .pc_mobile_homeSec02 { display: none; }
	.homeSec02 .pc_mobile_homeSec02_text { display: none; }
	.homeSec02 .homeCont { height: 250px; }
}


/*产品*/
.bannerPage {height: 430px; background-repeat: no-repeat; background-position: center; background-size: cover; position: relative;}
.bannerPageBg {position: absolute; width: 100%; height: 100%; background: rgba(10,30,56,0.3); /*background: url(../img/sky_bg.png);*/ z-index: 0; top: 0; left: 0;}
.bannerPageProduct {background: url(../img/banner_page_img_cp01.jpg) no-repeat; background-size: 100% 100%;}
.bannerPage .wrap {padding-top: 167px; color: #fff; position: relative; z-index: 1;}

.bannerPageProHd { display: flex; align-items: center; }
.bannerPageProHd ul { display: flex; margin-bottom: 7px;}
.bannerPageProHd ul li { padding: 0 15px; margin-left: 22px; font-size: 14px; line-height: 28px; background: rgba(0,0,0,0.3); border: 1px solid rgba(255,255,255,0.7); border-radius: 4px; cursor: pointer; -moz-transition: all 0.3s ease-in;-webkit-transition: all 0.3s ease-in;-o-transition: all 0.3s ease-in;transition: all 0.3s ease-in;}
.bannerPageProHd ul li:hover {/*background: rgba(0,0,0,0.7);*/ border-color: #BD1328;}
.bannerPageProHd ul li.on {display: none;}
.proBannerName { margin-right: 20px; font-size: 30px; padding: 0; background: none; border: none;}
.proBannerName_dis {font-size: 20px; margin-top: 10px; display: flex;}
.proBannerName_dis > div { font-size: 15px; background: rgba(0,0,0,0.3); border: 1px solid rgba(255,255,255,0.7); border-radius: 2px; margin-right: 30px; padding: 2px 15px; cursor: pointer; }
.proBannerName_dis > div:hover { border: 1px solid #BD1328; color: #BD1328; }
.bannerPageProCont {width: 85%; margin-top: 20px;}
.bannerPageBt {margin-top: 30px;}
.bannerPageBt a {display: inline-block; width: 160px; height: 48px; margin-right: 30px; line-height: 48px; text-align: center; font-size: 20px; color: #fff; border: 1px solid #fff;}
.bannerPageProBt a:hover {background: #BD1328; border-color: #BD1328;}
.bannerPageProInner {display: none;}
.bannerPageProInner:first-child {display: block;}

.bgF8F8F8 {background: #F8F8F8;}

.mainProduct {display: none;}
.mainProduct:first-child {display: block;}
.productHd {padding-top: 30px; line-height: 42px; text-align: center; border-bottom: 1px solid #ddd;}
.productHd a {display: inline-block; font-size: 18px; margin: 0 50px;}
.productHd a:hover {color: #BD1328;}
.productWrap {padding-bottom: 20px;}
.productInner {}
.productTit {line-height: 40px; padding: 30px 0; font-weight: 600; text-align: center; font-size: 22px;}
.productGrop {}
.productHxgnList {}
.productHxgnList li {float: left; width: 31.33%; margin: 0 1% 28px; text-align: center; }
.productHxgnList li a {display: inline-block; position: relative; top: 0;}
.productHxgnList li .pic {width: 130px; height: 70px; line-height: 70px; margin: 0 auto; border-radius: 50%; 
	/*box-shadow: 0 0 25px 0 #e8e8e8;*/
	/*box-shadow: 0 5px 15px 0 #bfbfbf;
	background: -webkit-linear-gradient(#42bfed, #3576de);
  background: -o-linear-gradient(#42bfed, #3576de);
  background: -moz-linear-gradient(#42bfed, #3576de);
  background: linear-gradient(#42bfed, #3576de);*/
}
/* .ys li .pic span { color: #BD1328 !important; } */
.productHxgnList li .pic span {font-size: 52px; color: #222c33; color: #0065b1;}
.productHxgnList li p {line-height: 36px; margin-top: 10px;font-size: 18px;}
.productHxgnList li a:hover {top: -12px;}
.productCpysList {}
.productCpysList li {float: left; width: 31.33%; margin: 0 1% 28px;}
.productCpysList li a {display: inline-block;}
.productCpysList li .pic {width: 66px; height: 64px; line-height: 64px; text-align: center;}
.productCpysList li .pic span {font-size: 40px; color: #005CA1;}
.productCpysList li .inner {margin-left: 86px;}
.productCpysList li .inner h3 {margin-bottom: 6px; line-height: 34px; font-size: 18px; font-weight: 600;}
.productCpysList li .inner p {font-size: 14px; line-height: 20px; color: #999;}

.productYycjHd {border-bottom: 1px solid #DFE1E6;}
.productYycjHd ul {display: flex;text-align: center; line-height: 0; font-size: 0;}
.productYycjHd ul li {display: inline-block; width: 25%; font-size: 18px; text-align: center; cursor: pointer;}
.productYycjHd ul li a {display: inline-block; padding-bottom: 8px; line-height: 46px; border-bottom: 3px solid #fff; vertical-align: top;}
.productYycjHd ul li:hover a {color: #BD1328;}
.productYycjHd ul li.on {font-weight: 600;}
.productYycjHd ul li.on a {border-color: #BD1328;}
.productYycjWrap {margin-top: 25px; margin-bottom: 20px;}
.productYycjInner {display: none;}
.productYycjInner:first-child {display: block;}
.productYycjInner .pic {width: 56%; height: 400px; text-align: center; border: 1px solid #eee;}
.productYycjCont {width: 41.5%; height: 400px; background: #fbfbfb; box-shadow: 0 0 20px 0 #e8e8e8;}
.productYycjContW {padding: 10px 20px;}
.productYycjContW .tp {margin-bottom: 20px;}
.productYycjContW h2 {line-height: 30px; font-size: 20px; font-weight: 600; margin: 20px 0 15px;}
.productYycjContW h3 {line-height: 30px; font-size: 20px; font-weight: 600; margin-top: 40px;}
.productYycjContW p {line-height: 25px; margin: 6px 0; font-size: 15px; color: #666;}
.productYycjContW .md div { display: flex; }
.productYycjContW .md div h3 { width: 120px; }
.productYycjContW .md div p { flex: 1; }

.productBottom {padding-bottom: 40px;}
.productBottom .productTit {text-align: left; padding-bottom: 15px;}
.productSyjc {width: 45%; margin-right: 10%;}
.productCjwt {width: 45%;}
.productSyjcList {}
.productSyjcList li {line-height: 32px;}
.productSyjcList li a {display: block;}
.productSyjcList li span {width: 16px; height: 4px; margin-top: 12px; background: #b7b7b7;}
.productSyjcList li .inner {margin-left: 26px;}
.productSyjcList li a:hover .inner {color: #F41414;}
.productSyjcList li a:hover span {background: #F41414;}
.productBottom .cjwtList {margin-top: 0; margin-bottom: 0;}
.productBottomMore {display: inline-block; margin-top: 30px; line-height: 30px; font-size: 16px; }
.productBottomMore:hover {color: #BD1328; text-decoration: underline;}
.disFlex {display: flex; align-items: center; justify-content: space-between;}
.disFlex a {margin-top: 0;}

/*定价*/
.bannerPagePrice {background: url(../img/banner_page_img_dj.jpg) no-repeat center center;background-size: 100% 100%;}
.bannerPagePrice .wrap {padding-top: 167px; color: #fff; position: relative; z-index: 1;}
.bannerPageTit {font-size: 30px; line-height: 40px;}
.bannerPageWrit {font-size: 20px;line-height: 38px;}
.bannerPagePriceWrit {margin-top: 25px;}

.bannerPagePriceCont {margin-top: 35px;}
.bannerPagePriceCont a {display: inline-block; width: 150px; height: 45px; margin-right: 30px; line-height: 45px; text-align: center; font-size: 20px; color: #fff; border: 1px solid #fff; border-radius: 2px;}
.bannerPagePriceCont a:hover {/*background: rgba(0,0,0,0.5);*/border-color: #BD1328; color: #BD1328;}
.bannerPagePriceCont a.on {background: #BD1328; color: #fff; border-color: #BD1328;}
.bannerPagePriceCont a.on:hover {
	background-color: #d64a52 !important;
	border-color: #d64a52;
	color: #ffffff;
	box-shadow: 0 8px 6px -4px rgba(246, 111, 106, 0.5);
}

.bannerPageProBt {margin-top: 35px;}


.priceMian {padding: 40px 0;}
.priceBox {display: none;}
.priceBox:first-child {display: block;}
.priceHd {line-height: 46px;}
.priceHd a {display: inline-block; margin-left: 40px; font-size: 20px; border-bottom: 3px solid #fff;}
.priceHd a:first-child {margin-left: 0;}
.priceHd a:hover {color: #BD1328;}
.priceHd a.on {border-color: #BD1328; color: #BD1328; font-weight: 600;}
.priceWrap {margin-top: 15px;}
.priceWrap_mobile {display: none;}
.priceWrap_mobile_jisuan {display: none;}
.priceInner {display: none;}
.priceInner:first-child {display: block;}
.priceTable {width: 100%; text-align: center;}
.priceTable tr th:first-child,
.priceTable tr td:first-child {text-align: left;}
.priceTable tr {height: 48px; }
.priceTable tr th {height: 60px; font-size: 18px; font-weight: normal;}
.priceTable tr th,
.priceTable tr td {border-bottom: 1px solid #E8E8E8;}

.priceVip {margin-top: 20px; line-height: 34px;}
.priceVip .fl {margin-left: 60px;}
.priceVip .fl:first-child {margin-left: 0;}
.priceVip .fl span {font-weight: 600;}
.priceVip select {width: 176px; height: 34px; font-size: 16px; padding-left: 10px; border: 1px solid #E8E8E8; -webkit-appearance: menulist;-moz-appearance: menulist;appearance: menulist;}
.priceTable input {width: 68px; height: 28px; line-height: 28px; text-align: center; border: 1px solid #ddd;}
.priceNum {color: #FF7C22; font-weight: 600; font-size: 20px;}
.priceTotal {margin-top: 30px; /*border-top: 1px solid #E8E8E8;*/}
.priceTotalInner {line-height: 36px;}
.priceTotalInner span {display: inline-block; font-size: 20px;} 
.priceTotalInner span.name {width: 340px; text-align: right;}
/* .priceTotalInner span.txt {width: 200px;} */
.priceTotalInner .priceNum {font-size: 22px;}
.priceTotalBtn {width: 160px; height: 44px; margin-top: 20px; line-height: 44px; text-align: center; color: #fff; font-size: 18px; background: #BD1328; border-radius: 2px;}
.priceTotalBtn:hover {background: #FF0000;}

.priceContact {margin: 30px 0; padding: 20px; background: #efefef; }
.priceContactMap {width: 720px; height: 400px; overflow: hidden;}
#map {width: 100%; height: 100%;}
#map .BMap_bubble_content {font-size: 14px; color: #666;}
.priceContactCont {width: 370px; }
.priceContactCont h3 {font-size: 20px;}
.priceContactCont ul {margin-top: 30px;}
.priceContactCont ul li {line-height: 24px; margin: 14px 0;}
.priceContactCont ul li span {display: inline-block; width: 26px; font-size: 18px; color: #BD1328; text-align: center;}
.totalPrice {
	margin-right: 25px;
}


/*帮助*/
.bannerPageHelp {height: 330px;background-image: url(../img/banner_page_img_bz.jpg);}
.bannerPageHelp .bannerPageWrit {margin-top: 20px;}
.bannerPageHelp .wrap {padding-top: 140px;}
.helpMian {padding: 40px 0 50px; }
.helpHd {border-bottom: 1px solid #DFE1E6;}
.helpHd ul {}
.helpHd ul li {float: left; width: 25%; line-height: 46px; text-align: center; font-size: 18px; cursor: pointer;}
.helpHd ul li a {display: inline-block; border-bottom: 3px solid #fff;}
.helpHd ul li:hover a {color: #BD1328;}
.helpHd ul li.on a {font-weight: 600; color: #BD1328; border-color: #BD1328;}
.helpBox {padding: 0 20px; margin-top: 30px;}
.helpWrap {display: none;}
.helpWrap:first-child {display: block;}

.teachListSp {}
.teachListSp .pic {position: relative;}
.teachListSp .pic .bg {position: absolute; width: 100%; height: 100%; background: rgba(0,0,0,0.5); left: 0; top: 0;}
.teachListSp .spBtn {position: absolute; width: 40px; height: 40px; text-align: center; line-height: 40px; font-size: 40px; color: #807979; left: 50%; top: 50%; margin-left: -20px; margin-top: -20px;}
.teachListSp li:hover .pic .bg {background: rgba(0,0,0,0.3);}

.helpCjwtList {}
.helpCjwtList li {color: #666;}
.helpCjwtList li .tit {line-height: 28px; padding: 6px 0; font-size: 16px; cursor: pointer;}
.helpCjwtList li .tit:hover {color: #BD1328;}
.helpCjwtList li .tit span {width: 6px; height: 6px; margin-top: 10px; background: #666; border-radius: 50%;}
.helpCjwtList li .tit h3 {margin-left: 16px;}
.helpCjwtList li .cont {display: none;padding-left: 16px; padding-top: 6px; padding-bottom: 16px; font-size: 14px; border-bottom: 1px solid #eee;}
.helpCjwtList li .cont p {line-height: 24px;}
.helpCjwtList li:first-child .cont {display: block;}
.helpCjwtList li.on .tit {color: #BD1328;}

.helpDszx {}
.helpDszxList {}
.helpDszxList li {padding: 12px 0; border-bottom: 1px solid #eee;}
.helpDszxList li a {display: block;}
.helpDszxList li .pic {width: 264px;height: 117px;}
.helpDszxList li .pic img {width: 100%;}
.helpDszxList li .inner {margin-left: 282px; overflow: hidden;}
.helpDszxList li .inner h3 {line-height: 40px; font-size: 18px;}
.helpDszxList li .inner p {height: 30px; margin: 6px 0 20px; font-size: 14px; color: #999; line-height: 22px;}
.helpDszxList li .helpDszxBt {font-size: 14px; color: #666;}
.helpDszxList li .helpDszxBt .view {}
.helpDszxList li .helpDszxBt .view span {font-size: 14px; color: #999999;}
.helpDszxList li .helpDszxBt .time {}
.helpDszxList li:hover .pic img {-webkit-transform: scale(1.1);-ms-transform: scale(1.1);-o-transform: scale(1.1);-moz-transform: scale(1.1); transform: scale(1.1);}
.helpDszxList li:hover .inner h3 {color: #BD1328;}

.helpHzykfTit {line-height: 44px; font-size: 18px; border-bottom: 1px solid #eee;}
.helpHzykfInner {padding-top: 10px; margin-bottom: 30px;}
.helpHzykfInner p {line-height: 24px; margin: 10px 0; color: #666;}

.tanBox {display: none; position: fixed; width: 100%; height: 100%; background: rgba(0,0,0,0.7); left: 0; top: 0; z-index: 111;}
.videoW {width: 100%; height: 100%; box-sizing: border-box; background: url(../img/bg1.jpg) no-repeat center; background-size: 100%; position: relative;}
.videoBox {width: 100%; height: 100%; z-index: 112;}
.video-js .vjs-big-play-button {width: 70px; height: 70px; top: 50%; left: 50%; transform: translate(-50%,-50%); border: none; background: url(../img/vedio_icon.png) no-repeat center; background-size: 100%; -moz-transition: all 0.3s ease-in;-webkit-transition: all 0.3s ease-in;-o-transition: all 0.3s ease-in;transition: all 0.3s ease-in;}
.vjs-icon-play:before, .video-js .vjs-big-play-button .vjs-icon-placeholder:before, .video-js .vjs-play-control .vjs-icon-placeholder:before {content: "";}
.video-js:hover .vjs-big-play-button, .video-js .vjs-big-play-button:focus {opacity: 0.7; background-color: none; background: url(../img/vedio_icon1.png) no-repeat center; background-size: 100%; /*-webkit-transform: scale(0.8); -ms-transform: scale(0.8); -o-transform: scale(0.8); -moz-transform: scale(0.8); transform: scale(0.8);*/}
.video-js .vjs-big-play-button {width: 80px; height: 80px;}
.vjs-poster {background-size: cover;}
.closBtn {position: absolute; width: 40px; height: 40px; top: 10px; right: 10px; color: #C9C9C9; font-size: 30px; border: 2px solid #C9C9C9; border-radius: 50%; text-align: center; line-height: 36px; z-index: 113; cursor: pointer;}
.closBtn:hover {color: #fff; border-color: #fff;}

.pagination {
	text-align: center;
	margin-top: 15px;
}
.pagination ul {
	display: flex;
	justify-content: center;
}
.pagination ul li {
	width: 30px;
	height: 30px;
	line-height: 30px;
	margin: 0 5px;
	background-color: #f4f4f5;
	border-radius: 2px;
	color: #606266;
	cursor: pointer;
}
.pagination .on {
	background-color: #409eff;
    color: #fff;
}


/*详情页*/
.contentMian {padding: 50px 0; color: #444C52;}
.contentHd {padding-bottom: 15px; text-align: center;border-bottom: 1px solid #E1E1E1;}
.contentHd h3 {padding: 0 40px; margin-bottom: 20px; line-height: 36px;font-size: 22px;font-weight: 600;}
.contentHd p {color: #999;}
.contentHd p span {margin: 0 40px;}
.contentHd p span i {color: #BFBFBF;}
.contentWrap {padding: 0 50px; margin-top: 20px;}
#textContent img { max-width: 100%; display: block; }
.contentWrap p {margin: 12px 0; text-indent: 2em; line-height: 28px;}
.contentWrap .pic {text-align: center;}
.contentWrap .pic img {width: auto; max-width: 100%; margin: 15px 0;}
.contentPage .helpBox { display: none; }

.jump {margin-top: 36px;padding: 16px 0;color: #333;border-top: 1px solid #E1E1E1;}
.jump p {color: #333;line-height: 32px;}
.jump p a:hover {color: #BD1328;}

/*.bannerPageProBt a {display: inline-block; }
.bannerPageProBt a {display: inline-block; width: 150px; height: 45px; margin-right: 30px; line-height: 45px; text-align: center; font-size: 20px; color: #fff; border: 1px solid #fff;}
.bannerPageProBt a:hover {background: #BD1328;}
.bannerPageProBt a.on {background: #BD1328; border-color: #BD1328;}*/

.linkBtn {display: inline-block; width: 150px; height: 45px; margin-right: 30px; line-height: 45px; font-size: 18px; color: #fff; border: 1px solid #fff; text-align: center; border-radius: 2px;}
.linkBtnMfsy {border-color: #BD1328;background: #BD1328;}
.linkBtn:hover {border-color: #BD1328; color: #BD1328; background-color: transparent !important;}
.linkBtnMfsy:hover { 
	background-color: #d64a52 !important;
	border-color: #d64a52;
	color: #ffffff;
	box-shadow: 0 8px 6px -4px rgba(246, 111, 106, 0.5);
}

.homehelp.helpCjwtList {margin-top: 10px; margin-bottom: 30px;}
.homehelp.helpCjwtList li .tit {padding: 4px 0; line-height: 24px;}
.homehelp.helpCjwtList li .cont {padding-top: 0; padding-bottom: 6px;}
.homehelp.helpCjwtList li .cont p {line-height: 22px;}
.homehelp.helpCjwtList li:first-child .cont {display: none;}
.homehelp.helpCjwtList li .tit span {margin-top: 8px;}

.jsjgBtn {width: 140px; height: 40px; line-height: 40px; font-size: 16px; color: #fff; background: #1182DF; border-radius: 2px; margin-top: -3px;}
.jsjgBtn span {margin-right: 4px;}
.jsjgBtn:hover {background: #005CA1;}

@media only screen and (max-width: 768px){
	html { font-size: 62.5%; }
	.homehelp.helpCjwtList {margin-bottom: 20px;}
	/* 产品 */
	.proBannerName_dis { flex-wrap: wrap; }
	.proBannerName_dis > div { width: 26%; font-size: 13px; text-align: center; padding: 3px 0; margin: 10px 5% 0 0; }
	.bannerPageProduct { height: 400px; }
	.bannerPageProduct .wrap { padding-top: 80px !important; }
	.proBannerName { font-size: 32px; }
	.bannerPageProHd {
		flex-direction: column;
		align-items: flex-start;
	}
	.bannerPageProCont {
		width: 100%;
	}
	.bannerPageProHd ul {
		width: 100%;
		flex-wrap: wrap;
	}
	.bannerPageProHd ul li {
		margin-top: 10px;
		margin-left: 3.5%;
		padding: 0;
		width: 28%;
		text-align: center;
	}
	.bannerPageWrit {
		font-size: 0.2rem;
		line-height: 25px;
	}
	.bannerPageProBt {
		display: flex;
		justify-content: center;
	}
	.bannerPageProBt a {
		width: 30%;
		height: 35px;
		margin: 0 5%;
		line-height: 35px;
		font-size: 14px;
	}
	.proBannerName_dis {
		width: 94%;
		margin: 0 auto;
	}
	.productHxgnList li .pic {
		width: 65px;
		height: 35px;
		line-height: 35px;
	}
	.productHxgnList li .pic span {
		font-size: 30px;
	}
	.productHxgnList li p {
		font-size: 13px;
	}
	.productYycjWrap .productYycjInner > div:first-child {
		width: 100%;
		height: 200px;
	}
	.productYycjWrap .productYycjInner .productYycjCont {
		width: 100%;
		height: auto;
		margin-top: 10px;
	}
	.productHd {
		text-align: left;
	}
	.productHd a {
		width: 40%;
		margin: 0 0 0 5%;
		font-weight: bold;
	}
	.productHd a:nth-child(2n) {
		text-align: center;
	}
	.disFlex {
		justify-content: space-between;
	}
	.disFlex a {
		margin-left: 0;
	}
	.mobile_pro_red {
		color: #BD1328;
	}
	.helpHd ul, .productYycjHd ul {
		width: 100%;
        overflow-x: scroll;
        display: -webkit-box;
        display: flex;
        -webkit-flex-wrap:nowrap;
        flex-wrap:nowrap;
        -webkit-justify-content:space-between;
        justify-content:space-between;
	}
	.helpHd ul::-webkit-scrollbar, .productYycjHd ul::-webkit-scrollbar {
		display:none
	}
	.helpHd ul li, .productYycjHd ul li {
		width: auto;
		padding: 0 10px;
        text-align: center;
        -webkit-flex:1 0 auto;
        flex:1 0 auto;
	}
	.mobile_product {
		display: flex;
		flex-direction: column;
	}
	.mobile_product .productSyjc, .mobile_product .productCjwt {
		width: 100%;
	}
	.mobile_proBanner {
		width: 100%;
	}
	.mobile_proBanner .proBannerName {
		margin-left: 3%;
	}
	.mobile_proBanner .bannerPageWrit {
		width: 94%;
		margin: 0 auto;
	}
	/* 定价 */
	.bannerPagePrice {
		height: 300px;
	}
	.bannerPagePrice .wrap {
		padding-top: 85px !important;
	}
	.bannerPagePriceCont {
		display: flex;
	}
	.bannerPagePriceCont a {
		height: 35px;
		line-height: 35px;
		font-size: 14px;
		margin-right: 15px;
	}
	.priceHd {
		width: 100%;
        overflow-x: scroll;
        display: -webkit-box;
        display: flex;
        -webkit-flex-wrap:nowrap;
        flex-wrap:nowrap;
        -webkit-justify-content:space-between;
        justify-content:space-between;
	}
	.priceHd::-webkit-scrollbar {
		display:none
	}
	.priceHd a {
		width: auto;
		padding: 0 10px;
        text-align: center;
        -webkit-flex:1 0 auto;
        flex:1 0 auto;
	}
	.priceContact {
		padding: 1%;
	}
	.priceContactMap {
		width: 100%;
	}
	.priceContactCont {
		width: 100%;
		margin-top: 10px;
	}
	.priceWrap {
		display: none;
	}
	.priceWrap_mobile {
		display: block;
	}
	.priceWrap_mobile_jisuan {
		display: block;
	}
	.productBottomMore {
		margin-top: 0px;
	}
	.priceInner {
		overflow-x: scroll;
	}
	.priceInner table {
		width: 100%;
	}
	select {
		-webkit-appearance: auto;
		-moz-appearance: auto;
		appearance: auto;
		border: 0;
		font-weight: bold;
		text-align: center;
	}
	.priceTable tr th {
		font-size: 14px;
		font-weight: bold;
	}
	.priceTable tr td {
		font-size: 14px;
	}
	.mobile_js .fl {
		margin-left: 0;
		margin-bottom: 10px;
	}
	.mobile_js .fl span {
		font-size: 13px;
	}
	.mobile_js .fl select {
		width: 145px;
		height: 30px;
		line-height: 30px;
		font-size: 13px;
		padding-left: 5px;
	}
	.mobile_js .jsjgBtn {
		width: 110px;
		height: 30px;
		line-height: 30px;
		font-size: 13px;
		margin-left: 12px;
	}
	.mobile_table_title, .tbody_item > div {
		display: flex;
		align-items: center;
	}
	.tbody_item, .mobile_table_title {
		border-bottom: 1px solid rgba(128,128,128,0.2);
		padding: 10px 0;
	}
	.mobile_table_title > div, .tbody_item > div > div {
		width: 33%;
		height: 35px;
		line-height: 35px;
		display: flex;
		justify-content: center;
		align-items: center;
		font-size: 14px;
	}
	.mobile_table_title > div {
		font-size: 16px;
	}
	.tbody_item input {
		width: 60px;
		height: 25px;
		margin: 0 3%;
		text-align: center;
		border: 1px solid rgba(128,128,128,0.2);
	}
	.tbody_item .noBorder {
		border: 0;
		margin-left: 1%;
	}
	.tbody_item > div > div:not(:first-child) {
		text-align: center;
	}
	.tbody_item > div:not(:first-child) > div {
		width: 20%;
	}
	.tbody_item > div:not(:first-child) > input:nth-child(3) {
		width: 16%;
		margin: 0;
	}
	.tbody_item > div:not(:first-child) > input:last-child {
		flex: 1;
		text-align: left;
	}
	
	.mobile_point_font {
		color: #FF7C22;
		font-weight: 600;
		font-size: 14px;
	}
	.priceTotalInner span {
		display: inline;
		font-size: 16px;
	}
	.priceTotal {
		margin-top: 15px;
	}
	.totalPrice {
		margin-right: 16px;
	}
	/* 帮助 */
	.helpDszxList li .pic {
		width: 116px;
		height: 80px;
	}
	.helpDszxList li .inner {
		margin-left: 126px;
	}
	.helpDszxList li .inner h3{
		font-size: 16px;
		margin: 0;
		line-height: 24px;
		height: 24px;
	}
	.helpDszxList li .inner p {
		margin: 5px 0;
		font-size: 12px;
	}
	.helpDszxList li .helpDszxBt {
		font-size: 12px;
	}

	/* 文章 */
	.bannerPageHelp {
		height: 230px !important;
	}
	.bannerPageHelp .wrap {
		padding-top: 95px !important;
	}
	.contentHd p span {
		margin: 0 2%;
	}
	.contentWrap {
		padding: 0 4%;
	}
}