/*=========
  基本默认值
  ==========*/
*{
	margin: 0;
	padding: 0; 
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -o-box-sizing: border-box;
}
.bsBox,.bsBox *{
	box-sizing:content-box;
    -webkit-box-sizing:content-box;
    -moz-box-sizing:content-box;
    -ms-box-sizing:content-box;
    -o-box-sizing:content-box;
	}
@font-face {
    font-family: 'Thin';
    src: url("MyriadSetPro-Thin.TTF");
}
.smallfont{
	 font-family: 'Thin',Arial, "Microsoft JhengHei","Microsoft Yahei";
	 font-weight:300;
	}
html{ 
	min-height:100%;
}
body {
	min-height:100%;
	font-size: 12px;
	color: #000;
	font-family: Arial, "微软雅黑";
	overflow-x:hidden;
	background:#ececec;
}
li{
	list-style: none;
}
img {
	border: none;
	vertical-align: middle;
}
a {
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0); 
	text-decoration: none;
	color: #000;
	transition: all .5s;
	-moz-transition: all .5s; 
	-webkit-transition: all .5s;  
	-o-transition: all .5s;
	-ms-transition: all .5s;  
}
:after,:before{
	transition: all .5s;
	-moz-transition: all .5s; 
	-webkit-transition: all .5s;  
	-o-transition: all .5s;
	-ms-transition: all .5s;  
}
table {
	border-collapse: collapse;
}
input, textarea,select {
	font-family: Arial, "微软雅黑";
	font-size: 12px;
	outline: none;
}
/* =========
  工具样式
  ========== */
.clearfix:before,
.clearfix:after{
	content: "";
	display: block;
}
.clearfix:after{
	clear: both;
}
.fl{
	float: left;
}
.fr{
	float: right;
}
.donghua{
	transition: all .5s;
	-moz-transition: all .5s; 
	-webkit-transition: all .5s;  
	-o-transition: all .5s; 
}
.img-common {
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    -webkit-background-size: cover;
}
/* =========

  首页

  ========== */
.wrap{
	width: 94%;
	margin-left: auto;
	margin-right: auto;
	max-width: 1200px;
}
/*头部*/
.header{
	position: fixed;
	z-index: 100;
	width: 100%;
	left: 0;
	top: 0;
	height: 100px;
	line-height:100px;
}
.header1,.header[data-on='on']{
	background-color: #fff;
}
.header1[data-active="on"]{
	display: none;
}
.header .nav-box{
	text-align: center;
}
.header .nav-box .logo{
	display: block;
	position:fixed;
	left:3%;
	top:0; z-index:11;
	height:100px;
	padding:24px 0;
}
.header .nav-box .logo img{
	height: 52px;
	display:block; float:left;
}


