/* 格式化标签 */
input[type="text"]:focus{line-height: normal; line-height: 2.4em\9;}
input{line-height: normal; line-height: 2.4em\9;}
html,body {min-width: 1200px;width: 100%;height: auto;overflow-x: hidden;}
body,div,dl,dt,dd,ul,ol,li,h1,h3,h4,h5,h6,pre,form,fieldset,input,p,blockquote,th,td {margin:0;padding:0;}
h1,h2,h3,h4,h5,h6 {font-size:100%;margin:0;}
ol,ul {list-style:none;}
address,caption,cite,code,dfn,em,strong,th,var {font-style:normal;font-weight:normal;}
table {border-collapse:collapse;border-spacing:0;}
fieldset,img {border:0;}
caption,th {text-align:left;}
q:before,q:after {content:'';}
body,input,textarea{font-family:"PingFang SC","PingHei","STHeitiSC-Light", "tahoma", "Myriad Set Pro", "Lucida Grande","Helvetica Neue", "Helvetica", "Arial","Verdana", "sans-serif","microsoft yahei";font-size:12px;_height:100%;}
.f14{ font-size:14px;}
.bold{ font-weight:bold;}
input,textarea{outline: none;}
/*清除浮动*/
.clearfix:after {visibility:hidden; display:block; font-size:0; content:""; clear:both; height:0;}
.clearfix{*zoom:1;}


