@charset "UTF-8";
/*base*/
*{margin:0px auto; padding:0px 0px;}
html,body { width:100%; height:100%; }
body{overflow:Scroll; background-color: #fff; font-size: 14px;}
body{font-family: "微软雅黑";}

html {
  font-family: sans-serif; /* 1 */
  -ms-text-size-adjust: 100%; /* 2 */
  -webkit-text-size-adjust: 100%; /* 2 */
}
article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section,summary {  display: block;}
audio,canvas,progress,video {  display: inline-block; /* 1 */
  vertical-align: baseline; /* 2 */
}

img {  border: 0;}
li{list-style: none;}
a{text-decoration:none;outline: none;}
a:hover{ text-decoration: none!important;}
textarea{resize:none;}
.clear{clear:both;zoom:1;}
.bg{ border:1px solid #f00; }
.h30{ height: 30px; width: 100%; }
/*图片不变形问题*/
.overlogop {
 background-size: cover; height: auto;overflow: hidden;
 background-clip: padding-box;height: 55%;
 position: relative;
}

.content{
    width:100%; margin:0px 0px;  z-index: 999; position: relative; background: #1568c0; height: 64px;
}

.logo{ float: left; margin: 10px 0px 15px 0px; }
.logo img{height: 80px;}
.rx{font-size: 24px; color: #000; padding-top: 40px;}

.venus-menu{
  width:100%;
  margin:0;
  padding:0;
  position:relative;
  float:left;
  font-family:'Open Sans', sans-serif;
  list-style:none;
}

.venus-menu li{
  display:inline-block;
  margin:0;
  padding:0;
  float:left;
  position:relative;
  line-height: 64px;
}
.venus-menu > li > a{
  font-size:16px;
  color:#fff;
  text-decoration:none;
  padding: 0px 50px;
  
}
.venus-menu > li > .span1{ display: block; float: right; color: #fff;}


.venus-menu li:hover > a, .venus-menu li.active a{
  font-weight: bold;
  color:#fff;
}
.venus-menu > li > a i{
  color:#bababa;
}
.venus-menu > li:hover > a i, .venus-menu li.active a i{
  color:#fff;
}
.venus-menu ul, .venus-menu ul li ul{
  list-style:none;
  margin:0;
  padding:0;
  display:none;
  position:absolute;
  z-index:99;
  width:140px;
}
.venus-menu ul{
  top:56px;
  left:0;
  padding-top:10px;
}
.venus-menu > li > ul > li:first-child a:before{
  content:'';
  position:absolute;
  bottom:48px;
  left:45%;
  margin-left:-48px;
  width:0;
  height:0;
  border-left:8px solid rgba(255, 255, 255, 0);
  border-right:8px solid rgba(255, 255, 255, 0);
  border-bottom:8px solid #8ECB8D;
}
.venus-menu > li > ul > li ul li:first-child a:before{
  content:'';
  position:absolute;
  bottom:16px;
  left:45%;
  margin-left:-71px;
  width:0;
  height:0;
  border-top:8px solid rgba(255, 255, 255, 0);
  border-right:8px solid #018A00;
  border-bottom:8px solid rgba(255, 255, 255, 0);
}
.venus-menu ul li ul{
  top:0;
  left:100%;
  padding-left:10px;
}
.venus-menu ul li{
  clear:both;
  width:100%;
  border:none;
}
.venus-menu ul li a{
  padding:14px 20px;
  width:100%;
  color:#fff;
  font-size:14px;
  text-decoration:none;
  display:inline-block;
  float:left;
  clear:both;
  background:#018A00;
  box-sizing:border-box;
  -moz-box-sizing:border-box;
  -webkit-box-sizing:border-box;
  -webkit-transition:background 0.2s linear;
  -moz-transition:background 0.2s linear;
  -o-transition:background 0.2s linear;
  transition:background 0.2s linear;
}
.venus-menu ul li:hover > a{ background-color: #0E560D; }
.venus-menu > li > ul > li:first-child:hover a:before{
  border-bottom-color:#0E560D;
}
.venus-menu > li > ul > li ul li:first-child:hover a:before{
  border-right-color:#0E560D;
}
.venus-menu > li .indicator{
  position:absolute;
  color:#bababa;
  top:19px;
  right:8px;
  font-size:20px;
  -webkit-transition:color 0.2s linear;
  -moz-transition:color 0.2s linear;
  -o-transition:color 0.2s linear;
  transition:color 0.2s linear;
}
.venus-menu > li:hover > .indicator{
  color:#fff;
}
.venus-menu ul > li .indicator{
  top:14px;
  right:8px;
  color:#fff;
}
.venus-menu i{
  line-height:20px !important;
  margin-right:6px;
  font-size:20px;
  float:left;
}
.venus-menu > li.showhide{
  display:none;
  width:100%;
  height:60px;
  cursor:pointer;
  color:#777;
  background: #fff;
}
.venus-menu > li.showhide span.title{
  margin:20px 0 0 3px; font-size: 16px; color: #000; font-weight: bold;
  float:left;
}
.venus-menu > li.showhide span.logo1 img{ height:31px; float: left; margin: 15px 0px 0px 5px; }
.venus-menu > li.showhide span.icon{
  margin:16px 10px;
  float:right;
}
.venus-menu > li.showhide .icon em{
  margin-bottom:3px;
  display:block;
  width:20px;
  height:2px;
  background:#ccc;
}
@media only screen and (max-width:395px){
.venus-menu > li > span{ display: block; float: none; color: #fff;}
	
.venus-menu > li.showhide span.title{
  margin:16px 0 0 3px; font-size: 14px; color: #000; font-weight: bold;
  float:left;
}
.venus-menu > li.showhide span.logo1 img{ height: 30px; float: left; margin: 15px 0px 0px 5px; }

.venus-menu > li.showhide span.icon{
  margin:16px 5px;
  float:right; font-size: 10px;
} 

}

@-webkit-keyframes zoomOut{
  0%{
    -webkit-transform:scale(.6);
  }
  100%{
    -webkit-transform:scale(1);
  }
}
@-moz-keyframes zoomOut{
  0%{
    -moz-transform:scale(.6);
  }
  100%{
    -moz-transform:scale(1);
  }
}
@-o-keyframes zoomOut{
  0%{
    -o-transform:scale(.6);
  }
  100%{
    -o-transform:scale(1);
  }
}
@keyframes zoomOut{
  0%{
    transform:scale(.6);
  }
  100%{
    transform:scale(1);
  }
}

.zoom-out{
  -webkit-animation:zoomOut 600ms ease both;
  -moz-animation:zoomOut 600ms ease both;
  -o-animation:zoomOut 600ms ease both;
  animation:zoomOut 600ms ease both;
}
@media only screen and (max-width:1199px){

.venus-menu > li > a{
  padding:18px 15px;
  font-size:16px;
  color:#777;
  text-decoration:none;
  display:block;
  -webkit-transition:color 0.2s linear, background 0.2s linear;
  -moz-transition:color 0.2s linear, background 0.2s linear;
  -o-transition:color 0.2s linear, background 0.2s linear;
  transition:color 0.2s linear, background 0.2s linear;
}
.dl { float: right; }
.dl a{ font-size: 12px;color: #fff; }
.dl a:hover{ color: #fff; }

}
@media only screen and (max-width:990px){

.venus-menu > li > a{
  padding:18px 10px;
  font-size:14px;
  color:#777;
  text-decoration:none;
  display:block;
  -webkit-transition:color 0.2s linear, background 0.2s linear;
  -moz-transition:color 0.2s linear, background 0.2s linear;
  -o-transition:color 0.2s linear, background 0.2s linear;
  transition:color 0.2s linear, background 0.2s linear;
}

}

@media only screen and (max-width:768px){
  .top{ display: none;}	
  .venus-menu{ height:60px; }
  .venus-menu li{
    display:block;
    width:100%;
    line-height:20px;
	background: #fff;
  }
  .venus-menu > li > a{
    padding:15px 0 5px 20px;
  }
  .venus-menu > li.brand{
    display:none !important;
  }
  .venus-menu a{
    width:100%;
    box-sizing:border-box;
    -moz-box-sizing:border-box;
    -webkit-box-sizing:border-box;
  }
  .venus-menu ul, .venus-menu ul li ul{
    width:100%;
    padding:0;
    left:0;
    border:none;
    position:static;
    box-sizing:border-box;
    -moz-box-sizing:border-box;
    -webkit-box-sizing:border-box;
  }
  .venus-menu > li > ul > li:first-child a:before, .venus-menu > li > ul > li ul li:first-child a:before{
    border:none;
  }
  .venus-menu ul li{
    border-left:none;
    border-right:none;
  }
  .venus-menu ul li a{
    padding-top:10px;
    padding-bottom:10px;
  }
  .venus-menu ul > li > a{
    padding-left:40px !important;
  }
  .venus-menu > li .indicator{
    top:14px;
    right:20px;
    font-size:20px;
  }
  .venus-menu ul > li .indicator{
    top:10px;
    right:20px;
  }
  .venus-menu li.search form{
    margin:12px 18px 0 18px;
  }
  .venus-menu li.search form input.search{
    width:100%;
    margin-bottom:12px;
    box-sizing:border-box;
    -moz-box-sizing:border-box;
    -webkit-box-sizing:border-box;
  }
  .venus-menu > li > ul > li > a{
    padding-left:40px !important;
  }
  .venus-menu > li > ul > li > ul > li > a{
    padding-left:60px !important;
  }
  .venus-menu > li > ul > li > ul > li > ul > li > a{
    padding-left:80px !important;
  }

}


/*banner*/

.flickerplate {
  position:relative;
  width:100%;
  height:463px;
  background-color:#e6e6e6;
  overflow:hidden;
  z-index: 99;
}

.flickerplate ul.flicks {
  width:10000%;
  height:100%;
  padding:0px;
  margin:0px;
  list-style:none
}
.flickerplate ul.flicks>li {
  float:left;
  width:1%;
  height:100%;
  background-position:center;
  background-size:cover;
  display:table
}
.flickerplate ul.flicks>li .flick-inner {
  height:100%;
  padding:10px;
  color:#fff;
  display:table-cell;
  vertical-align:middle
}
.flickerplate ul.flicks>li .flick-inner .flick-content {
  max-width:68.75em;
  margin-left:auto;
  margin-right:auto
}
.flickerplate ul.flicks>li .flick-title {
  padding:0px 0px;
  font-size:2.778em;
  line-height:1.995em;
  text-align:center
}
@media only screen and (max-width: 43.813em) {
.flickerplate ul.flicks>li .flick-title {
font-size:1.667em
}
}
.flickerplate ul.flicks>li .flick-sub-text {
  padding:5px;
  font-weight:300;
  line-height:2.5em;
  color:rgba(255, 255, 255, 0.8);
  text-align:center
}
.flickerplate ul.flicks>li .flick-title span.flick-block-text, .flickerplate ul.flicks>li .flick-sub-text span.flick-block-text {
  padding:12px 18px;
  background-color:rgba(0, 0, 0, 0.6)
}
.flickerplate .arrow-navigation {
  position:absolute;
  height:80%;
  width:10%;
  top:10%;
  z-index:100;
  overflow:hidden
}
.flickerplate .arrow-navigation .arrow {
  display:block;
  height:100%;
  width:90%;
  -webkit-transition:all 0.2s ease-out;
  -moz-transition:all 0.2s ease-out;
  -o-transition:all 0.2s ease-out;
  -ms-transition:all 0.2s ease-out;
  transition:all 0.2s ease-out
}
.flickerplate .arrow-navigation:hover, .flickerplate .arrow-navigation .arrow:hover {
  cursor:pointer
}
.flickerplate .arrow-navigation.left {
  left:0%
}
.flickerplate .arrow-navigation.left .arrow {
  opacity:0;
  margin:0px 0px 0px 50%;
  background-image:url("../images/flickerplate/arrow-left-light.png");
  background-repeat:no-repeat;
  background-position:left
}
.flickerplate .arrow-navigation.right {
  right:0%
}
.flickerplate .arrow-navigation.right .arrow {
  opacity:0;
  margin:0px 0px 0px -50%;
  background-image:url("../images/flickerplate/arrow-right-light.png");
  background-repeat:no-repeat;
  background-position:right
}
.flickerplate .arrow-navigation.left.hover .arrow {
  opacity:1;
  margin:0px 0px 0px 20%
}
.flickerplate .arrow-navigation.right.hover .arrow {
  opacity:1;
  margin:0px 0px 0px -20%
}
.flickerplate .dot-navigation {
  position:absolute;
  bottom:15px;
  width:100%;
  text-align:center;
  z-index:100
}
.flickerplate .dot-navigation ul {
  text-align:center;
  list-style:none;
  padding:0px 15px
}
.flickerplate .dot-navigation ul li {
  display:inline-block;
  float:none
}
.flickerplate .dot-navigation .dot {
  width:24px;
  height:4px;
  margin:0px 6px;
  background-color:rgba(255, 255, 255, 0.9);
  border-radius:50%;
  -o-border-radius:50%;
  -ms-border-radius:50%;
  -moz-border-radius:50%;
  -webkit-border-radius:1%;
  -webkit-transition:background-color 0.2s ease-out;
  -moz-transition:background-color 0.2s ease-out;
  -o-transition:background-color 0.2s ease-out;
  -ms-transition:background-color 0.2s ease-out;
  transition:background-color 0.2s ease-out
}
.flickerplate .dot-navigation .dot:hover {
  cursor:pointer;
  background-color:rgba(255, 255, 255, 0.6)
}
.flickerplate .dot-navigation .dot.active {
  background-color:#df4a43
}
.flickerplate .dot-navigation.left, .flickerplate .dot-navigation.left ul {
  text-align:left
}
.flickerplate .dot-navigation.right, .flickerplate .dot-navigation.right ul {
  text-align:right
}
.flickerplate.flicker-theme-dark .arrow-navigation.left .arrow {
  background-image:url("../images/flickerplate/arrow-left-dark.png")
}
.flickerplate.flicker-theme-dark .arrow-navigation.right .arrow {
  background-image:url("../images/flickerplate/arrow-right-dark.png")
}
.flickerplate.flicker-theme-dark .dot-navigation .dot {
  background-color:rgba(0, 0, 0, 0.12)
}
.flickerplate.flicker-theme-dark .dot-navigation .dot:hover {
  background-color:rgba(0, 0, 0, 0.6)
}
.flickerplate.flicker-theme-dark .dot-navigation .dot.active {
  background-color:#000
}
.flickerplate.flicker-theme-dark ul.flicks li .flick-inner {
  color:rgba(0, 0, 0, 0.9)
}
.flickerplate.flicker-theme-dark ul.flicks li .flick-inner .flick-content .flick-sub-text {
  color:rgba(0, 0, 0, 0.9)
}
.flickerplate.flicker-theme-dark ul.flicks li .flick-inner .flick-content .flick-title span.flick-block-text, .flickerplate.flicker-theme-dark ul.flicks li .flick-inner .flick-content .flick-sub-text span.flick-block-text {
  background-color:rgba(255, 255, 255, 0.5)
}
.flickerplate ul.flicks li.flick-theme-dark .flick-inner {
  color:rgba(0, 0, 0, 0.9)
}
.flickerplate ul.flicks li.flick-theme-dark .flick-inner .flick-content .flick-sub-text {
  color:rgba(0, 0, 0, 0.9)
}
.flickerplate ul.flicks li.flick-theme-dark .flick-inner .flick-content .flick-title span.flick-block-text, .flickerplate ul.flicks li.flick-theme-dark .flick-inner .flick-content .flick-sub-text span.flick-block-text {
  background-color:rgba(255, 255, 255, 0.5)
}
.flickerplate.animate-transform-slide ul.flicks {
  -webkit-perspective:1000;
  -webkit-backface-visibility:hidden;
  transform:translate3d(0%, 0px, 0px);
  -webkit-transform:translate3d(0%, 0px, 0px);
  -webkit-transition:-webkit-transform 0.6s;
  -o-transition:-o-transform 0.6s;
  -moz-transition:-moz-transform 0.6s;
  transition:transform 0.6s
}
.flickerplate.animate-transition-slide ul.flicks {
  position:relative;
  left:0%;
  -webkit-transition:left 0.4s ease-out;
  -moz-transition:left 0.4s ease-out;
  -o-transition:left 0.4s ease-out;
  -ms-transition:left 0.4s ease-out;
  transition:left 0.4s ease-out
}
.flickerplate.animate-jquery-slide ul.flicks {
  position:relative;
  left:0%
}
.flickerplate.animate-scroller-slide {
  padding-bottom:0px;
  overflow:auto
}
.flickerplate.animate-scroller-slide ul.flicks {
  position:auto
}

.flicker-example ul li.banner1{background-image:url(../images/banner1.jpg); }
.flicker-example ul li.banner2{background-image:url(../images/banner1.jpg); }
.flicker-example ul li.banner3{background-image:url(../images/banner1.jpg); cursor: pointer; }

@media(max-width:1100px ){
.flickerplate {
  position:relative;
  width:100%;
  height:200px;
  background-color:#e6e6e6;
  overflow:hidden
  }
.flicker-example ul li.banner1{background-image:url(../images/banner1.jpg); }

}

/*banner结束*/
.banner-nav{
	position: relative;
	height: 150px;
	width: auto;
	z-index: 999;
	margin-top: -390px;
	float: left;
	margin-left: 8%;
}
.banner-nav ul li{margin-bottom: 20px;}
.banner-nav ul li a{ font-size: 16px; color: #fff; line-height: 36px;}
.banner-nav ul li span{ margin: 0px 10px; color: #fff;}

@media screen and (max-width: 992px){
	.banner-nav{display: none;}
}


/* 关于我们 */
.gywm{ background: #f4f4f4; height: auto;padding-bottom: 35px;}
.ty-title{ text-align: center; margin: 20px 0px;}
.ty-title span{ display: block;}
.ty-title .span1{ font-size: 45px; color: #0651a0;}
.ty-title .span2{ font-size: 30px; color: #aaa99f;}
.ty-title .span3{ width: 123px; border-bottom: 2px solid #1568c0; margin-top: 10px;}
@media screen and (max-width: 992px){
	.ty-title{ text-align: center; margin: 20px 0px;}
	.ty-title span{ display: block;}
	.ty-title .span1{ font-size: 25px; color: #0651a0;}
	.ty-title .span2{ font-size: 20px; color: #aaa99f;}
	.ty-title .span3{ width: 103px; border-bottom: 2px solid #1568c0; margin-top: 10px;}
}

.gywm-bt{ width: 45%; margin: 0px auto; padding-top: 10px; padding-bottom: 100px;text-align: center;}
.gywm-bt img{ float: left; margin-top: 5px; height: 30px;}
.gywm-bt span{ font-size: 30px; color: #0d155a; display: block; float: left; }

@media screen and (max-width: 992px){
.gywm-bt{ width: 90%; margin: 0px auto; padding-top: 10px; padding-bottom: 0px;text-align: center;}
.gywm-bt img{ float: left; margin-top: 5px; height: 20px;}

.gywm-bt span{ font-size:20px; color: #0d155a; display: block; float: left; }
	
}
.about-img{ float: left;}
.about{ width:40%;float: left;}

.about-nn{ text-indent: 2em; width: 90%; font-size: 20px; color: #413828; line-height: 36px;}

.about ul{width:90%; margin-top: 20px;}

.about ul li{ line-height: 40px;}
.about ul li img{ margin: 0px 10px; float: left; margin-top: 14px;}
.about ul li a{font-size: 16px; color: #5b5957; display: block; float: left; font-weight: bold;}



.ckgd{ background: #2c77c6; padding: 5px 0px; border-radius: 3px; width:130px; text-align: center; margin-top: 35px; }
.ckgd a{color: #fff; font-size: 20px;}
.ckgd a:hover{ color: #fff;font-weight: bold;}

.about-sp{width: 340px; float: right; background: url(../images/gywm-sp.jpg);}

@media screen and (max-width: 992px){
	.about-img{ float: none!important;margin: 10px auto; width: 100%; text-align: center;}
	.about-img img{ margin: 0px auto;}
	.about{ width:90%;float: none;}
	.about-sp{width: 340px; float: none; margin: 10px auto;}
	.about-sp img{width: 340px;}
}


/* 产品展示 */
.cpzs{ background: #2c77c6; height: auto; padding-bottom: 30px;}
.cl-wite{ color: #fff !important;}
.bd-wite{border-bottom: 2px solid #fdfcfc !important;}

.cpzs-list{
	height: 320px;
}
.swiper_container_pinz1{
	display: block;
	width: 99%; 
	margin:1%;
	height: 100%;
	overflow: hidden;
	float: left;
	
} 

.swiper_container_pinz1 .swiper-slide{
	width:20%;
	text-align: center;
	height: 300px;
	border-radius: 3px;
}
.swiper_container_pinz1 .swiper-slide a{
	display: block;
	/* border-radius: 5px; */
	overflow: hidden;
}
.swiper_container_pinz1 .swiper-slide p{
	font-size: 18px;
	font-weight: bold;
	line-height: 60px;
	color: #fff;
}
.swiper_container_pinz1 .swiper-slide .qian{
	width: 96%;
	height: 50px;
	overflow:hidden;
	text-overflow:ellipsis;
	white-space:nowrap;
}
.swiper_container_pinz1 .swiper-slide img{
	/* width: 80%; */
	height: 268px;
}
.swiper-btn-next,
.swiper-btn-prev {
	position: absolute;
	width: 45px;
	height: 65px;
	z-index: 10;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-ms-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
	opacity: 0.8;
	cursor: pointer;
	
}

.swiper-btn-next:hover,
.swiper-btn-prev:hover {
	opacity: 1;
	-webkit-transform: scale(1.2);
	-ms-transform: scale(1.2);
	transform: scale(1.2);
}

.swiper-btn-next:before,
.swiper-btn-prev:before {
	content: "";
	display: block;
	clear: both;
	position: absolute;
	top: 50%;
	left: 50%;
	width: 3px;
	height: 3px;
	margin-left: -1px;
	background: rgba(255, 255, 255, 0.3);
	-webkit-box-shadow: 0 0 50px 10px rgba(255, 255, 255, 0.5);
	box-shadow: 0 0 50px 10px rgba(255, 255, 255, 0.5);
	border-radius: 50%;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-ms-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
}

.swiper-btn-prev {
	background: url(../images/comm-slide-prev.png) no-repeat;
	left: 14%;
	margin-top: -236px;
	position: absolute;
}

.swiper-btn-next {
	background: url(../images/comm-slide-next.png) no-repeat;
	right: 14%;
	margin-top: -236px;
	position: absolute;
}
.bg-wite{ background: #d6d6d5 !important;}
.bg-wite a{color: #2c77c6 !important; font-size: 20px;}

@media screen and (max-width: 992px){
.swiper-btn-next,
.swiper-btn-prev{display: none;}	
	
}

/* 新闻资讯 */

.xwzx{width: 100%;}

.information-main-fr {
	width: 100%;
	overflow: hidden;
	background: #fff;
	margin:30px auto;
	padding-bottom: 10px;
	display: block;
}

.information-main-fr .hd ul {
	width: 50%;
	font-size: 18px;

}

.information-main-fr .hd ul li {
	float: left;
	cursor: pointer;
	list-style: none;
	height: 50px;
	line-height: 50px;
	color: #1568c0;
	text-align: center;
	border-top: 0;
	width: 25%;
	border-left: 0;
}

.information-main-fr .hd ul .on {
	color: #fff;
	height: 50px;
	border-bottom: 0;
	border-radius: 3px;
	line-height: 52px;
	background: #1568c0;
}

.information-main-fr .bd ul {
	color: #333;
	padding: 50px 24px 0 32px;
}

.information-main-fr .bd ul li {
	float: left;
	width: 50%;
	margin-bottom: 30px;
}

ul.gl-img li .xw-img{ float: left; height: 155px; width: 160px;}
ul.gl-img li .xw-nn{ float:left; width:65%; margin-left: 10px;}
ul.gl-img li .xw-nn h3{margin-top: 0px !important; width: 362px; height: 26px; overflow: hidden; text-overflow: ellipsis;white-space:nowrap;}
ul.gl-img li .xw-nn .span2{ display: block; font-size: 12px; color: #a7a7a7;}
ul.gl-img li .xw-nn .span3{ display: block; font-size: 14px; color: #7a7a7a; line-height: 22px; margin: 10px 0px;height: 65px; overflow: hidden;}
ul.gl-img li .xw-nn .span4{float: right; border:1px solid #1568c0; padding: 3px 5px;}

@media screen and (max-width: 992px){
	.information-main-fr .hd ul {
		width: 90%;
		font-size: 18px;
		
	}	
	.information-main-fr .bd ul li {
		float: left;
		width: 100%;
		margin-bottom: 30px;
	}
	ul.gl-img li .xw-img{ float: left; width: 40%; height: 155px;}
	ul.gl-img li .xw-nn{float:left; width:55%; margin-left: 10px;}
	
	
}

.ditu{width: 100%; height: 400px; border-top: 2px solid #1568c0;}

/* footer */
.footer{ width: 100%; background: #1568c0; min-height: 100px; padding: 30px 0px;}
.footer ul{ text-align: center; width:60%;}
.footer ul li{ float: left; line-height: 60px;}
.footer ul li a{ color: #fff; font-size: 20px;}
.footer ul li span{ color: #fff; margin: 0px 10px;}

.footer1{text-align: center; color: #fff; line-height: 30px;}

@media screen and (max-width: 992px){
	.footer ul{ text-align: center; width:100%; display: none;}
/* 	.footer ul li{ float: left; line-height: 30px;}
	.footer ul li a{ color: #fff; font-size: 14px;}
	.footer ul li span{ color: #fff; margin: 0px 1px;} */
	
}

.cp-list{ min-height: 500px; padding: 20px 0px;}
.wz{ border-bottom: 2px solid #2c79d3; height: 36px;}

.wz-bt{ font-size: 24px; color: #00145e;float: left; padding-left: 15px;}
.wz-wz{ float: right; padding-top: 12px;}

.cp-fl{ height: 45px; background: #2c79d3; width: 100%;margin-top: 2px;}
.cp-fl ul{ text-align: center; margin: 0px auto;}
.cp-fl ul li{ float: left; width: 15%;}
.cp-fl ul li a{ color: #fff; font-size: 16px; line-height: 45px;}
.cp-fl ul li a:hover{ font-weight: bold;}



ul.list-fl{margin: 50px auto; width: 90%;}
ul.list-fl li{ float: left;width: 25%; margin: 10px auto;}
ul.list-fl li img{ height: 234px; text-align: center; margin: 0px auto; display: block;}
ul.list-fl li span{ display: block; text-align: center; font-size: 18px; color: #000103; line-height: 60px;}
ul.list-fl li a:hover span{ color: #007AFF;}
ul.fy{ width: 90%; text-align: center; font-size: 18px; margin: 30px auto;}

/* 新闻 */

ul.news-list{width: 90%; margin: 50px auto;}
ul.news-list li{ border-bottom: 1px dashed #aaa; height: 45px; margin: 10px 0px;}
ul.news-list li img{ float: left; display: block; margin-top: 18px;}
ul.news-list li h3{ 
	font-size: 18px; 
	color: #212327; 
	width: 60%; 
	height: 45px; 
	line-height: 45px;
	overflow: hidden; 
	text-overflow: ellipsis;
	white-space:nowrap;
	float: left;
	margin: 0px 0px; padding-left: 10px;
	}
ul.news-list li span{ font-size: 16px; float: right; line-height: 45px;}	


/* 关于我们 */
.about-left{width: 40%; float: left; margin: 30px auto;}
.about-left img{ height: 300px; margin: 50px auto;}
.about-right{ width: 60%; float: right; margin: 50px 0px 100px 0px;}
.biaoti img{ float: left;margin-left: 100px;}
.biaoti span{ font-size: 26px; color: #000000;}

.about-nn{ margin-top: 20px; font-size: 20px; line-height: 40px;}

/* lianxwomen */
.cont-ditu{ width: 90%; height: 300px; margin: 30px auto;}
.contact{width: 60%;}
.contact img{ height: 150px; display: block; float: left;}
.lianxi-nn{ float: left; width: 400px; margin-left: 30px; line-height: 36px;}

.neirong{ min-height: 500px; padding: 20px 0px;}
.about_bt{ text-align: center; font-size: 18px; line-height: 60px;}
.about_bt_zz{ width: 85%; margin: 30px auto; font-size: 14px; line-height: 38px;}

ul.bm-dh{
	margin: 0px auto;
	
}

ul.bm-dh li{ 
	width: 25%;
	margin-left: 5%;
	float: left;
}
ul.bm-dh li input{
	width: 100%;
	border: 1px solid #cddde6;
	background: #fff;
	border-radius: 5px;
	line-height: 60px;
	font-size: 18px; 
	padding-left: 15px;
	color: #000000;
}
ul.bm-dh li button{
	width: 100%;
	border: 1px solid #cddde6;
	color: #fff;
	background: #f00;
	border-radius: 5px;
	line-height: 60px;
	font-size: 18px;
}

/* 响应式 */
@media screen and (max-width: 992px){
	/* 公司简介 */
	.about-left{display: none;}

	.about-right{ width: 90%; float: none; margin:0px auto;}
	.biaoti{ margin: 20px auto;}
	.biaoti img{ float: left;margin-left: 0px; height: 30px;}
	.biaoti span{ font-size: 20px; color: #000000;}
	
	.about-nn{ margin-top: 20px; font-size: 20px; line-height: 40px;}
	
	.cp-fl ul li a{ color: #fff; font-size: 14px; line-height: 45px;}
	
	.cp-fl{ height: 90px; background: #2c79d3; width: 100%;margin-top: 2px;}
	
	.cp-fl ul li{ float: left; width: auto; margin-left: 10px;}
	
	ul.list-fl li{ float: left;width: 100%; margin: 10px auto;}
	
	.lianxi-nn{ float: left; width: 400px; margin-left: 0px; line-height: 36px;}
	
	
}
.map-zz{ width: 100%; height: 400px; background: #1568c0; opacity: 0.2; position: absolute; z-index: 10;}
.lyb{ position: absolute; z-index: 200;padding-top: 150px; }
#map{ position: relative;z-index: 1;}

@media screen and (max-width: 992px){
	.ditu{ display: none;}
	
	.information-main-fr .bd ul {
		color: #333;
		padding: 50px 4px 0 12px;
	}
	
	ul.gl-img li .xw-nn h3{margin-top: 0px !important; width: none; font-size: 20px; height: 26px; overflow: hidden; text-overflow: ellipsis;white-space:nowrap;}
	
	
}