@charset "utf-8";
/* CSS Document */
*{margin:0; padding:0; list-style:none;}
a{text-decoration:none;margin:0; padding:0;}
body{ margin:0; padding:0; font-family:Arial, Helvetica, sans-serif; box-sizing:border-box; font-size:16px;}
h1,h2,h3,h4,h5,h6{ padding:0; margin:0; font-weight:normal;}


ul,h2,dl,dt,dd{ padding:0; margin:0;}
ul{ list-style:none;}
h1{ text-align:center; font-weight:normal;}
h2{ font-weight:normal;}
a:link{ color:#666; text-decoration:none;}
a:visited{ color:#666; text-decoration:none;}
a:hover{ color:#623D3C; text-decoration:none;}
a:active{ color:#666; text-decoration:none;}
li{list-style:none; list-style-type:none;}
.clear{clear:both;}
.clear20{ height:20px;clear:both;}
.clear40{ height:40px;clear:both;}
.clear70{ height:70px;clear:both;}

/*侧边栏*/
.slide-nav {
  position: fixed;
  background: #1b355e url(../images/bg01.jpg) no-repeat top 60% center;
  background-size: 100% auto;
  width: 60%;
  height: 100%;
  top: 0;
  right: -78%;
  z-index: 1000;
  -webkit-transition: all 0.3s cubic-bezier(0.22, 0.61, 0.36, 1);
  transition: all 0.3s cubic-bezier(0.22, 0.61, 0.36, 1);
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  padding: 50px 0 0;
  overflow: scroll;
}
.slide-nav > div ul {
  height: 0;
  overflow: hidden;
  -webkit-transition: all 0.3s linear;
  transition: all 0.3s linear;
  width: 73%;
  margin: auto;
}
.slide-nav > div ul li {
  line-height: 40px;
  height: 40px;
  list-style: none;
  border-bottom: 1px solid rgba(255, 255, 255, 0.16);
  padding-left: 18%;
}
.slide-nav > div ul li a {
  display: block;
  color: #dde0e6;
  font-size: 14px;
  line-height: 40px;
  height: 40px;
  text-decoration:none;
}
.slide-nav > div ul li:first-child {
  border-top: 1px solid rgba(255, 255, 255, 0.16);
}
.slide-nav h3 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding: 0 15px 0 20%;
  height: 45px;
  line-height: 45px;
  font-weight: normal;
}
.slide-nav h3 a {
  font-size: 15px;
  color: #c5c5c5;
  display: block;
  width: 100%;
  text-decoration:none;
}
.slide-nav h3 div.arr {
  width: 12px;
  height: 12px;
  background: url("../images/jia.png") no-repeat;
  background-size: 12px;
  -webkit-transition: all 0.3s linear;
  transition: all 0.3s linear;
}
.slide-nav h3 div.arr.arr-active {
  background: url("../images/jian.png") no-repeat center;
  background-size: 7px auto;
}
.slide-nav .arr-box {
  position: fixed;
  top: 0;
  right: 0;
  width: 100%;
  height: 47px;
  line-height: 47px;
  background: #a1a1a1;
  text-align: right;
}
.slide-nav .arr-box .close {
  width: 20px;
  vertical-align: middle;
  margin-right: 18px;
}

.zerogrid{width:1400px; height:auto; overflow:hidden; margin:0 auto;}
.header{ width:1400px; margin:0 auto; height:auto;z-index:888888;}
.top{ height:34px; width:100%; background:#F6F6F6; border-bottom:#E3E3E3 1px solid; color:#666; font-size:13px;}
.top span{ float:left; line-height:34px;}
.top a{ float:right; line-height:34px; margin-left:20px;}
.top a img{ vertical-align:middle; margin-right:5px;}
/*.banner{width:100%; height:auto; position:relative;}
.banner img{width:100%; height:auto; }
.banner p.p1{ position:absolute; display:block; width:500px; line-height:200%; font-size:40px; color:#fff; margin-left:-250px; left:50%; top:23%; font-weight:bold; text-align:center;}
.banner .lm{width:1280px; height:95px; border-radius:20px; position:absolute; margin-left:-640px; left:50%; top:80%; background:#fff url(../images/aboutbg.png) no-repeat 1136px center;box-shadow: 5px 5px 5px 0 rgba(153,153,153,0.2); background-size:10% auto; text-align:center;}
.banner .lm a{display:inline-block; line-height:95px; font-size:20px; color:#999; padding:0 25px;}
.banner .lm a.active{color:#623D3C; background:url(../images/active.png) no-repeat center 65px;}
*/
/**********导航**********/
.nav{ width:840px; float:right; font-size:16px;color:#666; margin-left:40px; z-index:888888;}
.nav ul li{width:120px; height:105px; float:left; text-align:center;}
.nav ul li a{width:120px; height:35px; padding:35px 0; display:inline-block;color:#666; text-decoration:none;}
.nav ul li a span{ display:block;color:#999; font-size:13px; text-decoration:none;}
.nav ul li a:hover{color:#fff; background:#46BEC7;}
.nav ul li a:hover span{color:#fff;}
.nav ul li div{z-index:888888;position: relative;visibility: hidden;margin: 0; padding:0;}
.nav ul li div a{position: relative;display: block;height:40px;right:0px;line-height:40px;margin: 0;padding: 0;text-align:center;text-decoration: none;background:#46BEC7;filter:alpha(opacity=85); /* IE */ -moz-opacity:0.85; /* Moz + FF */opacity: 0.85;color: #fff; font-size:16px;}
.nav ul li div a:hover{background:#39B1BB;color: #fff;}
.nav ul li:nth-child(4) div a{}

/**********导航**********/
.swiper-container{z-index:1;}
.ban{position:relative; width:100%; height:auto; margin-bottom:70px;}
.ban .aboutindex{width:1380px; height:240px; padding:10px; background:#fff url(../images/aboutbg.png) no-repeat 1010px 372px; z-index:8888; position:absolute; bottom:-150px; left:50%; margin-left:-700px;}

#swiper1 img{ width:100%; height:auto;}




@media screen and (max-width:720px){
body{border:none;}
.zerogrid{width:98%; margin:0 1%;}
#swiper1 .swiper-wrapper .swiper-slide img{width:100%; height:auto; }
#swiper2{ display:block; width:100%;}
#swiper2 img{ width:100%;}
.top{ display:none;}
.ban{position:relative; width:100%; height:auto; margin-bottom:0;}
.ban .aboutindex{width:98%; padding:5px 1%; height:auto; margin-left:0; overflow:hidden; position:static; left:0; bottom:0; }
.aboutindex ul li span{ display:block;height:4.5em; font-size:0.85em; overflow:hidden;}
.aboutindex ul li span br{ display:none;}
.aboutindex ul li img{width:70%; height:auto; margin:0 auto 1em; border-top:#fff 1px solid;}
.clear70{ display:none;}
.ban .swiper-button-next{ display:none;}
.ban .swiper-button-prev{ display:none;}
.ban .swiper-pagination{ display:none;}
.aboutindex .right h3{text-align:center; line-height:3em; font-size:1.25em;}

.aboutindex .right p{height:16em; overflow:hidden;}
.aboutindex .right a.more{margin:1em auto; display:block; width:40%}

.header{  padding:0;width:98%; padding:0 1%; background:#0086D1; height:5em }
.header a.navbar-brand{width:30%;}
.header a.navbar-brand img{ width:auto; height:3em; margin:1em 1%;}
.header h3{width:40%; height:72px; line-height:72px; float:left;}
#head .nav{display:none;}
.header .search{display:none;}
#head .rt-btn {
	 height:5em;
  width:65px;
  float:right;
  display: flex;
  align-items: center;
}
#head .rt-btn .right-btn {
  width: 65px;
  height: 72px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
#head .rt-btn .right-btn span {
  display: block; background:url(../images/m.png) no-repeat center;
  width: 42px;
  height:9px;
}
#head .rt-btn .right-btn span:nth-child(2) {
  margin: 5px 0;
}
.none{ display:none;}

.tiy a{ display:block; margin:0.5em auto 0.8em; width: 100%; height:3em; line-height:3em; text-align:center; font-size:1.2em; color:#fff; background:#0086D1; border-radius:3px;}

.lianj{ width:100%; height:auto; background:#F2F2F2;}
.lianj a{ width:23%; height:auto; margin:0 1% 1em; float:left;font-size:0.8em; color:#666;}
.lianj a img{ display:block; width:70%; height:auto; margin:1em 15%;}

/*标题*/
.btitle{width:100%; height:auto;text-align:center; margin:1em auto;}
.btitle a{width:77%; height:auto;font-size:1.6em; color:#333; background:url(../images/bg_tit.png) repeat center;}
.btitle a:hover{ text-decoration:none;}
.btitle a span{font-size:0.7em; color:#666; font-family:Arial, Helvetica, sans-serif; display:block; font-weight:normal; margin-top:5px;}

/*服务*/
.service a{ width:29%; height:13em; margin:0 0 1em; float:left;font-size:0.8em; color:#ccc; padding:0 2% 1em;}
.service a:nth-child(1){ background:#334258 url(../images/cj8.png) no-repeat  top right;}
.service a:nth-child(2){ margin:0 0.5%; background:#334258 url(../images/cj9.png) no-repeat  top right;}
.service a:nth-child(3){background:#334258 url(../images/cj10.png) no-repeat  top right;}
.service a img{ display:block; width:20%; height:auto; margin:3em auto 0 5%;}
.service a span{ display:block;color:#fff; font-size:1.5em; line-height:250%;}


.cz{ background:#F2F2F2; padding-bottom:1em; padding:0 1% 1em;}
.cz span{ color:#0086D1; font-size:1.5em;line-height:300%;}
.cz p{color:#333; font-size:1em; line-height:180%; padding:0 1%; text-indent:2em;}



h4{ color:#333; font-size:1.5em; line-height:200%; margin-top:0.8em;}

.new .new_1{ width:52%; height:12em; float:left;}
.new .new_1 a{ position:relative;}
.new .new_1 a img{ width:100%; height:12em;}
.new .new_1 a span{ position:absolute; bottom:0; left:0; width:100%; height:2em; line-height:2em; overflow: hidden;background:rgba(0,0,0,0.5); color:#fff;}
.new .new_2{ width:45%; height:12em; float:left; margin-left:3%; overflow:hidden;}
.new .new_2 a{ display:block; width:96%; height:2em; overflow:hidden; line-height:2em; font-size:1em; background:url(../images/dian.jpg) no-repeat left center; padding-left:4%;}

.pro span{ color:#ccc; font-size:2em; margin-top:1em; display:block;}
.pro i{ width:20%; height:3px; display:block; background:#0086D1; margin-left:1%;}
.pro a{ width:33.3%; height:auto; float:left;}
.pro a img{ width:60%; height:auto; margin:0 20%;}




.footer{background:#333333; padding:1em 0; margin-top:3em;height:auto;height:auto; color:#fff;}
.footer i{ background:url(../images/dh.png) no-repeat left center;color:#fff; font-size:2em; padding-left:7%;}
.footer span{ display:block;color:#999;}
.footer p{ text-align:center; margin:1em auto 0.5em;}
.footer img{ width:40%; margin:0 30%;}
	
.list{ width:100%; margin:0 auto;}
.list ul li{ width:49%; margin-right:2%; float:left; overflow:hidden; margin-bottom:2em;}
.list ul li:nth-child(2n){margin-right:0;}
.list ul li img{float:left; width:100%; height:11em;}
.list ul li h6{ font-size:1.1em; line-height:2em; width:100%; overflow:hidden; height:2em;}
.list ul li span{ height:5em; width:100%; overflow:hidden;font-size:0.8em;}
.list ul{ height:auto; overflow:hidden;}
.list_3 ul li img{float:left; width:100%; height:7em;}

.pages{clear:both;  padding:2em 0 2.5em 0; text-align:center;  }
.pages a{display:inline-block; margin-left:5px; width:35px; height:35px; line-height:35px; color:#999; border:solid 1px #999; border-radius:10px; }
.pages a:hover,.pages a.page_current{color:#fff; background:#0086D1;border:solid 1px #0086D1;  text-decoration:none;}
.pages a.active{color:#fff; background:#0086D1;border:solid 1px #0086D1;  text-decoration:none;}
	
.list_1{ width:100%; margin:0 auto;}
.list_1 ul li{ width:97%; margin-right:2%; float:left; overflow:hidden; height:2em; line-height:2em; background:url(../images/dian.jpg) no-repeat left center; padding-left:3%;}
	




/*内页*/
.nrqy .nr{ width:100%;float:left;}

.tit{ width:97%; height:auto;font-size:1.5em; color:#333; padding:0 0 0 3%; margin:0.5em auto 0.8em;line-height:3em; background:#E3E7F0 url(../images/logo2.png) no-repeat right center; background-size:20%;}



.content{ width:96%; height:auto; font-size:16px; color:#666; line-height:200%;padding:10px 2%; }
.content img{ max-width:100%; height:auto;}
.nrqy .nr .list{ margin-top:2em;}
.nrqy .nr .list li{ width:48%; margin-right:4%; margin-bottom:2em; float:left; overflow:hidden;}
.nrqy .nr .list li:nth-child(2n){margin-right:0;}
.nrqy .nr .list li:nth-child(3n){ margin-right:4%;}
.nrqy .nr .list li:nth-child(6){ margin-right:0;}
.tit_1 { text-align:center;}
.tit_1 h5{ font-size:1.2em; height:1.2em; overflow:hidden; margin-top:1em;}
.tit_1 span{font-size:0.8em;line-height:300%;}



	}