@charset "utf-8";

*{box-sizing: border-box; }
body,h1,h2,h3,h4,h5,h6,hr,p,blockquote,dl,dt,dd,ul,ol,li,pre,fieldset,lengend,button,input,textarea,th,td{margin:0;padding:0;}
body,button,input,textarea{font:12px Helvetica, Arial, "\5FAE\8F6F\96C5\9ED1",sans-serif,'Microsoft YaHei';border:none; overflow-x:hidden;}
h1{font-size: 18px; }
h2{font-size: 16px;}
h3{font-size: 14px;}
h4,h5,h6{font-size: 100%;}
small{font-size: 12px;}
img,input{vertical-align: middle; border:none;}
ul,ol,li{list-style: none;}
a{text-decoration:none;outline:none}
a:hover{text-decoration: underline;}
table{border-collapse: collapse;border-spacing: 0;}
body { background:#fff; color:#555; font-size:12px;overflow-x:hidden;}
.clear{height:1px;clear:both;margin-bottom:-1px;overflow:hidden;visibility:hidden;display:block;}
i,em{font-style: normal;}
a{color:#333;cursor:pointer;}
a:hover{text-decoration:none;}
input,button,select{font-family:'Microsoft Yahei';outline: none;font-size:14px; }
button,input[type=button]{cursor: pointer;}


/*clearfix*/
.clearfix{*zoom:1}
.clearfix:before,
.clearfix:after{display:table;content:""}
.clearfix:after{clear:both}

/*设置浮动*/
.fl {float: left;}
.fr {float: right;}
.pr{position: relative;}
.pa{position: absolute;}


/* 框架 */
.w1200{width:1200px;margin:0 auto;}
.w1300{width:1300px;margin:0 auto;}
.w1400{width:1400px;margin:0 auto;}
@media all and (max-width:1460px){

	.w1400{width:100%;padding:0 2%}

}

@media all and (max-width:1360px){

	.w1300{width:100%;padding:0 2%}

}
@media all and (max-width:1260px){
	.w1200{width:100%;padding:0 2%}
}

@media all and (max-width:768px){

	.w1400{padding:0 3%}

	.w1300{padding:0 3%}

	.w1200{padding:0 3%}

}



/* 弹性布局 */

.c-flex{display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center;}

.c-flex1{display: flex; flex-wrap: wrap; justify-content: space-between; align-items: stretch;}



/* 图片比例 */

.picScale{ padding-bottom: 60%; overflow: hidden; position: relative; }

.picScale img{ max-width: 100%; position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); transition: all 0.5s; }



/* 文本溢出 */

.text_clamp1{	overflow:hidden;text-overflow:ellipsis;white-space:nowrap; }

.text_clamp2{ overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical; }

.text_clamp3{ overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical; }



/* 边距 */

.pd100{padding: 100px 0;}

.pd120{padding: 120px 0;}

.pd150{padding: 150px 0;}

@media (max-width: 1240px) {

	.pd100{padding: 70px 0;}

	.pd120{padding: 80px 0;}

	.pd150{padding: 90px 0;}

}

@media (max-width: 1024px) {

	.pd100{padding: 60px 0;}

	.pd120{padding: 70px 0;}

	.pd150{padding: 80px 0;}

}

@media (max-width: 768px) {

	.pd100{padding: 50px 0;}

	.pd120{padding: 60px 0;}

}

@media (max-width: 480px) {

	.pd100{padding: 40px 0;}

	.pd120{padding: 50px 0;}

	.pd150{padding: 50px 0;}

}



.swiper-container{

	--swiper-theme-color: #008fd7;/* 设置Swiper风格 */

	--swiper-navigation-color: #008fd7;/* 单独设置按钮颜色 */

	--swiper-navigation-size: 30px;/* 设置按钮大小 */

}



/* 菜单按钮 */

.menuBtn {cursor: pointer;width: 18px;height: 18px; position: absolute; top: 50%; transform: translateY(-50%);}
.bar1, .bar2, .bar3 {width: 18px;height: 3px;background-color: #bbb;margin: 3px 0;transition: 0.4s;}
.change .bar1 {transform: rotate(45deg) translate(3px, 5px);}
.change .bar2 {opacity: 0;}
.change .bar3 {transform: rotate(-45deg) translate(3px, -6px);}



.mart{ height: 210px; }



/* 导航 */

.header{ background-color: #FFFFFF; width: 100%; position: fixed; top: 0; left: 0; z-index: 999; }

.header .h_top{ position: relative; height: 150px; }

.header .h_top .logo{ width: 45%; }

.header .h_top .logo a{ display: block; }

.header .h_top .logo img{ width: 100%; max-width: 380px; }

.header .h_top .logo h1{ display: block; color: #008fd7; font-size: 18px; font-weight: normal; text-transform: uppercase; letter-spacing: 1px; }

.header .h_top .logo h1 span{ font-size: 43px; font-family: '华文行楷'; letter-spacing: -6px; display: block;color: #000000; padding-bottom: 5px;}

.header .h_top .tel{ width: 45%; text-align: right; }

.header .h_top .tel h3{ display: inline-block; padding-left: 60px; background: url(../images/h_tel.png) no-repeat center left; text-align: left; font-size: 32px; color: #008FD7;}

.header .h_top .tel h3 span{ display: block; font-size: 14px; font-weight: normal; }

.header .h_top .tel h3 a{ color: #008FD7;}

.header .h_top .menu{ display: none; width: 18px; }
.header .h_top .jubao{ display: none; position: absolute;right: 15px; width: 30%; }

.header .h_nav{ background-color: #008FD7; height: 60px;}

.header .h_nav ul{ height: 60px; align-items: stretch; }

.header .h_nav ul li{ flex: 1; position: relative; }

.header .h_nav ul li>a{ color: #FFFFFF; font-size: 20px; height: 100%; display: flex; flex-wrap: wrap; align-items: center; justify-content: center; }

.header .h_nav ul li.active,

.header .h_nav ul li:hover{ background-color: #046a9e; }

.header .h_nav ul li .subnav{ display: none; position: absolute; top: 100%; left: 0; width: 100%; background-color: #008FD7;  }

.header .h_nav ul li:hover .subnav{display: block;}

.header .h_nav ul li .subnav h3{ border-bottom: 1px solid #ddd; }

.header .h_nav ul li .subnav h3:last-child{ border-bottom: 0; }

.header .h_nav ul li .subnav h3:hover{ background-color: #046A9E;}

.header .h_nav ul li .subnav h3 a{display: block; padding: 15px 10px; text-align: center; color: #FFFFFF; font-weight: normal; font-size: 18px;}

@media (max-width:1360px) {

	.mart{ height: 160px; }

	.header .h_top{ height: 100px; }

	.header .h_nav ul li>a{ font-size: 16px; }

	.header .h_nav ul li .subnav h3 a{ font-size: 16px; }

}

@media (max-width:1024px) {

	.mart{ height: 80px; }

	.header{ box-shadow: 0 -6px 20px 5px rgba(0,0,0,0.1);}

	.header .h_top{height: 80px; justify-content: flex-start;}

	.header .h_top .logo{ width: auto;}

	.header .h_top .logo img{ height: 50px; width: auto; }

	.header .h_top .tel{ width: auto; margin-left: 40px; }

	.header .h_top .tel h3{ font-size: 24px; padding-left: 55px; }

	.header .h_top .menu{ display: block; position: absolute; right: 0; }

	.header .h_nav{ display: none; }

}

@media (max-width:768px) {

	.mart{ height: 65px; }

	.header .h_top{height: 65px; justify-content: flex-start;}

	.header .h_top .logo img{ height: 40px; width: auto; }

	.header .h_top .tel{ margin-left: 20px; display: none;}

	.header .h_top .tel h3{ font-size: 20px; }
	
	.header .h_top .jubao{ display: block;  }

}

@media (max-width:320px) {

	.header .h_top .logo img{height: 30px;}

}





/* 手机版菜单 */

.m_nav{ position: fixed; top: 0; left: 0; z-index: 998; width: 100%; height: 100%; padding-top: 80px; display: none; background-color: #008FD7; }

.m_nav ul{ padding: 0 3%; padding-top: 20px; height: 100%; width: 100%; overflow:auto; }
.m_nav ul::-webkit-scrollbar{width:0px;height:4px;background-color: #018FD7;}
.m_nav ul::-webkit-scrollbar-track{background: #eee;border-radius:2px;}
.m_nav ul::-webkit-scrollbar-thumb{background: #018FD7;border-radius:2px;}
.m_nav ul::-webkit-scrollbar-thumb:hover{background: #018FD7;}
.m_nav ul::-webkit-scrollbar-corner{background: #018FD7;}
/* .m_nav ul li:first-child{ border-top: 1px solid #efefef; } */
.m_nav ul li{ border-bottom: 1px solid #efefef; }
.m_nav ul li span{ display: block; padding-left: 10px; padding-right: 50px; position: relative; }
.m_nav ul li.has span::before{ content: ">"; display: block; font-family: 黑体; font-weight: normal; font-size: 18px; color: #fff; position: absolute; right: 10px; top: 50%; transform: translateY(-50%); transition: 0.3s; }
.m_nav ul li span.active::before{ transform: translateY(-50%) rotate(90deg); }
.m_nav ul li span a{ display: block; padding: 16px 0; font-size: 16px; font-weight: normal; color: #fff; }
.m_nav ul li .subnav{ display: none; }
.m_nav ul li .subnav h3{ border-top: 1px solid #efefef; }
.m_nav ul li .subnav h3 a{ display: block; padding: 16px 0; font-size: 16px; font-weight: normal; color: #fff; padding-left: 40px; }

@media (max-width:768px) {

	.m_nav{ padding-top: 65px;  }

}







.maodian{position: relative; top: -240px;}

@media (max-width: 1360px) {

	.maodian{ top: -200px;}

}

@media (max-width: 1024px) {

	.maodian{ top: -100px;}

}



/*  */

.bottom_nav{ padding: 60px 0 80px;}

.bottom_nav ul{ align-items: stretch; }

.bottom_nav ul li{ width: 30%; text-align: center; background: no-repeat center; background-size: cover; }

.bottom_nav ul li a{ display: block; width: 100%; font-size: 30px; font-weight: bold; padding: 40px 0; color: #008FD7; text-shadow: #fff 2px 0 0, #fff 0 2px 0, #fff -1px 0 0, #fff 0 -1px 0; }

@media (max-width:1360px) {

	.bottom_nav ul li a{font-size: 26px;}

}

@media (max-width:1024px) {

	.bottom_nav ul li a{font-size: 22px;}

}

@media (max-width:768px) {

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

	.bottom_nav ul li{width: 100%; margin: 15px 0;}

	.bottom_nav ul li a{ padding: 50px 0;}

}

@media (max-width:320px) {

	

}





/* 底部 */

.footer{  }

.footer .foot_info{ background-color: #f3f3f3; padding: 40px 0 60px; }

.footer .foot_info .left{ float: left; width: 50%; }

.footer .foot_info .right{ float: right; width: 50%; align-items: stretch; }

/* logo */

.footer .foot_info .flogo{  }

.footer .foot_info .flogo h3{width: 260px;}

.footer .foot_info .flogo h3 img{width: 100%;}

.footer .foot_info .flogo h4{ margin: 20px 0; font-family: "微软雅黑"; font-size: 28px; line-height: 36px; }

.footer .foot_info .flogo h4 a{ color: #008FD7; display: block; padding-left: 40px; background: url(../images/icon_f_tel.png) no-repeat center left; }

.footer .foot_info .flogo p{ background-color: #e0dfdf; display: inline-block;  border-radius: 50px; font-size: 18px;}

.footer .foot_info .flogo p a{ display: block; padding: 10px 20px; padding-left: 50px; color: #000; background: url(../images/icon_f_ly.png) no-repeat left 20px center; }

/* 链接 */

.footer .foot_info .flink{ width: 190px; margin-right: 100px; }

.footer .foot_info .flink .slctBox{ margin-bottom: 25px; position: relative;}

.footer .foot_info .flink .slctBox ul{ display: none; background-color: #FFFFFF; width: 100%; position: absolute; top: 100%; left: 0; z-index: 9; }

.footer .foot_info .flink .slctBox ul li{ line-height: 40px; font-size: 14px; border-top: 1px solid #eee;}

.footer .foot_info .flink .slctBox ul li a{ display: block; color: #111; padding-left: 30px; }

.footer .foot_info .flink .slctBox ul li:hover a{ background-color: ; color: #008FD7; }

.footer .foot_info .flink .slct{ font-size: 15px; color: #010101; width: 100%; height: 40px; line-height: 40px; border: 0; padding-left: 30px; appearance:none; position: relative; background: #FFFFFF url(../images/f_icon_slct.png) no-repeat center right 20px; text-align: left; margin: 10px 0; cursor: pointer; }

.footer .foot_info .flink .slct.on{ background-image: url(../images/f_icon_slct2.png); }

/* 联系 */

.footer .foot_info .f_contact{padding-left: 20px; width: calc(100% - 130px);}

.footer .foot_info .f_contact h3{ font-size: 18px; color: #000000; padding-bottom: 25px; }

.footer .foot_info .f_contact p{ font-size: 16px; padding: 5px 0; color: #000000; }

/* 二维码 */

.footer .foot_info .f_ewm{ width: 110px; }

.footer .foot_info .f_ewm h3{ font-size: 18px; color: #000000; padding-bottom: 30px; }

.footer .foot_info .f_ewm p{ text-align: center; display: inline-block; }

.footer .foot_info .f_ewm p img{ width: 100%; }

.footer .foot_info .f_ewm p span{ font-size: 15px; color: #000; display: inline-block; padding-top: 10px;  }



/* 导航,版权 */

.footer .foot_copy{ background-color: #008fd7; height: 65px;}

.footer .foot_copy .fnav{ width: 70%;  }

.footer .foot_copy .fnav ul{ height: 65px; }

.footer .foot_copy .fnav ul li{ font-size: 16px; margin-right: 10px; }

.footer .foot_copy .fnav ul li a{ color: #FFFFFF; }

.footer .foot_copy .fnav ul li a:hover{ color: #eee; }

.footer .foot_copy .copy{ width: 20%; text-align: right; }

.footer .foot_copy .copy img{ max-width: 30px; }



@media (max-width: 1360px) {

	.footer .foot_info .left{ width: 35%;}

	.footer .foot_info .right{ width: 65%;}

	.footer .foot_info .flink{margin-right: 0; margin-top: 15px;}

	.footer .foot_info .flink .slct{ height: 35px; line-height: 35px; margin: 5px 0;}

	.footer .foot_info .flink .slctBox{margin-bottom: 15px;}

	.footer .foot_info .flink .slctBox ul li{ line-height: 35px;}

	.footer .foot_info .flogo h3{width: 100%; max-width: 260px;}

}

@media (max-width: 1024px) {

	.footer .foot_info .flogo h4{font-size: 24px;}

	.footer .foot_info .flogo h4 a{ padding-left: 25px; background-size: auto 26px; }

	.footer .foot_copy .fnav{ width: 80%;  }

	.footer .foot_copy .fnav ul{ justify-content: flex-start; }

	.footer .foot_copy .copy{ width: 20%; text-align: right; }

}

@media (max-width: 768px) {

	.footer .foot_info{ padding: 40px 0;}

	.footer .foot_info .left{ width: 100%; }

	.footer .foot_info .right{ width: 100%; margin-top: 30px; }

	.footer .foot_info .flogo h4{font-size: 20px; line-height: 30px;}

	.footer .foot_info .f_ewm{display: none;}

	.footer .foot_info .f_contact{ padding-left: 0; width: 100%; }

	.footer .foot_info .f_contact h3{padding-bottom: 15px;}

	.footer .foot_copy .fnav ul li{font-size: 14px;}

}

@media (max-width: 480px) {

	.footer .foot_copy{height: auto; padding: 10px 0;}

	.footer .foot_copy .fnav ul{ height: auto; width: 150px; }

	.footer .foot_info .flogo p{font-size: 16px;}

	.footer .foot_info .f_contact p{font-size: 14px;}

}