@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;}
.w1400{width:1400px;margin:0 auto;}
.w1600{width:1600px;margin:0 auto;}
@media all and (max-width:1660px){
  .w1600{width:100%;padding:0 2%}
}
@media all and (max-width:1460px){
	.w1400{width:100%;padding:0 2%}
}
@media all and (max-width:1260px){
	.w1200{width:100%;padding:0 2%}
}
@media all and (max-width:768px){
	.w1600{padding:0 3%}
	.w1400{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; }

.swiper-container{ --swiper-theme-color: #ff6600; --swiper-navigation-color: #00ff33; --swiper-navigation-size: 30px; }

/* PC and Moble */
.pc{ display: block; } 
.m{ display: none; }
@media (max-width: 768px) {
	.pc{ display: none; }
	.m{ display: block; }
}



/************** 导航栏 ***************/
.header{ height: 130px; width: 100%; background-color: #FFFFFF; position: fixed; top: 0; left: 0; z-index: 9999; box-shadow: 0 0 5px 3px rgba(0,0,0,0.1);  }
.header .head_cont{ height: 130px; align-items: center; justify-content: space-between; }
.header .h_logo{ width: 200px; }
.header .h_logo a{ display: block; }
.header .h_logo h1{ font-weight: normal; }
.header .h_logo img{ max-width: 100%; }
.header .h_nav{ padding-top: 10px; height: 130px; width: calc(100% - 250px);  }
.header .h_nav ul{ width: calc(100% - 240px); height: 100%; justify-content: flex-end; flex-direction: row; flex-wrap: nowrap; }
.header .h_nav ul li{ height: 100%; position: relative; }
.header .h_nav ul li span{ display: block; height: 100%; display: flex; align-items: stretch;  }
.header .h_nav ul li span a{ display: flex; align-items: center; padding: 0 30px; font-size: 18px; color: #333333; }
.header .h_nav ul li:hover span a,
.header .h_nav ul li.active span a{ font-weight: bold; color: #265288; }
.header .h_nav ul .subnav{ display: none; position: absolute; top: 100%; left: -20%; width: 140%; background-color: rgba(0,0,0,0.05); padding: 0 5px 5px 5px; }
.header .h_nav ul .subnav a{ display: block; text-align: center; line-height: 36px; font-size: 16px; color: #333; background-color: #fff; }
.header .h_nav ul .subnav a:hover{ background-color: #224a7c; color: #FFFFFF;}
.header .h_nav .tel{ max-width: 230px; }
.header .h_nav .tel a{ display: block; width: 100%; height: 35px; line-height: 37px; font-size: 18px; color: #FFFFFF; padding: 0 15px 0 38px; border-radius: 50px; background: #265288 url(../images/icon_ttel.png) no-repeat left 10px center; }
.mart{ height: 130px; }


.header .menuBtn {cursor: pointer;width: 18px;height: 18px; position: absolute; top: 50%; transform: translateY(-50%); right: 3%;}
.header .bar1,
.header .bar2,
.header .bar3{ width: 18px;height: 3px;background-color: #265288;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); }

.moble_nav{ padding-top: 160px; padding-bottom: 50px; height: 100%; width: 100%; background-color: #FFFFFF; position: fixed; top: 0; left: 0; z-index: 999; display: none;}
.moble_nav nav{ padding: 0 20px; height: 100%; }
.moble_nav ul{ height: 100%; overflow-y: auto; border-top: 1px solid #ddd;  }
.moble_nav ul li{  }
.moble_nav ul li span{ display: block; border-bottom: 1px solid #ddd; padding-right: 50%; }
.moble_nav ul li span.icon{ background: url(../images/icon_next1.png) no-repeat right center; background-size: 25px; }
.moble_nav ul li span a{ padding: 15px 0; display: block; font-size: 18px; font-weight: bold; }
.moble_nav ul li .subnav{  border-bottom: 1px solid #ddd; padding: 10px 0; display: none; }
.moble_nav ul li .subnav a{ display: block; padding: 10px 0; font-size: 16px; padding-left: 10px;}
@media (max-width:1640px){
  .header .h_nav ul li span a{padding: 0 20px;}
}
@media (max-width:1440px){
  .mart{height: 110px;}
  .header{height: 110px;}
  .header .head_cont{height: 110px;}
  .header .h_nav{height: 110px;}
  .header .h_logo{width: 160px;}
  .header .h_nav ul li:last-child{ margin-right: -15px; }
  .header .h_nav ul li span a{ font-size: 16px;padding: 0 15px;}
}
@media (max-width:1200px){
  .mart{height: 80px;}
  .header{height: 80px;}
  .header .head_cont{height: 80px;}
  .header .h_nav{height: 80px;width: auto; padding-top: 0; padding-right: 60px;}
  .header .h_nav ul{display: none;}
  .header .menuBtn{display: block;}
}
@media (max-width:1024px){
  
}
@media (max-width:768px){
	.moble_nav{ padding-top: 130px; }
  .mart{ height: 60px; }
  .header{ height: 60px; }
  .header .head_cont{ height: 60px; }
  .header .h_nav{ height: 60px; }
  .header .h_logo{width: 120px;}
  
}
@media (max-width:480px){
  .header .h_nav{padding-right: 40px;display: none;}
}




/* 底部 */
 .footer{height:430px; background: #555555 url() no-repeat center; margin-top:100px;}
 .foot .ft-nav{height:88px; margin-bottom: 37px; background-color: #e70012;}
 .foot .ft-nav ul{ text-align: center; }
 .foot .ft-nav ul li{ float:; height:88px; line-height: 88px; display: inline-block;  }
 .foot .ft-nav ul li a{ font-size: 18px; color:#FFFFFF; padding:0 50px; position: relative; }
 /* .foot .ft-nav ul li a:before{width:1px; height:14px; background:#FFF; content:""; position: absolute; right:0;top:4px;} */
 .foot .ft-nav ul li:last-child a:before{display: none;}
 .foot .ft-contact{height:auto;margin-bottom: 37px;padding-bottom: 37px; border-bottom: 1px solid #656565;}
 .foot .ft-contact ul li{float:left;height:auto; position: relative; box-sizing: border-box;padding-left:60px;}
 .foot .ft-contact ul li:before{width:1px;height:41px; background:#656565; content:"";position: absolute;top:5px; right:-1px;}
 .foot .ft-contact ul li.ft1{width: 30%;padding-left: 0;}
 .foot .ft-contact ul li.ft2{width: 23%;}
 .foot .ft-contact ul li.ft3{width: 23%;}
 .foot .ft-contact ul li.ft4{width: 23%;}
 .foot .ft-contact ul li.ft4:before{ display: none; }
 .foot .ft-contact ul li i{display: block; height:32px; line-height: 32px; padding-left:33px;font-size: 18px; color:rgba(255,255,255,1);}
 .foot .ft-contact ul li.ft1 i{background:url(../images/icon_ft1.png) no-repeat left;}
 .foot .ft-contact ul li.ft2 i{background:url(../images/icon_ft2.png) no-repeat left;}
 .foot .ft-contact ul li.ft3 i{background:url(../images/icon_ft3.png) no-repeat left;}
 .foot .ft-contact ul li.ft4 i{background:url(../images/icon_ft4.png) no-repeat left;}
 .foot .ft-contact ul li p{line-height: 28px;font-size: 16px; color:#fff;}
 .foot .ft-contact ul li.ft4 p{ font-size: ; color:; }
 .foot .ft-bot-left{ width: calc(100% - 260px); float:left; }
 .foot .ft-bot-left .bot-top{height:auto;}
 .foot .ft-bot-left .bot-top span{display: block;float:left;margin-right: 150px;}
 .foot .ft-bot-left .bot-top span em{display: block; height:27px; line-height: 27px;font-size: 21px; color:#fff;}
 .foot .ft-bot-left .bot-top span i{display: block; height: 21px; line-height: 21px;font-size: 10px; color:rgba(255, 255, 255, 1);}
 .foot .ft-bot-left .bot-top strong{display: block; float:left; line-height: 31px;}
 .foot .ft-bot-left .bot-top strong em,.foot .ft-bot-left .bot-top strong em a{display: inline-block;font-size: 16px; color:#FFF; font-weight: normal;}
 .foot .ft-bot-left .bot-top strong i{display: inline-block;font-size: 14px; color:#FFF;margin:0 10px;}
 .foot .link{margin-top: 22px;color:#FFF; font-size: 14px;}
 .foot .link em{display: block; float:left; color:#FFFFFF; font-weight: bold;}
 .foot .link a{display: inline-block;font-size: 14px; color:#FFF;}
 .foot .link i{ margin:0 10px; }
 .foot .link i.last{ display:none; }
 .foot .ft-code{ float:right; width: 250px; }
 .foot .ft-code span{display: block; width:108px;margin-left: 29px;float:left;}
 .foot .ft-code span:first-child{ margin-left: 0; }
 .foot .ft-code span i{display: block; height:108px; line-height: 0;}
 .foot .ft-code span i img{width:100%;}
 .foot .ft-code span em{display: block; height:32px; line-height: 32px; background:; text-align: center;font-size: 16px; color:#fff;}
@media (max-width:1440px){
  .foot .ft-nav ul li a{ padding: 0 30px; }
  .foot .ft-bot-left .bot-top span{ margin-right: 50px;}
}
@media (max-width:1200px){
  .footer{height: auto; padding-bottom: 30px;}
  .foot .ft-nav{height: 80px;}
  .foot .ft-nav ul li{height: 80px;line-height: 80px;}
  .foot .ft-nav ul li a{font-size: 16px; padding: 0 20px; }
  .foot .ft-contact{padding-bottom: 25px;margin-bottom: 30px;}
  .foot .ft-contact ul li{ padding-left:40px; }
  .foot .ft-contact ul li.ft1{ padding-left:0px;  padding-right: 20px;}
  .foot .ft-contact ul li i{font-size: 16px;}
  .foot .ft-contact ul li p{font-size: 14px; line-height: 20px; padding-top: 5px;}
  .foot .link{margin-top: 10px;}
}
@media (max-width:1024px){
  .foot .ft-nav{ height: 60px; }
  .foot .ft-nav ul li{ height: 60px;line-height: 60px; }
  .foot .ft-bot-left .bot-top strong{ line-height: 24px; }
  .foot .ft-bot-left .bot-top strong em,
  .foot .ft-bot-left .bot-top strong em a{ font-size: 14px;line-height: 20px; }
  .foot .ft-bot-left .bot-top strong i{ line-height: 20px;  }
  
}
@media (max-width:768px){
  .foot .ft-nav{ margin-bottom: 30px; }
  .foot .ft-nav ul li a{ padding: 0 6px;font-size: 14px; }
  .foot .ft-contact ul{ display: flex; flex-wrap: wrap; align-items:stretch; }
  .foot .ft-contact ul li.ft1{ width: 50%; margin-bottom: 15px; }
  .foot .ft-contact ul li.ft2{ width: 50%; margin-bottom: 15px; }
  .foot .ft-contact ul li.ft2:before{ display: none; }
  .foot .ft-contact ul li.ft3{ width: 50%;padding-left: 0; }
  .foot .ft-contact ul li.ft4{ width: 50%; }
  .foot .ft-bot-left .bot-top span{margin-right: 0;}
  .foot .ft-bot-left .bot-top span em{height: auto;}
  .foot .ft-bot-left .bot-top span i{height: auto;}
  .foot .ft-bot-left{width: 100%;float: none;}
  .foot .ft-code{float: none; margin-top: 20px;}
   .footer{margin-top:50px;}
}
@media (max-width:680px){
  .footer{padding-top: 30px;margin-top:20px;}
  .foot .ft-nav{display: none;}
}
@media (max-width:480px){
 .foot .ft-contact ul li{ padding-left:10px; }
  .foot .ft-bot-left .bot-top strong{display: none;}
  .foot .link i{margin: 0 5px;}
  .foot .ft-code span{margin-left: ;}
   .foot .ft-bot-left .bot-top span em{display: block; height:27px; line-height: 27px;font-size: 16px; color:#fff;}
    .foot .ft-contact{padding-bottom: 25px;margin-bottom: 10px;}
	 .footer{height: auto; padding-bottom: 15px;}
}