.main{ padding: 3% 0;}
.clear{ clear: both;}
.content{ line-height: 2.5rem; padding: 2% 0 0;}

.img-cover-4by3{ width: 100%; height: 0; padding-bottom: 100%; position: relative; overflow: hidden;}
.img-cover-4by3 .sy{ position: absolute; left: 0; top: 0; z-index: 1; width: 100%; height: 100%; background: url(/html/static/index/zm001/images/sy.png) repeat left top; background-size: 70%;}
.abs-center{ width: 100%; height: 100%; object-fit: cover; left: 0; position: absolute;}
.bj{ background: url(/html/static/index/zm001/images/bj.png) no-repeat center bottom; background-size: 100%;}

/*头部*/
.header{ position:relative;z-index:20;box-shadow:0 0 15px rgba(0,0,0,.1)}
.top_index{ background: #fff; height: auto; padding: 1% 0;}
#logo{ text-align: center; color: #fff; height: 100px; line-height: 100px; position: relative;}
#logo img{ max-width: 100%;}
@media screen and (max-width:768px){
	.top_index{ padding: 3% 0;}
	#logo{ text-align: left;}
}


._iconfont{font-family:iconfont!important;font-style:normal}
._fl{float:left}
._fr{float:right}
.swiper-container .bg{ position:absolute; width:100%; left:0; top:0; height:100%;}
.slick-arrow{ display:none;}
.banner{height:auto;position:relative;width:100%}
.banner .swiper-pagination{height:3px;top:50%;width:100%;background:rgba(0,0,0,.03);position:relative;margin-top:-1px}
.banner .swiper-pagination span{background:#ccc; opacity: 0.5; height:3px;transition:all 1s;display:block}
.banner .features{position:relative;line-height:3px;width:100%}
.banner .features .fl{line-height:3px;width:100%;height:3px;position:relative}
.banner .features .fr{ position: relative; z-index: 10; bottom: 60px; right: 20px;}
.banner .features .featuresBtn{display:inline-block;font-size:3rem;color:#ccc;font-weight:100;margin:0 8px;vertical-align:middle;cursor:pointer}
#index .IndexInformation,.cur_right ul li{margin-bottom:10px}
.banner .features .slideChangeTrans{font-size:2.1rem;line-height:80px;display:inline-block;vertical-align:middle;width:60px;text-align:center}
.banner .ul{transition-timing-function:cubic-bezier(.21,.72,.25,1)}
.banner .li{height:725px;position:relative;background:#f2f2f2;overflow:hidden}
.banner .li .Box{opacity:0;transition:all .5s;-webkit-transition:all .5s;-moz-transition:all .5s;-ms-transition:all .5s;-o-transition:all .5s;height:100%;position:relative;overflow:hidden}
.banner .li .Box.active{opacity:1}
.banner .li .Box .text{position:absolute;left:50%;transform:translateX(-50%);color:#e4b988;font-size:28px;top:20%;font-weight:700;letter-spacing:-24px;transition:all 4s 1s;opacity:0;-webkit-transform:translateX(-50%);-moz-transform:translateX(-50%);-ms-transform:translateX(-50%);-o-transform:translateX(-50%)}
.banner .li .Box.active .text{letter-spacing:24px;opacity:1}
.banner .li .Box .text span{position:relative}
.banner .li .Box .text span i{display:inline-block;position:absolute;font-weight:100;opacity:.3}
.banner .li .floor,.banner .li .pic{background-size:contain;opacity:0;position:absolute;width:100%;background-repeat:no-repeat;height:100%}
.banner .li .pic{left:0;top:0;transition:cubic-bezier(.21,.72,.25,1) 2s 2.5s;background-position:center;background-size:cover}
.banner .li .floor{background-position:center bottom;transform:translateY(5%);-webkit-transform:translateY(5%);-moz-transform:translateY(5%);-ms-transform:translateY(5%);-o-transform:translateY(5%)}
.banner .li .floor.f1{transition:cubic-bezier(.21,.72,.25,1) 1.5s .5s;-webkit-transition:cubic-bezier(.21,.72,.25,1) 1.5s .5s;-moz-transition:cubic-bezier(.21,.72,.25,1) 1.5s .5s;-ms-transition:cubic-bezier(.21,.72,.25,1) 1.5s .5s;-o-transition:cubic-bezier(.21,.72,.25,1) 1.5s .5s}
.banner .li .floor.f2{transition:cubic-bezier(.21,.72,.25,1) 1.5s 2.1s;-webkit-transition:cubic-bezier(.21,.72,.25,1) 1.5s 2.1s;-moz-transition:cubic-bezier(.21,.72,.25,1) 1.5s 2.1s;-ms-transition:cubic-bezier(.21,.72,.25,1) 1.5s 2.1s;-o-transition:cubic-bezier(.21,.72,.25,1) 1.5s 2.1s}
.banner .li .floor.f3{transition:cubic-bezier(.21,.72,.25,1) 1.5s 3.7s;-webkit-transition:cubic-bezier(.21,.72,.25,1) 1.5s 3.7s;-moz-transition:cubic-bezier(.21,.72,.25,1) 1.5s 3.7s;-ms-transition:cubic-bezier(.21,.72,.25,1) 1.5s 3.7s;-o-transition:cubic-bezier(.21,.72,.25,1) 1.5s 3.7s}
.banner .li .Box.active .floor{opacity:1;transform:translateY(0) scale(1);-webkit-transform:translateY(0) scale(1);-moz-transform:translateY(0) scale(1);-ms-transform:translateY(0) scale(1);-o-transform:translateY(0) scale(1)}
.banner .li .minPic{position:absolute;width:100%;height:100%;left:0;top:0;opacity:0;transition:ease .8s;background-size:inherit;background-position:center;background-repeat:no-repeat;-webkit-transition:ease .8s;-moz-transition:ease .8s;-ms-transition:ease .8s;-o-transition:ease .8s}
#index .field li,#index .field li:after,#index .fieldset li{transition:cubic-bezier(.21,.72,.25,1) .5s}
#index .field li:after,.IndexInformation .PageTitle:after,.cur_left h2:after{left:0;content:''}
#path3{fill:#f2f2f2;stroke-width:.15}
.banner .li .svg.active{transform:scale(1);opacity:1;-webkit-transform:scale(1);-moz-transform:scale(1);-ms-transform:scale(1);-o-transform:scale(1)}
.banner .features .featuresBtn{transition:cubic-bezier(.21,.72,.25,1) .5s; opacity: 0.4;}
.banner .features .featuresBtn:hover{color:#939393}

@media only screen and (min-device-width:1024px) and (max-device-width:1024px) and (orientation:portrait){
	.banner .li{height:380px}
}
@media only screen and (min-device-width:768px) and (max-device-width:1024px){
	.banner .li{height:380px}
	.banner .features .fl{width:80%}
	.banner{height:460px}
}
@media only screen and (max-device-width:1024px) and (min-device-width:768px) and (orientation:portrait){
	.banner .li{height:280px}
	.banner .features .fl{width:70%}
	.banner{height:360px}
}
@media only screen and (max-device-width:812px){
	.banner{height:auto;padding-top:0}
	.banner .swiper-container{height:150px;overflow:hidden}
	.banner .li{height:140px}
	.banner .features .fl{width:100%;height:3px; bottom: 10px;}
	.banner .features .fr{width:100%;text-align:center;display:none}
	.banner .features .featuresBtn{font-size:18px}
	.banner .features .slideChangeTrans{line-height:40px;font-size:14px}
	.banner .features{line-height:40px}
}
@media only screen and (min-device-width:375px) and (max-device-width:812px) and (-webkit-min-device-pixel-ratio:3) and (orientation:landscape){
	.banner .swiper-container{height:301px}
	.banner .li{height:100%}
}
@media only screen and (min-device-width:375px) and (max-device-width:667px) and (-webkit-min-device-pixel-ratio:2) and (orientation:landscape){
	.banner .li,.banner .swiper-container{height:200px}
}



#sj_nav{ width:100%; background: #00815f; height: 72px;}
#sj_nav a{ display:block; float:left; width: 25%; border-bottom: 1px solid #329755; background: url(/html/static/index/zm001/images/nav_line.png) no-repeat right top; height:36px; line-height:36px; text-align:center; color:#fff !important;}
.sp_nav{width:50px;float:right;position:fixed; right: 10px; z-index: 999; background: #333; cursor:pointer;height:40px;margin-top:15px}
.sp_nav span{display:block;background:#fff;width:30px;height:2px;position:absolute;left:10px;transition:all ease 0.35s}
.sp_nav span:nth-of-type(1){top:10px}
.sp_nav span:nth-of-type(2){top:20px}
.sp_nav span:nth-of-type(3){top:30px}
.sp_nav_se span:nth-of-type(1){top:20px;transform:rotate(45deg)}
.sp_nav_se span:nth-of-type(2){width:0}
.sp_nav_se span:nth-of-type(3){top:20px;transform:rotate(-45deg)}
.sjj_nav{position:fixed;z-index:9;background:#eee;width:100%;height:100vh;font-size:14px;line-height:40px;top:-100%; padding-top: 90px; left:0;overflow:auto;overflow-x:hidden;transition:top ease 0.35s;}
.nav_show{top:0;}
.sjj_nav>ul>li:first-child{overflow:hidden;border-top:0}
.sjj_nav>ul>li:first-child>a{float:left;width:calc(100% - 70px)}
.sjj_nav>ul>li:first-child .language{float:right;width:70px;overflow:hidden;line-height:30px;margin-top:5px}
.sjj_nav>ul>li:first-child .language a{width:35px;float:left;border-left:1px #ddd solid;text-align:center;color:#999;}
.sjj_nav ul li i{position:absolute;top:5px;right:0px;border-left:1px #ddd solid;height:30px;padding:0px 7px 0 7px;}
.sjj_nav ul li i svg{transform:rotate(-90deg);transition:all ease 0.35s}
.sjj_nav ul li .sjj_nav_i_se svg{transform:rotate(0deg)}
.sjj_nav ul li{border-top:1px #ddd solid;margin-left:20px;position:relative;line-height:40px;font-size:14px; text-transform: uppercase;}
.sjj_nav>ul >li:last-child{border-bottom:1px #ddd solid;}
.sjj_nav ul li ul{display:none}
.sjj_nav ul li a{color:#666;width:80%; text-transform: uppercase;}
.sjj_nav ul li ul li a{color:#999;display:block;text-align:left;}
.sjj_nav ul li i svg{width:20px;height:20px;fill:#555;}
.sjj_nav ul li .sjj_nav_i_se svg{fill:#c9141e}
.sjj_nav ul li ul li>ul{margin-left:10px}










.nav .navBox>a:after{content:''}
.navBox ul{position:absolute; top:84px; height: 70px; overflow: hidden; width:100vw; background: rgba(0,0,0,0.5); opacity:0; visibility:hidden; transition:0.5s; z-index: 10;}
.navBox ul.active{ visibility: inherit; opacity: 1;}
.navBox ul li{float:left;position:relative; height: 70px; line-height: 70px;}
.navBox ul li a{line-height:70px; width:130px;display:block;text-align:center;color:#fff;position:relative;z-index:2;transition:ease .5s;font-size:13px}
.navBox ul li.active:after,.navBox ul li:after{content:'';transform:scaleX(0);width:100%;height:100%;position:absolute;background:#1e96d5;left:0;z-index:1;top:0;transition:ease .5s;-webkit-transform:scaleX(0);-moz-transform:scaleX(0);-ms-transform:scaleX(0);-o-transform:scaleX(0)}
.nav .navBox>a,.nav .navBox>a:after{transition:cubic-bezier(.21,.72,.25,1) .5s}
.navBox ul li:hover:after{transform:scaleX(1);-webkit-transform:scaleX(1);-moz-transform:scaleX(1);-ms-transform:scaleX(1);-o-transform:scaleX(1)}
.navBox ul li:hover a{color:#fff}
.nav{float:right;height:auto;width:80%; position: relative;}
.nav .navBox{float:left;height:auto;width:14%}
.nav .navBox>a{display:block;height:65px; padding-top: 8px; border-right:1px solid rgba(0,0,0,.1);float:left;font-weight:700;position:relative;color:#696969;line-height:73px;width:100%}
.nav .navBox>a:after{position:absolute;width:100%;height:1px;background:#1e96d5;top:50%;transform:scaleX(0);transform-origin:center;-webkit-transform:scaleX(0);-moz-transform:scaleX(0);-ms-transform:scaleX(0);-o-transform:scaleX(0)}
.nav .navBox>a.active{color:#1e96d5}
.nav .navBox>a.active:after{transform:scaleX(1);-webkit-transform:scaleX(1);-moz-transform:scaleX(1);-ms-transform:scaleX(1);-o-transform:scaleX(1)}
.nav .navBox>a:hover{color:#1e96d5}
.nav .navBox>a:hover:after{transform:scaleX(1);-webkit-transform:scaleX(1);-moz-transform:scaleX(1);-ms-transform:scaleX(1);-o-transform:scaleX(1)}
.nav .navBox:nth-child(1)>a{border-left:1px solid rgba(0,0,0,.1)}
.nav span{display:block;line-height:25px;width:100%;text-align:center;position:relative}
.nav span:after{content:"";position:absolute;width:0;height:1px;background:#bf9366}
.nav span.cn{font-size:13px}
.nav span.en{font-size:12px;text-transform:uppercase;font-weight:400}
.nav span.cn:after{bottom:0;left:50%}
.nav span.en:after{top:-1px;right:50%}
.nav .navBox:last-child>a{border-right:none}




/*底部*/
#end_bj{ background: #f0f0f0; height: auto; width: 100%;}
#end_bj .main{ padding: 2% 0;}
#end_bj .main .tit{ color: #333333; font-size: 1.5rem; font-weight: bold;}
#end_bj .main .content{ line-height: 30px;}

#end_bj .official{text-align:right; margin-top:2rem}
#end_bj .official span{color:#898989; display:inline-block;vertical-align:middle}
#end_bj .official i{font-size:3rem;color:silver;display:inline-block;vertical-align:middle;margin-left:15px;position:relative;cursor:pointer}
#end_bj .official i img{position:absolute;width:120px;bottom:110%;max-width:initial;left:50%;transform:translateX(-50%);opacity:0;visibility:hidden;-webkit-transform:translateX(-50%);-moz-transform:translateX(-50%);-ms-transform:translateX(-50%);-o-transform:translateX(-50%); transition:0.3s;}
#end_bj .official i:hover:hover{color:#1e96d5}
#end_bj .official i:hover img{opacity:1;visibility:inherit;}
@media screen and (max-width:768px){
	#end_bj .official{text-align:left; margin-top:1rem;}
}



.footer{ height:60px; overflow: hidden; right:0; bottom:0; float:left; z-index: 20; width:100%; position: fixed; background-color:#323232;}
.f1{ width:100%; background:url(/html/static/index/zm001/images/lx1.png) no-repeat center 20%;  background-size: 25px; height:100%; float:left;  text-align:center;}
.f2{ width:100%; background:url(/html/static/index/zm001/images/lx2.png) no-repeat center 20%; background-size: 25px;  height:100%; float:left; text-align:center;}
.f3{ width:100%; background:url(/html/static/index/zm001/images/lx3.png) no-repeat 30% center;  background-size: 25px; padding-left: 20%; height:100%; float:left; text-align:center;}
.f4{ width:100%; background:url(/html/static/index/zm001/images/lx4.png) no-repeat 30% center #004ea1; padding-left: 20%; background-size: 25px; height:100%; float:left; text-align:center;}
.footer a{ color:#fff !important; display: block; width: 50%; height: 100%;float: left; line-height:60px; text-align: center; background-color:#323232;}
.kb50{ height: 60px;}
.kb10{ height: 10px;}
.red{ color: #fc9202;}





/*首页*/
.in_tit p{ float: left; background: linear-gradient(to right, #0f2c92, #0064b2, #0f2c92); -webkit-background-clip: text; color: transparent; font-size: 2rem; font-weight: bold;}
.in_tit span{ display: block; float: left; color: #999999; text-transform: uppercase; padding-left: 10px; line-height: 30px;}


#xwnr{ padding-top: 3%;}
#xwnr li{ border-bottom: 1px solid #e6e6e6; height: 50px; line-height: 50px; transition:0.5s; cursor: pointer; overflow: hidden;}
#xwnr li .pic{ float: left; width: 30%; height: 0; padding-bottom: 21%; position: relative; overflow: hidden; padding-left: 0; display: none; opacity: 0; transition:0.3s;}
#xwnr li .pic img{ width: 100%; height: 100%; object-fit: cover; left: 0; position: absolute;}
#xwnr li .font{ float: right; width: 100%; padding: 0;}
#xwnr li .font .tit{ float: left; width: 80%; transition:0.3s; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;}
#xwnr li .font p{ float: right; color: #999999; font-size: 1.3rem; font-family: arial; padding-top: 0; transition:0.3s;}
#xwnr li.active{ padding: 2% 0; height: 140px; cursor: pointer;}
#xwnr li.active .pic{ opacity: 1; display: block;}
#xwnr li.active .font{ width: 68%;}
#xwnr li.active .font .tit{ font-size: 1.5rem; font-weight: bold; width: 100%;}
#xwnr li.active .font p{ float: left; color: #999999; font-size: 1.3rem; font-family: arial; padding-top: 2%;}
@media screen and (max-width:768px){
	#xwnr li.active{ height: 105px;}
}

#piclb li{ float: left; width: 49%; position: relative; margin-bottom: 1%; overflow: hidden; cursor: pointer;}
#piclb li:nth-of-type(2n){ float: right;}
#piclb li .pic img{ width: 100%; transition:0.5s;}
#piclb li .font {position: absolute; z-index: 1; left: 5%; bottom: 10%; transition:0.5s;}
#piclb li .font p{ color: #333333; font-size: 1.8rem; transition:0.5s;}
#piclb li .font span{ color: #999999; text-transform: uppercase; font-family: arial; transition:0.5s;}
#piclb li:hover .pic img{ transform:scale(1.05);}
#piclb li:hover .font{ bottom: 15%;}
#piclb li:hover .font p,#piclb li:hover span{ color: #035aad; font-weight: bold;}
@media screen and (max-width:768px){
	#piclb li{ width: 100%;}
}




/*子页*/
#sidebar_lb{ padding: 0 0 1%; }
#sidebar_lb li{ float: left; background: #1e96d5; border-radius: 3px; height: 45px; line-height: 45px; padding: 0 1.7%; margin-right: 2%; transition:all 0.5s ease 0s; cursor: pointer;}
#sidebar_lb li a{ color: #fff;}
#sidebar_lb li.on{ background: #025bad;}
@media screen and (max-width:768px){
	#sidebar_lb{ padding: 0 15px 3%; }
	#sidebar_lb li{ width: 32%; margin-top: 0.5%; text-align: center; padding: 0; margin-right: 0.5%;}
}
#sidebar_lb li:hover{ background: #025bad;}


.content_zy{ padding: 2%; padding: 0 15px;}

.lxtit p{ color: #000; font-size: 3rem; padding-bottom: 1%;}
.lxtit span{ color: #cfcfcf; font-size: 1.5rem; text-transform: uppercase; font-family: arial;}

.lx_content{ color: #999999; line-height: 2.5rem; padding: 2% 0 3%;}


#cplb li{ border: 1px solid #cccccc; margin-bottom: 5%; cursor: pointer;}
#cplb li .left{ padding: 7% 0 0 3%;}
#cplb li .left .pic{ padding-bottom: 10%;}
#cplb li .left .tit{ color: #000; font-size: 1.5rem; line-height: 3rem;}
#cplb li .left .more{ float: left; color: #999; font-size: 1.3rem; position: relative;}
#cplb li .left .more a{ display: block; z-index: 3;}
#cplb li .left .more::before{ position: absolute; left: 0; bottom: 0; z-index: 1; content: ''; height: 10px; background: rgba(30,150,213,0.3); width: 0; transition:0.3s;}
#cplb li .right{ padding: 0; overflow: hidden;}
#cplb li .right img{ width: 100%; transition:all 0.6s ease 0s}
#cplb li:hover .right img{transform:scale(1.05,1.05) rotate(2deg)}
#cplb li:hover .left .more::before{ width: 100%;}
@media screen and (max-width:768px){
	#cplb li .left{ padding: 2% 0 0 3%;}
	#cplb li .left .pic{ padding-bottom: 5%;}
}


#alqh .swiper-container {
  width: 100%;
  height: 300px;
  margin-left: auto;
  margin-right: auto;
}
#alqh .swiper-slide {
  background-size: cover;
  background-position: center;
  text-align: center;
}
#alqh .swiper-button-prev, #alqh .swiper-button-next{ top: 42%;}
#alqh .swiper-slide img{ max-width: 100%; height: 300px;}
#alqh .swiper-slide p{ position: absolute; left: 0; bottom: 0; z-index: 2; width: 100%; background: rgba(0,0,0,0.7); height: 2.5rem; line-height: 2.5rem; text-align: center; color: #fff; font-size: 0.8rem;}
#alqh .gallery-top {
  height: 80%;
  width: 100%;
}
#alqh .gallery-thumbs {
  height: 20%;
  box-sizing: border-box;
  padding: 10px 0;
}
#alqh .gallery-thumbs .swiper-slide {
  height: 100%;
  opacity: 0.4;
}
#alqh .gallery-thumbs .swiper-slide img{ width: 100%; height: auto !important;}
#alqh .gallery-thumbs .swiper-slide-thumb-active {
  opacity: 1;
}




.cooperation{ margin-top: 3%;}
.cooperation ul li { height: auto; display: block; justify-content: center; align-items: center; color: #fff; margin-bottom: 40px; position: relative;}
.cooperation ul li::after { width: 100%; height: 100%; position: absolute; left: 0; top: 0; background: #fff; content: ''; -webkit-transition: all 1s cubic-bezier(.165,.84,.44,1) .4s;}
.cooperation ul li.animated::after { height: 0;}
.cooperation ul li .thum { width: 100%; height: 0; padding-bottom: 80%; position: relative; overflow: hidden;}
._news.news2 ul li .img img {  max-width: auto;  width: 100%;}
.cooperation ul li .thum img {  width: 100%; height: 100%; object-fit: cover; left: 0; position: absolute; -webkit-transition: all .5s;}
.cooperation-cont { width: 70%; height: auto; text-align: center; position: absolute; left: 50%; top: 50%; -webkit-transform: translate(-50%,-50%);  padding: 20px; transition:0.3s; opacity: 0;}
.cooperation-cont .bl { width: 0; height: 2px; background: #fff; position: absolute; left: 0; bottom: 0; -webkit-transition: all .5s;}
.cooperation-cont .bl.l1 { top: 0;}
.cooperation-cont .bl.l2 { left: auto; right: 0;}
.cooperation ul li:hover .thum img { -webkit-transform: scale(1.05); -webkit-filter:grayscale(0);  -webkit-filter:grayscale(100%);}
.cooperation ul li:nth-child(even) { margin-right: 0;}
.cooperation ul li:hover .bl.l1 { width: 100%;}

.cooperation ul li:hover .bl.l2 {
  width: 100%;
  right: 0;
}
.cooperation ul li:hover .cooperation-cont { opacity: 1;}
.cooperation ul li:hover .cooperation-cont::before {
  height: 100%;
}

.cooperation ul li:hover .cooperation-cont::after {
  height: 100%;
}

.cooperation-cont::after,
.cooperation-cont::before {
  width: 2px;
  display: block;
  height: 0;
  position: absolute;
  left: 0;
  top: 0;
  -webkit-transition: all .5s;
  content: '';
  background: #fff;
}

.cooperation-cont::after {
  left: auto;
  right: 0;
  top: auto;
  bottom: 0;
}



.cooperation-cont h3 {
  font-size: 28px;
  line-height: 40px;
  color: #fff;
  font-weight: bold;
}

.cooperation-cont p {
  opacity: .7;
  text-transform: uppercase;
  font-size: 12px;
}




/*news详情*/
.newsinfo{height: auto;overflow: hidden;}
.newsinfotit {text-align: center;}
.newsinfotit span{display: block;font-size: 24px;line-height: 50px;}
.meta{line-height: 50px;color: #dbdbdb;border-top: 1px solid #dbdbdb;border-bottom: 1px solid #dbdbdb;color: #999;font-size: 12px;margin: 20px 0;}
.meta i{ display: inline-block; margin-left: 10px;}
.newsinfoa p{line-height: 30px;color: #777;}
.newsinfoa span{display: block; line-height: 30px;color: #e51815;}
.newsinfoa span i{color: #777;}
.newsPage{margin:20px 0;height: 60px;line-height: 60px; overflow: hidden;border-top:1px solid #dbdbdb;border-bottom: 1px solid #dbdbdb; }
.newsPage li{float: left;position: relative; width: 47%; color: #777;cursor: pointer;}
.newsPage li:nth-of-type(3) div{ float: right;}
.newsPage li div{ float: left;}
.newsPage li a{color: #777;transition:.4s;}
.newsPage li:hover a{color: #1e96d5;}
.newsPage li:nth-of-type(2){position: relative; width: 60px;height: 60px; border-left:1px solid #dbdbdb;border-right: 1px solid #dbdbdb;transition:.4s; }
.newsPage li:nth-of-type(2):hover{background: #1e96d5;}
.newsPage li:nth-of-type(2):hover i{background:  #fff ;}
.newsPage li:nth-of-type(2):hover i:nth-of-type(1){width: 10px;}
.newsPage li:nth-of-type(2):hover i:nth-of-type(2){width: 20px;}
.newsPage li:nth-of-type(2):hover i:nth-of-type(3){width: 30px;}
.newsPage li:nth-of-type(3){text-align: right;}
.pagerList{position: absolute;top:25px;left: 20px;}
.pagerList span{display: block;}
.pagerList span i{display: block;background:  #aaa;width: 20px;transition:.4s;height: 2px;margin-bottom:3px;}
.newsinfob{height: auto;overflow: hidden;}
.newsinfob strong{display: block;font-size: 24px;font-weight: normal;line-height: 50px;margin-bottom: 20px;}
.newsinfob li{float: left;width: 323px; height: auto;overflow: hidden;background: #f3f7fa;margin-right: 15px;}
.newsinfob li img{display: block;width: 100%;transition:all 0.6s ease 0s}
.newsinfob li:hover img{transform:scale(1.05,1.05) rotate(2deg);}
.newsinfob li:hover span{color: #1e96d5;}
.newsinfob li:hover i{width: 30px;}
.newsinfob li:hover em{color: #1e96d5;}
.newsinfob li:nth-of-type(4){margin-right: 0px;}
.newsbb{margin:20px;}
.newsbb p{line-height: 30px;font-size: 12px;color: #777;}
.newsbb span{display: block;font-size: 15px;line-height: 40px;transition:.4s;}
.newsbb i{display: block;width: 15px;background: #e51815;height: 1px;transition:.4s;}
.newsbb em{display: block;margin-top: 40px;font-style: normal;font-size: 13px;transition:.4s;}

@media (min-width: 768px) and (max-width: 1200px){
	.newsPage li{ width: 46%;}
}
@media screen and (max-width:768px){
	.newsPage{ height: auto; line-height: 30px;}
	.newsPage li{ width: auto; padding: 0; text-align: left;}
	.newsPage li:nth-of-type(3) div{ float: left;}
	.newsPage li:nth-of-type(3){text-align: left;}
}


/*公共*/
.pro-sider {
	float: left;
}
.pro-sider .in-title {
	height: 80px;
	background: url(/html/static/index/zm001/images/i-pro-title.jpg) repeat center;
	text-align: center;
	line-height: 1;
	overflow: hidden;
}
.pro-sider .in-title h3 {
	margin-top: 20px;
	font-size: 22px;
	color: #fff;
	margin-bottom: 5px;
}
.pro-sider .in-title em {
	font-size: 13px;
	color: #728dbc;
}
.pro-sider .pro-sider-ul {
	border: 1px solid #ededed;
	background: #fff;
	border-top: none;
	overflow: hidden;
}
.pro-sider .pro-sider-ul .ul-li {
	padding: 0 15px;
	height: 59px;
}
.pro-sider .pro-sider-ul .ul-li a {
	position: relative;
	height: 58px;
	line-height: 58px;
	font-size: 14px;
	color: #595959;
	display: block;
	padding-left: 10px;
	padding-right: 30px;
	border-bottom: 1px dashed #ededed;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}
.pro-sider .pro-sider-ul .ul-li a h2{
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	font-size: 14px;
}
.pro-sider .pro-sider-ul .ul-li a div.icon {
	position: absolute;
	width: 16px;
	height: 16px;
	text-align: center;
	line-height: 16px;
	background: #ededed url(../images/sider-bg-01.png) no-repeat center;
	border-radius: 50%;
	right: 8px;
	top: 50%;
	margin-top: -8px;
	font-size: 12px;
}
.pro-sider .pro-sider-ul .ul-li:hover,
.pro-sider .pro-sider-ul .ul-li.active {
	background: #268ae7;
}
.pro-sider .pro-sider-ul .ul-li:hover a,
.pro-sider .pro-sider-ul .ul-li.active a {
	border: none;
	color: #fff;
}
.pro-sider .pro-sider-ul .ul-li:hover div.icon,
.pro-sider .pro-sider-ul .ul-li.active div.icon {
	background: #0058b1 url(../images/sider-bg-02.png) no-repeat center;
}
.pro-sider .pro-sider-ul .ul-li:last-child a {
	border-bottom: none;
}
.pro-sider .pro-sider-tel {
	overflow: hidden;
	height: 100px;
	line-height: 1;
	font-size: 20px;
	color: #0058b1;
	border: 1px solid #ededed;
	border-top: none;
	padding-left: 80px;
	background: url(/html/static/index/zm001/images/sider-tel.png) no-repeat 25px center;
}
.pro-sider .pro-sider-tel span {
	display: block;
	margin: 30px 0 8px;
	font-size: 14px;
	color: #808080;
}
.pro-sider .pro-sider-tel em {
	letter-spacing: 2px;
	font-weight: bold;
}


.m-column-t {
	position: relative;
	text-align: center;
	font-size: 0;
}
.m-column-t .center {
	display: inline-block;
	font-size: 0;
}
.m-column-t .center h3 {
	color: #333;
	font-size: 30px;
}
.m-column-t .center p {
	color: #d2d2d2;
	font-size: 30px;
}
.m-column-t span {
	position: absolute;
	width: 415px;
	top: 50%;
	margin-top: -5px;
	height: 5px;
	border-bottom: 1px solid #d2d2d2;
	z-index: 1;
}
.m-column-t span.mcl {
	left: 0;
}
.m-column-t span.mcl em {
	float: right;
}
.m-column-t span.mcr {
	right: 0;
}
.m-column-t span em {
	display: block;
	height: 11px;
	border-left: 1px solid #d2d2d2;
}
.textLine {
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
}
.textLine3 {
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 3;
	-webkit-box-orient: vertical;
}
.textHidden {
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}
.domHidden {
	overflow: hidden;
}
.about-main {
	padding: 20px 0 70px;
	min-height: 170px;
}
.about-main .ab-content {
	float: right;
	width: 925px;
}
.about-main .ab-content .title {
	line-height: 50px;
}
.about-main .ab-content .title a {
	color: #333;
	padding: 0 5px;
}
.about-main .ab-content .title span.icon-home {
	color: #535353;
}
.about-main .ab-content .title em {
	color: #999;
}
.about-main .ab-content .ab-conBox {
	overflow: hidden;
	background: #fff;
	min-height: 55px;
	padding: 30px 45px 40px;
}
.about-main .ab-content .ab-conBox .de-title {
	text-align: center;
	font-size: 20px;
	color: #333;
	line-height: 25px;
	margin-bottom: 8px;
}
.about-main .ab-content .ab-conBox .sub-co {
	font-size: 14px;
	color: #999;
	text-align: center;
	line-height: 18px;
}
.about-main .ab-content .ab-conBox .ab-detail {
	overflow: hidden;
	margin-top: 30px;
	font-size: 14px;
	color: #777373;
	line-height: 25px;
}
.ab-sild {
	float: left;
}
.ab-sild .title {
	position: relative;
	height: 50px;
	text-align: center;
	background: #f3c04b;
	font-size: 16px;
	line-height: 50px;
	color: #fff;
	border-bottom: 1px solid #fff;
}
.ab-sild .title span {
	position: absolute;
	height: 3px;
	width: 30px;
	top: 50%;
	margin-top: -3px;
	border-bottom: 1px solid #fff;
}
.ab-sild .title span em {
	display: block;
	height: 7px;
	border-left: 1px solid #fff;
}
.ab-sild .title span.stl {
	left: 35px;
}
.ab-sild .title span.stl em {
	float: right;
}
.ab-sild .title span.str {
	right: 35px;
}
.ab-sild .sild-cate {
	background: #fff;
	margin-bottom: 20px;
}
.ab-sild .sild-cate .list {
	overflow: hidden;
}
.ab-sild .sild-cate .list li {
	position: relative;
	border-bottom: 1px solid #eee;
	height: 60px;
	line-height: 60px;
}
.ab-sild .sild-cate .list li a {
	display: block;
	padding-right: 35px;
	font-size: 14px;
	color: #333;
	padding-left: 20px;
}
.ab-sild .sild-cate .list li:last-child {
	border-bottom: none;
}
.ab-sild .sild-cate .list li:hover {
	border-color: #f3c04b;
	background: #f3c04b;
}
.ab-sild .sild-cate .list li:hover a {
	color: #fff;
}
.ab-sild .sild-cate .list li:hover:after {
	color: #fff;
}
.ab-sild .sild-cate .list li:after {
	font-weight: bold;
	right: 20px;
	top: 0;
	color: #999;
	position: absolute;
	content: "\e904";
	font-family: 'icomoon' !important;
}
.ab-sild .sild-cont {
	background: #fff;
}
.ab-sild .sild-cont .cont-list {
	padding: 20px;
}
.ab-sild .sild-cont .cont-list ul li {
	color: #333;
	padding: 5px 0;
	padding-left: 60px;
	font-size: 14px;
}
.ab-sild .sild-cont .cont-list ul li span {
	width: 60px;
	margin-left: -60px;
	display: block;
	height: 20px;
	line-height: 20px;
	float: left;
	color: #666;
}
.pro-center {
	background: #fff;
	padding-bottom: 25px;
}
.pro-center .pro-list {
	overflow: hidden;
	padding: 25px 18px 10px;
}
.pro-center .pro-list ul li {
	float: left;
	width: 200px;
	margin: 0 10px 20px;
	border: 1px solid #fff;
}
.pro-center .pro-list ul li:hover {
	border-color: #f3c04b;
}
.pro-center .pro-list ul li .img {
	overflow: hidden;
	width: 200px;
	height: 200px;
	line-height: 200px;
	text-align: center;
	font-size: 0;
	background: #eee;
}
.pro-center .pro-list ul li .img img {
	display: inline-block;
	vertical-align: middle;
	max-width: 100%;
	max-height: 100%;
}
.pro-center .pro-list ul li .title {
	background: #f7f8fc;
	height: 40px;
	line-height: 40px;
	padding: 0 5px;
	text-align: center;
	font-size: 14px;
	font-weight: bold;
	color: #333;
}
.pro-center .pro-list ul li .title:hover {
	color: #f3c04b;
}
.page {
	font-size: 0;
	text-align: center;
}
.page .center {
	display: inline-block;
	overflow: hidden;
}
.page .center .page-span {
	float: left;
	font-size: 14px;
	color: #c3c3c3;
	line-height: 32px;
	margin-right: 30px;
}
.page .center .page-list {
	float: left;
	overflow: hidden;
}
.page .center .page-list ul li {
	float: left;
	width: auto;
	min-width: 30px;
	height: 32px;
	text-align: center;
	line-height: 30px;
	font-size: 14px;
	margin: 0 4px;
	padding: 0;
	border: none;
	background: transparent;
}
.page .center .page-list ul li a {
	min-width: 20px;
	padding: 0 5px;
	border: 1px solid #eee;
	display: block;
	color: #333;
	border-radius: 4px;
	-webkit-border-radius: 4px;
	overflow: hidden;
	background: #fff;
}
.page .center .page-list ul li:hover a {
	color: #f3c04b;
}
.page .center .page-list ul li.active a {
	background: #f3c04b;
	color: #fff;
}
.news-center {
	background: #fff;
	padding-bottom: 25px;
}
.news-center .new-list {
	padding: 45px 45px 0px;
}
.news-center .new-list ul li {
	margin-bottom: 35px;
	border-bottom: 1px solid #eee;
}
.news-center .new-list ul li a {
	overflow: hidden;
	display: block;
	height: 90px;
	padding-bottom: 30px;
}
.news-center .new-list ul li a .img {
	float: left;
	width: 130px;
	height: 90px;
	background: #eee;
	line-height: 90px;
	font-size: 0;
	text-align: center;
}
.news-center .new-list ul li a .img img {
	display: inline-block;
	vertical-align: middle;
	max-width: 100%;
	max-height: 100%;
}
.news-center .new-list ul li a .info {
	float: right;
	width: 690px;
}
.news-center .new-list ul li a .info h3 {
	font-size: 14px;
	font-weight: bold;
	line-height: 24px;
	color: #333;
}
.news-center .new-list ul li a .info em {
	display: block;
	font-size: 12px;
	color: #999;
	line-height: 16px;
	margin-bottom: 10px;
}
.news-center .new-list ul li a .info p {
	font-size: 14px;
	line-height: 22px;
	color: #999;
	max-height: 44px;
	overflow: hidden;
}
.news-center .new-list ul li a:hover h3 {
	color: #f3c04b;
}
.message-c {
	background: #fff;
	padding: 40px 50px;
	overflow: hidden;
}
.message-c .p {
	font-size: 16px;
	line-height: 30px;
	color: #666;
	margin-bottom: 35px;
}
.message-c .from input {
	display: block;
	height: 38px;
	line-height: 38px;
	padding: 0 5px;
	border: 1px solid #d2d2d2;
	margin-bottom: 10px;
	font-size: 14px;
	color: #333;
}
.message-c .from input[name=user],
.message-c .from input[name=phone] {
	width: 348px;
}
.message-c .from textarea {
	font-size: 14px;
	color: #333;
	line-height: 20px;
	display: block;
	width: 728px;
	height: 130px;
	border: 1px solid #d2d2d2;
	padding: 5px;
	margin-bottom: 10px;
}
.message-c .from .code {
	overflow: hidden;
}
.message-c .from .code input[name=code] {
	width: 258px;
	float: left;
}
.message-c .from .code a {
	display: block;
	float: left;
	width: 80px;
	height: 38px;
	padding: 1px 0;
	margin-left: 10px;
}
.message-c .from .code a img {
	width: 80px;
	height: 38px;
}
.message-c .from .btn {
	padding-top: 25px;
}
.message-c .from .btn a {
	display: block;
	width: 362px;
	height: 40px;
	text-align: center;
	line-height: 40px;
	color: #fff;
	font-size: 16px;
	background: #8fa4de;
}
.message-c .from .btn a:hover {
	background: #8397d0;
}
.contact-o {
	background: #fff;
	overflow: hidden;
	padding: 40px 0;
	text-align: center;
}
.contact-o iframe {
	width: 830px;
	height: 500px;
	margin: 0 auto;
}
/*# sourceMappingURL=./index.css.map */