/*s:76m7fyf3mecnrm*/
.banner01 { width: 100%; height: 682px; position: relative;}
.banner01 .banner-cont,
.banner01 .banner-cont ul,
.banner01 .banner-cont li { width: 100%; height: 100%;}
.banner01 .banner-cont { position: absolute; left: 0; top: 0; z-index: 1;}
.banner01 .banner-cont li { background-repeat: no-repeat; background-position: center top; }
.banner01 .banner-cont li a { display: block; width: 100%; height: 100%;}
.banner01 .banner-cont li img { max-height: 690px; }
.banner01 .banner-prev-btn,
.banner01 .banner-next-btn { display: block; width: 66px; height: 66px; border: solid 1px rgba(255,255,255,.3); position: absolute; top: 50%; margin-top: -33px; z-index: 2; cursor: pointer; opacity: 0; }
.banner01 .banner-prev-btn { 
  left: 5%; 
  -webkit-transform:translateX(-20px);
  -moz-transform:translateX(-20px);
  -ms-transform:translateX(-20px);
  transform:translateX(-20px);
}
.banner01 .banner-next-btn { 
  right: 5%;
  -webkit-transform:translateX(20px); 
  -moz-transform:translateX(20px); 
  -ms-transform:translateX(20px); 
  transform:translateX(20px); 
}
.banner01 .banner-prev-btn:after,
.banner01 .banner-next-btn:after { content: ''; display: block; width: 9px; height: 16px; background: url(/images/banner_icon.png) no-repeat; position: absolute; left: 50%; top: 50%; margin: -8px 0 0 -4.5px; }
.banner01 .banner-next-btn:after { 
  -webkit-transform:rotate(-180deg); 
  -moz-transform:rotate(-180deg); 
  -ms-transform:rotate(-180deg); 
  transform:rotate(-180deg); 
}
.banner01 .banner-circle-btns { width: 100%; text-align: center; position: absolute; left: 0; bottom: 36px; z-index: 9;}
.banner01 .banner-circle-btns span { display: inline-block; width: 10px; height: 10px; background-color: #fff; border-radius: 50%; margin-left: 15px; cursor: pointer; opacity: 1;}
.banner01 .banner-circle-btns span:first-child { margin-left: 0;}
.banner01 .banner-circle-btns .swiper-pagination-bullet-active { background-color: #d05917; }
.banner01:hover .banner-prev-btn,
.banner01:hover .banner-next-btn { 
  opacity: 1; 
  -webkit-transform:translateX(0);
  -moz-transform:translateX(0);
  -ms-transform:translateX(0);
  transform:translateX(0);
}
.banner01 .banner-prev-btn,
.banner01 .banner-next-btn {
  -webkit-transition:all .5s ease-out;
  -moz-transition:all .5s ease-out;
  transition:all .5s ease-out;
}

@media screen and (max-width: 800px){
  .banner01 .banner-prev-btn,
  .banner01 .banner-next-btn { display: none; }
  .banner01 .banner-circle-btns { bottom: 5%;}
  .banner01 { width: 100%; padding-top: 80%; height: auto;}

}
/*e:76m7fyf3mecnrm*/
/*s:avis452yu63mo0*/
.solution02 .cx-title01 { width: 100%; text-align: center; color: #222; margin-bottom: 50px;}
.solution02 .cx-title01 h2 { font-size: 36px; padding-bottom: 10px; position: relative;}
.solution02 .cx-title01 h2 a { color: #222; padding: 0 30px; }
.solution02 .cx-title01 .subtitle { font-size: 16px; }
.solution02 .cx-title01 h2 em { display: inline-block; width: 20%; height: 1px; background-color: #e3e3e3; position: relative; top: -10px;}
.solution02 .cx-title01 h2 em:after { content: ''; display: block; width: 10px; height: 1px; background-color: #d05917; position: absolute; top: 0; z-index: 2; }
.solution02 .cx-title01 h2 em.left:after { right: 0; }
.solution02 .cx-title01 h2 em.right:after { left: 0; }

.solution02 { width: 100%; background:no-repeat center;background-color: #f5f5f5; background-image:url(../); padding: 80px 0 0px;}
.solution02 .solution-img { width: 100%; height: 540px; position: relative; z-index: 1; }
.solution02 .solution-img .bg { width: 100%; height: 100%; position: absolute; left: 0; top: 0; z-index: 5; }
.solution02 .solution-img .bg:not(:first-child) { display: none; }
.solution02 .solution-box { margin-top: -160px; }
.solution02 .solution-box .solution-list { width: 100%; height: 160px; background-color: rgba(0,0,0,.5); color: #fff; position: relative;}
.solution02 .solution-box .solution-cont { width: 100%; height: 100%; padding: 50px 45px 0; position: absolute; left: 0; top: 0; z-index: 2; }
.solution02 .solution-box .solution-cont:not(:first-child) { display: none; }
.solution02 .solution-box .solution-list h3 { width: 70%; font-size: 20px; }
.solution02 .solution-box .solution-list p { width: 70%; height:44px; font-size: 15px; margin-top: 12px; line-height:22px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2;-webkit-box-orient: vertical;}
.solution02 .solution-box .solution-list a.details { display: block; width: 160px; height: 50px; line-height: 48px; text-align: center; border: solid 1px #fff; position: absolute; right: 45px; top: 50%; margin-top: -25px; z-index: 5; color: #fff; font-size: 15px; }
.solution02 .solution-list a.details:hover { background-color: #d05917; border-color: #d05917; }
.solution02 .solution-nav { background-color: #fff; }
.solution02 .solution-nav li { width: 11.1111%; text-align: center; font-size: 18px; position: relative;}
.solution02 .solution-nav li a { display: block; width: 100%; height: 100%; padding: 32% 0; color: #333; }
.solution02 .solution-nav li:not(:first-child) a { border-left: solid 1px rgba(0,0,0,.1); }
.solution02 .solution-nav li span { display: block; width: 20%; height: auto; margin: 0 auto; }
.solution02 .solution-nav li p { margin-top: 10%; }
.solution02 .solution-nav li .icon-cur { display: none; }
.solution02 .solution-nav li.cur,
.solution02 .solution-nav li:hover { background-color: #d05917;  }
.solution02 .solution-nav li.cur a,
.solution02 .solution-nav li:hover a { color: #fff; }
.solution02 .solution-nav li.cur .icon-cur,
.solution02 .solution-nav li:hover .icon-cur { display: block; }
.solution02 .solution-nav li.cur .icon,
.solution02 .solution-nav li:hover .icon { display: none; }
.solution02 .solution-nav li.cur:before,
.solution02 .solution-nav li:hover:before { content: ''; display: block; width: 0; height: 0; border-left: solid 6px transparent; border-right: solid 6px transparent; border-bottom: solid 6px;border-bottom-color: #d05917; position: absolute; left: 50%; top: -6px; margin-left: -6px; z-index: 5;  }
.solution02 .solution-nav li:last-child:before { display: none; }

@media screen and (max-width: 1024px){
  .solution02 .solution-nav li { width: 20%; }
  .solution02 .solution-nav li a { border-left: solid 1px rgba(0,0,0,.1); border-bottom: solid 1px rgba(0,0,0,.1); }
  .solution02 .solution-nav li:last-child a { border-right: solid 1px rgba(0,0,0,.1); }
}

@media screen and (max-width: 900px){
  .solution02 .cx-title01 { margin-bottom: 5%; }
}

@media screen and (max-width: 750px){
  .solution02 .cx-title01 h2 { font-size: 20px; padding-bottom: 1%; }
  .solution02 .cx-title01 h2 a { padding: 0 3%; }
  .solution02 .cx-title01 .subtitle { font-size: 14px; }
  .solution02 .cx-title01 h2 em { display: none; width: 28%; top: -6px; }

  .solution02 { padding: 5% 3%;}
  .solution02 .solution-nav li.cur:before,
  .solution02 .solution-img,
  .solution02 .solution-box .solution-list { display: none; }
  .solution02 .solution-box { margin-top: 0; }
  .solution02 .solution-nav li { width: 33.33333%; font-size: 16px; }
  .solution02 .solution-nav li a { padding: 26% 0; }
  .solution02 .solution-nav li span { width: 18%; }
  .solution02 .solution-nav li:nth-child(3n-2) a { border-left-color: #fff; }
  .solution02 .solution-nav li:nth-child(7) a,
  .solution02 .solution-nav li:nth-child(8) a,
  .solution02 .solution-nav li:last-child a { border-bottom: none 0; }
  .solution02 .solution-nav li:last-child a { border-right: none 0; }
}
@media screen and (max-width: 540px){
  .product01 .pro-list .abtns a { width: 46%; }
}
/*e:avis452yu63mo0*/
/*s:3hpjk2fq82pogf*/
.product09 .cx-title01 { width: 100%; text-align: center; color: #222; margin-bottom: 50px;}
.product09 .cx-title01 h2 { font-size: 36px; padding-bottom: 10px; position: relative;}
.product09 .cx-title01 h2 a { color: #222; padding: 0 30px; }
.product09 .cx-title01 .subtitle { font-size: 16px; }
.product09 .cx-title01 h2 em { display: inline-block; width: 20%; height: 1px; background-color: #e3e3e3; position: relative; top: -10px;}
.product09.cx-title01 h2 em:after { content: ''; display: block; width: 10px; height: 1px;  background-color: #d05917; position: absolute; top: 0; z-index: 2; }
.product09 .cx-title01 h2 em.left:after { right: 0; }
.product09 .cx-title01 h2 em.right:after { left: 0; }
.product09 { width: 100%; background-color:#f5f5f5; padding: 80px 0 60px;}
.product09 .pro-nav { width: 100%; text-align: center; }
.product09 .pro-nav a { display: inline-block; width: 16%; padding: 1.6% 0; background-color: #fff; color: #333; font-size: 16px; margin: 0 .6%;}
.product09 .pro-nav a:hover,
.product09 .pro-nav a.cur { background-color: #d05917; color: #fff; }
.product09 .pro-list { margin-top: 3%; }
.product09 .pro-cont { width: 24%; background-color: #fff; }
.product09 .pro-cont:not(:first-child) { margin-left: 1.33333%; }
.product09 .pro-cont>a {display: block; overflow: hidden;}
.product09 .pro-cont h3 { font-size: 18px; padding: 6% 8% 4%; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; }
.product09 .pro-cont h3 a { color: #333; }
.product09 .pro-cont p { height: 38px; padding: 0 8%; font-size: 14px; color: #666; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2;-webkit-box-orient: vertical;}
.product09 .pro-cont .abtns { width: 100%; margin-top: 8%; border-top: solid 1px rgba(116,116,116,.1); }
.product09 .pro-cont .abtns a { display: block; width: 50%; text-align: center; padding: 5% 0; font-size: 15px; color: #666;}
.product09 .pro-cont .abtns a:first-child { border-right: solid 1px rgba(116,116,116,.1); }
.product09 .pro-cont .abtns a:hover { color: #d05917; }
.product09 .pro-cont:hover h3 a { color: #d05917; }
.product09 .pro-cont:hover p { color: #333; }
@media screen and (max-width: 900px){
	.product09 .cx-title01 { margin-bottom: 5%; }
	.product09 .pro-nav { overflow: hidden; }
	.product09 .pro-nav a { display: block; float: left; width: 25%; padding: 2%; margin: 0; }
	.product09 .pro-nav a:not(:first-child) { border-left: solid 1px #e8e8e8; }
	.product09 .pro-cont { width: 48.5%; margin-bottom: 3%; }
	.product09 .pro-cont:not(:first-child) { margin-left: 0;}
	.product09 .pro-cont:nth-child(odd) { margin-right: 3%; }
}
@media screen and (max-width: 750px){
	.product09 .cx-title01 h2 { font-size: 20px; padding-bottom: 1%; }
	.product09 .cx-title01 h2 a { padding: 0 3%; }
	.product09 .cx-title01 .subtitle { font-size: 14px; }
	.product09 .cx-title01 h2 em { display: none; width: 28%; top: -6px; }
	.product09 { padding: 5% 3%; /*margin: 2% 0;*/}
	.product09 .pro-nav a { font-size: 14px; padding: 3% 1%; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; }
	.product09 .pro-cont h3 { font-size: 16px; }
	.product09 .pro-cont .abtns a { font-size: 14px; }
}
/*e:3hpjk2fq82pogf*/
/*s:yxif4iny09bfen*/
.company-profile01 { width: 100%; padding: 80px 0 60px; background:no-repeat center;background-color: #fff; background-image:url(../);}
.company-profile01 .cmy-profile-box { position: relative; }
.company-profile01 .cmy-img-box,
.company-profile01 .cmy-infos { width: 50%; padding-top: 31.25%; position: relative;}
.company-profile01 .cmy-img-box ul { width: 100%; height: 100%; position: absolute; left: 0; top: 0; z-index: 1; }
.company-profile01 .cmy-infos .cmy-txts { position: absolute; right: 0; top: 0; z-index: 1; }
.company-profile01 .cmy-img-box li { width: 100%; height: 100%; position: absolute; left: 0; top: 0; z-index: 1;overflow:hidden;}
.company-profile01 .cmy-img-box li:not(:first-child) { display: none; }
.company-profile01 .cmy-img-box li p { width: 100%; padding: 2% 4%; background-color: rgba(0,0,0,.5); color: #fff; position: absolute; bottom: 0; left: 0; z-index: 2; }
.company-profile01 .cmy-img-box .switch-btns { width: 50%; text-align: right; position: absolute; right: 3%; bottom: 3%; z-index: 3; }
.company-profile01 .cmy-img-box .switch-btns span { display: inline-block; width: 10px; height: 10px; background-color: #fff; border-radius: 50%; margin-right: 4%; cursor: pointer;}
.company-profile01 .cmy-img-box .switch-btns span:hover,
.company-profile01 .cmy-img-box .switch-btns span.cur { background-color: #d05917; }
.company-profile01 .cmy-infos .cmy-txts { width: 100%; height: 100%; padding-left: 10%; }
.company-profile01 .cmy-infos .cmy-txts { font-size: 15px;}
.company-profile01 .cmy-infos h3 { font-size: 20px; padding-bottom: 5%; margin-bottom: 5%; border-bottom: solid 1px #e5e5e5; }
.company-profile01 .cmy-infos h3,
.company-profile01 .cmy-infos h3 a { color: #222; }
.company-profile01 .cmy-infos p { color: #333; line-height: 26px; }
.company-profile01 .cmy-infos .abtns a { display: inline-block; padding: 12px 50px; color: #666; border: solid 1px #e5e5e5; margin-right: 5%; position: relative;}
.company-profile01 .cmy-infos .abtns a:after { content: ''; display: block; width: 10px; height: 1px; background-color: #d05917; position: absolute; bottom: 0; left: 50%; margin-left: -5px;}
.company-profile01 .cmy-infos .abtns { width: 100%; padding-left: 10%; position: absolute; bottom: 0; left: 0;  z-index: 9;}
.company-profile01 .cmy-infos .abtns a:hover { background-color: #d05917; color: #fff; }

.company-profile01 .cmy-datas { width: 100%; margin-top: 4%; }
.company-profile01 .cmy-datas>div { width: 25%; text-align: center; padding: 2% 0; border-right: solid 1px #e5e5e5; position: relative;}
.company-profile01 .cmy-datas>div:first-child { border-left: solid 1px #e5e5e5; }
.company-profile01 .cmy-datas>div:after,
.company-profile01 .cmy-datas>div:first-child:before { content: ''; display: block; width: 1px; height: 10px; background-color: #d05917; position: absolute;  top: 50%; margin-top: -5px; z-index: 3; }
.company-profile01 .cmy-datas>div:after { right: -1px; }
.company-profile01 .cmy-datas>div:first-child:before { left: -1px; }
.company-profile01 .cmy-datas span { display: inline-block; color: #d05917; position: relative;}
.company-profile01 .cmy-datas strong { font-size: 50px;}
.company-profile01 .cmy-datas span em { font-size: 16px; font-weight: bold; position: absolute; right: -10px; top: 5px; z-index: 2; }
.company-profile01 .cmy-datas p { font-size: 18px; color: #222; padding-top: 1%; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;}

.company-profile01 .video-play-box { width: 10%; padding-top: 10%; position: absolute; left: 50%; top: 50%; z-index: 9; margin-left: -5%; margin-top: -5%;}
.company-profile01 .video-play-box span { display: block; border-radius: 50%; position: absolute;}
.company-profile01 .video-play-box span.outer { width: 100%; height: 100%; background-color: rgba(153,153,153,.1); left: 0; top: 0; z-index: 1; }
.company-profile01 .video-play-box span.center { width: 70%; height: 70%; background-color: rgba(153,153,153,.1); left: 15%; top: 15%; z-index: 2;}
.company-profile01 .video-play-box span.inner { width: 40%; height: 40%; background-color: #d05917; left: 30%; top: 30%; z-index: 3; cursor: pointer;}
.company-profile01 .video-play-box span.inner img { width: 30%; height: auto; position: relative; left: 35%; top: 35%;}

.company-profile01 .cx-title01 { width: 100%; text-align: center; color: #222; margin-bottom: 50px;}
.company-profile01 .cx-title01 h2 { font-size: 36px; padding-bottom: 10px; position: relative;}
.company-profile01 .cx-title01 h2 a { color: #222; padding: 0 30px; }
.company-profile01 .cx-title01 .subtitle { font-size: 16px; }
.company-profile01 .cx-title01 h2 em { display: inline-block; width: 20%; height: 1px; background-color: #e3e3e3; position: relative; top: -10px;}
.company-profile01 .cx-title01 h2 em:after { content: ''; display: block; width: 10px; height: 1px; background-color: #d05917; position: absolute; top: 0; z-index: 2; }
.company-profile01 .cx-title01 h2 em.left:after { right: 0; }
.company-profile01 .cx-title01 h2 em.right:after { left: 0; }

.company-profile01 .m-video-box { display: none; width: 100%; height: 300px; background-color: #000; margin-bottom: 3%; }

.company-video-box01 {display: none; width: 100%; height: 100%; background-color: rgba(0,0,0,.6); position: fixed; left: 0; top: 0; z-index: 999; }
.company-video-box01 .video-box { width: 60%; padding-top: 37.5%;  border: solid 5px #000; background-color: #fff; position: absolute; left: 20%; top: 50%; -webkit-transform:translateY(-50%);-moz-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%);}
.company-video-box01 .video-box .video-cont { width: 100%; height: 100%; position: absolute; left: 0; top: 0; z-index: 9;}
.company-video-box01 .video-box .video-cont video,
.company-video-box01 .video-box .video-cont iframe { width: 100%; height: 100%; }
.company-video-box01 .video-box .close-btn { display: block; width: 50px; height: 50px;line-height: 50px; text-align: center; background-color: #000; color: #fff; font-size: 30px; position: absolute; right: -50px; top: -5px; z-index: 9; cursor: pointer;}

.company-profile01 .video-play-box span.outer { 
  -webkit-animation:playbtn 2s ease-out both infinite; 
  -moz-animation:playbtn 1s ease-out both infinite; 
  animation:playbtn 2s ease-out both infinite; 
}
.company-profile01 .video-play-box span.center { 
  -webkit-animation:playbtn 1s ease-out both infinite; 
  -moz-animation:playbtn 1s ease-out both infinite; 
  animation:playbtn 1s ease-out both infinite; 
}
.company-profile01 .video-play-box span.inner:hover { 
  -webkit-transform: rotate(360deg);
  -moz-transform: rotate(360deg);
  -ms-transform: rotate(360deg);
  transform: rotate(360deg);
}
.company-profile01 .video-play-box span.inner {
  -webkit-transition:all .5s ease-out;
  -moz-transition:all .5s ease-out;
  transition:all .5s ease-out;
}

@-webkit-keyframes playbtn {
  0%,100%{
    -webkit-transform:scale(1);
    opacity: 1;
  }
  50%{
    -webkit-transform: scale(1.4);
    opacity: 0;
  }
}
@-moz-keyframes playbtn {
  0%,100%{
    -moz-transform:scale(1);
    opacity: 1;
  }
  50%{
    -moz-transform: scale(1.4);
    opacity: 0;
  }
}
@keyframes playbtn {
  0%,100%{
    transform:scale(1);
    opacity: 1;
  }
  50%{
    transform: scale(1.4);
    opacity: 0;
  }
}

@media screen and (max-width: 900px){
  .company-profile01 .cx-title01 { margin-bottom: 5%; }
  .company-profile01 { padding: 5% 3%;}
  .company-profile01 .cmy-img-box,
  .company-profile01 .video-play-box,
  .company-profile01 .cmy-infos .abtns { display: none; }
  .company-profile01 .cmy-infos { width: 100%; padding-top: 0; }
  .company-profile01 .cmy-infos .cmy-txts { padding-left: 0; position: relative;}
  .company-profile01 .cmy-infos h3 { margin-bottom: 0; padding-bottom: 2%; border-bottom: none 0; }
  .company-profile01 .cmy-datas { padding-top: 4%; border-top: solid 1px #e5e5e5; }
  .company-profile01 .cmy-datas>div { width: 50%; }
  .company-profile01 .cmy-datas>div:after,
  .company-profile01 .cmy-datas>div:first-child:before { display: none; }
  .company-profile01 .cmy-datas>div:nth-child(3) { border-left: solid 1px #e5e5e5; }
  .company-profile01 .cmy-datas strong { font-size: 36px; }
  .company-profile01 .m-video-box { display: block; }
.company-profile01 .m-video-box iframe{width:100%;height:100%;}
}
@media screen and (max-width: 750px){
  .company-profile01 .cx-title01 h2 { font-size: 20px; padding-bottom: 1%; }  .company-profile01 .cx-title01 h2 a { padding: 0 3%; }
  .company-profile01 .cx-title01 .subtitle { font-size: 14px; }
  .company-profile01 .cx-title01 h2 em { display: none; width: 28%; top: -6px; }
  .company-profile01 .cmy-infos h3 { font-size: 16px; }
  .company-profile01 .cmy-infos .cmy-txts { font-size: 14px; }
  .company-profile01 .cmy-datas strong { font-size: 22px; }
  .company-profile01 .cmy-datas p { font-size: 14px; }
  .company-profile01 .cmy-datas span em { font-size: 14px; top: 0;}
}
/*e:yxif4iny09bfen*/
/*s:pm83hbk9qve4ou*/
.news01 { padding: 60px 0 60px; background:no-repeat center;background-color: #f5f5f5; background-image:url(../);}
.news01 .news-nav { width: 100%; text-align: center; font-size: 16px; }
.news01 .news-nav a { display: inline-block; width: 180px; padding: 1% 0; background-color: #fff; color: #333;}
.news01 .news-nav a:not(:first-child) { margin-left: 12px; }
.news01 .news-nav a.cur,
.news01 .news-nav a:hover { background-color: #d05917; color: #fff; }
.news01 .news-main { margin-top: 3%; width: 100%; padding-top: 36.5%; position: relative;}
.news01 .news-main .news-cont { width: 100%; height: 100%; position: absolute; left: 0; top: 0; z-index: 9; }
.news01 .news-main .news-cont:not(:first-child) { display: none; }
.news01 .news-cont .first-cont { width: 50%; height: 90%; position: relative;}
.news01 .news-cont .news-list { width: 46%; height: 100%; overflow: hidden;}
.news01 .news-cont .circle-btns { width: 100%; position: absolute; bottom: 90px; z-index: 9; text-align: center; }
.news01 .news-cont .circle-btns span { opacity: 1; background-color: #fff; }
.news01 .news-cont .circle-btns .swiper-pagination-bullet-active { background-color: #d05917;}
.news01 .news-cont .prev-btn,
.news01 .news-cont .next-btn { width: 55px; height: 55px; background-color: rgba(0,0,0,.5); position: absolute; top: 42%; margin-top: -27.5px; z-index: 3; cursor: pointer;}
.news01 .news-cont .prev-btn { left: 0; }
.news01 .news-cont .next-btn { right: 0; }
.news01 .news-cont .prev-btn:after,
.news01 .news-cont .next-btn:after { content: ''; display: block; width: 9px; height: 16px; background: url(/images/banner_icon.png) no-repeat; position: absolute; left: 50%; top: 50%; margin: -8px 0 0 -4.5px; }
.news01 .news-cont .next-btn:after { 
  -webkit-transform:rotate(-180deg);
  -moz-transform:rotate(-180deg);
  -ms-transform:rotate(-180deg);
  transform:rotate(-180deg);
}
.news01 .news-cont .first-cont>a { display: block; width: 94%; height: auto; background-color: #fff; padding: 4% 0; position: absolute; bottom: 0; left: 3%; z-index: 9;}
.news01 .news-cont .date { display: block; width: 18%; color: #666; text-align: center;}
.news01 .news-cont .first-cont .txts { display: block; width: 82%; }
.news01 .news-cont .date strong { display: block; font-size: 40px; }
.news01 .news-cont .date em { font-size: 14px; }
.news01 .news-cont .first-cont .txts { padding: 0 5%; border-left: solid 1px #ebebeb; }
.news01 .news-cont .txts h3 { font-size: 16px; color: #222; padding-bottom: 3%;}
.news01 .news-cont .txts p { font-size: 14px; color: #666; line-height: 22px; height: 45px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2;-webkit-box-orient: vertical;}
.news01 .news-list .txts { width: 78%; height: 100%; overflow: hidden;}
.news01 .news-list .date { width: 18%; height: 100%; background-color: #fff;}
.news01 .news-list .date>div { position: relative; top: 50%; -webkit-transform:translateY(-50%);-moz-transform:translateY(-50%);-ms-transform:translateY(-50%); transform:translateY(-50%);}
.news01 .news-list .infos { height: 20%; margin-bottom: 2.6%; }
.news01 .see-all-news { width: 100%; text-align: center; margin-top: 3%; }
.news01 .see-all-news a { font-size: 16px; color: #666; }
.news01 .see-all-news a:after { content: ''; display: inline-block; width: 10px; height: 10px; background: url(/images/icon_all.png) no-repeat; margin-left: 6px; }
.news01 .news-list .infos:hover h3,
.news01 .news-cont .first-cont>a:hover h3 { color: #d05917; }
.news01 .news-list .infos:hover .txts p,
.news01 .news-cont .first-cont>a:hover .txts p { color: #222; }
.news01 .cx-title01 { width: 100%; text-align: center; color: #222222; margin-bottom: 50px;}
.news01 .cx-title01 h2 { font-size: 36px; padding-bottom: 10px; position: relative;}
.news01 .cx-title01 h2 a { color: #222222; padding: 0 30px; }
.news01 .cx-title01 .subtitle { font-size: 16px; }
.news01 .cx-title01 h2 em { display: inline-block; width: 20%; height: 1px; background-color: #e3e3e3; position: relative; top: -10px;}
.news01 .cx-title01 h2 em:after { content: ''; display: block; width: 10px; height: 1px; background-color: #d05917; position: absolute; top: 0; z-index: 2; }
.news01 .cx-title01 h2 em.left:after { right: 0; }
.news01 .cx-title01 h2 em.right:after { left: 0; }

@media screen and (max-width: 1100px){
  .news01 .news-cont .date strong { font-size: 28px; }
}
@media screen and (max-width: 900px){
  .news01 .cx-title01 { margin-bottom: 5%; }
}
@media screen and (max-width: 750px){
  .news01 .cx-title01 h2 { font-size: 20px; padding-bottom: 1%; } 
  .news01 .cx-title01 h2 a { padding: 0 3%; }
  .news01 .cx-title01 .subtitle { font-size: 14px; }
  .news01 .cx-title01 h2 em { display: none; width: 28%; top: -6px; }
  .news01 { padding: 5% 3%;}
  .news01 .news-nav { font-size: 14px; overflow: hidden; }
  .news01 .news-box .news-nav a { display: block; float: left; width: 33.333333%; margin-left: 0; padding: 2% 0;}
  .news01 .news-cont .first-cont,
  .news01 .news-cont .news-list { width: 100%; }
  .news01 .news-main { padding-top: 0; }
  .news01 .news-main .news-cont { position: relative; }
  .news01 .news-cont .first-cont>a { position: relative; width: 100%; left: 0; }
  .news01 .news-cont .news-list { margin-top: 3%; border-top: solid 1px #f5f5f5;}
  .news01 .news-list .infos { height: 120px; padding: 3% 0; border-bottom: solid 1px #f5f5f5; margin-bottom: 0;}
  .news01 .news-cont .circle-btns { bottom: 10px; }
  .news01 .news-cont .date em { font-size: 12px; }
}
@media screen and (max-width: 540px){
  .news01 .news-list .infos { height: 100px; }
}
/*e:pm83hbk9qve4ou*/