/*导航*/
.header .nav-box .nav{
	position: relative;
	margin-top: 25px;
	line-height: 50px;
	text-align:center;
	padding:0 260px;
}
.header .nav-box .none{
	display: none;
}
.header .nav-box .nav .nLi{
	display:inline-block;
	position: relative;
	margin:0 8px;
}
.header .nav-box .nav .nLi .a1{
	display: block;
	font-size: 14px;
	color: #000;
	padding:0 26px;
	height: 50px;
	font-weight:bold;
}
.header.header1 .nav-box .nav .nLi .a1,.header[data-on='on'] .nav-box .nav .nLi .a1{ color:#000;}
.header .nav-box .nav .nLi:last-child{
	margin-right: 0;
}
.header .nav-box .nav .on .a1{
	color: #0088d2 !important;
}
.header .nav-box .nav .on .sub{
	border-top: 2px solid #004a9e;
}
.header .nav-box .nav .sub{
    display: none;
    width: 238px;
    left: 0;
    top: 50px;
    position: absolute;
	background-color: #fff;
	text-align: left;
}
.header .nav-box .nav .sub li{
	position: relative;
	border-bottom: 1px solid #dddddd;
}
.header .nav-box .nav .sub li:last-child{
	border-bottom: none;
}
.header .nav-box .nav .sub li .a2{
	display: block;
	/*height: 40px;*/
	/*line-height: 40px;*/
	color: #555555;
	font-size: 12px;
	/*text-indent: 32px;*/
	line-height: 1.5;
	padding: 12px 10px 12px 32px;
}
.header .nav-box .nav .sub li .a2:hover{
	background-color: #f3f3f3;
}
/*导航 End*/
/*中英文切换*/
.header .top-r{ position:absolute; top:0px; right:3%; height:100%;}
.header .top-r .maphref{ margin-left:20px; font-size:14px; font-weight:bold; color:#666;}
.header .top-r .maphref:hover{ color:#004a9e;}
.header .chosebox{
	position: relative;
	width: 50px;
	height: 32px;
	cursor: pointer;
	margin-top: 34px;
	line-height: 32px;
}
.header .chosebox .show{
	height: 32px;
	color: #fff;
	font-size: 14px;
	width: 30px;
	text-align: center;
	position: absolute;
	top:0;
	left: 0;
	z-index: -1;	
}
.header1 .chosebox .show,.header[data-on="on"] .chosebox .show{
	color: #666666;
	font-weight:600;
}
.header .chosebox:after{
	content: "";
	position: absolute;
	left: 38px;
	top: 10px;
	width: 6px;
	height: 6px;
	border-left: 1px solid #fff;
	border-bottom: 1px solid #fff;
	-webkit-transform: rotate(-45deg);
	-ms-transform: rotate(-45deg);
	-o-transform: rotate(-45deg);
	transform: rotate(-45deg);
}
.header1 .chosebox:after,.header[data-on="on"] .chosebox:after{
	border-color: #777777;
}
.header .chosebox[data-active="on"]:after{
	-webkit-transform: rotate(135deg);
	-ms-transform: rotate(135deg);
	-o-transform: rotate(135deg);
	transform: rotate(135deg);
	top: 14px;
}
.header .chosebox[data-active="on"] .a1{
	display: block;
}
.header .chosebox[data-active="on"] .qiehuan{
	display: block;
}
.header .chosebox .qiehuan{
	position: absolute;
	top: 30px;
	left: 0;
	background-color: #fff;
	width: 110px;
	height: 40px;
	line-height: 40px;
	border: 1px solid #ddd;
	border-top: 2px solid #004a9e;
	display: none;
}
.header .chosebox .qiehuan a{
	color: #000;
	font-size: 13px;
	margin-right: 10px;
}
.header .chosebox .qiehuan a:last-child{
	margin-right: 0;
}
@media only screen and (min-width: 500px) {
	.header .chosebox .qiehuan a:hover{
		color: #004a9e;
	}
}
/*中英文切换 End*/
/*搜索*/
.header .search-box{
	width: 50px;
	text-align: center;
	margin-left: 10px;
}
.header .search-box[data-active="on"] .search-form{
	right: 0;
}
.header .search-box[data-active="on"] .icon .ic1{
	display: none;
}
.header1 .search-box[data-active="on"] .icon .ic2,.header[data-on="on"] .search-box[data-active="on"] .icon .ic2{
	display: none;
}
.header .search-box[data-active="on"] .icon .active{
	display: inline-block;
}
.header .search-box .icon{
	cursor: pointer;
}
.header .search-box .icon img{
	width: 21px;
	height: 21px;
}
.header .search-box .icon .ic2,.header .search-box .icon .active{
	display: none;
}
.header1 .search-box .icon .ic1,.header[data-on="on"] .search-box .icon .ic1{
	display: none;
}
.header1 .search-box .icon .ic2,.header[data-on="on"] .search-box .icon .ic2{
	display: inline-block;
}
.header .search-box .search-form{
	width: 50%;
	height: 60px;
	position: fixed;
	top: 100px;
	right: -1000px;
	padding: 0 20px;
	background-color: rgba(255,255,255,.8);
	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;
    border: 1px solid #ddd;
    border-top: 2px solid #004a9e;
    line-height: 1;
}
.header .search-box .search-form form{
	width: 100%;
	padding-left: 40px;
	position: relative;
}
.header .search-box .search-form form input[type="submit"]{
	width: 30px;
	height: 30px;
	background-image: url(../images/icon05.png);
	background-repeat: no-repeat;
	background-position: center;
	border: none;
	background-color: transparent;
	cursor: pointer;
	position: absolute;
	top: 0;
	left: 0;
	font-size: 13px;
}
.header .search-box .search-form form input[type="text"]{
	height: 30px;
	line-height: 30px;
	width: 100%;
	border: none;
	background: none;
}
/*搜索 End*/
/*小屏幕按钮*/
.header .mm-click{
	width: 50px;
	position: relative;
	cursor: pointer;
	z-index: 101;
	display: none;
	height: 80px;
}
.header .mm-click .line{
	width: 24px;
	height: 2px;
	background-color: #004a9e;
	position: absolute;
	left: 0;
	top: 40px;
	margin-left: 13px;
}
.header .mm-click .line1{
	margin-top: -9px;
}
.header .mm-click .line3{
	margin-top: 9px;
}
.header .mm-click[data-active="on"] .line1{
	margin-top: 0;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}
.header .mm-click[data-active="on"] .line2{
	display: none;
}
.header .mm-click[data-active="on"] .line3{
	margin-top: 0;
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
}
/*小屏幕按钮 End*/
/*小屏幕导航展开*/
.header .mm-nav-list{
	position: fixed;
	top: 0;
	bottom: 0;
	width: 100%;
	z-index: 10;
	right: -2000px;
	margin-top: 90px;
}
.header .mm-nav-list[data-active="on"]{
	right: 0;
}
.header .mm-nav-list[data-active="on"] .mml-box{
	right: 0;
	-webkit-transition: all .5s;
	-o-transition: all .5s;
	transition: all .5s;
}
.header .mm-nav-list[data-active="on"] .mask{
	display: block;
	opacity: 1;
}
.header .mask{
	position: fixed;
	top: 0;
	bottom: 0;
	right: 0;
	left: 0;
	z-index: 10;
	background-color: rgba(0,0,0,0.6);
	display: none;
	opacity: 0;
	margin-top: 90px;
}
.header .mm-nav-list .mml-box{
	margin-top: 90px;
	height: 100%;
	background-color: #111;
	width: 33.33333%;
	position: fixed;
	top: 0;
	right: -1000px;
	z-index: 100;
	min-width: 260px;
	-webkit-transition: all 1.5s;
	-o-transition: all 1.5s;
	transition: all 1.5s;
	overflow-y: auto;
}
.header .mm-nav-list .mml-box ul{
	min-height: 100%;
}
.header .mm-nav-list .mml-box ul .li1{
	margin: 0 20px;
	border-bottom: 1px solid #222;
}
.header .mm-nav-list .mml-box ul li .mm-title{
	height: 59px;
	line-height: 59px;
	position: relative;
}
.header .mm-nav-list .mml-box ul li .a1{
	color: #fff;
	font-size: 16px;
	position: absolute;
	top: 0;
	left: 0;
}
.header .mm-nav-list .mml-box ul li .jiantou:after{
	content: "";
	position: absolute;
	top: 15px;
	right: 10px;
	width: 8px;
	height: 8px;
	border-left: 1px solid #fff;
	border-top: 1px solid #fff;
	-webkit-transform: rotate(-135deg);
	-ms-transform: rotate(-135deg);
	-o-transform: rotate(-135deg);
	transform: rotate(-135deg);
}
.header .mm-nav-list .mml-box ul li ul{
	margin-bottom: 20px;
	display: none;
}
.header .mm-nav-list .mml-box ul li[data-active="on"] ul{
	display: block;
}
.header .mm-nav-list .mml-box ul li[data-active="on"] .jiantou:after{
	top: 50%;
	right:13px;
	-webkit-transform: rotate(45deg) translateY(-50%);
	-ms-transform: rotate(45deg) translateY(-50%);
	-o-transform: rotate(45deg) translateY(-50%);
	transform: rotate(45deg) translateY(-50%);
}
.header .mm-nav-list .mml-box ul li ul li{
	margin: 0 10px;
}
.header .mm-nav-list .mml-box ul li ul li a{
	color: #fff;
	font-size: 14px;
	height: 30px;
	line-height: 30px;
	display: block;
}
/*小屏幕导航展开 End*/
.all{ padding-top:100px;}
@media only screen and (min-width: 500px){
	.header .mm-nav-list .mml-box ul li .a1:hover{
		color: #004a9e;
	}
	.header .mm-nav-list .mml-box ul li ul li a:hover{
		color: #004a9e;
	}
}
@media only screen and (min-width: 1280px) and (max-width: 1920px) {
	.header .mm-nav-list{
		display: none;
	}
}
@media only screen  and (max-width: 1600px){
	.all{ padding-top:80px;}
.header .nav-box .nav .nLi{ margin:0px;}
.header{ height:80px; line-height:80px;}
.header .nav-box .nav{ margin-top:15px;}
.header .nav-box .logo{ height:80px; padding:17px 0;}
.header .nav-box .logo img{ height:46px;}
.header .search-box .search-form{
		top: 80px;

	}
.header .chosebox{ margin-top:24px;}	
}
@media only screen  and (max-width: 1400px){
	.header .nav-box .logo .logo2{ display:none;}
	.header .nav-box .nav{ padding:0 190px;}
	.header .nav-box .nav .nLi .a1{ padding:0 20px;}
	
	}

@media only screen  and (max-width: 1023px){
	.header .top-r .maphref{ display:none;}
		.header .nav-box .nav{
		display: none;
	}
	.header .mm-click,.header .nav-box .logo .logo2{
		display: block;
	}
	.header .chosebox .qiehuan{
		width: 147px;
	}
	.header .mm-nav-list .mml-box{
		width: 40%;
	}
}
@media only screen  and (max-width: 800px){
	.all{ padding-top:52px;}
	.header{
		height: 52px;
		line-height: 52px;
	}
	.header .chosebox{
		margin-top: 9px;
	}
	.header .mm-click{
		height: 52px;
	}
	.header .mm-click .line{
		top: 25px;
	}
	.header .nav-box .logo{ padding:7px 0;}
	.header .nav-box .logo img{
		height: 38px;
	}
	.header .search-box .search-form{
		top: 52px;
		height: 50px;
	}
	.header .mm-nav-list{
		margin-top: 52px;
	}
	.mask{
		margin-top: 52px;
	}
	.header .mm-nav-list .mml-box{
		margin-top: 52px;
	}
	.header .mm-nav-list .mml-box ul li .mm-title{
		height: 41px;
		line-height: 41px;
	}
	.header .mm-nav-list .mml-box ul li .a1{
		font-size: 14px;
	}
	.header .mm-nav-list .mml-box ul li ul li a{
		font-size: 12px;
	}
	.header .mask{
		margin-top: 52px;
	}
}
@media only screen  and (max-width: 600px){
	.header .search-box .search-form{
		width: 70%;
	}
	.header .mm-nav-list .mml-box{
		width: 70%;
	}
}
@media only screen  and (max-width: 500px){
	.header .nav-box .logo .logo2{ display:none;}
	.header .search-box{
		margin-left: 10px;
	}
	.header .mm-click{
		margin-left: 15px;
	}
}
/*头部 End*/
/*中间广告轮播*/
.index-bb{ position:relative; z-index:1;}
.banner{
	position:relative; overflow:hidden;  width:100%; height: 880px; background:#fff;
}
.banner .my-swiper{
	
	height:100%;
	padding-bottom:60px;
}
.banner .my-swiper .swiper-slide{
	background-position: center;
	-webkit-background-size: cover;
	background-size: cover;background-color: #000;
}
.banner .my-swiper .swiper-slide a{
	display: block;
	height: 100%;
}
.banner .my-swiper .swiper-pagination{ height:12px; bottom:24px;}
.banner .my-swiper .swiper-pagination span{ opacity:1; width:12px; height:12px; background:none; border:2px solid #004a9e;}
.banner .my-swiper .swiper-pagination span.swiper-pagination-bullet-active{ background:#004a9e}
.banner .my-swiper .btn{ position:absolute; top:50%; right:2.4%; z-index:11; margin-top:-75px;}
.banner .my-swiper .btn div{ background-color:#fff; margin-bottom:1px; width:44px; height:44px; cursor:pointer;}
.banner .my-swiper .btn div.prev{ background-image:url(../images/jt_03.png); background-position:center; background-size:100% 100%;}
.banner .my-swiper .btn div.next{ background-image:url(../images/jt_06.png); background-position:center; background-size:100% 100%;}
.banner .my-swiper .btn div.prev:hover{ background-image:url(../images/n_03.jpg); }
.banner .my-swiper .btn div.next:hover{ background-image:url(../images/n_06.jpg); }
@media only screen  and (max-width: 1600px) {
	.banner{
		height: 740px;
	}
}
@media only screen  and (max-width: 1440px) {
	.banner{
		height: 680px;
	}
}
@media only screen  and (max-width: 1380px) {
	.banner{
		height: 640px;
	}
}
@media only screen  and (max-width: 1280px) {
	.banner{
		height: 560px;
	}
}
@media only screen  and (max-width: 1024px) {
	.banner .my-swiper .btn{ display:none;}
	.banner{
		height: 480px;
	}
}
@media only screen  and (max-width: 800px) {
	.banner{
		height: 360px;
	}
	.banner .my-swiper{ padding-bottom:40px;}
	.banner .my-swiper .swiper-pagination{ height:8px; bottom:16px;}
.banner .my-swiper .swiper-pagination span{ width:8px; height:8px; background:none; border:1px solid #004a9e;}

}

@media only screen  and (max-width: 600px) {
	.banner{
		height: 280px;
	}
	.banner .my-swiper{ padding-bottom:30px;}
	.banner .my-swiper .swiper-pagination{ bottom:11px;}
}
@media only screen  and (max-width: 414px) {
	
	.banner{
		height: 230px;
	}
}
/*中间广告轮播 End*/
/*首页关于我们*/
.index-about{ min-height:400px; background-position:center; background-repeat:no-repeat; background-size:cover;
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;


}
.index-about .box{ width:94%; max-width:850px; padding:60px 0; text-align:center;}
.index-about .box .title{ color:#fff; font-size:32px; font-weight:bold; line-height:1.4; margin-bottom:20px;}
.index-about .box .demo{ color:#fff; line-height:2; margin-bottom:20px;}
@media only screen  and (max-width: 800px) {
	
	.index-about .box .href img{ width:28px;}
	.index-about .box .demo,.index-about .box .title{ margin-bottom:3%;}
}
@media only screen  and (max-width: 600px) {
.index-about .box .title{ font-size:28px;}
	
	
}

/*首页产品推荐*/
.index-pro{ padding:35px 0;}
.index-pro .indexbbt{text-align: center;}
.indexbbt .word{ color:#333333; font-weight:bold; font-size:32px;line-height:100px;}
.index-pro .list ul:after{ content:""; display:block; clear:both;}
.index-pro .list ul li{ display:block; float:left; width:25%;}
.index-pro .list ul li a{ display:block; padding:1.5%; text-align:center;}
.index-pro .list ul li a .tu{ position:relative; max-width:340px; margin:auto;}
.index-pro .list ul li a .tu .bbg{display:block; width:100%; opacity:0;}
.index-pro .list ul li a .tu .pic{ display:block; width:100%; height:100%; position:absolute; left:0px; top:0px;}
.index-pro .list ul li a .title{ height:48px; line-height:48px; overflow:hidden; padding:0 1.5%; max-width:340px; margin:auto; font-size:20px; color:#333333;


}
.index-pro .list ul li a .demo{ height:44px; line-height:22px; overflow:hidden;padding:0 1.5%; max-width:340px; margin:auto;}

.index-pro .list ul li a:hover .demo .donghua{ height:44px; opacity:1;}

@media only screen  and (min-width: 800px) {
.index-pro .list ul li a .title{
	-moz-transform:translateY(15px);
-ms-transform:translateY(15px);
-o-transform:translateY(15px);
-webkit-transform:translateY(15px);
transform:translateY(15px);
	}		
.index-pro .list ul li a:hover .tu .pic{
	-moz-transform:scale(.9);
	-ms-transform:scale(.9);
	-o-transform:scale(.9);
	-webkit-transform:scale(.9);
	transform:scale(.9);
	
	}
.index-pro .list ul li a:hover		{ box-shadow:2px 2px 5px rgba(0,0,0,.175);}	
.index-pro .list ul li a:hover .title{ color:#004a9e;
	-moz-transform:translateY(0px);
-ms-transform:translateY(0px);
-o-transform:translateY(0px);
-webkit-transform:translateY(0px);
transform:translateY(0px);
	}
	.index-pro .list ul li a .demo .donghua{ height:0px; opacity:0;}
}

@media only screen  and (max-width: 1400px) {
.index-pro .list ul li a{ padding:3%;}	
/*.index-pro .list ul li{ width:33.333333333333333%;}	*/
	
}
@media only screen  and (max-width: 800px) {
.indexbbt a{ font-size:26px; line-height:70px;}	
.index-pro .list{ width:94%; margin:auto;}
.index-pro .list ul li{ width:48.5%; margin:0 3% 3% 0;}	
.index-pro .list ul li:nth-child(2n){ margin-right:0px;}	
.index-pro .list ul li a{ border:1px solid #ddd; padding:0px 0 4%;}
.index-pro .list ul li a .tu{ max-width:600px;}
.index-pro .list ul li a .title{ font-size:16px; line-height:36px; height:36px; margin-top:10px;}
.index-pro .list ul li a .title,.index-pro .list ul li a .demo{ padding:0 3%; max-width:600px;}



}
@media only screen  and (max-width: 600px) {
.indexbbt a{ font-size:20px; line-height:50px;}		
.index-pro .list ul li{  margin-bottom:4%;}	
	
}
/*首页产品推荐 end*/
/*首页新闻推荐*/
.index-news{ padding-bottom:60px;}
.index-news .list{ width:94%; margin:auto;}
.index-news .list ul:after{ content:""; display:block; clear:both;}
.index-news .list ul li:nth-child(4){ display:none;}
.index-news .list ul li{ display:block; width:32%; margin:0 2% 0 0; float:left;}
.index-news .list ul li:nth-child(3n){ margin-right:0px;}
.index-news .list ul li .main{ display:block; background:#000; position:relative;}
.index-news .list ul li .main .ico{ width:38px; height:38px; background-image:url(../images/index_23.png); background-size:100% 100%; position:absolute; top:13.88888%; right:8.3%; z-index:2; opacity:0;}
.index-news .list ul li .main .tu{ background-position:center; background-repeat:no-repeat; background-size:cover; opacity:.4;}
.index-news .list ul li .main .tu img{ display:block; width:100%; opacity:0;}
.index-news .list ul li .main .text{ width:80%; left:10%; top:25%; position:absolute;}
.index-news .list ul li .main .text .title{ color:#ffffff; font-size:18px; line-height:1.4; margin-bottom:10px;}
.index-news .list ul li .main .text .demo{ line-height:20px; height:20px; overflow:hidden; color:#5a5a5a; font-size:14px; opacity:0;}
.index-news .list ul li .main .rq{ font-size:14px; color:#fff; line-height:20px; width:80%; left:10%; position:absolute; bottom:12.7%;}
@media only screen  and (max-width: 1600px) {
.index-news .list ul li .main .text .title{ font-size:16px;}	
.index-news .list ul li .main .text .demo{ font-size:12px;}	
}


@media only screen  and (min-width: 1024px) {
.index-news{ padding-bottom:6%;}	
.index-news .list ul li .main:hover{ background:#fff;}
.index-news .list ul li .main:hover .tu{ opacity:0;}
.index-news .list ul li .main:hover .rq{ opacity:0;}
.index-news .list ul li .main:hover .text .title{ color:#004a9e;}
.index-news .list ul li .main:hover .ico,.index-news .list ul li .main:hover .text .demo{ opacity:1;}
.index-news .list ul li .main:hover .text{ top:auto; bottom:12.7%;}
}

@media only screen  and (max-width: 1024px) {
.index-news .list ul li,.index-news .list ul li:nth-child(3n){ width:48.5%; margin:0 3% 3% 0;}
.index-news .list ul li:nth-child(2n){ margin-right:0px;}	
.index-news .list ul li:nth-child(4){ display:block;}	
}
@media only screen  and (max-width: 600px) {
.index-news .list ul li:nth-child(2n),.index-news .list ul li,.index-news .list ul li:nth-child(4),.index-news .list ul li:nth-child(3){ width:100%; margin:0 0 4% 0;}
	
}
/*首页新闻推荐 end*/


/*底部*/
.footer{
	background-color: #2f2f2f;
	padding:42px 3% 60px;
}
.footer .left{ width:232px; margin-right:8%;}
.footer .middle{ margin-right:8%;}
.footer .left:after{ content:""; display:block; clear:both;}
.footer .left a{ display:inline-block; width:92px; margin-right:48px; float:left; height:45px; line-height:44px; border-bottom:1px solid #979797; color:#fff; font-size:16px; font-weight:bold; margin-bottom:30px;}
.footer .left a:hover{border-bottom:1px solid #fff; }
.footer .left a:nth-child(2n){ margin-right:0px;}

.footer .middle .bbt{height:45px; line-height:44px; border-bottom:1px solid #979797;}
.footer .middle .bbt a{color:#fff; font-size:16px; font-weight:bold;}
.footer .middle .list{ line-height:25px; padding-top:16px;}
.footer .middle .list:after{ content:""; display:block; clear:both;}
.footer .middle .list a{ display:block; width:48%; margin:0 4% 0 0; float:left; color:#b3b3b3; font-size:14px;}
.footer .middle .list a:nth-child(2n){ margin-right:0px;}
.footer .middle .list a:hover{ color:#fff;}
.footer .right{ padding-left:150px; position:relative;}
.footer .right .bbt{height:45px; line-height:44px; border-bottom:1px solid #979797;}
.footer .right .bbt a{color:#fff; font-size:16px; font-weight:bold;}
.footer .right .view{ line-height:2; color:#b3b3b3; padding-top:16px;}
.footer .right .view .ewm{ position:absolute; top:15px; left:0px; width:120px;}
#bottom{
	background-color: #2f2f2f;
	padding:0 3%;
	color:#858585; font-size:12px;
	line-height:2;
	}
#bottom a{color:#858585; }
#bottom .view{ padding:15px 0; border-top:1px solid #4e4e4e;}	
@media only screen  and (max-width: 1300px){

.footer .middle .list a{ width:100%; margin-right:0px;}	
.footer .right{ padding-left:0px;}
.footer .right .view .ewm{ position:relative; margin-top:10px;}	
	
}

@media only screen  and (min-width: 801px){
.footer{
	display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
    -webkit-flex-direction: row;
    flex-direction: row;
    -webkit-box-orient: horizontal;
    -ms-box-orient: horizontal;
    box-orient: horizontal;
	}
.footer .hh{-webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    -webkit-box-flex: 1;}		
}
	



@media only screen  and (max-width: 800px){
.footer .left,.footer .middle,.footer .right{ width:100%; margin-bottom:5%;}
.footer .left{ border-bottom:1px solid #979797;}
.footer .left a{ border:0px !important; width:25%; margin:0;}
.footer .middle .list a{ width:48%; margin:0 4% 0 0;font-size:14px;}
.footer .middle .list a:nth-child(2){ margin-right:0px;}
.footer .right .view { position:relative; padding-left:150px;}
.footer .right .view .ewm{ position:absolute; margin-top:16px;}
}
@media only screen  and (max-width: 500px){
.footer .left{ display:none;}	
.footer .left a{ font-weight:400; font-size:12px; overflow:hidden; text-align:center;}	
.footer .middle .list a{ width:100%; margin:0 0% 0 0;font-size:12px;}	
.footer .right .view {  padding-left:0px;}
.footer .right .view .ewm{ display:none;}	
.footer .right .bbt a,.footer .middle .bbt a{ font-size:14px; font-weight:400;}
#bottom .view{ font-size:9px;}
}
.toolbar-box{
	position: fixed;
	bottom: 50px;
	right: 20px;
	z-index: 99;
}
.toolbar-box .ul1 li{
	width: 40px;
	height: 40px;
	background-color: #004a9e;
	margin-bottom: 2px;
}
.toolbar-box .ul1 li .a1{
	display: block;
}
.toolbar-box .ul1 li:last-child .a1{
	border-bottom: none;
}
.toolbar-box .ul1 li .qq{
	position: relative;
	background-image: url(../images/icon07.png);
	background-repeat: no-repeat;
	background-position: center;
	height: 100%;
}
.toolbar-box .ul1 li .icon{
	display: block;
	width: 100%;
	height: 100%;
	line-height: 40px;
	text-align: center;
	cursor: pointer;
}
.toolbar-box .ul1 li .weixin{
	position: relative;
	background-image: url(../images/icon08.png);
	background-repeat: no-repeat;
	background-position: center;
	height: 100%;
}
.toolbar-box .ul1 li .weixin .ewm{
	position: absolute;
    top: -44px;
    left: -143px;
    width: 142px;
    height: 142px;
    -webkit-transform: scale(0.00001);
    -ms-transform: scale(0.00001);
    -o-transform: scale(0.00001);
    transform: scale(0.00001);
    -webkit-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
    max-width: none;
}
.toolbar-box .ul1 li .qq .hover-box{
	position: absolute;
    top: -42px;
    right: 42px;
    width: 150px;
    padding-top: 12px;
    padding-left: 14px;
    padding-right: 20px;
    background-color: #ffffff;
    font-size: 14px;
    color: #fff;
    line-height: 24px;
    z-index: 12;
    -webkit-transform: scale(0.0001);
    -ms-transform: scale(0.0001);
    -o-transform: scale(0.0001);
    transform: scale(0.0001);
    border: 1px solid #004a9e;
}
.toolbar-box .ul1 li .qq .hover-box a{
	display: block;
	margin-bottom: 12px;
	padding-left: 22px;
	background-image: url(../images/icon09.png);
	background-repeat: no-repeat;
	background-position: left center;
	color: #585858;
}
.toolbar-box .ul1 li .tel{
	background-image: url(../images/icon06.png);
	background-repeat: no-repeat;
	background-position: center;
	height: 100%;
	position: relative;
}
.toolbar-box .ul1 li .tel .tel-box{
	position: absolute;
    top: 0px;
    right: 40px;
    width: 150px;
   	height: 60px;
   	line-height: 60px;
    padding-left: 10px;
    padding-right: 10px;
    background-color: #103672;
    font-size: 20px;
    color: #fff;
    z-index: 12;
    -webkit-transform: scale(0.0001);
    -ms-transform: scale(0.0001);
    -o-transform: scale(0.0001);
    transform: scale(0.0001);
    display: none;
}
.toolbar-box .ul1 .back-top{
	display: none;
	background-image: url(../images/backTop.png);
	background-repeat: no-repeat;
	background-position: center;
	cursor: pointer;
}
.toolbar-box .ul1 li .qq[data-active="on"] .hover-box{
	-webkit-transform: scale(1, 1);
    -ms-transform: scale(1, 1);
    -o-transform: scale(1, 1);
    transform: scale(1, 1);
}
@media only screen  and (min-width: 600px){
	.toolbar-box .ul1 li:hover{
		background-color: rgba(18,47,143,.8);
	}
	.toolbar-box .ul1 li .weixin:hover .ewm,.toolbar-box .ul1 li .qq:hover .hover-box,.toolbar-box .ul1 li .tel:hover .tel-box{
		-webkit-transform: scale(1, 1);
	    -ms-transform: scale(1, 1);
	    -o-transform: scale(1, 1);
	    transform: scale(1, 1);
	}
}
@media only screen  and (max-width: 600px){
	.toolbar-box .ul1 li:nth-child(3){
		display: none;
	}
	
}
/*底部 End*/

/*背景*/
.allbg-box{
	background-repeat: no-repeat;
	-webkit-background-size: cover;
	background-size: cover;
	background-position: center;
	height: 600px;
	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;

}
.allbg-box .box{
	color: #fff;
	font-size: 35px;
	overflow: hidden;
	line-height: 1.5;
	text-align:center;
	text-transform:uppercase
}
.allbg-box .box .xx span{ border:1px solid #fff; display:inline-block; height:38px; padding:0 20px; line-height:36px; font-size:12px; font-weight:300;}
@media only screen  and (max-width: 1920px){
	.allbg-box{
		height: 500px;
	}
}
@media only screen  and (max-width: 1600px) {
	.allbg-box{
		height: 460px;
	}

}
@media only screen  and (max-width: 1440px) {
	.allbg-box{
		height: 420px;
	}

}
@media only screen  and (max-width: 1380px) {
	.allbg-box{
		height: 410px;
	}

}
@media only screen  and (max-width: 1280px) {
	.allbg-box{
		height: 380px;
	}

}
@media only screen  and (max-width: 1024px) {
	.allbg-box{
		height: 320px;
	}

}
@media only screen  and (max-width: 800px) {
	.allbg-box{
		height: 280px;
	
	}

}
@media only screen  and (max-width: 500px) {
	.allbg-box{
		height: 200px;
	}
	.allbg-box .box{
		font-size: 28px;
	}
}
/*背景 End*/




/*产品*/
.pro-class{ padding:50px 0%; background:#f4f5f6;}

.pro-class .protypelist{ width:94%; max-width:1200px; margin:auto;}
.pro-class .protypelist .swiper-slide{text-align:center; font-size:16px; font-weight:300;color:#004a9e;}
.pro-class .protypelist .swiper-slide .tu { margin-bottom:10px;}
.pro-class .protypelist .swiper-slide .tu img{ display:block; width:132px; margin:auto; border:2px solid #c1c1c1; border-radius:100%;}
.pro-class .protypelist .swiper-slide:hover .tu img,.pro-class .protypelist .swiper-slide.on .tu img{ border-color:#0088d2;}
.pro-class .protypelist .swiper-slide:hover,.pro-class .protypelist .swiper-slide.on{ color:#0088d2;}



.pro-main .pro-list .list{ border-bottom:1px solid #eaeaea; width:100%; max-width:1200px; margin:0 auto 40px; overflow:hidden;}
.pro-main .pro-list .bbt{ text-align:center; font-size:30px; color:#000; padding:50px 0; line-height:1.4;}
.pro-main .pro-list .list { border:1px solid #eaeaea}
.pro-main .pro-list .list ul:after{ content:""; display:block; clear:both;}
.pro-main .pro-list .list ul{ display:block; margin:0 -1px -1px 0;}
.pro-main .pro-list .list ul li{ display:block;border-right:1px solid #eaeaea;border-bottom:1px solid #eaeaea; width:33.33333333333%; float:left;}

.pro-main .pro-list .list ul li a{ display:block; text-align:center; padding:5% 5% 7%;}
.pro-main .pro-list .list ul li a .tu{ background-position:center; background-repeat:no-repeat; background-size:cover; max-width:310px; margin:auto;}
.pro-main .pro-list .list ul li a .tu img{ display:block; opacity:0; width:100%;}
.pro-main .pro-list .list ul li a .text{}
.pro-main .pro-list .list ul li a .text .title{ color:#000; height:40px; line-height:40px; margin-bottom:10px; overflow:hidden; font-size:18px; margin-bottom:10px;}
.pro-main .pro-list .list ul li a .text .demo{ height:30px; text-align:center;}
.pro-main .pro-list .list ul li a .text .demo span{ background:#000; border-radius:15px; height:30px; display:inline-block; padding:0 30px; color:#fff; font-size:12px; line-height:30px;}
.pro-main .pro-list .list ul li a .text .demo span:hover{ background:#0088d2;}
/**/
.fanye{ text-align:center; margin-bottom:40px;}
.fanye a{ display:inline-block; border-width:2px; border-color:transparent; border-style:solid; height:38px; text-align:center; min-width:30px; line-height:36px; position:relative; border-radius:4px; margin:0 10px;}
.fanye a.cur{ border-color:#cdcdcd; color:#004a9e;}
.fanye a.pageup:after{ content:""; display:block; width:10px; height:10px; border-right:1px solid #a4a4a4; border-top:1px solid #a4a4a4; position:absolute; left:50%; top:50%; margin:-6px;
-moz-transform:rotate(-45deg);
-ms-transform:rotate(-45deg);
-o-transform:rotate(-45deg);
-webkit-transform:rotate(-45deg);
transform:rotate(-135deg);

}
.fanye a.pagenext:after{ content:""; display:block; width:10px; height:10px; border-right:1px solid #a4a4a4; border-top:1px solid #a4a4a4; position:absolute; left:50%; top:50%; margin:-6px;
-moz-transform:rotate(45deg);
-ms-transform:rotate(45deg);
-o-transform:rotate(45deg);
-webkit-transform:rotate(45deg);
transform:rotate(45deg);

}
.fanye a.null{ opacity:.5; cursor:default; }
@media only screen  and (max-width: 1024px){
.pro-class .protypelist .swiper-slide .tu img{ width:100px; border-width:1px;}	
.pro-class .protypelist .swiper-slide{ font-size:16px;}	
.pro-class{ padding:5% 0;}

.pro-main .pro-list .list ul li a .text .title{ font-size:16px;}
}


@media only screen  and (max-width: 800px){
.pro-main .pro-list .list ul li:nth-child(3n),.pro-main .pro-list .list ul li{ width:50%;}

	
	
	
}





@media only screen  and (max-width: 500px){
.pro-class .protypelist .swiper-slide .tu img{ width:60px;}	
.pro-class .protypelist .swiper-slide{ font-size:12px;}	
.pro-main .pro-list .list ul li:nth-child(3n),.pro-main .pro-list .list ul li{ width:50%;}
.pro-main .pro-list .list ul li a .text .title{ line-height:30px; height:auto; padding-top:10px;overflow: hidden;
text-overflow:ellipsis;
white-space: nowrap;}



}
/*产品详情*/
/*详细*/
.pro-up{ padding:50px 0;
background:#eaeaea;
background: -moz-radial-gradient(#fdfdfd, #dddddd);
background: -webkit-radial-gradient(#fdfdfd,  #dddddd);
background: -o-radial-gradient(#fdfdfd, #dddddd);
background: -ms-radial-gradient(#fdfdfd,  #dddddd);
background: radial-gradient(#fdfdfd,  #dddddd);
}
.pro-up .main:after{ content:""; display:block; clear:both;}
.pro-up .main{ width:94%; max-width:1200px; margin:auto;}
.pro-up .main .left{ max-width:440px; width:48%; float:left; padding-top:9%;}
.pro-up .main .left .title{ position:relative; padding-top:20px; color:#010101; line-height:1.5; font-size:40px; margin-bottom:20px;}
.pro-up .main .left .title:before{ content:""; display:block; width:70px; height:4px; background:#004a9e; position:absolute; left:0px; top:0px; display:none;}
.pro-up .main .left .demo{ line-height:2; font-size:16px; color:#434343; min-height:200px; margin-bottom:20px;}
.pro-up .main .left .href a{ padding:0 15px; line-height:35px; height:35px; background:#004a9e; color:#fff; min-width:90px; text-align:center; display:inline-block;}
.pro-up .main .right{ float:right;width:50%;}
.pro-middle{ padding:50px 0;}
.pro-middle.bai{ background:#fff;}
.pro-middle .main{ width:94%; max-width:1200px; margin:auto; line-height:2; overflow:hidden;}
.pro-middle .main .bbt{ color:#000; font-size:26px; line-height:1.6; margin-bottom:30px;}
@media only screen  and (max-width: 1024px){
.pro-up{ padding:5% 0;}	
.pro-up .main .left{ padding-top:0px;}	
.pro-up .main .left .title:before{ height:3px;}
.pro-up .main .left .title{ font-size:28px;}	
.pro-up .main .left .demo{ font-size:12px;}
.pro-middle .main .bbt{ font-size:22px; margin-bottom:3%;}
.pro-middle{ padding:6% 0;}
}


@media only screen  and (max-width: 650px){
.pro-middle .main .bbt{ font-size:18px;}	
.pro-up .main .left .title:before{ width:100%; height:2px;}	
.pro-up .main .left,.pro-up .main .right{ float:none; width:100%; max-width:100%;}
.pro-up .main .left .title{ font-size:18px; padding-top:5%; margin-bottom:3%;}	
.pro-up .main .left .demo{ font-size:12px; margin-bottom:3%; min-height:0;}
}

/*产品 end*/
/*新闻*/

.news-type{ background:#fff; line-height:50px; padding:35px 0; margin:80px 0;}

.news-type .main{ width:94%; max-width:1200px; margin:auto;
display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
    -webkit-flex-direction: row;
    flex-direction: row;
    -webkit-box-orient: horizontal;
    -ms-box-orient: horizontal;
    box-orient: horizontal;

}
.news-type .main div{
	-webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    -webkit-box-flex: 1;
	position:relative;
	text-align:center;
	overflow:hidden;
	height:50px;
	}
.news-type .main div:after{ height:26px; left:0px; position:absolute; content:""; display:block; width:1px; margin-top:-13px; background:#c3c3c3; top:50%;}	
.news-type .main div:nth-child(1):after{ display:none;}
.news-type .main div a{ color:#3e3f3f; font-size:20px;}	
.news-type .main div.on a,.news-type .main div a:hover{ color:#004a9e; font-weight:bold;}

.news-main .left ul{ display:block;}
.news-main .left ul:after{ content:""; display:block; clear:both;}
.news-main .left ul li{ display:block; border-bottom:1px solid #c0c0c0; padding-bottom:7%; margin-bottom:7%;}

.news-main.vvv{ margin-top:50px;}


.news-main .left ul li .title{  overflow:hidden; margin-bottom:10px;} 
.news-main .left ul li .title a{ color:#444444; font-size:26px; line-height:1.5;}
.news-main .left ul li .title a:hover{ color:#004a9e}
.news-main .left ul li .xx{ height:38px;
display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
    -webkit-flex-direction: row;
    flex-direction: row;
    -webkit-box-orient: horizontal;
    -ms-box-orient: horizontal;
    box-orient: horizontal;
	margin-bottom:5%;


}
.news-main .left ul li .xx .rr{
		-webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    -webkit-box-flex: 1;
	}
.news-main .left ul li .xx  .hits{ height:38px; padding-right:45px; position:relative; border-right:1px solid #d9d9d9; margin-right:20px; line-height:38px; color:#8a8a8a; font-size:16px;}
.news-main .left ul li .xx  .hits:before{ width:10px; height:10px; content:""; display:block; background:#cccccc; border-radius:100%; position:absolute; top:50%; margin-top:-5px; right:18px;
-moz-transform:scaleX(1.6);
-ms-transform:scaleX(1.6);
-o-transform:scaleX(1.6);
-webkit-transform:scaleX(1.6);
transform:scaleX(1.6);}	
.news-main .left ul li .xx  .hits:after{ content:""; display:block; width:4px; height:4px; border:2px solid #f4f5f6; border-radius:100%; position:absolute; top:50%; margin-top:-4px; right:19px;}
.news-main .left ul li .xx .classname{ height:19px; line-height:19px; color:#004a9e; font-size:12px; font-weight:bold;}
.news-main .left ul li .xx .rq{ font-size:12px; font-weight:300; color:#888888;}
.news-main .left ul li .demo{ line-height:2; overflow:hidden; color:#303030;  margin-bottom:3%;}
.news-main .left ul li .href a{ display:inline-block; padding:0 18px; height:34px; line-height:32px; border:1px solid #eeeeee; background:#fff;}


.fenye{ text-align:center; margin-bottom:40px;}
.fenye a{ display:inline-block; border-width:1px; border-color:transparent; border-style:solid; height:30px; text-align:center; min-width:30px; line-height:28px; position:relative; border-radius:100%; margin:0 10px; color:#0088d2;}
.fenye a.cur{ color:#333;}
.fenye a.pageup:after{ content:""; display:block; width:8px; height:8px; border-right:1px solid #31b35e; border-top:1px solid #31b35e; position:absolute; left:50%; top:50%; margin:-5px -3px;
-moz-transform:rotate(-45deg);
-ms-transform:rotate(-45deg);
-o-transform:rotate(-45deg);
-webkit-transform:rotate(-45deg);
transform:rotate(-135deg);

}
.fenye a.pagenext:after{ content:""; display:block; width:8px; height:8px; border-right:1px solid #31b35e; border-top:1px solid #31b35e; position:absolute; left:50%; top:50%; margin:-5px -6px;
-moz-transform:rotate(45deg);
-ms-transform:rotate(45deg);
-o-transform:rotate(45deg);
-webkit-transform:rotate(45deg);
transform:rotate(45deg);

}
.fenye a.null{ opacity:.5; cursor:default; }
.fenye a.null:after{ border-color:#a4a4a4 !important;}
.fenye a.pageup,.fenye a.pagenext{ border-color:#31b35e;}
.fenye a.pageup.null,.fenye a.pagenext.null{ border-color: transparent;}

.news-main {
	max-width: 1200px;
	margin: auto;
	padding: 0px 0 40px;
	width: 94%;
}
.news-main .right .search-box{ margin-bottom:30px;}
.news-main .right .search-box input{ width:100%; border:1px solid #d9dee8; border-radius:2px; background:#eef0f2; height:44px; padding:0 40px 0 10px;}	
.news-main .right .search-box form{ display:block; position:relative;}
.news-main .right .search-box button{ width:44px; height:44px; display:block; position:absolute; right:0px; top:0px; border:0px; background:none; background-color:transparent; cursor:pointer;}
.news-main .right .search-box button:after{ width:12px; height:12px; border-radius:100%; content:""; display:block; border:2px solid #284299 ; position:absolute; left:12px; top:12px;}
.news-main .right .search-box button:before{ width:6px; height:2px; content:""; display:block; background:#284299; position:absolute; left:25px; top:27px;
-moz-transform:rotate(45deg);
-ms-transform:rotate(45deg);
-o-transform:rotate(45deg);
-webkit-transform:rotate(45deg);
transform:rotate(45deg);


}

.news-main .right .classlist { margin-bottom:30px;}
.news-main .right .classlist dt { display:block; font-size:18px; color:#444444; height:36px;font-family:Myriad Pro ,Arial, "Microsoft JhengHei","Microsoft Yahei"; }
.news-main .right .classlist dd{ display:block; overflow:hidden; height:57px; border-bottom:1px solid #efefef;}
.news-main .right .classlist dd a{ display:block; line-height:56px; color:#6b6b6b; font-size:14px; position:relative; height:56px; overflow:hidden;}
.news-main .right .classlist dd a:hover,.news-main .right .classlist dd.on a{ color:#004a9e; font-weight:bold;}
.news-main .right .classlist dd a:after{ content:""; display:block; width:5px; height:5px; margin:-3px 0; border-top:1px solid #c1c1c1; border-right:1px solid #c1c1c1; position:absolute; top:50%; right:2px; 
-moz-transform:rotate(45deg);
-ms-transform:rotate(45deg);
-o-transform:rotate(45deg);
-webkit-transform:rotate(45deg);
transform:rotate(45deg);}
.news-main .right .classlist dd a:hover:after,.news-main .right .classlist dd.on a:after{
	border-color:#004a9e;
	
	}
.news-main .right .tj-list	.smallfont1{ display:block; font-size:18px; color:#444444; height:36px;  }
.news-main .right .tj-list ul li{ display:block; border-bottom:1px solid #d9dee8; line-height:24px; padding:16px 0;}
.news-main .right .tj-list ul li a{ display:block; position:relative; color:#004a9e; font-size:14px; }
.news-main .right .tj-list ul li a:hover{ color:#000;}
.news-main .right .tj-list ul li a .rq{ font-size:12px; color:#aeaeae;}


@media only screen and (min-width:1024px) {

.news-main:after{ content:""; display:block; clear:both;}
.news-main .left{ width:65%; float:left;}	
.news-main .right{ width:25%; float:right;}
.news-type .main div a{ font-size:18px;}


}
@media only screen and (max-width:1300px) {
.news-main .right{ width:30%;}	
.news-main .left ul li .title a{ font-size:22px;}	
	
}

@media only screen and (max-width:1023px) {
	.news-main.vvv{ margin-top:5%;}
	.news-type{ margin:5% 0; padding:2% 0;}
	.news-type .main div a{ font-size:16px;}

.news-top .main .title{ font-size:38px;}	

	.news-banner{ margin-bottom:5%;}

	.news-main .left ul li{ padding:0 0 5%; margin-bottom:5%;}
	.news-main .right{ width:100%;}		

}
@media only screen and (max-width:580px) {
	.news-main .left ul li .title a{ font-size:18px;}
	.news-type{ margin:0 0 6% 0; line-height:30px;}
	.news-type .main div{ height:30px;}
	.news-type .main div:after{ height:16px; margin-top:-8px;}
	.news-type .main div a{ font-size:12px;}

	.news-main .left ul li a{ padding:0px; height:auto;}
	.news-main .left ul li a .tu{ position:relative; margin-bottom:6%;}
	.news-main .left ul li a .title{ line-height:1.4; font-size:18px; margin-bottom:10px;}
	.news-main .left ul li a .title,.news-main .left ul li a .demo{ max-height:500px;}

	}



/*view*/
.newsbannerlist{ height:390px; position:relative; overflow:hidden; margin-bottom:30px;}
.newsbannerlist .btn{ width:33px; height:60px; background:rgba(0,0,0,.5); position:absolute; top:50%; margin-top:-30px; cursor:pointer; z-index:1;}
.newsbannerlist .btn.prev{ left:20px;}
.newsbannerlist .btn.next{ right:20px;}
.newsbannerlist .btn:after{ content:""; width:20px; height:20px; border-top:1px solid #fff; border-right:1px solid #fff; display:block; position:absolute; top:50%; left:50%; margin:-11px -15px;
-moz-transform:rotate(45deg);
-ms-transform:rotate(45deg);
-o-transform:rotate(45deg);
-webkit-transform:rotate(45deg);
transform:rotate(45deg);


}
.newsbannerlist .btn.prev:after{
	margin:-11px -5px;
-moz-transform:rotate(-135deg);
-ms-transform:rotate(-135deg);
-o-transform:rotate(-135deg);
-webkit-transform:rotate(-135deg);
transform:rotate(-135deg);
	}
.newsbannerlist .swiper-slide{ width:auto;height:390px;}
.newsbannerlist .swiper-slide img{ display:block; height:100%;}
.news-main .left.newsview .title{ color:#000; font-size:26px; line-height:1.4; margin-bottom:10px;}


.news-main .left.newsview .xx{ height:38px;
display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
    -webkit-flex-direction: row;
    flex-direction: row;
    -webkit-box-orient: horizontal;
    -ms-box-orient: horizontal;
    box-orient: horizontal;
	margin-bottom:5%;


}
.news-main .left.newsview .xx .rr{
		-webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    -webkit-box-flex: 1;
	}
.news-main .left.newsview .xx  .hits{ height:38px; padding-right:45px; position:relative; border-right:1px solid #d9d9d9; margin-right:20px; line-height:38px; color:#8a8a8a; font-size:16px;}
.news-main .left.newsview .xx  .hits:before{ width:10px; height:10px; content:""; display:block; background:#cccccc; border-radius:100%; position:absolute; top:50%; margin-top:-5px; right:18px;
-moz-transform:scaleX(1.6);
-ms-transform:scaleX(1.6);
-o-transform:scaleX(1.6);
-webkit-transform:scaleX(1.6);
transform:scaleX(1.6);}	
.news-main .left.newsview .xx  .hits:after{ content:""; display:block; width:4px; height:4px; border:2px solid #f4f5f6; border-radius:100%; position:absolute; top:50%; margin-top:-4px; right:19px;}
.news-main .left.newsview .xx .classname{ height:19px; line-height:19px; color:#004a9e; font-size:12px; font-weight:bold;}
.news-main .left.newsview .xx .rq{ font-size:12px; font-weight:300; color:#888888;}

.news-main .left.newsview .content{ line-height:2; padding:20px 0 40px; color:#757575;text-align:justify;}
.news-bottom .item b{ display:block; height:22px; color:#004a9e;}

.news-bottom{ margin-bottom:40px;}
.news-bottom .item{ margin-bottom:10px;}

@media only screen and (min-width:651px) {
.news-bottom{ 
display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
    -webkit-flex-direction: row;
    flex-direction: row;
    -webkit-box-orient: horizontal;
    -ms-box-orient: horizontal;
    box-orient: horizontal;



}
.news-bottom .item{
		-webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    -webkit-box-flex: 1;
	}
	
	
	
	
	
.news-bottom .item{ padding:5%; background:#e8e7e7; margin-bottom:0px;}
.news-bottom .item:nth-child(2){ margin-left:1px;}

.news-bottom .item a{ line-height:1.6; display:block; padding-bottom:30px; position:relative;}
.news-bottom .item a:after{ width:12px; height:12px; border-left:1px solid #004a9e; border-bottom:1px solid #004a9e; content:""; display:block; position:absolute; bottom:0px;}
.news-bottom .item a.nn{ text-align:right;}
.news-bottom .item a.pp:after{
	-moz-transform:rotate(45deg);
	-ms-transform:rotate(45deg);
	-o-transform:rotate(45deg);
	-webkit-transform:rotate(45deg);
	transform:rotate(45deg);
	left:0px;
	
	}
.news-bottom .item a.nn:after{
	-moz-transform:rotate(-135deg);
	-ms-transform:rotate(-135deg);
	-o-transform:rotate(-135deg);
	-webkit-transform:rotate(-135deg);
	transform:rotate(-135deg);
	right:4px;
	
	}	
	
	
}




@media only screen and (max-width:799px) {
.news-main .left.newsview .title{ font-size:22px;}	

}
@media only screen and (max-width:700px) {
.newsbannerlist .btn{ transform:scale(.5);}
.newsbannerlist .btn.prev{ left:0px;}
.newsbannerlist .btn.next{ right:0px;}
.newsbannerlist,.newsbannerlist .swiper-slide{ height:290px;}

	
}
@media only screen and (max-width:650px) {
.news-bottom .item,.news-bottom .item  *{ text-align:left !important;}	
	.news-bottom .item a{ line-height:1.6;}
}

@media only screen and (max-width:500px) {
	.news-main .left.newsview .title{ font-size:18px;}	
.newsbannerlist,.newsbannerlist .swiper-slide{ height:200px;}	
.news-bottom .item b{ width:60px;}
.news-bottom .item span{ display:none;}
.news-bottom .item{ overflow:hidden; height:22px;}
}



/*新闻 end*/




img{ max-width:100%;}
/*搜索*/
.search-main img{ max-width:100%;}
.search-main {
	width: 94%;
	max-width: 1200px;
	margin: auto;
	padding: 30px 0;
	min-height: 300px;
	margin-top:100px;
}
.search-main .list{ margin-bottom:30px;}
.search-main .type {
	line-height: 50px;
	font-size: 30px;
	color: #000;
	font-weight: bold;
}

.search-main .list ul li {
	display: block;

	overflow: hidden;
	font-size: 14px;
	border-bottom: 1px solid #ccc;
	padding:30px 0;
}

.search-main .list ul li.nothing {
	height: 100px;
	border: 0px;
	line-height: 100px;
	text-align: center;
	font-size: 18px;
	color: #999;
}


.search-main .list ul li a .text .title {
	font-size: 18px;
	margin-bottom: 10px;
}

.search-main .list ul li a .text .demo {
	font-size: 12px;
	opacity: .7;
	line-height: 1.8;
	margin-bottom: 20px;
}

.search-main .list ul li a .text .rq {
	font-size: 14px;
	opacity: .7;
	line-height: 1.8;
	margin-bottom: 15px;
}
.search-main .list ul li a .tu{ margin-bottom:20px;}
@media only screen and (min-width:600px) {
.search-main .list ul li a {

	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-direction: row;
	-webkit-flex-direction: row;
	flex-direction: row;
	-webkit-box-orient: horizontal;
	-ms-box-orient: horizontal;
	box-orient: horizontal;
}

.search-main .list ul li a .tu{ width:200px; margin-right:30px; margin-bottom:0px;}
.search-main .list ul li a .text {
	-webkit-flex: 1;
	-ms-flex: 1;
	flex: 1;
	-webkit-box-flex: 1;
}
}

.search-main .list ul li a span {
	float: right;
	margin-right: 20px;
}

.search-main .list ul li a:hover {
	color: #004a9e;
}
@media only screen and (max-width:800px) {
.search-main{ margin-top:60px;}
}
@media only screen and (max-width:500px) {

.search-main .type {
	font-size: 22px;
}
}
.map img{ max-width:10000px;}
/*联系我们*/

.contactmain{ background-position:center; background-size:cover; padding:100px 0;}
.contactmain .main{ width:94%; margin:auto; max-width:1200px; color:#fff;display: flex;justify-content: space-between;align-items: center;}

.contactmain .main .contactbbt {
    color: #fff;
    font-size: 22px;
    line-height: 1.4;
    margin-bottom: 10px;
}

.contactmain .main:after{ content:""; display:block; clear:both;}
.contactmain .main .left{ width:50%; float:left; line-height:3;font-size: 16px;}

.contactmain .main .right{ width:46%; float:right; /*max-width:378px;*/}



.contactmain .main .right .li{ margin-bottom:15px;

	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-direction: row;
	-webkit-flex-direction: row;
	flex-direction: row;
	-webkit-box-orient: horizontal;
	-ms-box-orient: horizontal;
	box-orient: horizontal;


}

.contactmain .main .right .li input{ width:100%; height:40px; padding:0 10px; border:1px solid rgba(255,255,255,.4);	-webkit-flex: 1; background:none; color:#fff;
	-ms-flex: 1;
	flex: 1;
	-webkit-box-flex: 1;}
.contactmain .main .right .li input:nth-child(2){ margin-left:15px;}	
.contactmain .main .right .li textarea{ width:100%; height:140px; padding:10px; border:1px solid rgba(255,255,255,.4);	-webkit-flex: 1; background:none; color:#fff;
	-ms-flex: 1;
	flex: 1;
	-webkit-box-flex: 1;}
	
.contactmain .main .right .li input:Focus,.contactmain .main .right .li textarea:Focus{ border-color:#004a9e; color:#004a9e}		
.contactmain .main .right button{ color:#fff; font-size:14px; width:130px; height:32px; background:#004a9e; cursor:pointer; border-radius:0px; border:0px;}
.contactmain .main .right ::-webkit-input-placeholder { color:#fff;}
.contactmain .main .right :-ms-input-placeholder { color:#fff;}

/*地图*/
.allmap{
    width: 100%;
    height: 490px;
}
.allmap img{
    max-width: none;
}
@media only screen and (max-width:1600px){
    .allmap {
        height: 450px;
    }
}
@media only screen and (max-width:1400px){
    .allmap {
        height: 420px;
    }
}
@media only screen and (max-width:1280px){
    .allmap {
        height: 400px;
    }
}
@media only screen and (max-width:1024px){
    .allmap {
        height: 350px;
    }
}
@media only screen and (max-width:800px) {
.contactmain{ padding:8% 0;}
.allmap {
        height: 300px;
    }
    .contactmain .main{display: block;}
    .contactmain .main .left{float: none;width: 100%;}
    .contactmain .main .right{float: none;width: 100%;}
}

@media only screen and (max-width:650px) {
	.contactmain .main .left{ width:100%; margin-bottom:5%;line-height: 1.5;}
.contactmain .main .right{ width:100%; max-width:100%;}
	
}
@media only screen and (max-width:600px){
    .allmap {
        height: 280px;
    }
}
@media only screen and (max-width:414px){
    .allmap {
        height: 230px;
    }
    .contactmain .main .left{font-size: 14px;line-height: 2.5;}
    .contactmain .main .left.ee{font-size: 12px;}
}

@media only screen and (max-width:320px){
    .allmap {
        height: 200px;
    }
}

/*服务中心*/

.service-main{ width:94%; max-width:1200px; margin:0 auto 60px;}
.service-main .xx{ text-align:right; font-size:14px; color:#656565; margin-bottom:15px;}
.service-main .list{margin-bottom: 2%;}
.service-main .list ul:after{ content:""; display:block; clear:both; }
.service-main .list ul li{ display:block; float:left; width:32%; margin:0 2% 2% 0;}
.service-main .list ul li:nth-child(3n){ margin-right:0px;}
.service-main .list ul li a{ display:block; background-position:center; background-size:cover;}
.service-main .list ul li a img{ display:block; opacity:0; width:100%;}
.service-main .list ul li .tit{text-align: center;font-size: 18px;line-height: 40px;}
.service-main .bbtbig{ text-align:center; font-size:28px; position:relative; line-height:1.4; margin-bottom:40px;}
.service-main .bbtbig:after{ content:""; display:block; width:35px; height:1px; background:#004a9e; margin:20px auto 0;}
.wt-list{ padding-bottom:50px;}
.wt-list ul li{ display:block; border-bottom:1px solid #e8e8e8; background:#eef0f2; margin-bottom:10px;}
.wt-list ul li .bbt{ border:1px solid #e8e8e8; border-bottom:0; background:#eef0f2; padding:20px; cursor:pointer;}
.wt-list ul li .bbt .text{ position:relative; padding:0 20px; position:relative; line-height:20px; font-size:14px; font-weight:bold;}
.wt-list ul li .bbt .text span{ display:block; position:absolute; height:20px; width:20px; left:0px; top:0px;}
.wt-list ul li .bbt[data-on="on"]{ border:0px; color:#fff; background:#004a9e;}
.wt-list ul li .bbt .text:after{ content:""; width:5px; height:5px; border-bottom:1px solid #004a9e; border-left:1px solid #004a9e; display:block; position:absolute; top:50%; right:0px; margin-top:-2px;
-moz-transform:rotate(-45deg);
-ms-transform:rotate(-45deg);
-o-transform:rotate(-45deg);
-webkit-transform:rotate(-45deg);
transform:rotate(-45deg);

}
.wt-list ul li .bbt[data-on="on"] .text:after{ border-color:#fff;
margin-top:0px;
-moz-transform:rotate(135deg);
-ms-transform:rotate(135deg);
-o-transform:rotate(135deg);
-webkit-transform:rotate(135deg);
transform:rotate(135deg);
}
.wt-list ul li .content{
	 border-left:1px solid #e8e8e8;  border-right:1px solid #e8e8e8;
	 padding:20px;
	 display:none;
	}
.wt-list ul li .content .view{ padding:0 0 0 20px; line-height:2;}	
.service-dan{ line-height:2;}
@media only screen and (max-width:1024px) {
	.service-main .list ul li .tit{font-size: 16px;}
}
@media only screen and (max-width:800px) {
	
.service-main{ margin:0 auto 5%;}	
.wt-list{ padding-bottom:5%;}

.service-main .bbtbig{ margin-bottom:4%; font-size:22px}
.service-main .bbtbig:after{ margin-top:3%;}
	
}
@media only screen and (max-width:650px) {
.service-main .list ul li:nth-child(3n),.service-main .list ul li{ width:48.5%; margin:0 3% 3% 0;}	
.service-main .list ul li:nth-child(2n){ margin-right:0px;}	
.service-main .bbtbig{ font-size:18px;}
.wt-list ul li .bbt{ padding:12px;}
.wt-list ul li .content{ padding:12px;}
}
@media only screen and (max-width:400px) {

}

/*服务中心 end*/









/*关于我们*/
.dan-view-main{ width:94%; max-width:1000px; margin:auto; padding:50px 0;}
.dan-view-main .bbt{ position:relative; color:#454545; text-align:center; font-weight:300; font-size:48px; line-height:1.4; margin-bottom:50px; padding-bottom:10px;}
.dan-view-main .bbt:after{ width:48px; height:1px; background:#004a9e; display:block; content:""; position:absolute; left:50%; margin-left:-24px; bottom:0px;}
.dan-view-main .view{ line-height:2; color:#696969; text-align:justify;}

.aboutview{ padding-bottom:40px; line-height:2; width:94%; margin:auto; max-width:1200px;}
.aboutmiddle ul li{ display:block; width:33.333333333333%; padding:0 1px 1px 0; float:left;}
.aboutmiddle ul:after{ content:""; display:block; clear:both;}
.aboutmiddle ul li:nth-child(3n){ padding-right:0px;}
.aboutmiddle ul li a{ display:block; position:relative; background-position:center; background-repeat:no-repeat; background-size:cover; height:340px;
    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;
	overflow:hidden;


}
.aboutmiddle ul li a .text{ width:90%; text-align:center; position:relative; z-index:2;}
.aboutmiddle ul li a .text .title{ font-size:24px; line-height:1.4;}
.aboutmiddle ul li a .text .line{ width:24px; height:1px; background:rgba(255,255,255,.6); margin:2% auto;}
.aboutmiddle ul li a .text .view{ line-height:1.8;}
.dan-view-main.bgg{ background-image:url(../images/abbgh_02.jpg); background-position:bottom; background-size:100% auto; background-repeat:no-repeat; width:100%; max-width:100%; background-color:#f5f5f7;}
.dan-view-main.bgg .view{ width:94%; max-width:1200px; margin:auto; color:#000000;}
/**/
.hy-list{ width:94%; max-width:1200px; margin:0 auto 60px;}
.hy-list ul:after{ content:""; display:block; clear:both;}
.hy-list ul li{ display:block; float:left; width:30.66666%; margin:0 4% 4% 0;}
.hy-list ul li:nth-child(3n){ margin-right:0px;}
.hy-list ul li .tu{ position:relative; /*background:#fff;*/}
/*.hy-list ul li .tu .bbg{ display:block; width:100%; opacity:0;}*/
/*.hy-list ul li .tu .tt{ position:absolute; z-index:1; width:100%; height:100%; left:0px; top:0px;}*/
.hy-list ul li .tu .tt{ padding-top: calc(300 / 370 * 100%);}
/*.hy-list ul li .tu .tt img{ display:block; width:100%; height:100%;position:absolute; left:0px; top:0px;}*/
.hy-list ul li .title{ height:60px; border-bottom:1px solid #c3c3c3; line-height:59px; overflow:hidden; font-size:14px; color:#000; text-align:center;}
.hy-list ul li:hover .tu{ box-shadow:0 0 10px rgba(0,0,0,.175);}
.hy-list ul li:hover .title{ border-bottom:1px solid #004a9e; color:#004a9e;}

.layui-layer-page .layui-layer-content .tt{
	padding-top: calc(300 / 370 * 100%);
	transform: scale(.2);
}

/**/
.zpbg{ background-image:url(../images/zp.jpg); background-position:center; background-size:cover; height:0px; margin-bottom:0px;}
.zpp-list{ width:94%; max-width:1200px; margin:0 auto 50px;}
.zpp-list .td{ height:54px; line-height:54px; overflow:hidden; padding-left:20px;}
.zpp-list .th{ color:#fff; border-radius:5px 5px 0 0; overflow:hidden; background:#0088d2; font-size:18px;}
.zpp-list .t2,.zpp-list .t3{ width:20%;}
.zpp-list .t4{ width:15%;}
.zpp-list .th:after{ content:""; display:block; clear:both;}
.zpp-list .tr{ border-bottom:2px solid #e1e1e1; color:#5b5b5b; font-size:14px;}
.zpp-list .tr[data-on="on"]{background:#e9e9e9; color:#000; }
.zpp-list .th,.zpp-list .tr{
  display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
    -webkit-flex-direction: row;
    flex-direction: row;
    -webkit-box-orient: horizontal;
    -ms-box-orient: horizontal;
    box-orient: horizontal;
	
	
	}
.zpp-list  .t1{
	-webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    -webkit-box-flex: 1;
	
	}
.zpp-list .item .content{ padding:20px; line-height:2; background:#fff; line-height:2; display:none}		
@media only screen and (max-width:1600px) {
.aboutmiddle ul li a{ height:300px;}	
	
}

@media only screen and (max-width:1300px) {
.aboutmiddle ul li a{ height:240px;}	
	.hy-list ul li{
		margin: 0 2% 4% 0;
	}
}

@media only screen and (min-width:1025px) {

.aboutmiddle ul li a:before{ content:""; display:block; width:100%; height:100%; border:1px solid #fff; left:0px; top:0px; z-index:1; opacity:0; position:absolute;
transform:scale(1.2);}
.aboutmiddle ul li a:hover:before{
	opacity:.5;
transform:scale(.9);	
	
	}
}

@media only screen and (max-width:1024px) {
.zpp-list .th{ font-size:14px;}
.zpp-list .tr{ font-size:12px;}	
.zpp-list{ margin-bottom:5%;}	
/*.hy-list ul li:nth-child(4n),.hy-list ul li{ width:32%; margin:0 2% 4% 0;}*/
/*.hy-list ul li:nth-child(3n){ margin-right:0px;}*/
.hy-list ul li .title{ line-height:40px; height:40px;}
	
.hy-list{ margin-bottom:5%;}	
.aboutmiddle ul li a .text .title{ font-size:20px;}	
.aboutmiddle ul li:nth-child(3n),.aboutmiddle ul li{ width:50%; padding:0 1px 1px 0;}
.aboutmiddle ul li:nth-child(2n){ padding-right:0px;}	
	
}
@media only screen and (max-width:600px) {
.zpp-list .td{ padding-left:4%;}	
.zpp-list .tr{ border-width:1px;}
.zpp-list .item .content{ padding:4%;}
.zpp-list .t2,.zpp-list .t3{ display:none}
.zpp-list .t4{ width:70px;}
.aboutmiddle ul li:nth-child(3n),.aboutmiddle ul li{ padding:0px; margin-bottom:1px; width:100%;}	
.hy-list ul li:nth-child(3n),.hy-list ul li:nth-child(4n),.hy-list ul li{ width:48.5%; margin:0 3% 3% 0;}
.hy-list ul li:nth-child(2n){ margin-right:0px;}
.zpbg{ height:180px; margin-bottom:5%;}
}
@media only screen and (max-width:400px) {
.aboutmiddle ul li a{ height:220px;}		
	
}


.aboutmiddl ul:after{ content:""; display:block; clear:both;}

.about002004{padding-bottom:40px; line-height:2; width:94%; margin:40px auto; max-width:1200px; margin-bottom:40px; border-bottom:1px solid #e8e8e8; position:relative;}	
.about002004 .text .title{ color:#454545; font-size:36px; line-height:1.4; margin-bottom:10px; }
.about002004 .text .demo{ line-height:2;}
.about002004 .tu img{ display:block; width:100%;}	
.about002004 .tu{ background-position:center; background-size:cover; }
.about002004 .text{ padding-bottom:40px; position:relative;}
.about002004 .text:after{ background:#004a9e; width:48px; height:5px; content:""; display:block; position:absolute; left:0px; bottom:0px;}
.newsbannerlist.b{ width:94%; max-width:1200px; margin:auto; padding:40px 0; height:auto !important; border-top:1px solid #e8e8e8;}
.newsbannerlist.b:after{ content:""; display:block; height:1px; width:48px; background:#004a9e; position:absolute; top:0px; left:50%; margin-left:-24px;}
.newsbannerlist.b .swiper-slide{ height:204px;}
.newsbannerlist.b .btn{ background:rgba(0,115,220,.8); width:27px; height:55px; }
.newsbannerlist.b .btn:after{ width:10px; height:10px; margin-top:-6px;}
.newsbannerlist.b .btn.prev{left:0px;}
.newsbannerlist.b .btn.next{ right:0px;}
.newsbannerlist.b .btn.next:after{ margin-left:-9px;}

/**/
.about002002{ padding-bottom:90px; margin:40px auto; width:94%; max-width:1200px;}
.about002002 .swiper-slide{ overflow:hidden; margin-bottom:-90px;}
.about002002 .swiper-slide .bbt{ font-size:16px; color:#004a9e; text-align:center; line-height:24px; height:48px; overflow:hidden;}
.about002002 .swiper-slide .bbt div{ margin:auto; max-width:300px;}
.about002002 .swiper-slide .dian{ line-height:36px; height:36px; position:relative; letter-spacing:4px; margin:15px 0 30px;}
.about002002 .swiper-slide .dian span{letter-spacing:0px; background:#fff; position:absolute; left:50%; top:0px; z-index:1; display:inline-block;font-size:14px; padding:0 20px;
-moz-transform:translateX(-50%);
-ms-transform:translateX(-50%);
-o-transform:translateX(-50%);
-webkit-transform:translateX(-50%);
transform:translateX(-50%);
}
.about002002 .swiper-slide .dian span a{ display:inline-block; border:1px solid #b2b2b2; border-radius:18px;  width:110px; text-align:center; }
.about002002 .swiper-slide .text{ margin:5% 3% 0%; border-top:1px solid #ddd; border-bottom:1px solid #ddd; padding:5% 0 2%; }
.about002002 .swiper-slide .text ul li{ display:block; margin-bottom:3%; padding-left:83px; color:#666666; font-size:13px; line-height:1.6; position:relative;}
.about002002 .swiper-slide .text ul li .bt{ position:absolute; left:0px; top:0px; max-width:80px;}
.about002002 .swiper-slide .text ul li.close{ display:none;}
.about002002 .swiper-slide .href{ height:90px; line-height:90px; text-align:center; cursor:pointer; font-size:14px; color:#004a9e;}
.about002002 .swiper-slide .href span{ position:relative; display:inline-block; width:30px; height:90px;}
.about002002 .swiper-slide .href span:after{ content:""; display:block; width:12px; height:12px; border:1px solid #147edf; border-radius:100%; position:absolute; margin:-7px; top:50%; left:50%;}
.about002002 .swiper-slide .href span:before{content:"+"; display:block; width:12px; height:12px; border-radius:100%; position:absolute; margin:-6px; top:50%; left:50%; line-height:12px;}
.about002002 .btn{ width:45px; height:90px; cursor:pointer; position:absolute; z-index:11; bottom:0px;}
.about002002 .btn:after{ content:""; display:block; width:30px; height:30px; border-top:2px solid #ddd; border-right:2px solid #ddd; top:50%; margin-top:-17px; position:absolute;
-moz-transform:rotate(45deg);
-ms-transform:rotate(45deg);
-o-transform:rotate(45deg);
-webkit-transform:rotate(45deg);
transform:rotate(45deg);
left:2px;


}
.about002002 .btn.prev:after{
-moz-transform:rotate(-135deg);
-ms-transform:rotate(-135deg);
-o-transform:rotate(-135deg);
-webkit-transform:rotate(-135deg);
transform:rotate(-135deg);
left:8px;
	
	
	}
.about002002 .btn.prev{ left:0px;}
.about002002 .btn.next{ right:0px;}
/**/
.about002003{ width:94%; max-width:1200px; padding:40px 0; margin:auto;}
.about002003 ul:after{ content:""; display:block; clear:both;}
.about002003 ul li{ display:block; position:relative; width:23.5%; margin:0 2% 2% 0; float:left;}
.about002003 ul li:nth-child(4n){ margin-right:0px;}
.about002003 ul li img{ display:block; width:100%;}
.about002003 ul li .tu{ position:absolute; width:100%; height:100%; left:0px; top:0px; background-position:center; background-size:cover; z-index:1;}
.about002003 ul li .tu.cai{ z-index:2; opacity:0;}
.about002003 ul li:hover .tu.hei{ opacity:0;}
.about002003 ul li:hover .tu.cai{ opacity:1;}
@media only screen and (min-width:750px) {
.about002004  .tu img{ display:none}	
.about002004{    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row-reverse;
    -webkit-flex-direction: row-reverse;
    flex-direction: row-reverse;
    -webkit-box-orient: horizontal;
    -ms-box-orient: horizontal;
    box-orient: horizontal;}
.about002004 .tu{    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    -webkit-box-flex: 1;}	
.about002004 .text{ min-height:320px;width:380px; padding-right:20px;}	
@media only screen and (max-width:1024px) {
	.about002004 .text{ width:300px; padding-right:20px; min-height:260px}	
	
}

}

@media only screen and (max-width:800px) {
.about002003{ padding:7% 0 4%;}
.about002003 ul li:nth-child(4n),.about002003 ul li{ margin:0 2% 2% 0; width:32%;}
.about002003 ul li:nth-child(3n){ margin-right:0px;}
.about002003 ul li .tu.cai{ opacity:1;}
.newsbannerlist.b{ padding:4% 0;}
.about002004 .text:after{ height:2px;}	
.about002004 .text{ padding-bottom:4%;}	
.about002004 .text .title{ font-size:28px;}	
.about002004 .tu{ margin-bottom:10px;}	
.ab002001-b .bbt{ font-size:36px;}	
.dan-view-main{ padding:5% 0;}	
.dan-view-main .bbt{ font-size:36px; margin-bottom:5%;}	
.ab002001-b .abbl .swiper-wrapper .swiper-slide .tu img{ height:80px;}
.about002004{ margin-bottom:4%; padding-bottom:4%; margin-top:4%;}
	
	
}
@media only screen and (max-width:500px) {
	.newsbannerlist.b .btn{ display:none;}
.ab002001-b .abbl .swiper-wrapper .swiper-slide{ padding:5%;}
.about002002 .swiper-slide{ margin-right:20px;}
.about002002 .swiper-slide .text{ margin:4% 0 1%;}
.about002003 ul li:nth-child(4n),.about002003 ul li:nth-child(3n),.about002003 ul li{ margin:0 3% 3% 0; width:48.5%;}
	.about002003 ul li:nth-child(2n){ margin-right:0px;}

}

/*网站地图*/
.map-list{ width:94%; max-width:1200px; margin:50px auto; padding:20px; border:5px solid #d4d4d4; background:#eee;}
.map-list ul li{ display:block; margin-bottom:15px;}
.map-list ul li .mm-title{ font-size:16px; margin-bottom:10px;}
.map-list ul li ul:after{ content:""; display:block; clear:both;}
.map-list ul li ul li{ display:block; width:23.5%; margin:0 2% 2% 0; display:block; float:left; height:30px; line-height:30px; overflow:hidden;}
.map-list ul li ul li:nth-child(4n){ margin-right:0px;}
@media only screen and (max-width:800px) {
	.map-list ul li ul li:nth-child(4n),.map-list ul li ul li{ width:32%; margin:0 2% 2% 0;}
	.map-list ul li ul li:nth-child(3n){ margin-right:0px;}
.map-list{ margin:5% auto;}	
	
}
@media only screen and (max-width:500px) {
.map-list{ border-width:2px; padding:10px;}	
.map-list ul li ul li:nth-child(3n),.map-list ul li ul li:nth-child(4n),.map-list ul li ul li{ width:48.5%; margin:0 3% 3% 0;}
	.map-list ul li ul li:nth-child(2n){ margin-right:0px;}	
	
}