@charset "utf-8";
/*******CSS commont*************/
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,form,input,textarea,p{margin:0;padding:0; border: 0;}
html{
  scroll-behavior:smooth;
}
img{border:0;}
ol,ul{list-style:none;}
h1,h2,h3{font-weight:normal;font-size:100%;}
q:before,q:after{content:'';}
abbr,acronym{border:0;font-variant:normal;}
sup{vertical-align:text-top;}
sub{vertical-align:text-bottom;}
input,textarea,select{font-weight:inherit;font-size:inherit;font-family:inherit;}
input,textarea,select{*font-size:100%;}legend{color:#000;}
/*******CSS reset*************/
body{ background:#fff; overflow-x: hidden; overflow-y: auto; color:#393939; font-size:12px;font-family:'Microsoft YaHei','寰蒋闆呴粦',Arial;}
@media (min-width:1200px) 
{
    body{ font-size: 14px; }
}
a{color:#393939;text-decoration:none; cursor: pointer; transition: all 0.3s;}
a:hover{ text-decoration: none; color: #1fc15e;}
.left{float:left;}
.right{float:right;}
.ovfl{ overflow:hidden;}
.mar{ margin:0px auto;}
.clear{clear:both;}
.hidden{display:none;}
.filter_bg8{ filter: alpha(opacity=80); opacity: 0.8; }
.imgbox {position:relative;overflow:hidden;width:100%;}
.imgbox:after {content:'';display:block;padding-top:75%;}
.imgbox img {width:100%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);transition:.36s width;}
.imgbox:hover img {width:110%;transition:.36s width;}
.imgboxs{width:100%;overflow: hidden;position:relative;}
.imgboxs:after {content:'';display:block;padding-top:100%;}
.imgboxs img {width:100%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);transition:.36s all;}
.imgboxs:hover img {width:110%;transition:.36s all;}
@font-face{
     font-family: 'MONTS';
     src:url('MONTSERRAT-BLACK.TTF') format('truetype');
}
#mtops{ position: relative; }
#mheader{ width: 100%; position: absolute; top: 0px; left: 0px; z-index: 999; padding: 10px 0px; transition: all 0.2s;}
.mlogos{ display: none; width: 200px;}
.mlogo{float: left; width: 200px;}
.mlogos img{ max-width: 100%; }
.mlogo img{ max-width: 100%; }
.msearch_btn{ float: right; color: rgba(255,255,255,0.7); margin-right: 40px; margin-top:6px;}
.msearch_btn .iconfont{ font-size: 25px; }
.nav-trigger{ width:26px; height:26px; z-index:999; background: url(../Image/micon.png) no-repeat; outline: 0px; cursor: pointer; position: absolute; top: 50%; margin-top: -13px; right: 15px; }
.navigation-is-visible .nav-trigger{ width: 32px; height: 30px; background: url(../Image/icon11.png) no-repeat;  position: absolute; top: 50%; margin-top: -15px; left: 15px;}
.nav_transform1{position:absolute;top:0; left:20%; display: none; z-index:20;overflow-y:scroll; padding:20px 10px;width:80%;border:0;background:#FFFFFF; text-transform:none; overflow-scrolling:touch;}
.nav_transform1{transition:-webkit-transform .3s cubic-bezier(.86,0,.07,1);transition:transform .3s cubic-bezier(.86,0,.07,1);}
.navigation-is-visible .nav_transform1{-webkit-transform:none;transform:none; display:block;}
.nav-overlay{position:fixed;top:0;left:0;  z-index:10;width:100vw;height:100vh;background:rgba(0,0,0,.6);opacity:0;transition:opacity .3s linear;pointer-events:none;}
.navigation-is-visible .nav-overlay{opacity:1;pointer-events:auto;}
.navp1{ padding: 10px 0px 10px 30px;  }
.navp1 img{ max-width: 90%; }
.navp2{ padding-left: 30px; font-size: 1.4rem;}
.navp2 b{ font-size: 1.6rem; color: #1fc15e; }
.navul{ width: 90%; margin: 15px auto 25px;}
.nav-item{position: relative; margin-bottom: 5px; }
.nav-item p{overflow: hidden;line-height: 46px;max-height:46px; font-size: 16px; padding: 0px 10px;}
.nav-item p i{ float: right;  color: #666;}
.nav-item.nav-show{border-bottom: none;}
.nav-item .msub{display:none; background:#f1f1f1; padding: 0px 16px; overflow:hidden; }
.nav-item .msub a{ line-height: 2; margin-bottom:5px; font-size: 14px; display: block;}
.nav-item .msub a.on{ color:#1fc15e;}
.nav-item.nav-show .msub{display: block;}
.nav-item p a{ float: left; }
.nav-show p i{transform:rotate(90deg);}
.nav-show.nav-item>p{ background:#f1f1f1;}
.nav-show>a:before,.nav-item>a:hover:before{opacity:1;}
#mheader.on{ position: fixed; background: #fff; padding: 7px 0px;}
#mheader.on .mlogos{ display: block; float: left;}
#mheader.on .mlogo{ display: none; }
#mheader.on .msearch_btn{ color: #393939; }
#mheader.on .nav-trigger{ background: url(../Image/micons.png) no-repeat; }
.navigation-is-visible #mheader.on .nav-trigger{ background: url(../Image/icon11.png) no-repeat; }
#mpheader{ width: 100%; padding: 10px 0px; transition: all 0.2s; background: #fff; position: relative;}
.mplogo{ float: left; }
.mpsearch_btn{ float: right; color: rgba(57,57,57,0.6); margin-right: 40px; margin-top:6px;}
.mpsearch_btn .iconfont{ font-size: 25px; }
.pnav-trigger{ width:26px; height:26px; z-index:999; background: url(../Image/micons.png) no-repeat; outline: 0px; cursor: pointer; position: absolute; top: 50%; margin-top: -13px; right: 15px; }
.navigation-is-visible .pnav-trigger{ width: 32px; height: 30px; background: url(../Image/icon11.png) no-repeat;  position: absolute; top: 50%; margin-top: -15px; left: 15px;}
#mpheader.on{ position: fixed; padding: 7px 0px; top: 0px; left: 0px; background: #fff; z-index: 999;}
#mheader.on .map_open{ color: #393939; }
.map_open{ color: rgba(255,255,255,0.7); z-index:999; position: absolute; top: 50%; margin-top: -13px; right: 15px; width:26px; height:26px; line-height: 26px;}
.map_open .iconfont{ font-size: 25px; }
.map_open:hover{ color:rgba(255,255,255,1);  }
.map_closes{ height: 61px; line-height: 61px; overflow:hidden; }
.map_closes a{ text-align: center; float: right; margin-right: 2px; }
.map_closes a .iconfont{ font-size: 30px; color:#1fc15e; }
.map_close:hover {
    transform: rotate(90deg);
    border-radius: 50%;
}
#menu_map{ transform: translateY(-100%);transition: all 800ms cubic-bezier(.8, 0, .33, 1);
    border-radius: 0 0 50% 50%;
    opacity: 0;position: fixed;
    top: 0;
    right: 0;
    left: 0;
    z-index: 1030; background: #fff; width: 100%!important; height: 100%!important; overflow:hidden; }
#menu_map.down {
    border-radius: 0% 0% 0% 0%;
    transform: translateY(0);
    opacity: 1;
}
#mpheader .map_open{ color: rgba(57,57,57,0.6); }
@media (min-width:768px) 
{
    #mheader{ padding: 15px 0px; }
    #mpheader{ padding: 15px 0px; }
    .mlogos{ width: 254px; }
    .mlogo{ width: 254px; }
}
@media (min-width:992px) 
{
    #mheader{ padding: 20px 0px; }
    #mpheader{ padding: 20px 0px; }
}
#mbanner{ overflow:hidden; width: 100%;}
#mbanner img{ width: 100%;}
#tops{ position: relative; }
#header{ width: 100%; position: absolute; top: 0px; left: 0px; z-index: 999; padding: 22px 0px; transition: all 0.2s;}
.logos{ display: none; float: left; margin-left: 20px;}
.logo{float: left; margin-left: 20px;}
.navs{ float: left; margin-left: 60px;}
.navs .nLi{ float: left; margin-left: 15px; position: relative;}
.navs .nLi p{ float: left;}
.navs .nLi p a{ padding: 0px 15px; transition: all 0s; float: left; font-size: 16px; color: #fff; height: 43px; line-height: 43px;}
.navs .subs{ overflow: hidden; display: none; text-align: center; position: absolute; padding: 10px 0px; font-size:14px; top: 43px; background:rgba(255,255,255,0.5); box-shadow:0px 0px 6px rgba(255,255,255,0.3);}
.navs .subs a{ float: left; width: 100%; overflow: hidden; height: 32px; line-height: 32px;}
.navs .subs a:hover{ color:#1fc15e;}
.navs .subs a.ons{ color:#1fc15e;  }
#navsli2 .subs{ width: 200px; text-align: left; padding: 10px 20px;}
#navsli3 .subs{ width: 300px; text-align: left; padding: 10px 20px;}
.headerr{ float: right; height: 33px; padding: 0px 10px; line-height: 33px; margin-top: 5px; border: solid 1px rgba(255,255,255,0.2); margin-right: 15px;}
.headerr a{ color: rgba(255,255,255,0.4); margin: 0px 3px;}
.headerr a.headerra1{ color: rgba(255,255,255,0.8); }
#header.on{ position: fixed; background: #fff; padding: 10px 0px;}
#header.on .logo{ display: none; }
#header.on .logos{ display: block; }
#header.on .navs .nLi p a{ color:#393939;}
#header.on .navs .subs{ background: #fff; }
#header.on .headerr{ border: solid 1px rgba(0,0,0,0.2);  }
#header.on .headerr a{ color: rgba(0,0,0,0.4); }
#header.on .headerr a.headerra1{ color: rgba(0,0,0,0.6); }
#pheader{ width: 100%; height:87px; padding: 22px 0px; transition: all 0.2s; background: #fff; position: relative; z-index: 999;}
.plogo{float: left; margin-left: 20px;}
#pheader .navs .nLi p a{ color:#393939;}
#pheader .navs .subs{ background: #fff; }
#pheader .headerr{border: solid 1px rgba(0,0,0,0.2);  }
#pheader .headerr a{ color: rgba(0,0,0,0.4); }
#pheader .headerr a.headerra1{ color: rgba(0,0,0,0.6); }
#pheader.on{ position: fixed; top: 0px; left: 0px; z-index: 999; height: 63px; padding: 10px 0px; background: #fff; box-shadow: rgba(0,0,0,0.1) 2px 2px 4px;}
#pheader .nLi.on{ color: #1fc15e; }
#pheader .nLi.on p a{ color: #1fc15e; }
@media (min-width:1601px) 
{
    .logos{ margin-left: 130px; }
    .logo{ margin-left: 130px; }
    .plogo{ margin-left: 130px; }
    .navs{ margin-left: 100px; }
    .navs .nLi{ margin-left: 50px; }
    .headerr{ margin-right: 70px; }
    .headerr a{ margin: 0px 10px; }
}

#bannerm{ overflow:hidden; width: 100%; position: relative;}
#bannerm .gallery-top img{ width: 100%;}
#bannerm .bannercm{ border-top: solid 1px rgba(255,255,255,0.22); position: absolute; width: 100%; bottom: 0px; left: 0px; z-index: 3; }
#bannerm .gallery-thumbs{ width: 100%; margin:0px auto;  }
#bannerm .gallery-thumbs .banncm{ padding: 25px 80px 25px 40px; cursor: pointer; position: relative; border-right:solid 1px rgba(255,255,255,0.22); }
#bannerm .gallery-thumbs .banncm i{ width: 100%; position: absolute; top: -1px; height: 1px; left: 0px;}
#bannerm .gallery-thumbs .banncm span{ width: 36px; height: 36px; line-height: 36px; color: #fff; text-align: center; position: absolute; right: 30px; top: 50%; margin-top: -18px;}
#bannerm .gallery-thumbs .banncm span.iconfont{ font-size: 20px; }
#bannerm .gallery-thumbs .banncm:last-child{ border: 0px; }
#bannerm .swiper-slide-thumb-active .banncm i{ background: #fff100; }
#bannerm .swiper-slide-thumb-active .banncm span{ border-radius: 50%; border: solid 1px #fff; }
.bannerp1m{ font-size: 17px; color: #fff; }
.bannerp2m{ font-size: 17px; color: rgba(255,255,255,0.7); margin-top: 5px;}


#banner{ overflow:hidden; width: 100%; position: relative;}
#banner .gallery-top img{ width: 100%;}
#banner .bannerc{ border-top: solid 1px rgba(255,255,255,0.22); position: absolute; width: 100%; bottom: 0px; left: 0px; z-index: 3; }
#banner .gallery-thumbs{ width: 1200px; margin:0px auto;  }
#banner .gallery-thumbs .bannc{ padding: 25px 80px 25px 40px; cursor: pointer; position: relative; border-right:solid 1px rgba(255,255,255,0.22); }
#banner .gallery-thumbs .bannc i{ width: 100%; position: absolute; top: -1px; height: 1px; left: 0px;}
#banner .gallery-thumbs .bannc span{ width: 36px; height: 36px; line-height: 36px; color: #fff; text-align: center; position: absolute; right: 30px; top: 50%; margin-top: -18px;}
#banner .gallery-thumbs .bannc span.iconfont{ font-size: 20px; }
#banner .gallery-thumbs .bannc:last-child{ border: 0px; }
#banner .swiper-slide-thumb-active .bannc i{ background: #fff100; }
#banner .swiper-slide-thumb-active .bannc span{ border-radius: 50%; border: solid 1px #fff; }

.bannerp1{ font-size: 17px; color: #fff; }
.bannerp2{ font-size: 17px; color: rgba(255,255,255,0.7); margin-top: 5px;}
#banner .hd{ border-top: solid 1px rgba(255,255,255,0.22); position: absolute; width: 100%; bottom: 0px; left: 0px; z-index: 3;}
#banner .hd ul{ width: 1200px; margin:0px auto; }
#banner .hd ul li{ width: 33.3%; padding: 20px 80px 20px 40px; cursor: pointer; float: left; position: relative; border-right:solid 1px rgba(255,255,255,0.22);}
#banner .hd ul li i{ width: 100%; position: absolute; top: -1px; height: 1px; left: 0px;}
#banner .hd ul li span{ width: 36px; height: 36px; line-height: 36px; color: #fff; text-align: center; position: absolute; right: 30px; top: 50%; margin-top: -18px;}
#banner .hd ul li span.iconfont{ font-size: 20px; }
#banner .hd ul li:last-child{ border: 0px; }
#banner .hd ul li.on i{ background: #fff100; }
#banner .hd ul li.on span{ border-radius: 50%; border: solid 1px #fff; }
@media (min-width:1601px) 
{
  #banner .gallery-thumbs{ width: 1400px; }
  #banner .gallery-thumbs .bannc{ padding: 37px 100px 48px 60px; }
  #banner .gallery-thumbs .bannc span{ width: 44px; line-height: 44px; height: 44px; margin-top: -22px; }
  #banner .gallery-thumbs .bannc span.iconfont{ font-size: 24px; } 
    #banner .hd ul{ width: 1400px; }
    #banner .hd ul li{ padding: 32px 100px 43px 60px; }
    #banner .hd ul li span{ width: 44px; line-height: 44px; height: 44px; margin-top: -22px; }
    #banner .hd ul li span.iconfont{ font-size: 24px; }
    .bannerp2{margin-top: 7px;}
}

#nav {
  position: fixed;
  width: 100%;
  z-index: 9999;
  height: 300vh;
  top: 0;
  left: 0;
  transform: translateY(100vh);
  -webkit-transform: translateY(100vh);
  -moz-transform: translateY(100vh);
  -o-transform: translateY(100vh);
  -ms-transform: translateY(100vh);
  pointer-events: none;
}
#nav.on {
  pointer-events: auto;
}
#nav .nav-inner {
  width: 100%;
  height: 100vh;
  background-color: rgba(255, 255, 255, 1);
  position: relative;
  text-align: center;
}
#nav .nav-inner .close-nav {
  position: absolute;
  display: inline-block;
  width: 52px;
  height:52px;
  line-height: 52px;
  text-align: center;
  background-color: #1fc15e;
  color: #fff;
  top: 8vh;
  right: 15vh;
  z-index: 10;
}
#nav .nav-inner .navItem {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  display: flex;
  justify-items: center;
  align-items: center;
}
#nav .nav-inner .navItem .navList {
  width: calc(100%/6);
  height: 100%;
  position: relative;
}
#nav .nav-inner .navItem .navList > a {
  display: inline-block;
  position: absolute;
  z-index: 3;
  top: 50%;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  left: 0;
  right: 0;
  margin: auto;
}
#nav .nav-inner .navItem .navList > a > i {
  display: block;
  text-align: center;
  color: #666;
  height: 40px;
  line-height: 40px;
}
#nav .nav-inner .navItem .navList > a > span {
  text-align: center;
}
#nav .nav-inner .navItem .navList > a > span > b {
  display: block;
}
#nav .nav-inner .navItem .navList .nav-child {
  position: absolute;
  z-index: 5;
  top: 0;
  left: 0;
  margin: auto;
  width: 1px;
  height: 1px;
  transition: height 0.5s ease 0.5s,width 0.5s ease;
}
#nav .nav-inner .navItem .navList .nav-child:after{
    content: "";position: absolute;z-index: 3;
    width: 100%;height: 100%;top: 0;left: 0;
}
#nav .nav-inner .navItem .navList .nav-child > ul {
  width: 100%;
  height: 100%;
  display: none;
  flex-wrap: wrap;
  align-items: center;
  align-content: center;
    position: relative;
    z-index: 5;
}
#nav .nav-inner .navItem .navList .nav-child > ul > li {
  width: 100%;
  text-align: center;
  padding: 20px 8px;

}
#nav .nav-inner .navItem .navList .nav-child > ul > li > a {
  font-size: 16px;
  text-align: center;
  color: #fff;
  width: 100%;
  opacity: 1;
  display: inline-block;
}
.backImg{ background-position: top center; background-size: cover;}
#nav .nav-inner .navItem .navList .nav-child > ul > li > a > small {
  font-size: 16px;
  font-weight: lighter;
  display: block;
  width: 100%;
  height: 24px;
  text-align: center;
  line-height:24px;
}
#nav .nav-inner .navItem .navList .nav-child > ul > li > a > img {
  display: inline-block;
  height: 85px;
}
#nav .nav-inner .navItem .navList .nav-child > ul > li:nth-of-type(1) > a {
  font-weight: bold;
  font-size: 24px;
}
#nav .nav-inner .navItem .navList .nav-child > ul > li > a:hover{ color: #1fc15e; }
#nav .nav-inner .navItem .navList .nav-child > ul.on {
  display: flex;
}
#nav .nav-inner .navItem .navList:hover .nav-child {
  width: 100%;
  height: 100%;
  transition: width 0.5s ease 0.5s,height 0.5s ease;
}
#nav .shape-wrap {
  position: relative;
  height: 100vh;
  z-index: 10;
}
#nav .shape-wrap .shape1 {
  transform: scale(-1);
  -webkit-transform: scale(-1);
  -moz-transform: scale(-1);
  -o-transform: scale(-1);
  -ms-transform: scale(-1);
  fill: rgba(255, 255, 255, 0.9);
}
#nav .shape-wrap .shape2 {
  fill: rgba(255, 255, 255, 0.9);
}
.f-36{  font-size: 40px; }
.mb-48 {
    margin-bottom: 48px;
}
.f-20{ font-size: 22px; }
.mb-48 {
    margin-bottom: 48px;
}
.mb-16{ margin-bottom: 16px; }
.op-6 {
    opacity: 0.6;
}
.up-word {
    text-transform: uppercase;
}
@media (min-width:1601px) 
{
    #nav .nav-inner .navItem .navList .nav-child > ul > li > a {
  }
  #nav .nav-inner .navItem .navList .nav-child > ul > li{ padding: 22px 12px;}
  .f-36{  font-size: 60px; }
  .f-20{ font-size: 28px; }
}
/*******Css HOME*******/
#chan1{ padding: 25px 0px; overflow:hidden;}
.szul{ overflow:hidden;}
.szul li{ width: 50%; float: left; margin: 10px auto;}
.szp1{ overflow:hidden; }
.szp1 span{ float: left; color:rgba(57,57,57,0.6); margin-top: 7px; margin-right: 14px;}
.szp1 span.iconfont{ font-size: 20px; }
.szp1 b{ float: left; color: #1fc15e; font-size: 35px; font-family: 'MONTS';}
.szp1 i{ float: left; font-style: normal; margin-top: 6px; margin-left: 6px;}
.szp2{ color:rgba(57,57,57,0.6); padding-left: 33px;}
@media (min-width:768px) 
{
    .szul li{ width: 25%; }
}
@media (min-width:992px) 
{
   .szp1 b{ font-size: 38px; }
   .szp1 span{ margin-top: 9px; }
}
@media (min-width:1200px) 
{
   #chan1{ padding: 40px 0px; }
   .szp1 b{ font-size: 42px; }
   .szp1 span{ margin-top: 11px; }
   .szp1 span.iconfont{ font-size: 22px; }
   .szp1 i{ margin-top: 8px; }
   .szp2{ padding-left: 35px; }
}
@media (min-width:1601px) 
{
   #chan1{ padding: 70px 0px; }
   .szp1 b{ font-size: 52px; }
   .szp1 span{ margin-top: 11px; margin-right: 25px;}
   .szp1 span.iconfont{ font-size: 28px; }
   .szp1 i{ margin-top: 8px; }
   .szp2{ padding-left: 53px; }
}
#chan2{ background: #f9fafc; overflow:hidden; padding: 25px 0px; }
.aboutlp1{ height: 34px; line-height: 34px; overflow:hidden; }
.aboutlp1 i{ width: 20px; height: 2px; float: left; background: #2c9eff; margin-top: 16px;}
.aboutlp1 span{ color:#2c9eff; float: left; font-size: 18px; margin-left:10px;}
.aboutlp2{ font-size: 22px; color: #1fc15e; }
.aboutlp2 a{ color: #1fc15e; }
.aboutlc{ color:rgba(57,57,57,0.6); margin-top: 12px; font-size: 13px; line-height: 22px; }
.aboutln{ overflow:hidden; margin-top: 15px;}
.aboutln a{ width: 33.3%; float: left; margin: 10px 0px 0px 0px; text-align: center;}
.aboutlnp1{ color: #1fc15e; }
.aboutlnp1.iconfont{ font-size:30px; }
.aboutlnp2{ color:rgba(57,57,57,0.6); font-size: 14px; }
.aboutlimg{ margin-top: 20px; overflow:hidden;}
.aboutlimg img{ width: 100%; }
@media (min-width:768px) 
{
    .aboutln a{ width:16.6%; }
}
@media (min-width:992px) 
{
    .aboutlp1 span{ font-size: 20px; }
    .aboutlp2{ font-size: 24px; }
    .aboutlp1{ margin-top: 5px; }
    .aboutlc{ margin-top: 15px; }
}
@media (min-width:1200px) 
{
    #chan2{ padding: 40px 0px; }
    .aboutl{ width: 50%; float: left; }
    .aboutlp1{ height: 45px; line-height: 45px; margin-top: 15px;}
    .aboutlp1 i{ margin-top: 21px; margin-right: 20px;}
    .aboutlp1 span{ font-size: 22px; }
    .aboutlp2{ font-size: 28px; }
    .aboutlc{ margin-top: 30px; line-height: 24px;}
    .aboutln{ margin-top: 30px; }
    .aboutlnp1.iconfont{ font-size:35px; }
    .aboutlimg{ margin-top: 35px; }
    .aboutr{ width: 45%; float: right; background: url(../Image/about_img3.jpg) no-repeat left center; background-size:auto 90%; padding-left: 125px;}
    .aboutr img{ width: 100%; }
}
@media (min-width:1601px) 
{
    #chan2{ padding: 110px 0px; }
    .aboutlp1 span{ font-size: 23px; }
    .aboutlp2{ font-size: 36px;  }
    .aboutlp1{ margin-top: 10px; }
    .aboutlc{ line-height: 30px; font-size: 15px; margin-top: 40px;}
    .aboutln{ margin-top: 40px; }
    .aboutlnp1.iconfont{ font-size:38px; }
    .aboutlnp2{ font-size: 16px; margin-top: 6px;}
    .aboutr{ width: 640px; background-size:auto auto; padding-left: 155px;}
    .aboutlimg{ margin-top: 45px; }
}
#chan3{ overflow:hidden; background: #f9fafc;}
.chan3ts{ text-align: center; background: #fff; padding: 25px 0px;}
.chan3tp1{ position: relative; font-size: 22px;}
.chan3tp1 i{ width: 10px; height: 10px; border:solid 3px #1fc15e; border-radius: 50%; position: absolute; top: 5px; left: 50%; margin-left: 100px; }
.chan3tp2{ color:rgba(57,57,57,0.6); margin-top: 8px; }
.products{ overflow: hidden; }
.products_img{ overflow:hidden;}
.products_img img{ width: 100%; }
.products .gallery-top a{ width: 100%; float: left; position: relative; padding-bottom: 20px; }
.products_txt{ position: absolute; width: 100%; left: 0px; top: 0px; }
.productsp1{ height: 30px; line-height: 30px; font-size: 20px; overflow:hidden; margin-top: 30px; color: #fff; text-align: center;}
.productsp3{  margin-top: 21px; text-align: center;}
.productsp3 span{ width: 40px; height: 40px; line-height: 40px; display: inline-block; color: #fff; border-radius: 50%; background: #1fc15e; }
.productsp3 span.iconfont{ font-size: 22px; }
.productsp3 i{ width: 18px; height: 18px; transition: all 0.3s; background: rgba(241,199,25,0.57); border-radius: 50%; position: absolute; bottom: 0px; left: 50%; margin-left: 5px;}
.products .gallery-thumbs{ background: #fff; position: absolute; top:-15px; overflow:hidden; width: 98%; left: 1%; overflow:hidden;}
.products .sgallery-thumb{ position: relative; height: 100px; }
.products .sgallery-thumb .swiper-slide{ position: relative; cursor: pointer;}
.products .sgallery-thumb .swiper-slide i{ width: 1px; height: 70%; background: #F2F2F2; position: absolute; top: 15%; right: 0px;}
.products .sgallery-thumb .swiper-slide b{ width: 100%; height: 2px; background: #fff; position: absolute; left: 0px; bottom: 0px; transition: all 0.2s;}
.productssc{ padding: 15px; overflow:hidden; }
.products_p1{ float: left; width: 30%; text-align: center; margin-top: 5px; }
.products_p1.iconfont{ font-size: 45px; }
.products_pr{ float: right; width: 67%;}
.products_p2{ height: 30px; line-height: 30px; font-size: 17px; overflow:hidden; }
.products_p3{ line-height: 20px; height: 40px; margin-top: 2px; color:rgba(57,57,57,0.6); overflow:hidden; }
.products .sgallery-thumb .swiper-slide-thumb-active b{ background: #1fc15e; }
.products .sgallery-thumb .swiper-slide-thumb-active .products_p1{ color: #1fc15e; }
.products .sgallery-thumb .swiper-slide-thumb-active .products_p2{ font-weight: bold; color: #1fc15e;}
.productsp2{ line-height: 20px; height: 40px; color: rgba(255,255,255,0.8); overflow:hidden; text-align: center; margin:20px auto 0px; width: 90%;  }
@media (min-width:768px) 
{
    .productsp1{ margin-top: 35px; }
    .productsp3{ margin-top: 35px; }
    .productssc{ padding: 20px; }
    .products .sgallery-thumb{ height: 120px; }
    .products_p1.iconfont{ font-size: 60px; }
    .products .gallery-top a{ padding-bottom: 0px; }
}
@media (min-width:992px) 
{
    .productsp1{ margin-top: 50px; }
    .productsp3{ margin-top: 60px; }
    .productssc{ padding: 20px; }
    .products .sgallery-thumb{ height: 110px; }
    .products_p1.iconfont{ font-size: 60px; }
    .products .sgallery-thumb{ height: 130px; }
}
@media (min-width:1200px) 
{
    .chan3ts{ padding: 40px 0px; }
    .chan3tp1{ font-size: 28px; }
    .chan3tp1 i{ margin-left: 120px; }
    .productsp1{ margin-top: 100px; font-size: 28px;}
    .productsp2{  margin:35px auto 0px; line-height: 28px; height: 56px;}
    .productsp3{ margin-top: 80px; }
    .productsp3 span{ width: 48px; height: 48px; line-height: 48px;  }
    .productsp3 span.iconfont{ font-size: 30px; }
    .products .gallery-thumbs{ top: -25px; width: 1200px; left: 50%; margin-left: -600px;}
    .productssc{ padding: 30px; }
    .products_p1.iconfont{ font-size: 70px; }
    .products_p2{ height: 40px; line-height: 40px; font-size: 20px;}
    .products_pr{ width: 65%; }
    .products_p3{ line-height: 23px; height: 46px; }
    .products .sgallery-thumb{ height: 165px; }
    .products_img{ position: relative; }
    .products_simg{ width: 100%; height: 100%; position: absolute; top: 0px; left: 0px;   }
}
@media (min-width:1601px) 
{
    .chan3ts{ padding: 70px 0px; }
    .chan3tp1{ font-size: 36px; }
    .chan3tp1 i{ margin-left: 160px; width: 12px; height: 12px;}
    .chan3tp2{ font-size: 16px; margin-top: 20px; }
    .productsp1{ margin-top: 170px; font-size: 36px; height: 55px; line-height: 55px;}
    .productsp2{  margin:35px auto 0px; line-height: 28px; height: 56px; width: 66%; left: 17%;}
    .productsp3{ margin-top: 70px; }
    .productsp3 span{ width: 60px; height: 60px; line-height: 60px;  }
    .productsp3 span.iconfont{ font-size:40px; }
    .productsp3 i{ width: 30px; height: 30px; bottom: -6px; }
    .products .gallery-thumbs{ top: -50px; width: 1400px; left: 50%; margin-left: -700px;}
    .productssc{ padding: 40px; }
    .products_p1.iconfont{ font-size: 70px; }
    .products_p2{ height: 40px; line-height: 40px; font-size: 22px;}
    .products_pr{ width: 65%; }
    .products_p3{ line-height: 23px; height: 46px; }
    .products .sgallery-thumb{ height: 165px; }

}
.productsp3:hover i{ bottom: -2px; margin-left: 8px; }
#chan4{ background: #f9fafc url(../Image/bg1.jpg) no-repeat center bottom; overflow:hidden; padding-top: 15px; padding-bottom: 35px;}
.chan4t{ text-align: center; }
.chan4tp1{ text-align: center; }
.chan4tp1 p{ display: inline-block; }
.chan4tp1 p span{ font-size: 22px; float: left;}
.chan4tp1 p i{ width: 10px; height: 10px; border:solid 3px #1fc15e; border-radius: 50%; float: left; margin-left: 10px; margin-top: 5px; }
.yxwl{ overflow:hidden; margin-top: 20px;}
.yxwl_img{ overflow:hidden; text-align: center; position: relative;}
.yxwl_img img{ width: 100%; }
.yxwl_img i{ width: 15px; height: 15px; animation: fadeInUpss 1.2s infinite; background: url(../Image/dtiv.png) no-repeat; background-size:auto 100%; position: absolute; top: 54.5%; left: 66%; z-index: 1; }
.yxwl_txt{ margin-top: 15px; }
.yxwl_txt p{ border-bottom: solid 1px #E5E5E5; padding: 18px 0px; font-size: 18px; color: rgba(0,0,0,0.63);}
.yxwl_txt p b{ font-size: 35px; font-family: 'MONTS'; margin: 0px 5px;}
.yxwlp1 b{ color: #1fc15e; }
.yxwlp2 b{ color: #2c9eff; }
.yxwl_txt p.yxwlp3{ line-height: 23px; font-size: 13px; }
@keyframes fadeInUpss{
0% {

  transform: translate3d(0,0,0);

}
50% {

  transform: translate3d(0,5px,0);

}
100% {

  transform: translate3d(0,0,0);

}
}

@media (min-width:768px) 
{
    .yxwl{ margin-top: 30px; }
    .yxwl_img i{ width: 22px; height: 32px; top: 52%; }
}
@media (min-width:992px) 
{
    .yxwl_img{ width: 51%; float: left; }
    .yxwl_txt{ width: 38%; float: right; }
    .yxwl_img i{ width: 16px; height: 16px; }
}
@media (min-width:1200px) 
{
    #chan4{ padding-top: 30px; padding-bottom: 75px; }
    .chan4tp1 p span{ font-size: 28px; }
    .yxwl{ margin-top: 40px; }
    .yxwl_txt p{ font-size: 20px; padding: 22px 0px;}
    .yxwl_txt p b{ font-size: 45px; }
    .yxwl_txt p.yxwlp3{ font-size: 14px; }
    .yxwl_img i{ width: 22px; height: 32px; top: 51%; left: 65%;}
}
@media (min-width:1601px) 
{
    #chan4{ padding-top: 90px; padding-bottom: 110px; }
    .chan4tp1 p span{ font-size: 36px; }
    .chan4tp1 p i{ width: 12px; height: 12px; margin-left: 20px; margin-top: 8px; }
    .yxwl{ margin-top: 60px; }
    .yxwl_txt p{ font-size: 22px; padding: 35px 0px;}
    .yxwl_txt p b{ font-size: 60px; }
    .yxwl_txt p.yxwlp3{ font-size: 16px; line-height: 40px; }
}
#chan5{ margin-top: 25px; overflow:hidden; }
.newst{ position: relative; }
.newst1{ color: #1fc15e; font-size: 22px;}
.newst2{ overflow:hidden; height: 30px; line-height: 30px; color: #2c9eff; }
.newst2 i{ width: 20px; height: 2px; background:#2c9eff; float: left; margin-top: 14px; margin-right: 12px;}
.newst2 b{ float: left; font-size: 17px; font-weight: normal;}
.newst span{ width: 44px; height: 44px; line-height: 44px; color: #dddddd; position: absolute; top: 50%; margin-top: -22px; right: 0px; text-align: center; background: #f9fafc; border-radius: 50%;}
.newsul{ margin-top:5px; overflow:hidden; }
.newsul li{ padding-top: 10px; padding-right: 55px; padding-bottom: 15px; border-bottom: solid 1px #e5e5e5; overflow:hidden; position: relative;}
.newsul li span{ width: 40px; height: 40px; line-height: 40px; color: #e6e6e6; text-align: center; position: absolute; top: 50%; margin-top: -20px; right: 0px; }
.newsul li span.iconfont{ font-size:20px; }
.newsp1s{ height: 32px; line-height: 32px; overflow:hidden; font-size: 14px;}
.newsp2s{ line-height: 24px; height: 24px; overflow:hidden; color:rgba(57,57,57,0.6); }
.news_img{ width: 30%; float: left; }
.news_txt{ width: 67%; float: right; }
.newsp1{ height: 32px; line-height: 32px; overflow:hidden; font-size: 14px;}
.newsp2{ line-height: 24px; height: 24px; overflow:hidden; color:rgba(57,57,57,0.6); }
#hyzx{ margin-top: 25px; }
@media (min-width:768px) 
{
    .news{ width: 48%; }
    #gsdt{ float: left; }
    #hyzx{ float: right; margin-top: 0px;}
}
@media (min-width:1200px) 
{
    #chan5{ margin-top: 40px; }
    .newst1{ font-size: 28px; }
    .newst2 b{ font-size: 18px; }
    .newsp1s{ font-size: 15px; }
    .newsp1{ font-size: 15px; }
    .newsul{ margin-top: 15px; }
    .news_img{ width: 20%; }
    .news_txt{ width: 76%; }
}
@media (min-width:1601px) 
{
    #chan5{ margin-top: 100px; }
    .news{ width: 47%; }
    .newst1{ font-size: 36px; }
    .newst2{ margin-top: 22px; }
    .newst2 b{ font-size: 23px; }
    .newst span{ width: 60px; height: 60px; line-height: 60px; margin-top: -30px; }
    .newst span.iconfont{ font-size:25px; }
    .newsp1s{ font-size: 16px; height: 40px; line-height: 40px;}
    .newsp1{ font-size: 16px; height: 40px; line-height: 40px;}
    .newsul{ margin-top: 45px; }
    .newsul li{ padding-top: 15px; padding-bottom: 30px; padding-right: 80px;}
    .newsp2s{ height: 30px; line-height: 30px; }
    .newsp2{ height: 30px; line-height: 30px; }
}
.newst a:hover span{ background: #1fc15e; color: #fff; }
.hzhb{ margin-top: 20px; overflow:hidden;}
.hzhb_img{ border:solid 1px #e5e5e5; overflow:hidden; text-align: center;}
.hzhb_img img{ max-width: 100%; transition: all 0.3s;}
@media (min-width:1200px) 
{
    .hzhb{ margin-top: 30px; }
}
@media (min-width:1601px) 
{
    .hzhb{ margin-top: 50px; }
}
.hzhb_img:hover{ border:solid 1px #1fc15e; }
.hzhb_img:hover img{ transform:scale(1.05); }
#chan6{ margin-top: 25px; padding: 25px 0px; overflow:hidden; background:url(../Image/img1s.jpg) no-repeat center; }
#chan6 .container{ position: relative; z-index: 1; }
.chan6p1{ color: #fff; font-size: 20px; }
.chan6p2{ color: #fff; font-size: 13px; margin-top: 15px; }
.chan6p3{ margin-top: 15px; overflow:hidden; }
.chan6p3 a{ width: 160px; height: 40px; line-height: 40px; float: left; font-size: 16px; background: #f1c719; color: #fff; text-align: center; }
@media (min-width:1200px) 
{
    #chan6{ margin-top: 40px; padding: 40px 0px 60px 0px;}
    .chan6p1{ font-size: 23px; }
    .chan6p2{ margin-top: 25px; font-size: 14px;}
    .chan6p3{ margin-top: 25px; }
    #chan6s{ width: 100%; height: 100%; position: absolute; top: 0px; left: 0px; background:url(../Image/img1s.jpg) no-repeat center;}
}
@media (min-width:1601px) 
{
    #chan6{ margin-top: 100px; padding: 70px 0px 90px 0px; position: relative;}
    .chan6p1{ font-size: 29px; }
    .chan6p2{ margin-top: 25px; font-size: 16px;}
    .chan6p3{ margin-top: 35px; }
    .chan6p3 a{ width: 190px; height: 46px; line-height: 46px; }
}
#footer{ padding: 25px 0px; overflow:hidden; }
.footermp1{ overflow:hidden;}
.footermp1 span{ font-size: 20px; float: left;}
.footermp1 i{ width: 10px; height: 10px; border: solid 3px #1fc15e; float: left; border-radius: 50%; margin-top: 4px; margin-left: 10px;}
.footermp2{ font-size: 13px; color:rgba(57,57,57,0.6); margin-top: 8px; }
.footermc{ margin-top: 15px; }
.footermc p{ line-height: 24px; color:rgba(57,57,57,0.6); }
.footermc p a{ color:rgba(57,57,57,0.6); }
.links{ margin-top: 15px; line-height: 1.8; color:rgba(57,57,57,0.6); border-top:solid 1px #e5e5e5; padding-top: 12px;}
.links a{ color:rgba(57,57,57,0.6); margin-left: 10px; }
.links strong{ font-size: 14px; }
#footers{ background:#1fc15e; padding: 8px 0px; color: rgba(255,255,255,0.6); text-align: center;}
#footers a{ color: rgba(255,255,255,0.6); }
#footers a:hover{ color: #fff; }
@media (min-width:1200px) 
{
    #footer{ padding: 40px 0px; }
    .footerl{ float: left; position: relative; width: 60%; padding-right: 1px;}
    .footerl i{ width: 1px; height: 80%; top: 10%; position: absolute; right: 0px; background: #eee; }
    .footerl dl{ float: left; text-align: center; width: 15%; margin-right: 10%;}
    .footerl dl:nth-child(1){ width: 15%; }
    .footerl dl dt{ font-size: 18px; font-weight: normal;}
    .footerl dl dd{ color:rgba(57,57,57,0.6); margin-top: 15px;}
    .footerl dl dd a{ width: 100%; color:rgba(57,57,57,0.6); float: left; height: 28px; line-height: 28px; overflow:hidden;}
    .footerm{ width: 25%; float: left; padding-left: 70px; }
    .footerr{ width: 82px; float: right; }
    .footerr img{ width: 100%; }
    .footermc{ margin-top: 40px; }
    .links{ margin-top: 20px; padding-top: 16px; }
    .links strong{ font-size: 16px; }
}
@media (min-width:1601px) 
{
    #footer{ padding: 80px 0px; }
    .footerl dl dt{ font-size: 22px; }
    .footerl dl dd{  margin-top: 35px;}
    .footerl dl dd a{ height: 32px; font-size: 14px; line-height: 32px; }
    .footerm{ padding-left: 90px; }
    .footermc{ margin-top: 40px; }
    .footermp1 span{ font-size: 30px; }
    .footermp1 i{ width: 12px; height: 12px; margin-left: 20px; }
    .footermp2{ font-size: 16px; }
    .footermc{ font-size: 15px; }
    .footermc p{ line-height: 34px; }
    #footers{ padding:15px 0px;  }
    .links{ margin-top: 30px; padding-top: 20px; }
}
.footerl dl dd a:hover{ color: #1fc15e; }
#com_banner{ position: relative; transition: all 0.3s; overflow:hidden; }
.com_banner_img{ overflow:hidden;}
.com_banner_img img{ width: 100%; }
.com_banner_txt{ width: 100%; position: absolute; top: 0px; left: 0px;}
.com_banner_p1{ text-align: center; margin-top: 20px; color: #fff; font-size: 22px;}
.com_banner_p2{ color: rgba(255,255,255,0.8); margin-top: 10px; text-align: center; }
.com_banner_p3{ margin-top:15px; text-align: center; position: relative; }
.com_banner_p3 span{ width: 40px; height: 40px; line-height: 40px; display: inline-block; color: #fff; border-radius: 50%; background: #20c068; }
.com_banner_p3 span.iconfont{ font-size: 22px; }
.com_banner_p3 i{ width: 18px; height: 18px; transition: all 0.3s; background: rgba(241,199,25,0.57); border-radius: 50%; position: absolute; bottom: -3px; left: 50%; margin-left: 5px;}
@media (min-width:768px) 
{
    .com_banner_p1{ font-size: 25px; margin-top: 40px; }
    .com_banner_p2{ margin-top: 20px; }
    .com_banner_p3{ margin-top: 50px; }
}
@media (min-width:992px) 
{
    .com_banner_p1{ margin-top: 60px; }
    .com_banner_p2{ margin-top: 25px; }
    .com_banner_p3{ margin-top: 70px; }
}
@media (min-width:1200px) 
{
    .com_banner_p1{ margin-top: 100px; font-size: 30px;}
    .com_banner_p2{ width: 90%; margin: 30px auto 0px; font-size: 15px; line-height: 2; }
}
@media (min-width:1601px) 
{
    .com_banner_p1{ margin-top: 145px; font-size: 40px;}
    .com_banner_p2{ margin-top:35px; font-size: 16px;}
    .com_banner_p3{ margin-top: 75px; }
    .com_banner_p3 span{ width: 60px; height: 60px; line-height: 60px;}
    .com_banner_p3 span.iconfont{ font-size: 36px; }
    .com_banner_p3 i{ width: 30px; height: 30px; bottom: -5px;}
}
.com_banner_p3:hover i{ bottom: -2px; margin-left: 8px;}
#comchan1{ margin-top: 25px; overflow: hidden;}
#comchan1s{ margin-top: 25px; margin-bottom: 25px; overflow: hidden;}
.comchan1t{ text-align: center; font-size: 22px; }
.comchan1c{ margin-top: 20px; line-height: 2; text-align: center; color: #888; font-size: 13px; }
@media (min-width:1200px) 
{
    #comchan1{ margin-top: 40px; }
    #comchan1s{ margin-top: 40px; margin-bottom: 40px;}
    .comchan1t{ font-size: 28px; }
    .comchan1c{ margin-top: 30px; font-size: 15px;}
}
@media (min-width:1601px) 
{
    #comchan1{ margin-top: 110px; }
    #comchan1s{ margin-top: 110px; margin-bottom: 110px;}
    .comchan1t{ font-size: 36px; }
    .comchan1c{ margin-top: 40px; font-size: 16px;}
}
#comchan2{ margin-top: 25px; overflow: hidden;}
.comchan2bg1{ height: 4px; background:url(../Image/com_icon1.jpg) no-repeat right center; }
.comchan2bg2{ height: 4px; background:url(../Image/com_icon2.jpg) no-repeat left center; }
.comchan2bg3{ background: url(../Image/mcom_img1.jpg) no-repeat; padding: 25px 0px 35px 0px;}
.comchan2p1{ height: 60px; background: url(../Image/com_icon3.png) no-repeat center; }
.comchan2p2{ text-align: center; color: #fff; font-size: 25px; margin-top: 20px;}
.comchan2p3{ color: rgba(255,255,255,0.6); text-align: center; margin-top: 15px; font-size: 13px;}
.comchan1ft{ line-height: 2; margin-top: 6px; color: #888; text-align: center;}
@media (min-width:768px) 
{
    .comchan2bg3{ padding: 30px 0px 40px 0px; }
}
@media (min-width:992px) 
{
    .comchan2bg3{ padding: 40px 0px 50px 0px; }
}
@media (min-width:1200px) 
{
    #comchan2{ margin-top: 40px; }
    .comchan2bg3{ padding: 60px 0px 80px 0px; }
    .comchan2p2{ font-size: 32px; }
    .comchan2p3{ font-size: 14px; }
    .comchan1ft{ width: 80%; margin: 10px auto 0px; }
}
@media (min-width:1601px) 
{
    #comchan2{ margin-top: 110px; }
    .comchan2bg3{ padding: 115px 0px 140px 0px; background:url(../Image/com_img1.jpg) no-repeat; }
    .comchan2p2{ font-size: 40px; margin-top: 40px;}
    .comchan2p3{ font-size: 16px; margin-top: 20px;}
    .comchan1ft{ margin: 25px auto 0px; font-size: 15px;}
}

#comchan3{ margin-top: 25px; background: url(../Image/mcom_img2.jpg) no-repeat center; padding: 30px 0px; position: relative;}
#comchan3 .container{ position: relative; z-index: 1; }
.comchan3t{ text-align: center; font-size: 22px; color: #fff; }
.comchan3t a{ color:#fff;  }
.comchan3ft{ line-height: 2; margin: 6px auto 0px; color: #888; text-align: center; color: rgba(255,255,255,0.8);}
.comchan3c{ margin-top: 20px; overflow:hidden; }
.comchan3c a{ width: 33.3%; float: left; color: #fff; text-align: center; padding: 15px 0px;}
.comchan3p1.iconfont{ font-size: 30px; }
.comchan3p2{ font-size: 14px; }
.comchan3c a.comchan3ca1{ background: #20c068; }
.comchan3c a.comchan3ca2{ background: #29cb72; }
.comchan3c a.comchan3ca3{ background: #2ed77a; }
.comchan3c a.comchan3ca4{ background: #39e486; }
.comchan3c a.comchan3ca5{ background: #47e990; }
.comchan3c a.comchan3ca6{ background: #55f89e; }
@media (min-width:768px) 
{
    .comchan3c a{ padding: 25px 0px; }
    .comchan3p1.iconfont{ font-size: 36px; }
}
@media (min-width:992px) 
{
    .comchan3c a{ width:16.6%; }
}
@media (min-width:1200px) 
{
    #comchan3{ margin-top: 40px; padding: 60px 0px; }
    .comchan3t{ font-size: 28px; }
    .comchan3ft{ width: 80%; margin: 10px auto 0px; }
    .comchan3c{ margin-top: 25px; }
    .comchan3p2{ font-size: 15px; }
    .comchan3c a{ margin-top: 10px; }
    .comchan3c a:hover{ margin-top: 0px; padding: 25px 0px 35px 0px;}
    .comchan3s{ width: 100%; height: 100%; background: url(../Image/mcom_img2.jpg) no-repeat center; position: absolute; top: 0px; left: 0px;}
}
@media (min-width:1601px) 
{
    #comchan3{ margin-top: 110px; padding: 140px 0px; background: url(../Image/com_img2.jpg) no-repeat;}
    .comchan3t{ font-size: 36px; }
    .comchan3ft{ width: 70%; margin: 25px auto 0px; font-size: 15px;}
    .comchan3c{ margin-top: 80px; }
    .comchan3p1.iconfont{ font-size: 45px; }
    .comchan3p2{ font-size: 16px; margin-top: 10px;}
}
#comchan4{ background:#f9fafc; padding: 25px 0px;}
#comchan4s{ background:#f9fafc; padding: 25px 0px; margin-top: 25px;}
.zzry{ overflow:hidden; margin-top: 20px; position: relative;}
.zzry .swiper-slide a{ width: 100%; float: left; padding: 8px; background: #fff; }
.zzry_txt{ height: 32px; line-height: 32px; overflow:hidden; margin-top:5px; font-size: 13px;}
.zzry .swiper-next{ z-index: 6; outline: none; width: 32px; height: 32px; cursor: pointer; background: url(../Image/com_right.png) no-repeat; background-size: auto 100%; position: absolute; top: 50%; margin-top: -16px; right: 0px;}
.zzry .swiper-prev{ z-index: 6; outline: none; width: 32px; height: 32px; cursor: pointer; background: url(../Image/com_left.png) no-repeat; background-size: auto 100%; position: absolute; top: 50%; margin-top: -16px; left: 0px;}
@media (min-width:992px) 
{
   .zzry .swiper-next{ width: 45px; height: 45px; margin-top: -22px; }
   .zzry .swiper-prev{ width: 45px; height: 45px; margin-top: -22px; }
}
@media (min-width:1200px) 
{
    #comchan4{ padding: 40px 0px;}
    #comchan4s{ padding: 40px 0px; margin-top: 40px;}
    .zzry{ margin-top: 30px; }
    .zzry .swiper-slide a{ padding: 15px; }
    .zzry_txt{ margin-top: 10px; font-size: 14px; }
}
@media (min-width:1601px) 
{
    #comchan4{ padding: 110px 0px 130px 0px;}
    #comchan4s{ padding: 110px 0px 130px 0px; margin-top: 110px}
    .zzry{ margin-top: 55px; }
    .zzry .swiper-slide a{ padding: 45px; }
    .zzry_txt{ margin-top: 30px; font-size: 16px; }
}
.zzry .swiper-slide a:hover{ background: #1fc15e; }
.zzry .swiper-slide a:hover .zzry_txt{ color: #fff; }
#comchan5{ background: url(../Image/mcom_img3.jpg) no-repeat; background-size: cover; overflow:hidden; padding: 25px 0px;}
.procls{ overflow:hidden;}
.procls a{ width: 100%; float: left; position: relative;}
.procls_p1{ width: 25%; float: left; color: #fcff00; text-align: center;}
.procls_p1.iconfont{ font-size: 50px; }
.procls_pr{ width: 71%; float: right; }
.procls_p2{ height: 40px; line-height: 40px; overflow:hidden; color: #fff; font-size: 16px; }
.procls_p3{ color: rgba(255,255,255,0.6); line-height: 20px; height: 40px; overflow:hidden; }
.proclsc{ padding: 5px; overflow:hidden; }
@media (min-width:768px) 
{
    .procls a i{ width: 1px; height: 30px; background: rgba(255,255,255,0.59); position: absolute; right: 0px; top: 50%; margin-top: -15px;}
    .proclsc{ padding: 20px; }
    .procls .swiper-slide:last-child i{ width: 0px; }
}
@media (min-width:1200px) 
{
    #comchan5{ padding: 30px 0px; }
    .proclsc{ padding: 25px; }
    .procls_p2{ font-size: 18px; }
}
@media (min-width:1601px) 
{
    #comchan5{ background: url(../Image/com_img3.jpg) no-repeat; padding: 50px 0px;}
    .proclsc{ padding: 50px; }
    .procls_p1{ width: 30%; }
    .procls_p1.iconfont{ font-size: 65px; }
    .procls_pr{ width: 62%; }
    .procls_p2{ font-size: 22px; }
    .procls_p3{ line-height: 25px; height: 50px; margin-top: 3px;}
}
.procls .swiper-slide-active .procls_p2{ font-weight: bold; }
.procls a:hover .procls_p2{ font-weight: bold; }
.procls a:hover .procls_p1{  animation: swing 1s; }
.procls .swiper-slide-active .procls_p1{  animation: swing 1s; }
.fzlc .gallery-top{ position: relative; }
.fzlc{ overflow:hidden; margin-top: 20px;}
.fzlc .fzlcc{ padding:10px 50px;}
.fzlc_p1{ height: 40px; line-height: 40px; font-size: 25px; font-family: 'MONTS'; overflow:hidden; }
.fzlc_p2{ margin-top: 5px; line-height: 1.8; color:rgba(57,57,57,0.6); font-size: 13px;  }
.fzlc .gallery-thumbs{ margin-top: 25px; position: relative; background: url(../Image/lbg1.jpg) repeat-x top; text-align: center;}
.fzlcp1{ margin: 35px auto 0px; display: inline-block; overflow:hidden; position: relative; padding-top: 20px; padding-left: 10px; padding-right: 10px;}
.fzlcp1 i{ height: 10px; width: 10px; background: #b5b5b5; border-radius: 50%; position: absolute; left: 50%; margin-left: -5px; top: 0px; }
.fzlcp2{ font-size: 17px; color: #b5b5b5; }
.fzlc .gallery-thumbs .swiper-slide-thumb-active{ background: url(../Image/lbg1h.jpg) repeat-x top; }
.fzlc .gallery-thumbs .swiper-slide-thumb-active .fzlcp1 i{ background: #1fc15e; }
.fzlc .gallery-thumbs .swiper-slide-thumb-active .fzlcp2{ color:#1fc15e; font-weight: bold; font-size: 20px;  }
.fzlc .swiper-next{ z-index: 6; outline: none; width: 32px; height: 32px; cursor: pointer; background: url(../Image/com_right.png) no-repeat; background-size: auto 100%; position: absolute; top:50%; margin-top: -16px; right: 0px;}
.fzlc .swiper-prev{ z-index: 6; outline: none; width: 32px; height: 32px; cursor: pointer; background: url(../Image/com_left.png) no-repeat; background-size: auto 100%; position: absolute; top:50%; margin-top: -16px; left: 0px;}
@media (min-width:992px) 
{
    .fzlc .fzlcc{ overflow:hidden; padding:15px 60px; }
    .fzlc_img{ width:30%; float: right; border-radius: 50%; border: solid 8px #ebebeb;}
    .fzlc_txt{ width: 50%; float: left; margin-top: 30px;}
}
@media (min-width:1200px) 
{
    .fzlc{ margin-top: 35px; }
    .fzlc_p1{ height: 50px; line-height: 50px; font-size: 40px; }
    .fzlc_p2{ margin-top: 20px; font-size: 14px; }
    .fzlc .swiper-next{ width: 45px; height: 45px; margin-top: -22px; }
    .fzlc .swiper-prev{ width: 45px; height: 45px;  margin-top: -22px; }
    .fzlc .fzlcc{ overflow:hidden; padding:20px 130px; }
    .fzlc_img{ width: 100%; border: 0px; position: relative; z-index: 1;}
    .fzlc_imgs{ position: relative; width:30%; float: right; background: #ebebeb; padding: 8px; border-radius: 50%;}
    .fzlc_imgs i{ position: absolute; border-radius: 50%; transition: all 0.3s;}
    .fzlci1{ width: 100px; height: 100px; background: #f1c719; top: -10px; left:40px; }
    .fzlci2{ width: 50px; height: 50px; background: #20c068; bottom: 50px; left:10px; z-index: 2; }
    .fzlci3{ width: 100px; height: 100px; background: #4e88d3; bottom: 50px; right:-10px; }
    .fzlc_txt{ width: 50%; float: left; margin-top: 30px;}
}
@media (min-width:1601px) 
{
    .fzlc{ margin-top: 40px; }
    .fzlc_p1{ height: 70px; line-height: 70px; font-size: 54px; }
    .fzlc_p2{ margin-top: 40px; font-size: 15px; }
    .fzlc .fzlcc{ overflow:hidden; padding:20px 150px; }
    .fzlc_img{ width: 100%; border: 0px; position: relative; z-index: 1;}
    .fzlc_imgs{ position: relative; width:33%; float: right; background: #ebebeb; padding: 8px; border-radius: 50%;}
    .fzlc_imgs i{ position: absolute; border-radius: 50%;}
    .fzlci1{ width: 170px; height: 170px; background: #f1c719; top: -20px; left:70px; }
    .fzlci2{ width: 80px; height: 80px; background: #20c068; bottom: 25px; left:10px; z-index: 2; }
    .fzlci3{ width: 125px; height: 125px; background: #4e88d3; bottom: 25px; right:-10px; }
    .fzlc_txt{ width: 50%; float: left; margin-top: 30px;}
    .fzlc .gallery-thumbs{ margin-top: 35px; }
    .fzlc .gallery-thumbs .swiper-slide-thumb-active .fzlcp2{ font-size: 25px; }
    .fzlc_imgs:hover .fzlci2{ bottom: 30px; left:5px; }
}

#newschan1{ background: url(../Image/newbg.jpg) no-repeat center; padding: 30px 0px;}
.newschan1t{ font-size: 22px; color: #fff; text-align: center;}
.newschan1t a{ color: #fff; }
.newschan1ft{ line-height: 2; margin-top: 6px; color: rgba(255,255,255,0.8); text-align: center;}
.ngsdt{ overflow: hidden; margin-top: 20px; position: relative; padding-bottom: 40px;}
.ngsdt a{ width: 100%; background:#fff; padding: 10px; float: left; overflow: hidden;}
.ngsdt_img{ width: 32%; float: left; }
.ngsdt_txt{ width: 65%; float: right; }
.ngsdt_p1{ height: 30px; line-height: 30px; overflow: hidden; font-size: 16px;}
.ngsdt_p2{ line-height: 20px; height: 40px; overflow: hidden; color: rgba(57,57,57,0.6); }
.ngsdt_p3{ overflow: hidden;}
.ngsdt_p3 span{ float: left; height: 22px; line-height: 22px; color: rgba(57,57,57,0.6); background:url(../Image/more2.png) no-repeat right center; padding-right: 25px;}
@media (min-width:768px) 
{
    .newschan1t{ font-size: 25px; }
    .ngsdt a{ padding: 20px; }
    .ngsdt_img{ width: 25%; }
    .ngsdt_txt{ width: 70%; }
    .ngsdt_p3{ margin-top: 15px; }
}
@media (min-width:992px) 
{
    .ngsdt_p1{ height: 40px; line-height: 40px; }
    .ngsdt_p2{ margin-top: 10px; }
    .ngsdt_p3{ margin-top: 25px; }
}
@media (min-width:1200px) 
{
    .newschan1t{ font-size: 30px; }
    .newschan1ft{  margin-top: 10px;}
    #newschan1{ padding: 60px 0px; background:url(../Image/newbgs.jpg) no-repeat; background-attachment: fixed;  }
    .ngsdt{ margin-top: 30px; }
    .ngsdt a{ padding: 25px; }
    .ngsdt_p1{ font-size: 17px; }
    .ngsdt_p1 span{ float: left; width: 70%; }
    .ngsdt_p1 i{ float: right; color:rgba(57,57,57,0.6); font-style: normal; font-size: 13px;}
    .ngsdt_p2{ margin-top: 20px; line-height: 27px; height: 54px; font-size: 14px;}
    #newschan1 .swiper-pagination-bullet{ width: 12px; height: 12px; }
}
@media (min-width:1601px) 
{
    .newschan1t{ font-size: 40px; }
    .newschan1ft{  margin-top: 25px;}
    #newschan1{ padding: 140px 0px 120px 0px; }
    .ngsdt{ margin-top: 50px; padding-bottom: 70px;}
    .ngsdt a{ padding: 40px; }
    .ngsdt_p1{ height: 50px; line-height: 50px; font-size: 22px; }
    .ngsdt_p2{ line-height: 28px; height: 56px; font-size: 16px; }
    .ngsdt_p3{ margin-top: 40px; font-size: 15px;}
}
.nhyzx{ overflow: hidden; margin-top: 20px; }
.nhyzx a{ border: solid 1px #e5e5e5; width: 100%; float: left; padding: 10px;}
.nhyzxp1{ color:rgba(57,57,57,0.6); }
.nhyzxp2{ height: 30px; line-height: 30px; overflow: hidden; font-size: 15px;}
.nhyzx_img{ margin-top: 5px; }
.nhyzxp3{ line-height: 20px; height: 40px; color:rgba(57,57,57,0.6); overflow:hidden; margin-top: 5px; }
.nhyzxp4{ overflow: hidden; margin-top: 12px; }
.nhyzxp4 span{ float: left; height: 22px; line-height: 22px; color: rgba(57,57,57,0.6); background:url(../Image/more2.png) no-repeat right center; padding-right: 25px;}
@media (min-width:992px) 
{
    .nhyzx a{ padding: 20px; }
}
@media (min-width:1200px) 
{
    .nhyzx{ margin-top: 30px; }
    .nhyzxp2{ height: 32px; line-height: 32px; font-size: 16px; }
}
@media (min-width:1601px) 
{
    .nhyzx{ margin-top: 50px; }
    .nhyzx a{ padding:35px 20px; }
    .nhyzxp2{ height: 40px; line-height: 40px; font-size: 18px; }
    .nhyzx_img{ margin-top: 15px; }
    .nhyzxp3{ height: 50px; line-height: 25px; margin-top: 20px;}
    .nhyzxp4{ margin-top:30px; }
}
.nhyzx a:hover{ background:#1fc15e; color: #fff;  }
.nhyzx a:hover .nhyzxp1{ color: #fff; }
.nhyzx a:hover .nhyzxp3{ color: #fff; }
.nhyzx a:hover .nhyzxp4 span{ color: #fff; background:url(../Image/more2h.png) no-repeat right center;  }
.nnewst{ font-size: 22px; }
#rcfz{ margin-top: 25px; }
@media (min-width:992px) 
{
    #djzx{ width: 48%; float: left; }
    #rcfz{ width: 48%; float: right; margin-top: 0px;}
}
@media (min-width:1200px) 
{
    .nnewst{ font-size: 28px; }
}
@media (min-width:1601px) 
{
    .nnewst{ font-size: 36px; }
    #djzx{ width: 47%;}
    #rcfz{ width: 47%;}
}
.ppros{ padding-top: 30px; background-position: top center; background-repeat: no-repeat; margin-top: 25px;}
.firms{ padding-top: 30px; background-position: top center; background-repeat: no-repeat; margin-bottom: 25px; }
#ppros1{ margin-top: 0px; }
.pprost{ text-align: center; color: #fff;}
.pprost.iconfont{ font-size: 36px; }
.pprosts{ text-align: center; color: #fff; font-size: 22px;}
.pprosts a{ color:#fff;  }
.pprosc{ text-align: center; color: rgba(255,255,255,0.6); line-height: 1.8; margin: 20px auto 0px; }
.pprosn{ background: #fff; margin-top: 30px; overflow: hidden; padding:20px 10px;}
.pprosnc{ overflow: hidden; }
.pprosnc_img{ border: solid 1px #e5e5e5; }
.pprosnc_txt{ height: 36px; line-height: 36px; overflow: hidden; font-size: 13px; text-align: center;}
.pprosncmm{ overflow: hidden; margin-top: 20px; text-align: center;}
.pprosncmm a{ height: 26px; line-height: 26px; font-size: 14px; padding-right: 30px; display: inline-block; background-repeat: no-repeat; background-position: right center; }
#ppros1 .pprosncmm a{ background-image: url(../Image/pmore1.jpg); }
#ppros2 .pprosncmm a{ background-image: url(../Image/pmore3.jpg); }
#ppros3 .pprosncmm a{ background-image: url(../Image/pmore2.jpg); }
.firms .pprosncmm a{ background-image: url(../Image/pmore1.jpg); }
.pprosul{ overflow: hidden; margin-top:20px; border-top: solid 1px #e5e5e5;}
.pprosul li{ width: 100%; float: left; margin-top: 20px; }
.pprosli_left{ width: 25%; float: left; text-align: center; }
.pprosli_left.iconfont{ font-size: 36px; }
.pprosli_right{ width: 73%; float: right; }
.pproslip1{ font-size: 17px; }
.pproslip2{ color: rgba(57,57,57,0.6); margin-top: 5px; line-height: 1.6;}
#pprosul1 .pprosli_left{ color: #20c068; }
#pprosul2 .pprosli_left{ color: #f1c719; }
#pprosul3 .pprosli_left{ color: #2c9eff; }
#proinfo_simgs{ background: url(../Image/prop_img1.jpg) no-repeat center; color: #fff; background-size:auto 100%; overflow:hidden; padding: 15px 0px 35px 0px;}
#proinfo_simgs .pprosul{ margin-top: 0px; border: 0px;}
#proinfo_simgs .pproslip2{ color: rgba(255,255,255,0.6); }
@media (min-width:768px) 
{
    .pprosul li{ width: 33.3%; }
}
@media (min-width:992px) 
{
    .pprosnt{ height: 36px; line-height: 36px; overflow: hidden; }
    .pprosnt span{ width: 80%; height: 36px; float: left; overflow: hidden;}
    .pprosnt span a{ font-size: 13px; margin-right: 12px; background: url(../Image/icoss.jpg) no-repeat left center; padding-left: 16px;}
    .pprosna1{ float: right; background-repeat: no-repeat; background-position: right center; font-size: 14px; padding-right: 25px; }
    #ppros1 .pprosna1{ background-image: url(../Image/pmore1.jpg); }
    #ppros2 .pprosna1{ background-image: url(../Image/pmore3.jpg); }
    #ppros3 .pprosna1{ background-image: url(../Image/pmore2.jpg); }
    .pprosc{ width: 85%; }
    .pprosnc{ margin-top: 20px; }
}
@media (min-width:1200px) 
{
    .firms{ margin-bottom: 40px; padding-top: 60px; }
    .ppros{ margin-top: 40px; padding-top: 60px; }
    .pprost.iconfont{ font-size: 45px; }
    .pprosts{ font-size: 28px; }
    .pprosn{ margin-top: 40px; padding: 30px 20px; }
    .pprosul{ margin-top: 30px; }
    .pprosul li{ width: 32.3%; margin: 30px 0.5% 0px; }
    #proinfo_simgs{ padding: 20px 0px 50px 0px; }
    .pprosnt span a{ font-size: 16px; margin-right: 25px; padding-left: 20px;}
}
@media (min-width:1601px) 
{
    .firms{ margin-bottom: 80px; padding-top: 120px; }
    .ppros{ margin-top: 80px; padding-top:120px; }
    .pprost.iconfont{ font-size:65px; }
    .pprosts{ font-size: 36px; margin-top: 10px;}
    .pprosn{ margin-top: 130px; padding:45px 35px; }
    .pprosul{ margin-top: 60px; }
    .pprosul li{ width: 32.3%; margin: 60px 0.5% 0px; }
    .pprosc{ width: 70%; margin: 35px auto 0px;}
    .pprosnt span{ font-size: 15px; }
    .pprosnt span a{ font-size: 18px; margin-right: 40px;}
    .pprosna1{ font-size: 15px; }
    .pprosnc{ margin-top: 50px; }
    .pprosnc_txt{ height: 70px; line-height: 70px; font-size: 16px; }
    .pprosli_left{ width: 30%; }
    .pprosli_left.iconfont{ font-size:60px; }
    .pprosli_right{ width: 52%; margin-right: 13%; }
    .pproslip1{ font-size: 22px; }
    #proinfo_simgs .pprosul li{ margin: 30px 0.5% 0px; }
}
.firms .pprosnc{ margin-top: 10px; }
#coc_chan1{ margin-top: 25px; overflow: hidden;}
.coc_ul{ overflow:hidden; }
.coc_ul li{ margin-top: 20px; overflow:hidden;}
.coc_img{ width: 22%; float: left; text-align: center; }
.coc_img img{ max-width: 100%; }
.coc_txt{ width: 74%; float: right; }
.coc_p1{ color: rgba(57,57,57,0.6); font-size: 16px;}
.coc_p2{ font-weight: bold; font-size: 18px; margin-top: 5px;}
.coc_p3{ color: rgba(57,57,57,0.8); font-size: 14px; }
.contact_main{ margin: 20px auto 0px; overflow: hidden;}
.contact_main p{ padding: 12px 15px; font-size: 13px; line-height: 1.6; background: #f1f1f1; border-radius: 6px; margin-bottom: 12px;}
.mess{ margin-top: 30px; padding-top: 25px; border-top: solid 1px #e5e5e5;}
.messt{ text-align: center; }
.messts{ text-align: center; font-size: 22px; margin-top: 15px;}
.messft{ text-align: center; margin-top: 10px; line-height: 1.6; color: rgba(57,57,57,0.6);}
.mess_ul{ overflow: hidden; margin-top: 15px; }
.mess_ul li{ overflow: hidden; margin-top: 15px; width: 100%; float: left;}
.mess_InputText{ height: 50px; line-height: 50px; border: solid 1px #e5e5e5; padding: 0px 15px; width: 100%; float: left;}
.mess_textarea{ height: 120px; line-height: 40px; border: solid 1px #e5e5e5; padding: 0px 15px; width: 100%; float: left;}
.mess_captcha{ width: 150px; height: 50px; line-height: 50px; border: solid 1px #e5e5e5; padding: 0px 15px; float: left; }
.mess_img{ float: left; height: 30px; margin-left: 5px; margin-top: 10px; cursor: pointer; }
.mess_But{ width: 32%; cursor: pointer; font-size: 16px; float: right; height: 50px; line-height: 50px; border-radius: 6px; background:#1fc15e; color: #fff; }
#coc_chan2{ overflow: hidden; margin-top: 20px; text-align: center;}
#coc_chan2 label{ min-width: 200px; }
#coc_chan2 img{ max-width: 100%; }
@media (min-width:768px) 
{
    .coc_ul li{ width: 50%; float: left; }
}
@media (min-width:992px) 
{
    .coc_ul li{ width:33.3%; float: left; margin-top: 20px;}
}
@media (min-width:1200px) 
{
    #coc_chan1{ margin-top: 40px; }
    .coc_ul li{ width:33%; float: left; }
    .coc_img{ width: 100%; }
    .coc_txt{ width: 100%; text-align: center; margin-top: 25px;}
    .coc_txt p{ margin-bottom: 10px; }
    .coc_p1{ font-size: 20px; }
    .coc_p2{ font-size: 25px; }
    .mess{ margin-top: 40px; padding-top: 40px; }
    .messts{ font-size: 28px; }
    .mess_ul li:nth-child(1){ width: 48%; }
    .mess_ul li:nth-child(2){ width: 48%; float: right;}
    #coc_chan2{ margin-top: 40px; }
}
@media (min-width:1601px) 
{
    #coc_chan1{ margin-top: 110px; }
    .coc_txt{ margin-top: 35px;}
    .coc_txt p{ margin-bottom: 10px; }
    .mess{ margin-top: 40px; padding-top: 40px; }
    .mess_ul{ margin-top: 40px; }
    .mess_ul li{ margin-top: 20px; }
    .mess{ margin-top: 100px; padding-top: 100px; }
    .messts{ font-size: 36px; margin-top: 30px;}
    .messft{ margin-top: 25px; }
    .mess_InputText{ height: 60px; line-height: 60px; }
    .mess_textarea{ height: 160px; }
    .mess_captcha{ width: 180px; height: 60px; }
    .mess_img{ height: 40px; }
    .mess_But{ width: 23%; height: 60px; line-height: 60px; }
    #coc_chan2{ margin-top: 110px; }
    .contact_main p{ padding: 15px 25px; font-size: 16px; }
    .coc_ul li{ width:16.6%; float: left; }
    .coc_p2{ margin-top: 25px; }
}
#page_banner{ overflow: hidden; text-align: center;}
#page_banner img{ width: 100%; }
#pmenu{ height: 60px; line-height: 60px; border-bottom: solid 1px #e5e5e5;}
.pmenu{ overflow:hidden;  }
.pmenu .swiper-slide{ text-align: center; width: auto; margin: 0px 30px 0px 0px; }
.pmenu a{ position: relative; height: 60px; width: 100%; float: left; font-size: 15px; color: rgba(57,57,57,0.6);}
.pmenu a i{ height: 3px; background: #1fc15e; transition: all 0.3s; position: absolute; bottom: -1px; left: 50%;}
.pmenu a:hover i{ width: 20px; margin-left: -10px; }
.pmenu a.on i{ width: 20px; margin-left: -10px; }
.pmenu a:hover{ color: rgba(57,57,57,1); font-size: 17px; }
#pmenus a:hover{ color: rgba(57,57,57,1); }
#pmenu a.on{ color: rgba(57,57,57,1); font-size: 17px;}
#pmenus a i{ background: #2e9fff; }
#ptitle{ padding: 15px 0px; overflow: hidden; margin-top: 10px;}
.ptitlel{ font-size: 20px; font-weight: bold; float: left; width: 100%;}
.ptitlel i{ margin-right: 8px; color: #2e9fff;}
.ptitlel i.iconfont{ font-size: 18px; }
.ptitler{ float: right; color: rgba(57,57,57,0.6); width: 100%; line-height: 1.6; text-align: right; margin-top: 5px;}
.ptitler a{ color: rgba(57,57,57,0.6); }
.ptitler a:hover{ color: #1fc15e; }
#wrap{ margin-top: 15px; margin-bottom: 30px; }
#wraps{ background: url(../Image/dbgs.jpg) no-repeat center bottom; overflow:hidden; }
.right_content{ margin-top: 10px; }
#cmenu{ height: 34px; line-height: 34px; margin-top: 5px;}
#cmenu .swiper-slide{ text-align: center; width: auto; margin: 0px 20px 0px 0px; }
#cmenu .swiper-slide a{ float: left; width: 100%; color: rgba(57,57,57,0.8); font-size: 14px; background: url(../Image/icoss.jpg) no-repeat left center; padding-left: 22px;}
.cpmenu{ overflow:hidden;  }
#cmenu a.on{ color: rgba(57,57,57,1); background: url(../Image/icossh.jpg) no-repeat left center; padding-left: 25px; }
#cmenu a:hover{ color: #2e9fff; }

@media (min-width:768px) 
{
    .pmenu .swiper-slide{ margin: 0px 40px 0px 0px; }
}
@media (min-width:992px) 
{
    #ptitle{ padding: 0px; height: 50px; line-height: 50px; margin-top: 10px;}
    .ptitlel{ width: auto; }
    .ptitler{ width: auto; line-height: 50px; margin-top: 0px; background: url(../Image/page_icon.jpg) no-repeat left center; padding-left: 28px;}
}
@media (min-width:1200px) 
{
    #ptitle{ height: 60px; line-height: 60px; margin-top: 20px;}
    .ptitlel{ width: auto; font-size: 25px;}
    .ptitler{ width: auto; line-height: 60px; }
    #pmenu{ height: 70px; line-height: 70px; }
    .pmenu .swiper-slide{ margin: 0px 60px 0px 0px; }
    .pmenu a{ height: 70px; font-size: 16px; }
    #wrap{ margin-top: 25px; margin-bottom: 50px; }
    .right_content{ margin-top: 25px; }
    #pmenu a:hover{ font-size: 18px; }
    #pmenu a.on{ font-size: 18px; }
    #cmenu{ margin-top: 10px; }
    #cmenu .swiper-slide{  margin: 0px 30px 0px 0px; }
    #cmenu .swiper-slide a{ font-size: 15px; }
    .ptitlel i.iconfont{ font-size: 26px; }
    .ptitlel i{ margin-right: 13px; }
}
@media (min-width:1601px) 
{
    #ptitle{ height:70px; line-height: 70px; }
    .ptitlel{ width: auto; font-size: 30px;}
    .ptitler{ width: auto; line-height: 70px; }
    #pmenu{ height: 120px; line-height: 120px; }
    #pmenu .swiper-slide{ margin: 0px 130px 0px 0px; }
    #pmenu a{ height: 120px; font-size: 20px; }
    #wrap{ margin-top: 25px; margin-bottom:80px; }
    #pmenu a:hover{ font-size: 23px; }
    #pmenu a.on{ font-size: 23px; }
    .right_content{ margin-top: 35px; }
    #cmenu{ margin-top: 25px; }
    #cmenu .swiper-slide{  margin: 0px 40px 0px 0px; }
    #cmenu .swiper-slide a{ font-size: 16px; }
    .ptitlel i.iconfont{ font-size: 32px; }
    .ptitlel i{ margin-right: 15px; }
}
.company_mains{ overflow: hidden; }
.company_mains_img{ overflow: hidden; text-align: center;}
.company_mains_img img{ max-width: 100%; }
.company_mains_txt{ line-height: 2; font-size: 13px; color: rgba(36,34,34,0.8);}
.company_mains_txt img{ max-width: 90%; margin: 5px auto 0px; }
.scompany_mains{ overflow: hidden; margin-top: 25px;}
.scompany_mains_img{ overflow: hidden; text-align: center;}
.scompany_mains_img img{ max-width: 100%; }
.scompany_mains_txt{ margin-top: 20px; line-height: 2; font-size: 13px; color: rgba(36,34,34,0.8);}
#company_main{ line-height: 2; font-size: 13px; }
#company_main a{ color: #1fc15e; }
#company_main strong{ font-size: 14px; color: #1fc15e; }
#company_main img{ max-width: 100%; }
.scompanypp1{ font-size: 15px; font-weight: bold; }
.scompanypp2{ line-height: 2; }
.ldzcs_txt{ width: 45%; float: left; line-height: 2; font-size: 14px; color: rgba(57,57,57,0.6);}
.ldzcs_img{ width: 45%; float: right; }
.ldzcs_img img{ max-width: 100%; }
.ldzcs{ overflow:hidden; margin-top: 15px; margin-bottom: 120px; text-align: center;}
.ldzcs img{ max-width: 100%; }
@media (min-width:768px) 
{
  .ldzcs_txt{ font-size: 15px; margin-top: 20px;}
  .ldzcs_img{ width: 30%; margin-right: 10px; }
  .scompany_mains{ margin-top: 35px; }
}
@media (min-width:1200px) 
{
    .scompany_mains_img{ width: 45%; float: left; margin-top: 30px;}
    .scompany_mains_txt{ margin-top: 0px; float: right; width: 50%; font-size: 15px; line-height: 2.1; }
    .dcompany_mains{ line-height: 2; }
    .dcompany_mains_img{ width: 45%; float: right; margin-left: 20px; margin-bottom: 15px; }
    .dcompany_mains_img img{ max-width: 100%; }
    #company_main{ font-size: 15px; }
    #company_main strong{ font-size: 16px; }
    .scompanypp1{ font-size: 16px; }
    .ldzcs_txt{ font-size: 17px; line-height: 2.5; margin-top: 40px;}
    .company_mains_txt{ font-size: 15px; line-height: 2.2; }
    .scompany_mains{ margin-top: 50px; }
    .ldzcs{ margin-top: 20px; margin-bottom: 200px;}
    .ldzcs_img1{ float: left; width: 560px; margin-top: 45px; margin-left: 40px;}
    .ldzcs_img2{ float: right; width: 410px; margin-right: 40px;}
}
@media (min-width:1601px) 
{
    .dcompany_mains{ margin-top:20px; font-size: 16px; }
    .scompany_mains_txt{ font-size: 16px; width: 58%; }
    #company_main{ font-size: 16px; }
    #company_main strong{ font-size: 18px; }
    .scompanypp1{ font-size:17px; }
    .scompany_mains_img{ margin-top: 50px; width: 38%;}
    .company_mains_txt{ margin-top: 15px; font-size: 16px; }
    .scompany_mains{ margin-top: 90px; }
    .ldzcs_img1{ margin-left: 140px;}
    .ldzcs_img2{ margin-right: 125px;}
   
}
#picUL{ overflow: hidden; }
#picUL li{ margin-top: 10px; }
#picUL .pic_01{ text-align: center; outline: none; border: solid 1px #e5e5e5;}
#picUL .pic_02{ height: 40px; line-height: 40px; overflow: hidden; text-align: center;}
#picULs{ overflow: hidden; }
#picULs li{ margin-top: 10px; }
#picULs .pic_01{ text-align: center; border: solid 1px #e5e5e5;}
#picUL .pic_01s{ overflow:hidden; text-align: center; border: solid 1px #e5e5e5;}
#picUL .pic_01s img{ max-width: 100%; height: auto; }
@media (min-width:1200px) 
{
   #picUL .pic_02{ height: 50px; line-height: 50px; font-size: 15px;}
   #picUL li{ margin-top: 15px; }
   #picULs li{ margin-top: 15px; }
   #picULs .pic_02{ height: 50px; line-height: 50px; font-size: 15px;}
}
@media (min-width:1601px) 
{
   #picUL li{ margin-top: 20px; }
   #picUL .pic_02{ height: 60px; line-height: 60px; font-size: 16px;} 
   #picULs li{ margin-top: 20px; }
   #picULs .pic_02{ height: 60px; line-height: 60px; font-size: 16px;} 
}
#proUL{ overflow: hidden; }
#proUL li{ margin-top: 25px; }
#proUL a{ width: 100%; float: left; padding: 10px; border: solid 1px #e5e5e5;}
.prolit{ height:30px; line-height: 30px; overflow: hidden; color: rgba(57,57,57,0.6); }
#proUL .pic_02{ height: 36px; line-height: 36px; font-size: 13px; overflow: hidden; }
#proUL .pic_03{ line-height: 20px; height: 40px; overflow: hidden; color: rgba(57,57,57,0.8); }
#proUL .pic_04{ overflow: hidden; margin-top: 6px;}
#proUL .pic_04 span{ float: left; height: 22px; line-height: 22px; color: rgba(57,57,57,0.6); background:url(../Image/more2.png) no-repeat right center; padding-right: 25px;}
@media (min-width:992px) 
{
    #proUL li{ margin-top: 30px; }
}
@media (min-width:1200px) 
{
    #proUL a{ padding: 20px; }
    #proUL .pic_02{ font-size: 15px; }
    #proUL .pic_04{ margin-top: 15px; }
}
@media (min-width:1200px) 
{
    #proUL a{ padding: 25px; }
    #proUL .pic_02{ font-size: 16px; }
    #proUL .pic_03{ line-height: 23px; height: 46px; }
    #proUL .pic_04{ margin-top: 20px; }
    .prolit{ height: 36px; line-height: 36px; }
}
#proUL a:hover{ background: #1fc15e; color: #fff;}
#proUL a:hover .prolit{ color: #fff; }
#proUL a:hover .pic_03{ color: #fff; }
#proUL a:hover .pic_04 span{ color: #fff; background:url(../Image/more2h.png) no-repeat right center;}
.proinfos{ background: #fff; padding: 10px; }
.proinfo_img{ overflow: hidden; text-align: center; }
.proinfo_img img{ max-width: 100%; }
.proinfo_txt{ margin-top: 20px; }
.proinfo_p1{ height:40px; line-height: 40px; overflow: hidden; font-size: 18px;}
.proinfo_p2{ line-height: 2; color: rgba(57,57,57,0.6); margin-top: 10px;}
.proinfo_p3{ overflow: hidden; margin-top: 15px;}
.proinfo_p3 a{ width: 100%; font-size: 14px;  float: left; height: 45px; line-height: 45px; padding: 0px 20px; background: #2e9fff; color: #fff; }
.proinfo_p3 a i{ margin-right: 15px; float: left; }
.proinfo_p3 a i.iconfont{ font-size: 20px; }
.proinfo_p3 a span{ float: left;}
.proinfo_p3 a b{ float: left; font-size: 18px;}
.proinfo_p4{ overflow: hidden; margin-top: 15px; }
.proinfo_p4 a{ width: 100%; float: left; font-size: 16px; border-radius: 5px; height: 50px; line-height: 50px; padding: 0px 20px; background: #1fc15e; color: #fff; }
.proinfo_p4 a i{ margin-right: 15px; float: left; }
.proinfo_p4 a i.iconfont{ font-size: 20px; }
.proinfo_p4 a span{ float: left;}
.proinfo_p5{ font-size: 13px; margin-top: 10px;}
.proinfo_p5 a{ color: #2e9fff; }
.proinfot{ overflow: hidden; height: 60px; line-height: 60px; }
.proinfot a{ width: 30%; float: left; text-align: center; font-size: 15px; font-weight: bold;}
.proinfot a:hover{ color: #2e9fff;}
.proinfot a.on{ color: #2e9fff;}
.proinfo_imgs{ overflow: hidden; text-align: center; }
.proinfo_imgs img{ max-width: 100%; }
.page_prow{ overflow: hidden; margin-top:10px; background: #fff; padding: 10px;}
#page_prow3{ background: none; padding: 0px;}
.page_prowt{ font-size: 22px; text-align: center;}
.page_prowc{ line-height: 2; font-size: 13px; margin-top:20px;}
.page_prowc img{ max-width: 100%; }
.pageys{ background: url(../Image/prop_img3.jpg) no-repeat top center; color: #fff; overflow: hidden; padding: 28px 0px;}
.pageyst{ font-size: 22px; text-align: center;}
.pageysul{ overflow: hidden; margin-top: 10px; padding: 0px 10px;}
.pageysul li{ margin-top: 15px; background-repeat: no-repeat; background-position: left center; padding-left: 95px; }
.pageysp1{ height: 40px; line-height: 40px; overflow: hidden; font-size: 17px; font-weight: bold; }
.pageysp2{ height: 40px; line-height: 40px; color: rgba(255,255,255,0.8); font-size: 13px; overflow: hidden;}
.pageysul li:nth-child(1){ background-image: url(../Image/ysicon1.png); }
.pageysul li:nth-child(2){ background-image: url(../Image/ysicon2.png); }
.pageysul li:nth-child(3){ background-image: url(../Image/ysicon3.png); }
.pageysul li:nth-child(4){ background-image: url(../Image/ysicon4.png); }
.cqimg{ margin-top: 20px; text-align: center;}
.cqimg img{ max-width: 100%; }
.wlfw{ overflow: hidden; margin-top: 10px; }
.wlfw li{ overflow: hidden; margin-top: 15px; }
.wlfw_img{ width: 35%; float: left; }
.wlfw_img img{ width: 100%; }
.wlfw_txt{ width: 60%; float: right; }
.wlfw_p1{ height: 36px; line-height: 36px; overflow: hidden; font-size: 17px; }
.wlfw_p2{line-height: 20px; height: 80px; overflow: hidden; color: rgba(57,57,57,0.6); }
.tjpro{ margin-top: 30px; }
.tjprot{ font-size: 22px; }
.tjproc{ overflow: hidden; margin-top: 20px; }
.tjpro_img{ border: solid 1px #e5e5e5; }
.tjpro_txt{ height: 36px; line-height: 36px; overflow: hidden; text-align: center; }
.proinfopps{ margin-top: 40px; overflow:hidden;}
.proinfopps a{ color: #fff; }
.proinfoppsa1{ padding: 0px 30px; font-size: 16px; height: 48px; line-height: 48px; background: #20c068;  color: #fff; float: left;}
.proinfoppsa1 i{ margin-right: 10px; }
.proinfoppsa2{ padding: 0px 30px; font-size: 16px; height: 48px; line-height: 48px; background: #2e9fff;  color: #fff; float: left; margin-left: 12px; }
.proinfoppsa2 i{ margin-right: 10px; }
.proinfoppsa1:hover{ color: #fff; }
.proinfoppsa2:hover{ color: #fff; }
@media (min-width:768px) 
{
    .proinfo_img{ width: 50%; float: left; }
    .proinfo_txt{ width: 46%; float: right; margin-top: 0px; }
    .pageysul li{ width: 50%; float: left; }
    .wlfw_img{ width: 25%; }
    .wlfw_txt{ width: 72%; }
    .wlfw_p2{ margin-top: 15px; }
    .proinfos{ overflow:hidden; padding: 15px; }
    .proinfot{ height: 70px; line-height: 70px; }
    .page_prow{ padding: 15px; }
}
@media (min-width:992px) 
{
    .wlfw li{ width:48%; float: left; margin-right: 2%;}
    .wlfw_p2{ margin-top: 5px; }
}
@media (min-width:1200px) 
{
    .proinfo_img{ width: 50%;}
    .proinfo_txt{ width: 46%;}
    .proinfos{ padding: 25px; }
    .page_prow{ margin-top: 15px;padding: 25px; }
    .page_prowt{ font-size: 28px; }
    .page_prowc{ font-size: 15px; }
    .pageysul{ width: 80%; margin:25px auto 0px;  }
    .pageysul li{ margin-top: 20px; }
    .wlfw{ margin-top: 30px; }
    .wlfw_img{ width: 35%; }
    .wlfw_txt{ width: 62%; }
    .wlfw_p2{ margin-top: 20px; line-height: 24px; height: 99px;}
    .proinfot{ height: 80px; line-height: 80px; }
    .proinfot a{ font-size: 17px; }
    .pageys{ padding: 40px 0px; }
    .pageyst{ font-size: 28px; }
    .proinfo_p1{ height: 50px; line-height: 50px; font-size: 22px; }
    .proinfo_p5{ font-size: 15px; }
    .proinfo_p3 a{ height: 55px; line-height: 55px; font-size: 16px;}
    .proinfo_p4 a{ width: 40%; height: 55px; line-height: 55px; font-size: 18px; padding: 0px 35px;}
    .yjsx_txt{ width: 50%; float: left; line-height: 2.5; margin-top: 30px; }
    .yjsx_img{ width: 40%; float: right; }
    .yjsx_img img{ max-width: 100%; }
}
@media (min-width:1601px) 
{
    .proinfos{ padding: 60px 37px; }
    .proinfot{ height: 120px; line-height: 120px; }
    .page_prowt{ font-size: 36px; }
    .pageysul{ width: 80%; margin:25px auto 0px;  }
    .pageysul li{ margin-top: 20px; }
    .wlfw{ margin-top: 30px; }
    .wlfw_img{ width: 35%; }
    .wlfw_txt{ width: 62%; }
    .wlfw_p2{ margin-top: 20px; line-height: 24px; height: 99px;}
    .proinfo_p1{ height: 60px; line-height: 60px; font-size: 20px; }
    .proinfo_p3{ margin-top: 45px; }
    .proinfo_p4{ margin-top: 25px; }
    .proinfo_p3 a{ height: 65px; line-height: 65px; font-size: 18px; padding: 0px 28px; }
    .proinfo_p3 a b{ font-size: 25px; }
    .proinfo_p4 a{ width: 40%; height: 70px; line-height: 70px; font-size: 18px; padding: 0px 35px;}
    .proinfo_p5{ font-size: 16px; margin-top: 25px;}
    .proinfot a{  font-size: 20px; font-weight: bold;}
    .page_prow{ margin-top:20px; padding: 60px 37px; }
    .page_prowc{ margin-top: 50px; font-size: 16px;}
    .pageys{ padding: 100px 0px; }
    .pageyst{ font-size: 36px; }
    .pageysp1{ font-size: 22px; }
    .pageysp2{ font-size: 15px; }
    .pageysul li{ margin-top: 40px; }
    .cqimg{ margin-top: 50px; }
    .wlfw{ margin-top: 60px; }
    .wlfw li{ width: 46%; margin-right: 4%; }
    .wlfw_img{ width: 40%; }
    .wlfw_txt{ width: 55%; }
    .wlfw_p1{ font-size: 22px; }
    .tjpro{ margin-top: 60px; }
    .tjprot{ font-size: 36px; }
    .tjproc{ margin-top: 50px; }
    .tjpro_txt{ height: 50px; line-height: 50px; font-size: 15px; }
    .yjsx_txt{ line-height: 2.8; margin-top: 50px; }
    .proinfopps{ margin-top: 50px; }
    .proinfoppsa1{ height: 52px; line-height: 52px; padding: 0px 36px;}
    .proinfoppsa2{ height: 52px; line-height: 52px; padding: 0px 36px;}
}
#indexNews1{ overflow: hidden; }
#indexNews1 li{ margin-top: 15px; padding-bottom: 15px; border-bottom: solid 1px #e5e5e5;}
.indexNews1p1{ height: 34px; line-height: 34px; font-size: 15px; overflow: hidden;}
.indexNews1p2{ color: rgba(57,57,57,0.6); }
.indexNews1p2 i{ margin-right: 3px; }
.indexNews1p3{ line-height: 20px; height: 60px; margin-top: 5px; overflow: hidden; color: #888; }
.indexNews1p4{ height: 40px; line-height: 40px; overflow: hidden;}
.indexNews1p4 i{ width: 20px; height: 3px; background: #1fc15e; float: left; margin-top: 18px; transition: all 0.3s; margin-right: 10px;}
.indexNews1p4 span{ float: left; }
@media (min-width:992px) 
{
    .indexNews1p1{ height: 38px; line-height: 38px; font-size: 16px; }
    .indexNews1p3{ line-height: 21px; height: 42px; }
}
@media (min-width:1200px) 
{
    #indexNews1 li{ margin-top: 20px; padding-bottom: 20px; }
    .indexNews1p1{ font-size: 17px; }
    #indexNews1 li a:hover .indexNews1p4 i{ width: 30px; }
    #indexNews1 li a:hover .indexNews1p4{ color:#1fc15e;  }
}
@media (min-width:1601px) 
{
    #indexNews1 li{ margin-top: 28px; padding-bottom: 28px; }
    .indexNews1p1{ font-size: 18px; height: 60px; line-height: 60px;}
    .indexNews1p3{ line-height: 26px; height: 52px; margin-top: 12px; }
    .indexNews1p4{ margin-top: 10px; }
}
#indexNews2{ overflow: hidden; }
#indexNews2 li{ margin-top: 15px; padding-bottom: 15px; border-bottom: solid 1px #e5e5e5;}
.indexNews2p1{ height: 40px; line-height: 40px; overflow: hidden; font-size: 16px; margin-top: 8px;}
.indexNews2p2{ line-height: 20px; height: 60px; overflow: hidden;  color: rgba(57,57,57,0.6); }
.indexNews2p3{ height: 40px; line-height: 40px; overflow: hidden; }
.indexNews2p3 i{ width: 20px; height: 3px; background: #1fc15e; float: left; margin-top: 18px; transition: all 0.3s; margin-right: 10px;}
.indexNews2p3 span{ float: left; }
@media (min-width:768px) 
{
    #indexNews2 li{ overflow: hidden; }
    .indexNews2_img{ width: 30%; float: left; }
    .indexNews2_txt{ width: 65%; float: right; }
}
@media (min-width:992px) 
{
    .indexNews2_img{ width: 21%; }
    .indexNews2_txt{ width: 75%; }
}
@media (min-width:1200px) 
{
    #indexNews2 li{ margin-top: 20px; padding-bottom: 20px; }
    .indexNews2_img{ width: 18%; }
    .indexNews2_txt{ width: 79%; }
    .indexNews2p1{ font-size: 17px; }
    .indexNews2p3{ margin-top: 10px; }
}
@media (min-width:1601px) 
{
    #indexNews2 li{ margin-top:30px; padding-bottom: 30px; }
    .indexNews2_img{ width: 21%; }
    .indexNews2_txt{ width: 76%; }
    .indexNews2p1{ font-size: 18px; height: 60px; line-height: 60px;}
    .indexNews2p2{ margin-top: 10px; line-height: 26px; height: 78px;}
    .indexNews2p3{ margin-top: 15px; }
}
#infoImage{ overflow: hidden; margin-top: 25px; text-align: center;}
#infoImage img{ max-width: 100%; }
#page_Title{ line-height: 1.6; font-size: 18px; text-align: center; }
.page_Info{ padding: 12px 5px; border-bottom: solid 1px #e5e5e5; margin-top:15px;}
.page_Info span{ margin-right: 15px; }
.page_Info span i{ margin-right: 5px; }
.page_Content{ padding: 5px; line-height: 2; font-size: 13px; margin-top: 20px;}
@media (min-width:1200px) 
{
    #page_Title{ font-size: 22px; }
    .page_Info{ overflow: hidden; padding: 15px 10px; margin-top: 30px;}
    .page_Info span{ float: left; }
    .page_Share{ float: right; }
    .page_Content{ font-size: 15px; }
}
@media (min-width:1601px) 
{
    #page_Title{ font-size: 25px; }
    .page_Info{ overflow: hidden; padding: 18px 10px; margin-top: 40px;}
    .page_Info span{ float: left; }
    .page_Share{ float: right; }
    .page_Content{ font-size: 16px; margin-top: 30px;}
}
.sfirmul{ margin-top:15px; overflow:hidden; }
.sfirmul li{ padding-top: 10px; padding-right: 55px; padding-bottom: 15px; border-bottom: solid 1px #e5e5e5; overflow:hidden; position: relative;}
.sfirmul li span{ width: 40px; height: 40px; line-height: 40px; color: #e6e6e6; text-align: center; position: absolute; top: 50%; margin-top: -20px; right: 0px; }
.sfirmul li span.iconfont{ font-size:20px; }
#firms{ background-repeat:no-repeat; background-position: top center; padding: 30px 0px;}
.sfirm{ margin-top: 25px; overflow: hidden; }
.nhyzxs{ margin-top: 20px; overflow: hidden; }
.nhyzxs_img{ border: solid 1px #e5e5e5; }
.nhyzxs_txt{ height: 36px; line-height: 36px; overflow: hidden; text-align: center;}
.smess{ margin-top: 25px; background: #4885db; color: #fff; padding: 15px; overflow: hidden; }
.smessp1{ font-size: 18px; }
.smess_ul{ overflow: hidden; margin-top: 15px; }
.smess_ul li{ overflow: hidden; border-bottom: solid 1px #7AA5E1; }
.smess_InputText{ width: 100%; height: 45px; line-height: 45px; color: #fff; background:none; padding: 0px 12px; }
.smess_captcha{ width: 120px; height: 45px; line-height: 45px; color: #fff; background:none; padding: 0px 12px; float: left; }
.smess_img{ float: left; cursor: pointer; height: 24px; margin-top: 8px; margin-left: 5px; }
.smess_But{ width: 30%; cursor: pointer; text-align: center; font-size: 14px; height: 31px; margin-top: 7px; border-radius: 15px; float: right; background: #ffce0c; color:#4885db;  }
.smess_ul li input::-webkit-input-placeholder { /* WebKit browsers 閫傞厤璋锋瓕 */
    color: rgba(255,255,255,0.6);
}
.smess_ul li input:-moz-placeholder { /* Mozilla Firefox 4 to 18 閫傞厤鐏嫄 */
    color: rgba(255,255,255,0.6);
}
.smess_ul li input::-moz-placeholder { /* Mozilla Firefox 19+ 閫傞厤鐏嫄 */
    color: rgba(255,255,255,0.6);
}
.smess_ul li input:-ms-input-placeholder { /* Internet Explorer 10+  閫傞厤ie*/
    color: rgba(255,255,255,0.6);
}
.slxwm{ margin-top: 25px; overflow: hidden; background: #20c068; color: #fff; padding: 15px;  }
.smessp2{ color: rgba(255,255,255,0.8); margin-top: 10px;}
.slxwmc{ margin-top: 15px; }
.slxwmc p{ background: url(../Image/gsbgicon1.png) no-repeat left center; font-size: 13px; padding-left: 40px; line-height: 29px; margin-bottom: 15px;}
@media (min-width:992px) 
{
    .sfirmul li{ width: 48%; float: left; margin-left: 1%; margin-right: 1%; }
    .smess{ width: 48%; float: left; }
    .slxwm{ width: 48%; float: right; }
    .smessp2{ margin-top: 20px; }
    .slxwmc{ margin-top: 27px; }
}
@media (min-width:1200px) 
{
    .nhyzxs{ margin-top:30px; }
    .sfirm{ margin-top: 40px; }
    .smess{ margin-top: 30px; padding:30px;}
    .slxwm{ margin-top: 30px; padding:30px;}
    .slxwmc{ margin-top: 26px; }
    .smessp1{ font-size: 22px; }
    #firms{ padding: 0px 0px 60px 0px; }
    .nhyzxs_txt{ height: 46px; line-height: 46px; font-size: 15px; }
}
@media (min-width:1601px) 
{
    .nhyzxs{ margin-top:50px; }
    .smess{ margin-top: 50px; padding:40px 45px 60px 45px;}
    .slxwm{ margin-top: 50px; padding:40px 45px 60px 45px; }
    .smessp1{ font-size: 26px; }
    .slxwmc{ margin-top: 25px; }
    #firms{ padding: 20px 0px 120px 0px; }
    .nhyzxs_txt{ height: 56px; line-height: 56px; font-size: 16px; }
    .sfirm{ margin-top: 100px; }
}
.seek_job{ overflow:hidden;}
.seek_job li{ margin-top: 15px; overflow:hidden; }
.seek_t1{ font-size: 13px; width: 100%; float: left; margin-bottom: 10px; }
.G_InputText{ width: 100%; height: 42px; line-height: 42px; float: left; border:solid 1px #e5e5e5; padding: 0px 12px; border-radius: 4px;}
.G_textarea{ width: 100%; height: 120px; line-height: 30px; float: left; border:solid 1px #e5e5e5; padding: 0px 12px; border-radius: 4px;}
.seek_t1s{ float: left; height: 42px; line-height: 42px; font-size: 13px;}
.G_captcha{ float: left; height: 42px; line-height: 42px; border:solid 1px #e5e5e5; padding: 0px 12px; border-radius: 4px; width: 130px;}
.G_img{ float: left; margin-top: 10px; margin-left: 6px; cursor: pointer; }
.G_But{ width:60%; background: #1fc15e; color: #fff; font-size: 14px; text-align: center; height: 42px; line-height: 42px; border-radius: 6px;}
@media (min-width:768px) 
{
    .seek_t1{ width: auto; line-height: 42px; margin-bottom: 0px;}
    .G_InputText{ width: 70%; }
    .G_textarea{ width: 70%; }
}
@media (min-width:1200px) 
{
    .messages{ width: 60%; float: left; }
    .messages_img{ width: 35%; float: right; }
    .messages_img img{ max-width: 100%; }
    .seek_t1{ font-size: 14px; }
    .G_But{ width: 45%; }
}
@media (min-width:1601px) 
{
    .messages{ margin-top: 20px; }
    .messages_img{ margin-top: 20px; }
    .G_InputText{ height: 55px; line-height: 55px; }
    .seek_t1{ line-height: 55px; font-size: 16px;}
    .G_textarea{ width: 70%; }
    .G_But{ height: 60px; line-height: 60px; font-size: 16px; }
}


#cultures .main-timeline{
    padding: 150px 0 0;
    position: relative;
    display: inline-block;
}
#cultures .main-timeline:before,
#cultures .main-timeline:after{
    content: '';
    height: 30px;
    width: 50px;
    background: #909090;
    border-radius: 50%;
    transform: translateX(-50%);
    position: absolute;
    left: 50%;
    top: 0;
    z-index: 2;
}
#cultures .main-timeline:after{
    top: auto;
    bottom: -10px;
}
#cultures .main-timeline .timeline{
    width: 52.2%;
    float: left;
    display: block;
    position: relative;
    z-index: 1;
}
#cultures .main-timeline .timeline-content{
    color: #000;
    border-right: 50px solid #E5E5E5;
    padding: 40px 30px 20px 0;
    display: block;
    position: relative;
}
#cultures .main-timeline .timeline-content:hover{ text-decoration: none; }
#cultures .main-timeline .timeline-content:before,
#cultures .main-timeline .timeline-content:after{
    content: '';
    background-color: #1fc15e;
    height: 80px;
    width: 50px;
    border-radius: 23px;
    position: absolute;
    right: -50px;
    top: 30px;
}
#cultures .main-timeline .timeline-content:before{
    background-color: #047a74;
    height: 30px;
    border-radius: 50%;
    z-index: 1;
}
#cultures .main-timeline .title{
    color: #fff;
    background-color: #1fc15e;
    font-weight: 800;
    font-size: 20px;
    padding: 10px 25px;
    margin: 0 0 35px 0;
    -webkit-clip-path: polygon(95% 0, 100% 50%, 95% 100%, 0 100%, 0 0);
    clip-path: polygon(95% 0, 100% 50%, 95% 100%, 0 100%, 0 0);
}
#cultures .main-timeline .inner-content{
    padding-right: 150px;
    position: relative;
}
#cultures .main-timeline .timeline-icon{
    color: #fff;
    background-color: #1fc15e;
    font-size: 50px;
    text-align: center;
    line-height: 100px;
    height: 100px;
    width: 100px;
    border-radius: 50%;
    position: absolute;
    right: 0;
    top: 5px;
}
#cultures .main-timeline .description{
    font-size: 14px;
    text-align: justify;
    letter-spacing: 1px;
    min-height: 120px;
}
#cultures .main-timeline .timeline:nth-child(odd){ margin-top: -12%; }
#cultures .main-timeline .timeline:nth-child(even){
    float: right;
    width: 52.15%;
    margin-top: -12%;
}
#cultures .main-timeline .timeline:nth-child(even) .timeline-content{
    border-right: 0 solid transparent;
    border-left: 50px solid #E5E5E5;
    padding: 40px 0 20px 30px;
}
#cultures .main-timeline .timeline:nth-child(even) .timeline-content:before,
#cultures .main-timeline .timeline:nth-child(even) .timeline-content:after{
    right: auto;
    left: -50px;
}
#cultures .main-timeline .timeline:nth-child(even) .inner-content{
    padding-right: 0;
    padding-left: 150px;
}
#cultures .main-timeline .timeline:nth-child(even) .title{
    padding: 10px 25px 10px 40px;
    -webkit-clip-path: polygon(5% 0, 100% 0, 100% 100%, 5% 100%, 0 50%);
    clip-path: polygon(5% 0, 100% 0, 100% 100%, 5% 100%, 0 50%);
}
#cultures .main-timeline .timeline:nth-child(even) .timeline-icon{
    right: auto;
    left: 0;
}
#cultures .main-timeline .timeline:nth-child(4n+2) .timeline-icon,
#cultures .main-timeline .timeline:nth-child(4n+2) .title,
#cultures .main-timeline .timeline:nth-child(4n+2) .timeline-content:after{
    background-color: #FF534F;
}
#cultures .main-timeline .timeline:nth-child(4n+2) .timeline-content:before{
    background-color: #a02724;
}
#cultures .main-timeline .timeline:nth-child(4n+3) .timeline-icon,
#cultures .main-timeline .timeline:nth-child(4n+3) .title,
#cultures .main-timeline .timeline:nth-child(4n+3) .timeline-content:after{
    background-color: #9642A4;
}
#cultures .main-timeline .timeline:nth-child(4n+3) .timeline-content:before{
    background-color: #6d167c;
}
#cultures .main-timeline .timeline:nth-child(4n+4) .timeline-icon,
#cultures .main-timeline .timeline:nth-child(4n+4) .title,
#cultures .main-timeline .timeline:nth-child(4n+4) .timeline-content:after{
    background-color: #FAB030;
}
#cultures .main-timeline .timeline:nth-child(4n+4) .timeline-content:before{
    background-color: #ba7807;
}
@media screen and (max-width:1200px){
    #cultures .main-timeline{ padding: 130px 0 0; }
    #cultures .main-timeline .timeline{ width: 52.66%; }
    #cultures .main-timeline .timeline:nth-child(even){ width: 52.66%; }
}
@media screen and (max-width:990px){
    #cultures .main-timeline{ padding: 100px 0 0; }
    #cultures .main-timeline .timeline{ width: 53.5%; }
    #cultures .main-timeline .timeline:nth-child(even){ width: 53.5%; }
    #cultures .main-timeline .inner-content{
        padding-right: 120px;
    }
    #cultures .main-timeline .timeline:nth-child(even) .inner-content{
        padding-left: 120px;
    }
}
@media screen and (max-width:767px){
    #cultures .main-timeline{ padding: 17px 0 0; }
    #cultures .main-timeline:before,
    #cultures .main-timeline:after{
        transform:translateX(0);
        left: 0;
    }
    #cultures .main-timeline:after{
        top: auto;
        bottom: -10px;
    }
    #cultures .main-timeline .timeline:nth-child(odd){
        margin-top: 0;
    }
    #cultures .main-timeline .timeline,
    #cultures .main-timeline .timeline:nth-child(even){
        width: 100%;
        margin-top: 0;
        float: right;
    }
    #cultures .main-timeline .timeline .title{
        padding: 10px 25px 10px 30px;
        -webkit-clip-path: polygon(5% 0, 100% 0, 100% 100%, 5% 100%, 0 50%);
        clip-path: polygon(5% 0, 100% 0, 100% 100%, 5% 100%, 0 50%);
    }
    #cultures .main-timeline .timeline-icon{
        right: auto;
        left: 0;
    }
    #cultures .main-timeline .inner-content{
        padding-right: 0;
        padding-left: 150px;
    }
    #cultures .main-timeline .timeline-content:before,
    #cultures .main-timeline .timeline-content:after{
        right: auto;
        left: -50px;
    }
    #cultures .main-timeline .timeline-content{
        border-right: 0 solid transparent;
        border-left: 50px solid #E5E5E5;
        padding: 40px 0 20px 30px;
    }
}
@media screen and (max-width:479px){
    #cultures .main-timeline .timeline .title,
    #cultures .main-timeline .timeline:nth-child(even) .title{
        font-size: 16px;
        padding: 10px 5px 10px 25px;
    }
    #cultures .main-timeline .timeline:nth-child(even) .inner-content,
    #cultures .main-timeline .inner-content{
        padding-right: 0;
        padding-left: 15px;
    }
    #cultures .main-timeline .timeline:nth-child(even) .timeline-icon,
    #cultures .main-timeline .timeline-icon{
        transform:scale(0.7);
        right: auto;
        left: -107px;
    }
}
@media (min-width:1601px) 
{
    #cultures .main-timeline .description{ font-size: 16px; min-height: 160px; }
    #cultures .main-timeline .timeline{ width: 51.5%; }
    #cultures .main-timeline .timeline-content{ border-right: 52px solid #E5E5E5; }
    #cultures .main-timeline:before, .main-timeline:after{ width: 52px; margin-left: -5px; }
}

#fzlcs{ position: relative; margin-bottom: 30px; }
#fzlcs .main-timeline{ font-family: 'Roboto', sans-serif; }
#fzlcs .main-timeline:after{
    content: '';
    display: block;
    clear: both;
}
#fzlcs .main-timeline:before{
    content: '';
    height: 100%;
    width: 2px;
    border: 2px solid rgba(0,0,0,0.03);
    transform: translateX(-50%);
    position: absolute;
    left: 50%;
    top: 30px;
}
#fzlcs .main-timeline .timeline{
    width: 50%;
    padding: 100px 70px 0 25px;
    margin: 0 50px 0 0;
    float: left;
    position: relative;
}
#fzlcs .main-timeline .timeline-content{
    padding: 15px 15px 15px 40px;
    border: 2px solid #1fc15e;
    border-radius: 15px 0 15px 15px;
    display: block;
    position: relative;
}
#fzlcs .main-timeline .timeline-content:hover{ text-decoration: none; }
#fzlcs .main-timeline .timeline-content:after{
    content: '';
    background-color: #1fc15e;
    height: 18px;
    width: 15px;
    position: absolute;
    right: -15px;
    top: -2px;
    clip-path: polygon(100% 0, 0 0, 0 100%);
}
#fzlcs .main-timeline .timeline-year{
    color: #fff;
    background-color: #1fc15e;
    font-size: 32px;
    font-weight: 900;
    text-align: center;
    line-height: 98px;
    height: 100px;
    width: 100px;
    border-radius: 50%;
    position: absolute;
    right: -120px;
    top:-85px;
}
#fzlcs .main-timeline .timeline-year:after{
    content: '';
    height: 130px;
    width: 130px;
    border: 8px solid #1fc15e;
    border-left-color: transparent;
    border-radius: 50%;
    transform: translateX(-50%) translateY(-50%) rotate(-20deg);
    position: absolute;
    left: 50%;
    top: 50%;
}
#fzlcs .main-timeline .timeline-icon{
    color: #fff;
    background-color: #1fc15e;
    font-size: 25px;
    text-align: center;
    line-height: 50px;
    height: 50px;
    width: 50px;
    border-radius: 50%;
    transform: translateY(-50%);
    position: absolute;
    top: 50%;
    left: -25px;
    transition: all 0.3s;
}
#fzlcs .main-timeline .title{
    color: #222;
    font-size: 20px;
    font-weight: 900;
    text-transform: uppercase;
    letter-spacing: 1px;
    margin: 0 0 7px 0;
}
#fzlcs .main-timeline .description{
    color: #222;
    font-size: 15px;
    letter-spacing: 1px;
    text-align: justify;
    margin: 0 0 5px;
}
#fzlcs .main-timeline .timeline:nth-child(even){
    padding: 100px 25px 0 70px;
    margin: 0 0 0 50px;
    float: right;
}
#fzlcs .main-timeline .timeline:nth-child(even) .timeline-content{
    padding: 15px 40px 15px 15px;
    border-radius: 0 15px 15px 15px;
}
#fzlcs .main-timeline .timeline:nth-child(even) .timeline-content:after{
    transform: rotateY(180deg);
    right: auto;
    left: -15px;
}
#fzlcs .main-timeline .timeline:nth-child(even) .timeline-year{
    right: auto;
    left: -120px;
}
#fzlcs .main-timeline .timeline:nth-child(even) .timeline-year:after{
    transform: translateX(-50%) translateY(-50%) rotate(200deg);
}
#fzlcs .main-timeline .timeline:nth-child(even) .timeline-icon{
    left: auto;
    right: -25px;
}
#fzlcs .timeline:nth-child(4n+2) .timeline-content,
#fzlcs .timeline:nth-child(4n+2) .timeline-year:after{
    border-color: #9E005D;
}
#fzlcs .timeline:nth-child(4n+2) .timeline-year:after{ border-left-color: transparent; }
#fzlcs .timeline:nth-child(4n+2) .timeline-content:after,
#fzlcs .timeline:nth-child(4n+2) .timeline-icon,
#fzlcs .timeline:nth-child(4n+2) .timeline-year{
    background-color: #9E005D;
}
#fzlcs .timeline:nth-child(4n+3) .timeline-content,
#fzlcs .timeline:nth-child(4n+3) .timeline-year:after{
    border-color: #f24f0e;
}
#fzlcs .timeline:nth-child(4n+3) .timeline-year:after{ border-left-color: transparent; }
#fzlcs .timeline:nth-child(4n+3) .timeline-content:after,
#fzlcs .timeline:nth-child(4n+3) .timeline-icon,
#fzlcs .timeline:nth-child(4n+3) .timeline-year{
    background-color: #f24f0e;
}
#fzlcs .timeline:nth-child(4n+4) .timeline-content,
#fzlcs .timeline:nth-child(4n+4) .timeline-year:after{
    border-color: #2c9eff;
}
#fzlcs .timeline:nth-child(4n+4) .timeline-year:after{ border-left-color: transparent; }
#fzlcs .timeline:nth-child(4n+4) .timeline-content:after,
#fzlcs .timeline:nth-child(4n+4) .timeline-icon,
#fzlcs .timeline:nth-child(4n+4) .timeline-year{
    background-color: #2c9eff;
}
@media screen and (max-width:767px){
    #fzlcs .main-timeline:before{ display: none; }
    #fzlcs .main-timeline .timeline{
        width: 100%;
        padding-top: 80px;
        padding-right: 12px;
        margin-bottom: 20px;
    }
    #fzlcs .main-timeline .timeline:nth-child(even){
        padding-left: 10px;
        padding-top: 80px;
        margin-bottom: 20px;
    }
    #fzlcs .main-timeline .timeline-content,
    #fzlcs .main-timeline .main-timeline .timeline:nth-child(even) .timeline-content{
        background-color: #fff;
        padding-top: 25px;
    }
    #fzlcs .main-timeline .timeline-content:after{ display: none; }
    #fzlcs .main-timeline .timeline-year{
        font-size: 24px;
        line-height: 70px;
        height: 70px;
        width: 70px;
        right: 0;
        top: -65px;
    }
    #fzlcs .main-timeline .timeline-year:after{ display: none; }
    #fzlcs .main-timeline .timeline:nth-child(even) .timeline-year{ left: 3px; }
}
@media screen and (max-width:567px){
    #fzlcs .main-timeline .title{ font-size: 18px; }
}
@media (min-width:1601px) 
{
    #fzlcs .main-timeline .description{ font-size: 16px; line-height: 1.8; }
}
.searchs{ overflow:hidden; }
.hsearch-text{ width: 70%; outline: none; padding: 0px 15px; float: left;  height: 40px; line-height: 40px; border: solid 1px #e5e5e5;}
.hsearch-btn{ float: left; background: #1fc15e; color: #fff; height: 40px; line-height: 40px; width: 20%; cursor: pointer;}
.searchlist{ overflow:hidden; margin-top: 20px; }
.searchlist li{ margin-top: 15px; overflow:hidden; position: relative; padding-right: 40px; border-bottom: solid 1px #e5e5e5;}
.searchlist li span{ float: left; width: 100%; height: 40px; line-height: 40px; overflow:hidden;}
.searchlist li i{ width: 40px; height: 40px; line-height: 40px; text-align: center; position: absolute; right: 0px; top: 0px;}
@media (min-width:768px) 
{
    .searchs{ width: 60%; }
}
@media (min-width:1200px) 
{
    .searchs{ width: 45%; }
    .hsearch-text{ height: 50px; line-height: 50px; }
    .hsearch-btn{ height: 50px; line-height: 50px; }
    .searchlist li{ padding-right: 50px; }
    .searchlist li span{ height: 50px; line-height: 50px; font-size: 15px;}
    .searchlist li i{ width: 50px; height: 50px; line-height: 50px; }
}
@media (min-width:1601px) 
{
    .searchlist{ margin-top: 40px; }
}

/*******Css prev_next*******/
#prev_next{margin: 30px auto 10px;clear: both;overflow: hidden; }
#prev_next li{margin: 10px 0;}
#prev_next li i{ margin-right: 5px; color: #888;}
#prev_next li a:hover{ color: #1fc15e; }
#prev_next li a{ font-weight: bold; color:#1fc15e; }
#prev_nexts{margin: 30px auto 10px;clear: both;overflow: hidden; }
#prev_nexts li{margin: 10px 0;}
#prev_nexts li i{ margin-right: 5px; color: #888;}
#prev_nexts li a:hover{ color: #2e9fff; }
#prev_nexts li a{ font-weight: bold; color:#2e9fff; }
@media (min-width:1601px) 
{
  #prev_next{ margin: 50px auto 20px; font-size: 16px;}
  #prev_nexts{ margin: 50px auto 20px; font-size: 16px;}
}
/*css digg style pagination*/
div.digg{ margin:10px auto; text-align:center; float:right; display: inline;}
div.digg a{border:#dedede 1px solid; padding:3px 10px; margin:3px; color:#666; display: inline-block;}
div.digg a:hover{border:#1fc15e 1px solid;color:#fff; background: #1fc15e;}
div.digg a:active{border:#1fc15e 1px solid;color:#fff; background: #1fc15e;}
div.digg span.current{border:solid 1px #1fc15e;padding:3px 15px; font-weight:bold; margin:3px; color:#fff; background-color:#1fc15e; display: inline-block;}
div.digg span.disabled{border:#dedede 1px solid;padding:3px 10px;margin:3px;color:#ddd;  display: inline-block;}
div.digg select{ border:#dedede 1px solid; padding:3px 0px; display: inline-block;}