/* 链接样式 */
a:visited, a:link {color:#5f7fa2; text-decoration:none;}
a:hover {color:#5f7fa2;}

/*重置样式*/
*{margin: 0;padding: 0;}
ul,li,ol{list-style: none;}
a,span{text-decoration: none;text-decoration: none;}
.content{position: relative;}

img {width: 100%;display: block;}






/*--------------header------------*/
.main{width: 100%;}

.banner {width: 100%;min-width: 1200px;height: auto;position: relative;}
.banner .banner_img {width: 100%;height: auto;}

.nav {width: 100%;height: 80px;position: fixed;top:0;left: 0;z-index: 111;}
.header{margin: 0 auto;width: 1200px;text-align: center;display: flex;justify-content: space-between;align-items: center;height: 80px;position: absolute;top: 0;left: 50%;margin-left: -600px;}
.logo{margin: 0 auto;width: 185px;display: flex;justify-content: space-between;align-items: center;}
.logo .logo_img {width: 60px;height: 100%;}
.logo .tel_img {width: 104px;height: auto;}
.daoHang{width: 460px;overflow: hidden;margin:0 auto;height: 80px;line-height: 80px;display: flex;flex: 1;justify-content: center;}
.daoHang li{width: 115px;float: left;display: block;}
.daoHang li a{display: block;}
.daoHang li a span{color: #a1a6aa;}
.daoHang li.active a span {color: #fff;position: relative;}
.daoHang li.active a span::after {content: '';position: absolute;width: 100%;height: 2px;bottom: -6px;left: 0;background: #fff;}
.login {width: 175px;height: 32px;margin: 24px auto;overflow: hidden;}
.login div {font-size: 14px;color:#fff;text-align: center;width: 80px;height: 32px;box-sizing: border-box;}
.login .login_btn {border: 2px solid #fff;float: left;line-height: 28px;}
.login .login_btn a {display: block;width: 100%;height: auto;color:#fff;}
.login .sign_btn {background: #2782ff;float: right;line-height: 32px;}
.login .sign_btn a {display: block;width: 100%;height: auto;color:#fff;}
.banner_box {position: absolute;width: 1200px;margin-left: -600px;left: 50%;top: 27.7%;}
.banner_box p:nth-child(1) {color: #fff;font-size: 60px;margin-bottom: 1.5%;}
.banner_box p:nth-child(2) {color: #fff;font-size: 48px;margin-bottom: 3.2%;}
.banner_box p:nth-child(3) {color: #fff;font-size: 24px;}
/*--------------header end------------*/
/*--------------footer------------*/
.footer_box {width: 100%;height: 468px;background-color:#262626;}
.footer{width: 100%;max-width: 1200px;height: 468px;display: flex;justify-content: space-between;align-items: center;margin: 0 auto;}
.footer1 {width: 370px;height: 170px;overflow: hidden;}
.footer1 .footer1_1 {width: 86px;height: auto;margin-right: 20px;float: left;}
.footer1 .footer1_1 image {width: 86px;height: 100px;}
.footer1 .footer1_2 {width: 250px;height: auto;float: left;}
.footer1 .footer1_2 .footer1_2_1 {width: 100%;height: 100px;padding-top: 10px;box-sizing: border-box;}
.footer1 .footer1_2 .footer1_2_1 .footer1_2_1_1 {font-size: 40px;color: #fff;letter-spacing: 1px;}
.footer1 .footer1_2 .footer1_2_1 .footer1_2_1_2 {font-size: 16px;color: #909090;letter-spacing: 5px;margin-top: 5px;}
.footer1 .footer1_2 .footer1_2_2 {width: 100%;height: auto;margin-top: 30px;}
.footer1 .footer1_2 .footer1_2_2 .footer1_2_2_1 {font-size: 14px;color: #fff;letter-spacing: 1px;margin-bottom: 5px;}
.footer1 .footer1_2 .footer1_2_2 .footer1_2_2_2 {font-size: 14px;color: #fff;letter-spacing: 1px;margin-top: 5px;}

.footer2 {width: 385px;height: auto;display: flex;justify-content: space-between;}
.footer2 .footer2_1 {width: 130px;height: 160px;}
.footer2 .footer2_1 .footer2_1_1 {width: 130px;height: 130px;}
.footer2 .footer2_1 p {color: #fff;width: 130px;text-align: center;margin-top: 10px;}
.footer2 .footer2_2 {width: 130px;height: 130px;}
.footer2 .footer2_2 .footer2_2_1 {width: 130px;height: 130px;}
.footer2 .footer2_2 p {color: #fff;width: 130px;text-align: center;margin-top: 10px;}
/*--------------footer end------------*/

.content {width: 1200px;margin: 0 auto;height: auto;padding-top: 200px;box-sizing: border-box;}

.content_top {width: 1200px;height: auto;margin: 0 auto;}
.content_top h3 {color: #333;font-size: 40px;width: 100%;text-align: center;margin: 0 auto 15px;font-weight: 400;}
.content_top h4 {color: #b4b4b4;font-size: 16px;width: 100%;text-align: center;margin: 0 auto 28px;font-weight: 400;}
.content_top div {width: 50px;height: 4px;margin: 0 auto 60px;background: #2782ff;}
.content_top p {color: #333;font-size: 20px;margin: 0 auto 45px;text-align: center;line-height: 30px;letter-spacing: 2px;}
.content_top p:last-child {margin: 0 auto;}

.content_center {width: 100%;margin: 140px auto 50px;}

.content_bot {width: 100%;overflow: hidden;margin-bottom: 135px;}
.content_bot li {width: 200px;margin-right: 133.33px;float: left;}
.content_bot li:nth-child(4) {float: right;margin-right: 0;}
.content_bot li p {width: 100%;text-align: center;color: #2782ff;font-size: 40px;margin-bottom: 25px;}
.content_bot li span {width: 100%;text-align: center;color: #7d7d7d;font-size: 18px;display: block;}


.content_2_bot_box,.content_4_bot_box {width: 1320px;margin: 0 auto;position: relative;}

.content_2, .content_3, .content_4, .content_5 {width: 100%;margin: 0 auto;height: auto;padding-top: 200px;box-sizing: border-box;}


.content_2_bot, .content_4_bot {width: 1200px !important;margin-top: 140px;margin-bottom: 95px;}
/* .content_2_bot .swiper-wrapper {width: 100%;} */
/* .content_2_bot .swiper-slide, .content_4_bot .swiper-slide {width: 287px !important;} */

.content_4 {margin: 0 auto;height: auto;padding-top: 200px;box-sizing: border-box;}

.swiper-container {
width: 100%;
height: 100%;
}
.swiper-slide {
text-align: center;
/* Center slide text vertically */
display: -webkit-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
-webkit-justify-content: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
-webkit-align-items: center;
align-items: center;
position: relative;
}




.swiper-button-next, .swiper-button-prev {
	top: 50%;
	background-repeat: no-repeat;
}
.swiper-button-prev {
    background-image: url(../images/button-prev.png);
    left: 0;
}
.swiper-button-next {
    background-image: url(../images/button-next.png);
    right: 0;
}
.swiper-button-next:after, .swiper-container-rtl .swiper-button-prev:after,.swiper-button-prev:after, .swiper-container-rtl .swiper-button-next:after {
    content: '';
}


.content_3_bot, .content_5_bot {
	width: 100%;
	height: 510px;
	padding-bottom: 85px;
}
.content_5_bot {
	margin-bottom: 65px;
}
.content_3_bot .swiper-slide,.content_5_bot .swiper-slide  {width: 910px !important;}


.content_3_bot_lay {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba(255, 255, 255, 0.7);
}
.content_3_bot_lay .content_3_bot_lay_btn {display: none;width: 100px;height: 100px;position: absolute;top: 380px;left: 35px;}
.content_3_bot .swiper-slide-active .content_3_bot_lay,.content_5_bot .swiper-slide-active .content_3_bot_lay {background: rgba(0, 0, 0, 0.2);}
.content_3_bot .swiper-slide-active .content_3_bot_lay .content_3_bot_lay_btn,.content_5_bot .swiper-slide-active .content_3_bot_lay .content_3_bot_lay_btn {display: block;}

.swiper-pagination-bullet-active {
	width: 26px !important;
	height: 10px;
	border-radius: 5px;
	background: #2782ff;
	opacity: 1 !important;
}
.swiper-pagination-bullet {
	width: 10px;
	height: 10px;
	background: #2782ff;
	opacity: 0.3;
}

#returnTop {
	position: fixed;
	bottom: 50px;
	right: 10px;
	width: 80px;
	height: auto;
	z-index: 10001;
	cursor: pointer;
}