/*reset*/
*{box-sizing:border-box; -webkit-tap-highlight-color:transparent;-webkit-tap-highlight-color:rgba(0,0,0,0); -webkit-overflow-scrolling: touch;}
html{-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%; font-size:20px;}
body{margin: 0; padding: 0; background:#f3f5f7; font-family: "Hiragino Sans GB", "Helvetica Neue", Helvetica, "Microsoft YaHei", "PingFang SC", Arial, sans-serif; text-align: center;}
input:focus {outline: none;}a{text-decoration: none;}
a{text-decoration: none;}
ul,li,dl,dt,dd,ol{ margin:0; padding:0; list-style:none;}
em,i{ font-style:normal; margin:0; padding:0;}
h1,h2,h3,h4,h5,p{ margin:0; padding:0;}
a:link,a:visited{outline:none;  blr:expression(this.onFocus=this.blur());color: #323234;}
a:hover{color: #0078b5; text-decoration: none; }
.swiper-pagination-bullets{width:auto !important; left:auto !important; right:20px !important; z-index: 2; bottom:6px !important;}
.swiper-pagination-bullets .swiper-pagination-bullet{width: 14px; height:14px; background:#fff;opacity:1; border-radius:0; margin:0 5px;}
.swiper-pagination-bullets .swiper-pagination-bullet-active{background:#0078b5;}
.swiper-button-next,.swiper-button-prev{outline: none; opacity:0.8;}
.swiper-button-next:hover,.swiper-button-prev:hover{opacity:1;}
.btn{border-radius:10px;}
.btn-primary{background: #00479d;}

/*定义滚动条高宽及背景
 高宽分别对应横竖滚动条的尺寸*/
::-webkit-scrollbar
{
    width:6px;
    height:6px;
    background-color:#fff;
}
/*定义滚动条轨道
 内阴影+圆角*/
::-webkit-scrollbar-track
{
    -webkit-box-shadow:inset 0 0 6px rgba(0,0,0,0.2);
    border-radius:10px;
    background-color:#f6f6f6;
}
/*定义滑块
 内阴影+圆角*/
::-webkit-scrollbar-thumb
{
    border-radius:10px;
    -webkit-box-shadow:inset 0 0 6px rgba(0,0,0,.3);
    background:rgba(0,0,0,0.1);
}

/*public*/
.container {
	width:100%;
	padding:0;
	height:auto;
	overflow:hidden;
    margin-right: auto;
    margin-left: auto;
	position: relative;
}
.nav-tabs{width:100%; height:50px; overflow:hidden; border:0; text-align: left; position: relative; }
.nav-tabs::after{width:100%; border-bottom:2px #ccc solid; position: absolute; left:0; bottom:0;}
.nav-tabs li{display: inline-block; padding:0; position:relative; z-index:1; margin-right:40px;}
.nav-tabs>li>a{font-size:20px; height:50px; line-height:50px; padding:0; color:#666; border-radius:0; border: none;}
.nav-tabs>li>a:hover{ background: none; color:#0078b5; border: none; border-bottom:2px #0078b5 solid;}
.nav-tabs>li.active>a,.nav-tabs>li.active>a:focus,.nav-tabs>li.active>a:hover{ background:none; border:0;  border-bottom:3px #0078b5 solid; color:#0078b5; }

.frame{width:120px;height:120px; position:absolute; z-index:50; transform:translateY(-120%) scale(0.1); opacity:0; transition:all 0.4s ease; text-align:center;}
.frame img{display:block;width:100%; }
.frame p{color:#333; font-size:14px;}
.topbar{width:100%;background:#eee;height:40px; line-height:40px;}
.topbar .container{overflow:initial !important;}
.topbar .tl{float: left;}
.topbar .tl p{font-size:13px;color:#999;}
.topbar ul{float: right;}
.topbar li{height:auto;line-height:40px;float: left;margin-left:25px; position: relative;}
.topbar li img{vertical-align: middle;}
.topbar li a{width:55px; height:40px; font-size:13px; color:#999; text-align: center;}
.topbar li .frame1{top:50px;right:-130%;}
.topbar li:hover a{color:#fe3132;}
.topbar li:hover .frame{transform:translateY(0) scale(1); opacity:1;}
.banner0{width:100%; height:auto; overflow: hidden; position: relative;}
.banner0 img{width: 100%; display: block;}
.banner{width:100%; height:auto; overflow: hidden; position: relative;}
.banner .bannercon{width:100%; height:100%; position:absolute; display:flex; flex-direction:column; justify-content:center; align-items:center;}
.banner h1{font-size:55px; color:#0078b5; font-weight:bold; margin:-40px 0 10px 0;}
.banner p{font-size:22px; color:#666;}
.banner img{width: 100%; display: block;}
.banner_arrowLeft{width: 40px; height: 65px; left:20px; background: url(../images/arrow_left.png) no-repeat center center; background-size:100% auto;}
.banner_arrowRight{width: 40px; height: 65px; right:20px; background: url(../images/arrow_right.png) no-repeat center center; background-size:100% auto;}
.header{width:100%;height:auto; overflow:hidden; padding:35px 0; background:#fff; position: relative;}
.header .logo{margin-top:0px;float: left;}
.header .logo img{width:100%; display: block;}
.header .head_tel{margin-top:10px;float: right;}
.header .head_tel img{width:100%; display: block;}
.header .menu_btn{position:absolute; right:15px; top:14px; display:none; }
.header .menu_btn img{width:100%; display: block;}
.header .mask{display:none;}
.menu{width:100%; height:60px; background:#0078b5; position:relative;z-index:10;}
.menu .container{overflow:initial !important;}
.menu li{width:16.6%; height:auto; float:left;  }
.menu li a{width:60%; display: block; height:60px; line-height:60px; font-size:20px; color:#fff; margin:0 auto; text-align:center;}
.menu li a img{display:inline-block; vertical-align:middle; margin-right:15px;}
.menu li .smenu{width:100%; height:0px; overflow:hidden; position: absolute; z-index:5; top:60px; left:0; background:rgba(255,255,255,0.6);  box-shadow:0 3px 5px rgba(0,0,0,0.05); border-bottom-left-radius:10px; border-bottom-right-radius:10px; transition:all 0.4s ease; }
.menu li .smenu li{width:auto; text-align:left;}
.menu .smenu a{width:auto; color:#333; height:60px; line-height:60px; display:inline-block; margin:0 20px; font-size:15px;}
.menu a:hover {color:#eb9503; border-top:3px #eb9503 solid; font-weight:bold; margin-top:-3px;}
.menu a:hover img{opacity:0.8;}
.menu li.active a{}
.menu li:hover .smenu{height:60px;}
.menu li .smenu a:hover{border:0; color:#0078b5; border-bottom:1px #0078b5 solid; margin-top:0; }
.menu li:nth-child(2) .smenu{ padding-left:10%;}
.menu li:nth-child(3) .smenu{ padding-left:0;}
.menu li:nth-child(3) .smenu a{font-size:15px; margin:0 10px;}
.menu li:nth-child(5) .smenu{ padding-right:5%;}
.menu li:nth-child(5) .smenu li{  float:right; text-align: right;}
.menu li:nth-child(6) .smenu{padding-right:4%;}
.menu li:nth-child(6) .smenu li{  float:right; text-align: right;}
.menubar{width:200px; height:100%; overflow-y:auto; position: fixed; left:auto; right:0; top:0; bottom:0; transform:translateX(100%); transition:all 0.4s ease; background:rgba(0,60,100,0.8); z-index:1000; display:none;}
.menubar .menuClose{width:30px; height:30px; overflow:hidden; display: block; position: absolute; right:15px; top:10px; cursor:pointer; }
.menubar .menuClose:before, .menubar .menuClose:after {
  position: absolute;
  left:18px;
  top:8px;
  content: ' ';
  height: 20px;
  width: 2px;
  background-color: #fff;
}
.menubar .menuClose:before {
  transform: rotate(45deg);
}
.menubar .menuClose:after {
  transform: rotate(-45deg);
}
.menubar .menutit{
	font-size:20px;
	color:#fff;
	margin:30px 0;
	text-align:center;
	font-weight: bold;
}
.menubar>ul>li{
	width: 100%;
	border-bottom: 1px solid rgba(0,0,0,0.4);
	-webkit-transition: .3s ease;
	-moz-transition: .3s ease;
	-o-transition: .3s ease;
	transition: .3s ease;
}
.menubar>ul>li .bt{
	width      : 100%;
	display: block;
	text-align : center;
	color:#fff;
	/* background : #0099cc; */
	height     : 50px;
	line-height: 50px;
	padding    : 0;
	border     : none;
	position   : relative;
	font-size  : 16px;
}
.menubar>ul>li .bt>span{
	position: absolute;
	right: 10%;
}
.menubar>ul>li a.bt:hover{color:#fff; font-weight: bold;}
.menubar .bc{
	overflow: hidden;
	display: none;
}
.menubar .bc .bt{
	background:#0078b5 !important;
	color     :#fff;
	font-weight:bold;
}
.menubar .bc>li{
	position: relative;
	right   : -100%;
	-webkit-transition: right .5s;
	-moz-transition   : right .5s;
	-o-transition     : right .5s;
	transition        : right .5s;
}
.menubar .bc>li>a{
	background  :rgba(0,0,0,0.5);
	color       : #fff;
	display: block;
	height      : 50px;
	-webkit-box-sizing :border-box;
	        box-sizing :border-box;
	padding-left: 10px;
	line-height : 50px;
	font-size:15px;
	font-weight:normal;
	-webkit-transition   : border .5s; 
			 transition  : border .5s;
	-webkit-transition   : background .3s;
			 transition  : background .3s;
}
.menubar .bc>li>a:hover{
	background  : #5b5b5b;
}
.menubar.active{transform:translateX(0);}
.menubar .ewm{margin:2rem 2rem;}
.menubar .ewm img{width:100%; display: block; margin-bottom:0.5rem;}
.menubar .ewm p{font-size:0.7rem; color:#999;}
.menuMask{width:100%; height:100%; position:fixed; left:0; top:0; right:0; bottom:0; z-index:999; display:none; }
.menuMask.active{display:block;}

.box_tit{height:50px; line-height:50px; overflow:hidden; text-align:center; position: relative; margin-bottom:20px;}
.box_tit::after{content:''; display: block; width:100%; border-bottom:2px #ccc solid; position: absolute; left:0; bottom:0;}
.box_tit h3{height:50px; line-height:50px; font-size:20px; border-bottom:3px #0078b5 solid; color:#0078b5; position: relative; z-index:1; float: left; }
.box_tit a{font-size:15px; color:#999; float: right; }
.mainbody0{ height:auto; overflow:hidden; position:relative; z-index:1; margin-top:-150px; }
.mainbody{ height:auto; overflow:hidden; position:relative; z-index:1; padding:0; margin-top:-70px; }
.mainbody .container{height:auto; overflow:hidden; min-height:400px; background:#fff; padding:20px 40px 40px 40px;}
.maintit{height:50px; line-height:50px; overflow-y: hidden; overflow-x:auto; text-align:left; position: relative; margin-bottom:20px;}
.maintit::after{content:''; display: block; width:100%; border-bottom:2px #ccc solid; position: absolute; left:0; bottom:0;}
.maintit ul{white-space: nowrap; }
.maintit li{height:50px; line-height:50px; display:inline-block; position: relative; z-index:1; margin-right:40px; }
.maintit li a{height:50px; line-height:50px; display: block; font-size:16px; color:#666; }
.maintit li a:hover{color:#0078b5; text-decoration: none;}
.maintit li.currclass a{ font-size:18px; font-weight: bold; border-bottom:3px #0078b5 solid; color:#0078b5; }
.maincon{height: auto; overflow:hidden; padding: 40px;}
.footer{width:100%; height:377px; background:url(/assets/images/footbg.jpg) no-repeat center top;}
.footer .foot{min-height:260px; overflow:hidden; padding:80px 0 60px 0;}
.footer .foot li{width:23%; float: left; text-align: left; position: relative;}
.footer .foot li h3{font-size:16px; color:#fff; font-weight:bold; margin-bottom:20px;}
.footer .foot li p{font-size:14px; color:#ccc; line-height:2;}
.footer .foot li .ficon{float: left; margin:10px 30px 0 0;}
.footer .foot li .ficon .icon{opacity:0.5; cursor:pointer; transition:all 0.4s ease;}
.footer .foot li .ficon .icon:hover{opacity:1;}
.footer .foot li .frame{width:35%; bottom:40px;  }
.footer .foot li .frame1{left:-15%;}
.footer .foot li .frame2{left:10%;}
.footer .foot li .frame3{left:30%;}
.footer .foot li .ficon:hover .frame{transform:translateY(0) scale(1); opacity:1;}
.footer .foot li.fw{width:30%;}
.footer .copyright{ height: auto; overflow:hidden; padding:40px 0; text-align:center; border-top:1px rgba(255,255,255,0.3) solid;}
.footer .copyright p{font-size:14px;color: rgba(255,255,255,0.5); line-height:2;}

.page_link{height: auto; overflow:hidden; margin:60px 0;}
.page_link ul{margin:0 -2%;}
.page_link li{width:25%; float: left; padding:10px;}
.page_link li a{height:80px; line-height:80px; overflow:hidden; display: block; background:#fff; font-size:18px; color:#666; transition:all 0.6s ease;}
.page_link li a:hover{background:#0078b5; color:#fff; text-decoration:none;}
.list1{padding-bottom:30px;}
.list1 li{height: auto;overflow: hidden;border-bottom:1px #eee dashed;padding:30px 0;text-align: left;}
.list1 li .img{width:341px;height:193px;float: left;margin-right:45px;}
.list1 li .img img{display: block;width:100%;height:100%; transition:all 0.6s ease;}
.list1 li .txt{height: auto;overflow: hidden;}
.list1 li h3{font-size:22px;color:#333;font-weight: bold;margin:20px 0 10px 0;}
.list1 li span{font-size:16px;color:#999;}
.list1 li p{font-size:16px;color:#666;margin-top:20px;line-height:30px;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp:2;
overflow: hidden;}
.list1 li a:hover{background:#f3f3f3;}
.list1 li a:hover h3{color:#0069b0;}
.list1 li a:hover p{color:#0069b0;}
.list1 li a:hover img{transform:scale(1.1);}


@media screen and (min-width:1000px){
	.container {
		max-width: 1200px;
	}
}

@media screen and (max-width:1000px){
	.swiper-pagination-bullets{ right:10px !important;  bottom:8px !important;}
	.swiper-pagination-bullets .swiper-pagination-bullet{width:0.6rem; height:0.6rem; margin:0 5px;}
	.container {
		padding:0 0.75rem;
	}
	.nav-tabs{height:2rem; }
	.nav-tabs li{margin-right:1rem;}
	.nav-tabs>li>a{font-size:0.8rem; height:2rem; line-height:2rem;}
	
	.topbar{display:none;}
	.header{height:50px; padding:0;}
	.header .container{height:50px; }
	.header .container::before,.header .container::after{display:none;}
	.header .logo{width:55%; text-align: left; margin-top:14px;}
	.header .head_tel{width:25%; margin:15px 0 0 15px; float: left;}
	.header .menu_btn{width:5.5%; display:block; }
	.mask{width:100%; height:100%; overflow:hidden; background:rgba(0,0,0,0.5); position:fixed; left:0; right:0; top:0; bottom:0; z-index:99; display:none; }
	.header .menu_btn img{opacity:0.7;}
	.menu{display:none;}
	.menubar{display:block;}
	.banner0 img{width:200%; margin-left:-50%;}
	.banner .bannercon{width:100%; height:100%; position:absolute; display:flex; flex-direction:column; justify-content:center; align-items:center;}
	.banner h1{font-size:30px;  margin:-30px 0 5px 0;}
	.banner p{font-size:12px; }
	.banner img{width: 200%; margin-left:-50%;}
	.box_tit{height:2rem; line-height:2rem; margin-bottom:1rem;}
	.box_tit h3{height:2rem; line-height:2rem; font-size:0.75rem;}
	.box_tit a{font-size:0.7rem;  }
	.mainbody{margin:-2rem 0rem 1rem 0rem; }
	.mainbody .container{padding:0.5rem 1rem 1rem 1rem;}
	.maintit{height:2rem; line-height:2rem; overflow-y:hidden; overflow-x: auto; margin-bottom:1rem;}
	.maintit ul{}
	.maintit li{height:2rem; line-height:2rem; margin-right:1rem; }
	.maintit li a{height:2rem; line-height:2rem; font-size:0.75rem; }
	.maintit li.active a{ font-size:0.75rem; }
	.maincon{padding:0.75rem 0;}
	.footer{background-size:auto 100%;}
	.footer .foot{padding:1.5rem 0 1rem 0;}
	.footer .foot li{width:49%; }
	.footer .foot li h3{font-size:0.75rem; margin-bottom:0.5rem;}
	.footer .foot li p{font-size:0.7rem; line-height:2;}
	.footer .foot li .ficon{width:48%; float: left; margin:0; }
	.footer .foot li .ficon .icon{opacity:0.5; cursor:pointer; transition:all 0.4s ease; display:none;}
	.footer .foot li .frame{width:100%; position:initial; bottom:0; z-index:10; transform:none; opacity:1;}
	.footer .foot li .frame img{display:block;width:100%; margin-bottom:5px;}
	.footer .foot li .frame p{color:#fff; font-size:0.6rem; margin-top:0.5rem;}
	.footer .foot li .frame1{display:none;}
	.footer .foot li:nth-child(3){clear: left; margin-top:1rem;}
	.footer .foot li:nth-child(4) {width:50%; display:flex; align-items:flex-start; justify-content:space-between; margin-top:0.5rem;}
	.footer .foot li:nth-child(4) h3{display:none;}
	.footer .foot li .f1{display:none;}
	.footer .foot li.fw{width:49%;}
	.footer .copyright{padding:1rem 0; }
	.footer .copyright p{font-size:0.7rem;}
	
	.page_link{margin:0rem 0 1rem 0;}
	.page_link ul{margin:0 -2%;}
	.page_link li{width:50%; padding:0.3rem;}
	.page_link li a{height:2rem; line-height:2rem; font-size:0.7rem;}
	
	.list1 li{padding:0.6rem 0;}
	.list1 li .img{width:7rem;height:5rem;margin-right:0.6rem;}
	.list1 li h3{font-size:0.75rem; line-height:1.4; margin:0 0 0.2rem 0;}
	.list1 li span{font-size:0.65rem;}
	.list1 li p{font-size:0.7rem;margin-top:0.3rem;line-height:1.1rem;}
}