@charset "utf-8";
/* CSS Document */
html{font-size:62.5% !important;}
@media (min-width:360px){
  html{font-size:70.3125% !important;}
}
@media (min-width:375px){
  html{font-size:73.2421% !important;}
}
@media (min-width:414px){
  html{font-size:80.8593% !important;}
}
@media (min-width:480px){
  html{font-size:93.75% !important;}
}

html,body{background:#FFF; -webkit-text-size-adjust:none;overflow-x: hidden;}
body,td,th,input,textarea,select{color:#464646;}
body,dl,dt,dd,p,h3,form{margin:0;}
input,textarea,select{font-size:16px; border:0px none;}
a,button,input,img,div,p,li,span{border:0px none; outline:none; -webkit-tap-highlight-color:rgba(0,0,0,0); -webkit-tap-highlight-color:transparent;}
ul{display:block; margin:0; padding:0;}
li{list-style:none;}
h1{font-weight:normal;}
p,h3{display:block; margin:0; padding:0;}
.searHeight{font-style:normal; color:#EC0000;}
a{color:#464646; text-decoration:none;}
.clear{clear: both;height: 0;margin: 0;padding: 0;}
.imgauto{width: 100%;height: auto;}

#head{width: 100%; height:50px; background:#fff; padding:0 0 0 16px;position:fixed;z-index: 100;box-sizing: border-box;box-shadow: 0 5px 15px rgba(0,0,0,.3);}
#head>a:first-child>img{height:34px; margin:8px 0 0 0;}

#search{width:50px; height:50px; line-height:50px;position:absolute; z-index:3; right:50px; top:0; text-align:center; transition:color .3s;}
#search span.iconfont{font-size:2rem;color:#666;}

#search-box{width:90%; height:50px; background:#fff; position:fixed; left:0; right:0; top:0; bottom:0; margin:auto; z-index:99;display: none;}
#search-box input{width:100%; height:50px; line-height:50px; padding:10px; background:#fff; line-height:60px;  box-sizing:border-box; font-size:1.2rem; float:left;}
#search-box input::placeholder{color:#999;}
#search-box a,#search-box .search{display:block;width:50px; height:50px; line-height:50px; position:absolute;float:left; text-align:center; color:#fff;}
#search-box .search>span{font-size:1.8rem;}
#search-box a.close>span{font-size:1.6rem;}
#search-box .search{background:#f08200;right:50px; top:0;}
#search-box a.close{background:#0174c4;right:0; top:0;}





#menubtn{width:50px; height:50px; display:block; position:absolute; right:0px; top:0; line-height:50px; cursor:pointer; background:#0174c4;}
#head #menubtn>.icon-mu { position: absolute;top:50%;left:50%;z-index: 999; margin-left:-25px; margin-top:-25px; box-sizing: border-box;padding:12px;width:50px;height:50px;-webkit-tap-highlight-color: transparent;-ms-touch-action: manipulation;touch-action: manipulation;}
#head #menubtn>.icon-mu>span { position: relative; display:block; margin-top:12px;}
#head #menubtn>.icon-mu>span,#head #menubtn>.icon-mu>span:after,#head #menubtn>.icon-mu>span:before { display: block;width:100%;height: 3px;background:#fff; border-radius:3px; transition-duration: .4s;transition-property: background-color,transform;}
#head #menubtn>.icon-mu>span:after,#head #menubtn>.icon-mu>span:before { position: absolute; content: "";}
#head #menubtn>.icon-mu>span:before {top: -10px;}
#head #menubtn>.icon-mu>span:after {top: 10px;}
#head #menubtn>.icon-mu.active{ background:#333;}
#head #menubtn>.icon-mu.active span { background-color: transparent;}
#head #menubtn>.icon-mu.active span:after,#head>.nav>.icon-mu.active span:before {background-color: #fff;}
#head #menubtn>.icon-mu.active span:before {transform: translateY(10px)rotate(45deg);}
#head #menubtn>.icon-mu.active span:after {transform: translateY(-10px)rotate(-45deg);}

#menu{position:fixed; width:100%; background:#fff; top:50px; z-index:999; border-top:1px solid #e6e6e6; display:none;}
#menu>li{border-bottom:1px solid #e6e6e6;}
#menu>li>a{display:block;font-size:1.1rem; color:#333; padding:13px 16px; position:relative; overflow:hidden;}
#menu>li>a.sub{background:url(images/plus2.png) no-repeat right top; background-size:18px auto; background-origin:content-box;}

#menu>li>a.A{background-position:right bottom;}
#menu>li>div{background:#f9f9f9; display:none;}
#menu>li>div>a{display:block; font-size:1rem; padding:12px 32px; border-top:1px solid #eee;}
#menu>li>div>a:active{background:#0174c4; color:#fff;}


#menubg{display:none;height: 100%;width: 100%;background-color: rgba(0,0,0,.8);position: fixed;left: 0;top: 0;z-index: 90;}


#banner{background:#fff; overflow:hidden; position:relative;padding-top: 50px;}
#banner img{width:100%; height:auto; display:block;}
#banner .swiper-pagination{width:100%; bottom:3px; position:absolute;}
#banner .swiper-pagination-bullet{width:6px;height:6px; background:#fff;border: 2px solid rgba(0,0,0,0); transition:all .3s;opacity:1 !important;}
#banner .swiper-pagination-bullet-active{background:none !important;border:2px solid #fff;}
#banner .swiper-slide img{width:100%;}

.ind-bm{color:#FFF;font-size:1.4rem; background-color:#f4f5f9;overflow: hidden;padding:20px 15px 10px 15px;position: relative;}
.ind-bm ul{}
.ind-bm ul li{width:100%;display:block;text-align:left;margin-bottom: 15px;}
.ind-bm ul li:hover .img img{top:-69px;}
.ind-bm .img{	position:relative;float:left;	width:69px;height:69px;overflow:hidden;margin-right:20px;margin-top:5px;background:#fff;}
.ind-bm .img img{position:absolute;left:0px;top:0px;}
.ind-bm .text{float:left;font-family:"微软雅黑";font-size:12px;color:#848590;	line-height:23px;}
.ind-bm .text h3{	font-size:16px;	font-weight:normal;	color:#5a5c69;	display:block;	padding:5px 0px;}




#foot{background:#2c333b; text-align:center; padding:16px; color:rgba(255,255,255,.6); font-size:12px;}
#foot p:nth-of-type(2){padding:5px 0 0 0;}
#foot p>a,#foot p>.e{color:rgba(255,255,255,.36);}

.tit1{font-size: 1.4rem;font-weight:bold;font-family: "Arial"; padding:0 15px;text-align:center;}
.tit1 span{color:#f08200;font-weight: normal;}
.ind-pro .tit1 h3{color:#5a5c69;font-size:18px;	font-weight:normal;
margin-bottom:4px;}
.ind-pro .tit1 p{color:#848590;font-size:14px;	font-weight:normal;}



.ind-pro{padding:30px 0;}
.ind-pro .prowrap{width:100%;position:relative;z-index: 2;}
.ind-pro .swiper-slide{width: 100%;padding: 15px;box-sizing: border-box; position: relative;}
.ind-pro .swiper-slide a{display: block;background-color: #f5f5f5;}
.ind-pro .swiper-slide .img1{width: 100%;height:auto;overflow: hidden;}
.ind-pro .swiper-slide .img1 img{width: 100%;}
.ind-pro .swiper-slide .con{padding:15px;}
.ind-pro .swiper-slide .con h3{color:#0174c4;	font-size:20px;font-weight:normal;}
.ind-pro .swiper-slide .con p{color:#333;	font-size:12px;margin-top: 8px;}
.ind-pro .swiper-pagination{width: 100%; text-align: center;margin-top: 10px;box-sizing: border-box;}
.ind-pro .swiper-pagination-bullet{background:#ddd; opacity:1 !important; margin-left:5px;}


.ind-news{margin-top:20px;padding: 30px 0;background-color: #f5f5f5;}
.newsbox{position: relative;}
.newsbox .swiper-news .tit1{margin-bottom: 20px;font-size:20px;}
.swiper-news .swiper-slide{width: 100%;box-sizing: border-box;padding: 15px;}
.swiper-news .swiper-slide .listN li{padding-bottom: 10px;margin-bottom: 10px;border-bottom: 1px solid #ddd;}
.swiper-news .swiper-slide .listN li:last-child{border-bottom: none;}
.swiper-news .swiper-slide .listN a{display:block;}
.swiper-news .swiper-slide .listN .tit{font-size:14px;color: #333; overflow: hidden;text-overflow:ellipsis;white-space: nowrap;padding:5px 10px;}
.swiper-news .swiper-slide .listN .date{font-size:12px;color:#0174c4;padding: 0 10px;}
.newsbox .swiper-pagination{width: 100%; text-align: center;box-sizing: border-box;}
.newsbox .swiper-pagination-bullet{background:#ccc; opacity:1 !important; margin-left:5px;}

.newsbox .swiper-pagination-bullet-active,.ind-pro .swiper-pagination-bullet-active{background:#0174c4 !important; opacity:1 !important;}


.indabout{padding: 20px 15px 30px 15px;}
.indabout .text{margin-bottom: 15px;}
.indabout .text h2{font-size:24px;color:#0174c4;margin-bottom: 10px;}
.indabout .text h2 span{color:#5a5c69;font-weight:normal;}
.indabout .text  p{font-size:14px;line-height:22px;	color:#9092a0;}



/* 按钮 */
.more2 {display:block;font-size: 12px;text-align: center;min-width:60px;padding:0 15px; color: #fff; height:35px; line-height:35px; position: relative;}
.more2 > span.t {
  color: #fff;
  position: relative;
  z-index: 3;
}
.more2 > span.iconfont {
	font-size: 12px;
  color: #fff;
  position: relative;
  z-index: 3;
  transition: all 0.3s ease-out;
  display: inline-block;
	margin-left: 5px;
}
.more2:after {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background: #0174c4;
  z-index: 2;
  transition: all 0.3s ease-out;
  pointer-events: none;
}