@charset "utf-8";
.iconfont {
  font-family: "iconfont" !important;
  font-size: 16px;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
@font-face {
  font-family: 'iconfont';  /* Project id 1901876 */
  src: url('//at.alicdn.com/t/font_1901876_1c9ocusdz4hi.woff2?t=1646380184000') format('woff2'),
       url('//at.alicdn.com/t/font_1901876_1c9ocusdz4hi.woff?t=1646380184000') format('woff'),
       url('//at.alicdn.com/t/font_1901876_1c9ocusdz4hi.ttf?t=1646380184000') format('truetype');
}

body{}
/*****  font-display: swap;  字体延迟加载*****/
a{outline:none;  color:#333;text-decoration:none;-webkit-transition:all .3s;-moz-transition:all .3s;-o-transition:all .3s;transition:all .3s;-ms-transition:all .3s;}
a:focus{outline:none;}
a:link,a:visited{text-decoration:none;}
a:hover{color:#acce22;text-decoration:none;}
img,li{border:0;vertical-align:top;}
img{max-width:100%;}
.clear{clear:both;width:0;height:0;font-size:0;line-height:0;}
*{margin:0;padding:0;}
ul{list-style-type:none;}
dd,dt,h5,img,li,ul{margin:0;padding:0;}
b,body,dd,div,form,h5,h6,html,img,input,li,p,pre,td,ul{margin:0 auto;padding:0;font-family:'Microsoft YaHei',Arial, Tahoma, Geneva, Verdana, sans-serif;}
h1,h2,h3,h4,dt{font-family:'Microsoft YaHei',Arial, Tahoma, Geneva, Verdana, sans-serif;}
input:visited,input:focus,input,textarea,button:visited,button:focus,textarea:visited,textarea:focus{border:none;outline: none;}
.clearfix:after,.clearfix:before{display:table;content:" ";}
.clearfix:after{clear:both;}
@media screen and (min-width:768px){
    .carousel-caption{top:35%;bottom:auto;}
    .carousel-caption h3{margin-bottom:35px;font-size:67px;}
    .carousel-caption p{margin-bottom:35px;font-size:18px;}
    .carousel-caption a{padding:15px 30px;border:solid 1px #e57d06;border-radius:3px;background:#e57d06;font-size:14px;}
}
.noinfo{font-size:16px;text-align:center;margin-top:20px;}
.item .img{overflow:hidden;}
.item .img img{width:100%;-webkit-transition:all .3s;-moz-transition:all .3s;-o-transition:all .3s;transition:all .3s;-ms-transition:all .3s;}
.item .img:hover img{-webkit-transform: scale(1.1);-moz-transform: scale(1.1);transform: scale(1.1);-o-transform: scale(1.1);-ms-transform: scale(1.1);}

.container{width:1230px;}
@media screen and (min-width:1px ) and (max-width:1229px) {
    .container{width:100%;}
}
@media screen and (min-width:1px ) and (max-width:991px) {
}

#search{position:relative;}
#search #sform{width:280px;position:absolute;top:100%;right:0;display:none;background-color:#acce22;z-index:10;}
#search #stext{float:left;border:none;width:calc(100% - 50px);background-color:#acce22;height:50px;padding-left:10px;color:#fff;}
#search #sbut{font-size:24px;border:none;padding:0;background-color:#acce22;width:50px;height:50px;color:#fff;}
#search #sbut>i{display:inline-block;width:50px;height:50px;line-height:50px;font-size:24px;}

#search1{float:right;}
#search1 #sform1{width:500px;border-radius:5px;}
#search1 #stext1{float:left;border:none;width:calc(100% - 90px);background-color:#f6f6f6;height:45px;padding-left:10px;border-radius:5px 0 0 5px;}
#search1 #sbut1{font-size:24px;border:none;padding:0;background-color:#acce22;width:90px;height:45px;color:#fff;border-radius:0 5px 5px 0;}
#search1 #sbut1>i{display:inline-block;width:45px;height:45px;line-height:45px;font-size:24px;}

header{background-color:rgba(102,102,102,0.6);position:fixed;top:0;width:100%;z-index:999;-webkit-transition:all .3s;-moz-transition:all .3s;-o-transition:all .3s;transition:all .3s;-ms-transition:all .3s;}
header #top{-webkit-transition:all .3s;-moz-transition:all .3s;-o-transition:all .3s;transition:all .3s;-ms-transition:all .3s;}
header .navigation{-webkit-transition:all .3s;-moz-transition:all .3s;-o-transition:all .3s;transition:all .3s;-ms-transition:all .3s;}
header #logo img{-webkit-transition:all .3s;-moz-transition:all .3s;-o-transition:all .3s;transition:all .3s;-ms-transition:all .3s;}
header #Menu ul>li{-webkit-transition:all .3s;-moz-transition:all .3s;-o-transition:all .3s;transition:all .3s;-ms-transition:all .3s;}
header #Menu ul>li>a{-webkit-transition:all .3s;-moz-transition:all .3s;-o-transition:all .3s;transition:all .3s;-ms-transition:all .3s;}
header #Menu .topshare{-webkit-transition:all .3s;-moz-transition:all .3s;-o-transition:all .3s;transition:all .3s;-ms-transition:all .3s;}

header.fixhead{position:fixed;width:100%;border-bottom:solid 1px #eaeaea;top:0;background-color:rgba(102,102,102,1);}
header.fixhead #top{}
header.fixhead .navigation{}
header.fixhead #logo img{}
header.fixhead #Menu ul>li{}
header.fixhead #Menu ul>li>a{}

#top{background-image: linear-gradient(to right,#acce22 70%,#e62129 70%);padding:13px 50px;overflow:hidden;}
#top .left{float:left;width:70%;font-size:14px;line-height:24px;}
#top .left span{display:inline-block;margin-right:20px;color:#fff;}
#top .left span>a{color:#fff;}
#top .left span>i{margin-right:10px;}
#top .right{float:right;width:30%;text-align:right;color:#fff;line-height:24px;}
#top .right a.link{display:inline-block;width:130px;height:24px;background-color:#fff;color:#e62129;border-radius:50px;text-align:center;margin-left:20px;}
.navigation{padding:0 0 0 50px;position:relative;}

@media (min-width:1430px) and (max-width:1629px) {
    .navigation{padding-left:1vw;}
}
@media (min-width:1230px) and (max-width:1429px) {
    #top{background-image: linear-gradient(to right,#acce22 65%,#e62129 65%);padding:13px 15px;}
    .navigation{padding:0 0 0 20px;position:relative;}
}
@media (min-width:992px) and (max-width:1229px) {
    #search #sform{top:50px;}
    #search #stext{width:calc(100% - 40px);height:40px;}
    #search #sbut{width:40px;height:40px;}
    #search #sbut>i{width:40px;height:40px;line-height:40px;}
    
    #top{background-image: linear-gradient(to right,#acce22 50%,#e62129 50%);padding:8px 15px;}
    #top .left{width:50%;}
    #top .right{width:50%;}
    .navigation{padding:0 0 0 15px;position:relative;}

    #Menu ul>li#search{padding-left:10px;padding-right:10px;}

}
@media (min-width:768px) and (max-width:991px) {
    header{position:relative;background-color:#fff;}
    .navigation{padding:0 15px;position:relative;}
}
@media (min-width:1px) and (max-width:767px)
{
    header{position:relative;background-color:#fff;}
    .navigation{padding:0 15px;position:relative;}
}

#logo{float:left;padding:13px 0;}
#logo img{height:54px;}
#Menu{float:right;position:initial;}
#Menu .topshare{text-align:right;}
#Menu:after{content:"";clear:both;display:table;}
#Menu ul.menunav{text-align:right;position:initial;}
#Menu ul.menunav>li{display:inline-block;padding:20px 40px 20px;}
#Menu ul.menunav>li.toptel{line-height:40px;font-size:24px;color:#fff;font-weight:bold;vertical-align:top;}
#Menu ul.menunav>li.toptel>i{font-size:28px;line-height:40px;margin-right:8px;vertical-align:top;}
#Menu ul>.open,#Menu ul>.open,#Menu ul>.active,#Menu ul>.active,#Menu ul>li:hover{background-color:#fff;}
#Menu ul.menunav>li.toptel:hover{color:#acce22}
#Menu ul>li{}
#Menu ul>li.logo{display:none;}
#Menu ul>li.logo>a{padding:0;}
#Menu ul>li#search{position:relative;padding-left:20px;padding-right:20px;}
#Menu ul>li#search>a{font-size:24px;color:#fff;}
#Menu ul>li#search:hover>a{color:#acce22;}
#Menu ul>li>a{position:relative;display:block;font-size:18px;line-height:40px;color:#fff;}
#Menu ul>.open>a,#Menu ul>.open>a:focus,#Menu ul>.open>a:hover,#Menu ul>.active>a,#Menu ul>.active>a:hover{color:#acce22;}
#Menu ul>li:hover>a,#Menu ul>li.active:hover>a{color:#acce22;}
#Menu ul>li.dropdown>a>i{display:inline-block;-webkit-transition:all .2s;-moz-transition:all .2s;-o-transition:all .2s;transition:all .2s;-ms-transition:all .2s;}
#Menu ul>li.dropdown:hover>a>i{
transform:rotate(180deg);
-ms-transform:rotate(180deg); 	/* IE 9 */
-moz-transform:rotate(180deg); 	/* Firefox */
-webkit-transform:rotate(180deg); /* Safari 和 Chrome */
-o-transform:rotate(180deg);}

#Menu ul>li ul.dropdown-menu{background:#acce22;margin-top:-1px;border-radius:0;display:none;}
#Menu ul>li ul.dropdown-menu>li{float:initial;width:100%;margin:0;}
#Menu ul>li ul.dropdown-menu>li>a{line-height:24px; color:#222; font-size:13px; border-bottom:solid 1px #fff;padding:6px 15px;display:block;}
#Menu ul>li ul.dropdown-menu>li>a>i{font-size:14px;}
#Menu ul>li ul.dropdown-menu>li>a:hover{background:#fff;color:#acce22;}

#Menu ul>li{position:initial;}
#Menu ul>li:hover ul.dropdown-menu{display:block; z-index:9999; background:#ffffff; }

/*产品下拉导航*/
#Menu .dropdownList{position:absolute;background-color:#fafafa;width:100%;left:0;z-index:9999;top:100%;display:flex;padding-top:40px;padding-bottom:40px;display:none;}
#Menu .dropdown:hover .dropdownList{display:flex;}
#Menu .dropdownList .item{text-align:left;width:100%;padding-left:20px;padding-right:20px;}
#Menu .dropdownList .item:not(:last-child){border-right:2px solid #eee;}
#Menu .dropdownList .item dl dt{font-size:20px;margin-bottom:10px;}
#Menu .dropdownList .item dl dt img{margin-bottom:20px;}
#Menu .dropdownList .item dl dd{font-size:16px;padding:5px 0;line-height:20px;}
#Menu .dropdownList .item:nth-child(3n) dl dt>a{color:#5ccf82;}
#Menu .dropdownList .item:nth-child(3n+1) dl dt>a{color:#529cf8;}
#Menu .dropdownList .item:nth-child(3n+2) dl dt>a{color:#f17d7e;}

#top_lang li{margin-left:20px;}
#top_lang li a{font-size:22px; color:#333333; text-transform:uppercase; line-height:80px;}

/*手机导航*/
header #menu_btn{ width: 28px; height: 20px; float: right; margin-top: 30px; cursor: pointer; position: relative; display: none;}
header #menu_btn>.menu_btn_top{ position:absolute; top:5px; left:50%; width:28px; height:3px; border-radius:1.5px; background:#acce22; -webkit-transition:top .3s,background-color .3s,transform .3s cubic-bezier(.5,.2,.6,1.4),-o-transform .3s cubic-bezier(.5,.2,.6,1.4),-ms-transform .3s cubic-bezier(.5,.2,.6,1.4),-moz-transform .3s cubic-bezier(.5,.2,.6,1.4),-webkit-transform .3s cubic-bezier(.5,.2,.6,1.4);transition:top .3s,background-color .3s,transform .3s cubic-bezier(.5,.2,.6,1.4),-o-transform .3s cubic-bezier(.5,.2,.6,1.4),-ms-transform .3s cubic-bezier(.5,.2,.6,1.4),-moz-transform .3s cubic-bezier(.5,.2,.6,1.4),-webkit-transform .3s cubic-bezier(.5,.2,.6,1.4);-webkit-transform:translate(-50%,-50%) rotate(0);-moz-transform:translate(-50%,-50%) rotate(0);-o-transform:translate(-50%,-50%) rotate(0);transform:translate(-50%,-50%) rotate(0);-ms-transform:translate(-50%,-50%) rotate(0);}
header #menu_btn>.menu_btn_med{ position:absolute; top:15px; left:50%; width:28px; height:3px; border-radius:1.5px; background:#acce22; -webkit-transition:top .3s,background-color .3s,transform .3s cubic-bezier(.5,.2,.6,1.4),-o-transform .3s cubic-bezier(.5,.2,.6,1.4),-ms-transform .3s cubic-bezier(.5,.2,.6,1.4),-moz-transform .3s cubic-bezier(.5,.2,.6,1.4),-webkit-transform .3s cubic-bezier(.5,.2,.6,1.4);transition:top .3s,background-color .3s,transform .3s cubic-bezier(.5,.2,.6,1.4),-o-transform .3s cubic-bezier(.5,.2,.6,1.4),-ms-transform .3s cubic-bezier(.5,.2,.6,1.4),-moz-transform .3s cubic-bezier(.5,.2,.6,1.4),-webkit-transform .3s cubic-bezier(.5,.2,.6,1.4);-webkit-transform:translate(-50%,-50%) rotate(0);-moz-transform:translate(-50%,-50%) rotate(0);-o-transform:translate(-50%,-50%) rotate(0);transform:translate(-50%,-50%) rotate(0);-ms-transform:translate(-50%,-50%) rotate(0);}
header #menu_btn>.menu_btn_bot{ position:absolute; top:25px; left:50%; width:28px; height:3px; border-radius:1.5px; background-color:#acce22; -webkit-transition:top .3s,background-color .3s,transform .18s cubic-bezier(.5,.2,.6,1.4) .12s,-o-transform .18s cubic-bezier(.5,.2,.6,1.4) .12s,-ms-transform .18s cubic-bezier(.5,.2,.6,1.4) .12s,-moz-transform .18s cubic-bezier(.5,.2,.6,1.4) .12s,-webkit-transform .18s cubic-bezier(.5,.2,.6,1.4) .12s;transition:top .3s,background-color .3s,transform .18s cubic-bezier(.5,.2,.6,1.4) .12s,-o-transform .18s cubic-bezier(.5,.2,.6,1.4) .12s,-ms-transform .18s cubic-bezier(.5,.2,.6,1.4) .12s,-moz-transform .18s cubic-bezier(.5,.2,.6,1.4) .12s,-webkit-transform .18s cubic-bezier(.5,.2,.6,1.4) .12s;-webkit-transform:translate(-50%,-50%) rotate(0);-moz-transform:translate(-50%,-50%) rotate(0);-o-transform:translate(-50%,-50%) rotate(0);transform:translate(-50%,-50%) rotate(0);-ms-transform:translate(-50%,-50%) rotate(0);}
header #menu_btn.show>.menu_btn_top{ top:50%; background:#acce22; -webkit-transform:translate(-50%,-50%) rotate(135deg); -moz-transform:translate(-50%,-50%) rotate(135deg); -o-transform:translate(-50%,-50%) rotate(135deg); transform:translate(-50%,-50%) rotate(135deg); -ms-transform:translate(-50%,-50%) rotate(135deg);}
header #menu_btn.show>.menu_btn_med{ top:50%; background:#acce22; -webkit-transform:translate(-50%,-50%) rotate(135deg); -moz-transform:translate(-50%,-50%) rotate(135deg); -o-transform:translate(-50%,-50%) rotate(135deg);transform:translate(-50%,-50%) rotate(135deg); -ms-transform:translate(-50%,-50%) rotate(135deg);}
header #menu_btn.show>.menu_btn_bot{ top:50%; background:#acce22; -webkit-transform:translate(-50%,-50%) rotate(45deg); -moz-transform:translate(-50%,-50%) rotate(45deg); -o-transform:translate(-50%,-50%) rotate(45deg);transform:translate(-50%,-50%) rotate(45deg); -ms-transform:translate(-50%,-50%) rotate(45deg);}

@media (min-width:1430px) and (max-width:1629px) {
    #Menu ul.menunav > li{padding:20px 25px 20px;}
}
@media (min-width:1230px) and (max-width:1429px) {
    #Menu ul.menunav>li{padding:20px;}
    #Menu ul>li>a{font-size:16px;}
    
    #Menu ul.menunav>li.toptel{font-size:20px;}
}
@media (min-width:992px) and (max-width:1229px) {
    
    #search1 #sform1{width:300px;}
    #search1 #stext1{height:40px;width:calc(100% - 60px);}
    #search1 #sbut1{height:40px;width:60px;}
    #search1 #sbut1>i{height:40px;line-height:40px;width:40px;}
    
    header #logo img{height:40px;}
    #logo{padding:10px 0;}
    #Menu ul>li{padding-bottom:10px;}
    #Menu ul.menunav>li{padding:15px 12px;}
    #Menu ul>li>a{font-size:14px;line-height:30px;}
    
    #Menu ul.menunav>li.toptel{font-size:18px;line-height:30px;padding:15px 10px;}
    #Menu ul.menunav>li.toptel>i{font-size:24px;line-height:30px;}
}
@media (min-width:768px) and (max-width:991px){    
    #top{display:none;}
    #Menu{padding:0px;}
    #Menu .topshare{display:none;}
    #logo{width:100%;margin-bottom:0;}
    #logo img{height:50px;}
    header #menu_btn{ display: block;margin-top:10px;float:right;}
    
    #search1 #sform1{width:300px;}
    #search1 #stext1{height:35px;width:calc(100% - 50px);}
    #search1 #sbut1{height:35px;width:50px;}
    #search1 #sbut1>i{height:35px;line-height:35px;width:35px;font-size:18px;}
    
    #Menu ul.menunav>li.toptel{font-size:20px;}
}
@media (min-width:1px) and (max-width:767px) {
    #top{display:none;}
    #Menu{padding:0px;}
    #Menu .topshare{display:none;}
    #logo{width:100%;margin-bottom:0;}
    #logo img{height:50px;}
    header #menu_btn{ display: block;margin-top:10px;float:right;}
    
    #search1 {width:100%;}
    #search1 #sform1{width:100%;margin-top:10px;}
    #search1 #stext1{height:35px;width:calc(100% - 50px);}
    #search1 #sbut1{height:35px;width:50px;}
    #search1 #sbut1>i{height:35px;line-height:35px;width:35px;font-size:18px;}
}
@media (min-width:1px) and (max-width:991px) {
    header .navbar-brand img{margin:0;width:200px;}
    #Menu{width:220px;position:fixed;left:-220px;top: 0px; bottom: 0px; background: #acce22; z-index: 99999; overflow-x:hidden;overflow-y:auto;transition:all .5s ease;padding-top:0;}
    #Menu.show{left:0;}
    #Menu .container{padding:0;}
    #Menu .tel{display:none;}
    #Menu ul.menunav{margin:0;}
    #Menu ul.menunav>li.logo{display:block;}
    #Menu ul.menunav{ display: block; padding: 0px; text-align: left;overflow:hidden;}
    #Menu ul.menunav>li{width:100%; padding:0 15px; margin:15px 0 0;}
    #Menu ul.menunav>li:nth-child(1){width:100%; padding:5px 15px; text-align: center;border-bottom:1px solid #fff;margin:0;background-color:#fff;}
    #Menu ul.menunav>li:nth-child(1)>a{padding: 0;}
    #Menu ul.menunav>li:nth-child(1)>a>img{height:50px;}
    #Menu ul.menunav>li>a{font-size:16px;padding:0px;font-weight:bold;background-color:transparent !important;color: #f5f5f5 !important;}
    #Menu ul.menunav>li>a:hover:after,#Menu ul>.open>a:after{opacity:0;}
    #Menu ul>.open>a,#Menu ul>.open>a:focus,#Menu ul>.open>a:hover,#Menu ul>.active>a,#Menu ul>.active>a:hover{border-bottom:none;}
    #Menu ul>li ul.dropdown{position:relative;}
    #Menu ul>li ul.dropdown-menu{width:100%;position:relative;display:block;background-color:transparent;box-shadow:none;border:none;padding-left:0;overflow:hidden;min-width: inherit; }
    #Menu ul>li ul.dropdown-menu>li{ width:100%;height:auto;line-height:24px;background:none;text-align:left;margin: 0px;}
    #Menu ul>li ul.dropdown-menu>li>a{ position:inherit;color:#fff; font-size:13px;line-height:18px;padding:3px 0;white-space:initial;border:none;letter-spacing:0;}
    #Menu ul>li ul.dropdown-menu>li>a:hover{background-color:#acce22;color:#fff;}
    #Menu ul>li ul.dropdown-menu>li>a>i{float:left;}

    #Menu .dropdownList{position:relative;background-color:transparent;border:none;display:block;padding:10px 0 0;}
    #Menu .dropdown:hover .dropdownList{display:block;}
    #Menu .dropdownList .item{padding:0;}
    #Menu .dropdownList .item:first-child{display:none;}
    #Menu .dropdownList .item:not(:last-child){border:none;}
    #Menu .dropdownList .item dl{margin-bottom:10px;}
    #Menu .dropdownList .item dl dt{padding-left:10px;font-size:14px;font-weight:normal;margin-bottom:5px;}
    #Menu .dropdownList .item dl dt>a{color:#fff;}
    #Menu .dropdownList .item dl dt>a:before{content:"\e7f9";font-family:iconfont;}
    #Menu .dropdownList .item dl dt img{display:none;}
    #Menu .dropdownList .item dl dd{padding-left:20px;}
    #Menu .dropdownList .item dl dd>a{color:#fff;font-size:13px;line-height:18px;}
    #Menu .dropdownList .item dl dd>a:before{content:"\e7f9";font-family:iconfont;}
    
    #Menu .dropdownList .item:nth-child(3n) dl dt>a{color:#fff;}
    #Menu .dropdownList .item:nth-child(3n+1) dl dt>a{color:#fff;}
    #Menu .dropdownList .item:nth-child(3n+2) dl dt>a{color:#fff;}

    #Menu ul.menunav>li.lang{display:block;}
    #Menu ul.menunav>li.lang>a{display:inline-block;margin-right:30px;}
    #Menu ul.menunav>li#search>a{display:none;}
    #Menu ul.menunav>li#search #sform{display:block;position:relative;top:initial;right:initial;background-color:#fff;width:100%;border:1px solid #fff;}
    #Menu ul.menunav>li#search #stext{width:80%;background-color:#fff;height:30px;line-height:30px;color:#333;}
    #Menu ul.menunav>li#search #sbut{width:20%;height:30px;line-height:30px;}
    #Menu ul.menunav>li#search #sbut>i{height:30px;line-height:30px;width:30px;font-size:18px;vertical-align:top;}
    
    #Menu ul.menunav>li.toptel{font-size:20px;}
}

#bframe{overflow:hidden;}
#bframe img{max-width:100%;display:block;margin:0 auto;}
#ibframe{position:relative;z-index:1;}
#ibframe img{max-width:100%;display:block;margin:0 auto;}
#ibframe .carousel-indicators li{width:35px;height:4px;margin:0 5px;border:none;background-color:#fff;opacity:0.5;border-radius:0;}
#ibframe .carousel-indicators li.active{opacity:1;}
#slidershow .carousel-control{background-image:none;text-shadow:none;top:50%;margin-top:-26px; height:50px;}
#slidershow .carousel-control>i{font-size:48px;color:#acce22;}
#slidershow .left{}
#ibframe .linklist{position:relative;}
#ibframe .linklist>a.link{position:absolute;bottom:110px;width:272px;height:64px;}
#ibframe .linklist>a.link.canton{left:calc(50% - 290px);}
#ibframe .linklist>a.link.facebook{left:calc(50% + 15px);}

@media (min-width:992px) and (max-width:1229px) {
    #ibframe .linklist>a.link{bottom:56px;width:145px;height:35px;}
    #ibframe .linklist>a.link.canton{left:calc(50% - 152px);}
    #ibframe .linklist>a.link.facebook{left:calc(50% + 8px);}
}
@media (min-width:768px) and (max-width:991px) {
    #ibframe .carousel-indicators{margin-bottom:0;bottom:0;}
    
    #ibframe .linklist>a.link{bottom:45px;width:115px;height:30px;}
    #ibframe .linklist>a.link.canton{left:calc(50% - 120px);}
    #ibframe .linklist>a.link.facebook{left:calc(50% + 8px);}
}
@media (min-width:1px) and (max-width:767px)
{
    #bframe{display:none;}

    #ibframe .carousel-indicators{margin-bottom:0;bottom:0;}

    #ibframe .linklist>a.link{bottom:20px;width:52px;height:15px;}
    #ibframe .linklist>a.link.canton{left:calc(50% - 53px);}
    #ibframe .linklist>a.link.facebook{left:calc(50% + 3px);}
}


.frame{padding-top:50px;padding-bottom:20px;}
.frame .title{margin-bottom:40px;text-align:center;}
.frame .title h2{font-size:38px;margin-bottom:30px;margin-top:0;font-weight:bold;}
.frame .title p{font-size:16px;}
@media screen and (min-width:992px ) and (max-width:1229px) {
    .frame{padding-top:20px;padding-bottom:20px;}
    .frame .title{margin-bottom:30px;}
    .frame .title h2{font-size:30px;margin-bottom:20px;}
    .frame .title p{font-size:16px;}
}
@media (min-width:768px) and (max-width:991px) {
    .frame{padding-top:25px;padding-bottom:25px;}
    .frame .title{margin-bottom:20px;}
    .frame .title h2{font-size:24px;margin-bottom:15px;}
    .frame .title p{font-size:14px;}
}
@media (max-width:767px){
    .frame{padding-top:25px;padding-bottom:25px;}
    .frame .title{margin-bottom:15px;}
    .frame .title h2{font-size:20px;margin-bottom:15px;}
    .frame .title p{font-size:14px;}
}

#frame1 {background:url(../images/bg.jpg) no-repeat center 30px;padding-bottom:50px;}
#frame1 .left{width:50%;float:left;}
#frame1 .title{text-align:left;margin-bottom:15px;}
#frame1 .title h2{font-size:30px;}
#frame1 .context{font-size:15px;line-height:1.8;margin-bottom:30px;text-align:justify;text-indent:2em;}
#frame1 .list{display:flex;justify-content:space-between;}
#frame1 .list .txt{display:inline-block;text-align:center;margin:0 20px 0 0;}
#frame1 .list .txt:nth-child(4){margin-right:0;}
#frame1 .list p{color:#acce22;font-size:30px;}
#frame1 .list h4{font-size:14px;color:#a3a3a3;}
#frame1 .imglist{overflow:hidden;float:right;width:46%;padding-top:50px;}
#frame1 .imglist .img{}
#frame1 .imglist .img img{-webkit-transition:all .3s;-moz-transition:all .3s;-o-transition:all .3s;transition:all .3s;-ms-transition:all .3s;}
#frame1 .imglist .img:hover img{-webkit-transform: scale(1.1);-moz-transform: scale(1.1);transform: scale(1.1);-o-transform: scale(1.1);-ms-transform: scale(1.1);}
@media screen and (min-width:992px ) and (max-width:1229px) {
    #frame1 .context{line-height:30px;}
}
@media (min-width:768px) and (max-width:991px) {
    #frame1 .left{width:100%;}
    #frame1 .context{line-height:30px;}
    #frame1 .list .txt{margin:0 2%;}
    #frame1 .imglist{width:100%;}
}
@media (max-width:767px){
    #frame1 .left{width:100%;}

    #frame1 .context{line-height:24px;font-size:14px;}
    #frame1 .list{overflow:hidden;flex-wrap:wrap;}
    #frame1 .list .txt{width:40%;margin:0 5%;float:left;}
    #frame1 .list p{font-size:24px;}
    #frame1 .list h4{font-size:13px;}
    #frame1 .imglist{width:100%;}
    #frame1 .imglist .img{width:100%;}
}


#frame2{padding-bottom:0;}
#frame2 .catelist{overflow:hidden;}
#frame2 .catelist .item{width:33.33%;float:left;position:relative;}
#frame2 .catelist .item .img{overflow:hidden;}
#frame2 .catelist .item .txt{position:absolute;top:0;right:0;bottom:0;left:0;color:#fff;padding-left:45px;padding-top:50%;}
#frame2 .catelist .item .txt h4{font-size:22px;text-shadow:3px 3px 3px #333;}
#frame2 .catelist .item .txt i{font-size:36px;}
#frame2 .catelist .item a.link{position:absolute;top:0;right:0;bottom:0;left:0;}
#frame2 .catelist .item:hover img{filter:initial;-webkit-transform: scale(1.1);-moz-transform: scale(1.1);transform: scale(1.1);-o-transform: scale(1.1);-ms-transform: scale(1.1);}
@media screen and (min-width:992px ) and (max-width:1229px) {
    #frame2 .catelist .item .txt{padding-left:20px;}
}
@media (min-width:768px) and (max-width:991px) {
    #frame2 .catelist .item .txt{padding-left:20px;}
    #frame2 .catelist .item .txt h4{font-size:18px;}
}
@media (max-width:767px){
    #frame2 .title{padding:0 15px;}
    #frame2 .catelist .item{width:33.33%;}
    #frame2 .catelist .item img{filter:initial;}
    #frame2 .catelist .item .txt{padding-left:20px;}
    #frame2 .catelist .item .txt h4{font-size:16px;}
}

#frame3{overflow:hidden;}
#frame3 .CasesList{margin:0 -6px;overflow:hidden;padding-top:90px;padding-bottom:50px;}
#frame3 .CasesList .swiper-slide{width:25%;padding:0 6px;}
#frame3 .CasesList .item{position:relative;cursor:pointer;}
#frame3 .CasesList .item .txt{background-color:#acce22;margin-top:10px;}
#frame3 .CasesList .item .txt h4{font-size:16px;line-height:36px;margin:0;text-align:center;color:#fff;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}
#frame3 .CasesList .item .img{overflow:hidden;border:3px solid #fff;position:relative}
#frame3 .CasesList .item .img .box{position:absolute;width:calc(100% - 30px);height:calc(100% - 30px);transition:all 0.3s;transform:scale(0);}
#frame3 .CasesList .item:hover .img .box{top:15px;right:15px;bottom:15px;left:15px;background:rgba(172,206,34,0.6);transform:scale(1);}
#frame3 .CasesList .item:hover .img .box:before{content:"\eaef";font-family:iconfont;text-align:center;color:#fff;font-size:36px;position:absolute;left:50%;margin-left:-18px;top:50%;margin-top:-25px;}
#frame3 .CasesList .btnlist{display:block;text-align:center;margin-top:10px;position:relative;}
#frame3 .CasesList .btnlist .swiper-button{display:inline-block;margin:0 10px;}
#frame3 .CasesList .btnlist .swiper-button>i{font-size:36px;color:#fff;}
#frame3 .CasesList .btnlist .swiper-button.swiper-button-disabled>i{}
@media screen and (min-width:992px ) and (max-width:1229px) {
}
@media (min-width:768px) and (max-width:991px) {
}
@media (max-width:767px){
    #frame3 .CasesList{padding-top:40px;padding-bottom:40px;}
    #frame3 .CasesList .swiper-slide{width:50%;}
    #frame3 .CasesList .item .txt h4{font-size:14px;}
}

#frame4{}
#frame4 .NewsList{}
#frame4 .NewsList .item{position:relative;}
#frame4 .NewsList .item .txt .info{overflow:hidden;margin-bottom:15px;}
#frame4 .NewsList .item .txt .info .catename{font-size:14px;}
#frame4 .NewsList .item .txt .info .date{font-size:14px;float:right;}
#frame4 .NewsList .item .txt h4{font-size:18px;margin:0 0 15px;line-height:1.5;font-weight:bold}
#frame4 .NewsList .item .txt p{font-size:16px;line-height:28px;}
#frame4 .NewsList .item a.link{position:absolute;top:0;right:0;left:0;bottom:0;z-index:2;}
#frame4 .NewsList .item:hover .img img{-webkit-transform: scale(1.1);-moz-transform: scale(1.1);transform: scale(1.1);-o-transform: scale(1.1);-ms-transform: scale(1.1);}
#frame4 .NewsList .left{float:left;width:58%;padding-right:20px;}
#frame4 .NewsList .left .item .img{overflow:hidden;}
#frame4 .NewsList .left .item .txt{position:absolute;bottom:0;left:0;right:0;padding:20px 40px;background-color:rgba(0,0,0,0.8);color:#fff;}
#frame4 .NewsList .right{float:right;width:42%;}
#frame4 .NewsList .right .item2{box-shadow:0 0 3px #ccc;margin-bottom:15px;overflow:hidden;}
#frame4 .NewsList .right .item2 .img{position:absolute;top:0;bottom:0;right:0;left:0;opacity:0;}
#frame4 .NewsList .right .item2 .txt{padding:20px 30px;position:relative;z-index:1;}
#frame4 .NewsList .right .item2 .txt h4{margin:0 0 9px;}
#frame4 .NewsList .right .item2 .txt p{line-height:24px;height:48px;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;}
#frame4 .NewsList .right .item2:hover .img{opacity:1;}
#frame4 .NewsList .right .item2:hover .txt{background:rgba(0,0,0,0.41);}
#frame4 .NewsList .right .item2:hover .txt .info .catename{color:#fff;}
#frame4 .NewsList .right .item2:hover .txt .info .date{color:#fff;}
#frame4 .NewsList .right .item2:hover .txt h4{color:#fff;}
#frame4 .NewsList .right .item2:hover .txt p{color:#fff;}
@media screen and (min-width:992px ) and (max-width:1229px) {
    #frame4 .NewsList .left .item .txt{padding:20px;}
    #frame4 .NewsList .left .item .txt p{font-size:14px;line-height:20px;}
    #frame4 .NewsList .right .item2 .txt{padding:13px 15px;}
    #frame4 .NewsList .right .item2 .txt .info{margin-bottom:8px;}
    #frame4 .NewsList .right .item2 .txt h4{font-size:16px;margin-bottom:5px;}
    #frame4 .NewsList .right .item2 .txt p{font-size:14px;line-height:20px;height:40px;}
}
@media (min-width:768px) and (max-width:991px) {
    #frame4 .NewsList .left{width:54%;padding-right:25px;}
    #frame4 .NewsList .left .item .txt{padding:20px;}
    #frame4 .NewsList .left .item .txt h4{font-size:16px;}
    #frame4 .NewsList .left .item .txt p{font-size:14px;line-height:20px;height:40px;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;}
    #frame4 .NewsList .right{width:46%;}
    #frame4 .NewsList .right .item2 .txt{padding:13px 15px;}
    #frame4 .NewsList .right .item2 .txt .info{margin-bottom:8px;}
    #frame4 .NewsList .right .item2 .txt h4{font-size:14px;margin-bottom:5px;}
    #frame4 .NewsList .right .item2 .txt p{display:none;}
}
@media (max-width:767px){
    #frame4 .NewsList .left{width:100%;padding-right:0;}
    #frame4 .NewsList .left .item .txt{position:relative;}
    #frame4 .NewsList .left .item .txt{padding:13px 15px;}
    #frame4 .NewsList .left .item .txt .info{margin-bottom:8px;}
    #frame4 .NewsList .left .item .txt h4{font-size:14px;margin-bottom:5px;}
    #frame4 .NewsList .left .item .txt p{font-size:13px;line-height:18px;height:36px;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;}
    #frame4 .NewsList .right{width:100%;margin-top:15px;}
    #frame4 .NewsList .right .item2 .txt{padding:13px 15px;}
    #frame4 .NewsList .right .item2 .txt .info{margin-bottom:8px;}
    #frame4 .NewsList .right .item2 .txt h4{font-size:14px;margin-bottom:5px;}
    #frame4 .NewsList .right .item2 .txt p{display:none;}
}

#frame5{background-color:#f5f5f5;}
#frame5 .title{text-align:left;margin-bottom:20px;}
#frame5 .title h2{font-size:30px;margin-bottom:20px;}
#frame5 .swiper-container .swiper-wrapper{
    -webkit-transition-timing-function: linear; /*之前是ease-out*/
    -moz-transition-timing-function: linear;
    -ms-transition-timing-function: linear;
    -o-transition-timing-function: linear;
    transition-timing-function: linear;
}
#frame5 .list{}
#frame5 .list .swiper-slide{width:16.6666%;}
@media screen and (min-width:992px ) and (max-width:1229px) {
}
@media (min-width:768px) and (max-width:991px) {
}
@media (max-width:767px){
    #frame5 .title h2{font-size:20px;}
    #frame5 .list .swiper-slide{width:50%;}
}


#frame6{overflow:hidden;background-color:#f2f2f2;padding-bottom:50px;}
#frame6 .WorkshopList{margin:0 -9px;overflow:hidden;}
#frame6 .WorkshopList .swiper-slide{width:25%;padding:0 8px;}
#frame6 .WorkshopList .item{position:relative;cursor:pointer;}
#frame6 .WorkshopList .item .txt{background-color:#acce22;margin-top:10px;}
#frame6 .WorkshopList .item .txt h4{font-size:16px;line-height:36px;margin:0;text-align:center;color:#fff;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}
#frame6 .WorkshopList .item .img{overflow:hidden;position:relative}
#frame6 .WorkshopList .btnlist{text-align:center;margin-top:10px;position:relative;}
#frame6 .WorkshopList .btnlist .swiper-button{display:inline-block;margin:0 10px;}
#frame6 .WorkshopList .btnlist .swiper-button>i{font-size:36px;color:#acce22;}
#frame6 .swiper-container .swiper-wrapper{
    -webkit-transition-timing-function: linear; /*之前是ease-out*/
    -moz-transition-timing-function: linear;
    -ms-transition-timing-function: linear;
    -o-transition-timing-function: linear;
    transition-timing-function: linear;
}
@media screen and (min-width:992px ) and (max-width:1229px) {
}
@media (min-width:768px) and (max-width:991px) {
}
@media (max-width:767px){
    #frame6 {padding-bottom:20px;}
    #frame6 .WorkshopList{padding-top:40px;padding-bottom:40px;}
    #frame6 .WorkshopList .swiper-slide{width:50%;}
    #frame6 .WorkshopList .item .txt h4{font-size:14px;}
}


footer{padding-top:50px;padding-bottom:0;background:#6a6969;}
footer .foot_menu{overflow:hidden;padding-bottom:30px;}
footer #fck1{width:16%;float:left;padding-right:30px;}
footer #fck2{width:16%;float:left;padding-right:30px;}
footer #fck3{width:16%;float:left;padding-right:30px;}
footer #fck4{width:52%;float:left;}
footer #fck4 .img{float:left;width:250px;margin-right:30px;}
footer dl dt{font-size:18px;margin-bottom:20px;color:#fff;}
footer dl dd{padding:6px 0;overflow:hidden;}
footer dl dd p{font-size:14px;line-height:24px;padding-bottom:10px;color:#fff;}
footer dl dd p i{display:inline-block;margin-right:10px;vertical-align:middle;color:#fff;width:24px;text-align:center;}
footer dl dd a{font-size:14px;line-height:24px;color:#fff;display:inline-block;}
footer dl dd a:hover{text-decoration:underline;}
.footer_language{background:#fff; padding:15px 0px; text-align:center;}
.footer_language ul {display:flex;justify-content:space-between;}
.footer_language ul li {margin:0;}
.footer_language ul li a{font-size:14px; line-height:2em;}
.footer_language ul li a img{margin-top:5px;}
.footer_language ul li a span{font-size:14px; line-height:2em;}

.foot_by{padding:15px 0 15px;background-color:#000;}
.foot_by .footdiv{display:inline-block; font-size:14px; line-height:30px;color:#fff;}
.foot_by .footdiv a{ display:inline-block; font-size:14px; line-height:30px;color:#fff}
.foot_by .footdiv a:hover{text-decoration:underline;}
.foot_by .footdiv.fr{float:right;}
@media (min-width:992px) and (max-width:1229px) {
    footer{padding-top:30px;}
    footer #fck1{width:15%;}
    footer #fck2{width:15%;}
    footer #fck3{width:15%;}    
    footer #fck4{width:55%;}
    footer #fck4 .img{margin-right:20px;}
    footer dl dd{padding:6px 0;}
    footer .foot_menu{padding-bottom:0;}
    .foot_by{padding:10px 0;}
}
@media (min-width:768px) and (max-width:991px) {
    footer{padding-top:30px;padding-bottom:50px;}
    footer #fck1{width:33.33%;}
    footer #fck2{width:33.33%;}
    footer #fck3{width:33.33%;}    
    footer #fck4{width:100%;clear:left;margin-top:30px;}
    footer dl dd{padding:6px 0;}
    footer .foot_menu{padding-bottom:0;}
    .foot_by .footdiv{}
    .foot_by .footdiv.fr{}

    .foot_by{padding:6px 0;}
    .foot_by p{font-size:12px;}
    .foot_by p a{font-size:12px;}
}
@media (min-width:1px) and (max-width:767px) {
    footer{padding-top:30px;padding-bottom:50px;}
    footer #fck1{width:100%;}
    footer #fck2{width:100%;}
    footer #fck3{width:100%;}    
    footer #fck4{width:100%;clear:left;}
    footer #fck4 .img{width:100%;margin:0 0 15px;}
    footer dl dt{font-size:18px;margin-bottom:10px;}
    footer dl dt::after{content:"\e604";font-family:iconfont;margin-left:10px;font-size:16px;}
    footer dl dd{padding:6px 0;display:none;}
    footer dl dd p{font-size:14px;}
    footer .foot_menu{padding-bottom:0;}
    .foot_by .footdiv{display:block;text-align:center;font-size:12px;line-height:24px;}
    .foot_by .footdiv a{font-size:12px;}
    .foot_by .footdiv.fr{float:none;text-align:center;}

    .foot_by{padding:6px 0;}
    .foot_by p{font-size:12px;}
    .foot_by p a{font-size:12px;}
}
#friendLink {color:#fff;padding:15px 0;}
#friendLink a{display:inline-block;margin-left:10px;font-size:14px;color:#fff;}
#friendLink a:hover{text-decoration:underline;}

#mobMenu{min-height:50px;border:1px solid #dddddd;position:fixed;}
#mobMenu .foot_nav{width:25%;float:left;text-align:center;color: #898989;font-size:14px;}
#mobMenu .foot_nav i{display: block;padding: 3px 0px 0px 0px;font-size:18px;line-height:24px;}
#mobMenu .foot_nav .hamburger{position: inherit;float: none;margin: 0 auto;width:100%;}

#float{position:fixed;right:0;top:35%;z-index:5;}
#float dd{border:1px solid #fff;margin-bottom:6px;background-color:#fff;border:1px solid #ccc;}
#float dd a{text-align:center;display:block;width:48px;height:48px;line-height:48px;}
#float dd i{font-size:30px;color:#ccc;}
#float dd a:hover i{color:#acce22;}
#float dd{position:relative;}
#float dd .content{position:absolute;display:none;right:100%;top:0;width:180px;padding-right:10px;}
#float dd .img{border:1px solid #ddd;}
#float dd .number{width:max-content;}
#float dd .number .img{background-color:#fff;padding:10px 15px;font-size:16px;line-height:28px;}
#float dd .number b{font-size:20px;color:#acce22;display:inline-block;vertical-align:top;}
#float dd:hover .content{display:block;}
@media (min-width:1px) and (max-width:991px) {
    #float{display:none;}
}

/*共用*/
#Location{padding:10px 0;border-bottom:1px solid #e4e4e4;display:none;}
#Location .container{position:relative;}
#Location .container:before{content:"\e607";font-family:iconfont;display:inline-block;color:#acce22;font-size:18px;margin-right:6px;}
#Location i{color:#333;}
#Location a{color:#333;font-size:16px;}
#Location a:hover{color:#acce22;}
#Location span{color:#acce22;font-size:16px;}
.nframe{padding-top:50px;padding-bottom:50px;}
a.home{display:block;width:100px;height:100px;line-height:100px;background-color:#acce22;color:#fff;border-radius:50%;text-align:center;margin-top:-100px;position:relative;z-index:1;}
a.home>i{font-size:36px;}
@media (min-width:992px) and (max-width:1229px) {
    .nframe{padding-top:40px;padding-bottom:40px;}
    a.home{width:80px;height:80px;line-height:80px;margin-top:-80px;}
    a.home>i{font-size:30px;}
    
    #Location a{font-size:14px;}
}
@media (min-width:768px) and (max-width:991px) {
    .nframe{padding-top:30px;padding-bottom:30px;}
    a.home{display:none;}
    #Location a{font-size:14px;}
}
@media (min-width:1px) and (max-width:767px) {
    .nframe{padding-top:30px;padding-bottom:30px;}
    a.home{display:none;}
    #Location a{font-size:14px;}
}

/*左侧菜单*/
#left_nav{float:left;width:180px;}
#left_nav dl{margin:0;position:relative;margin-bottom:30px;}
#left_nav dl>dt{background-color:#878787;padding:12px 20px;font-size:20px;line-height:30px;color:#ffffff;}
#left_nav dl>dt>i{font-size:20px;margin-right:10px;}
#left_nav dl>dd{position:relative;margin-bottom:7px;}
#left_nav dl>dd>a{display:block;padding:5px 10px 5px 20px;font-size:14px;line-height:20px;color:#fff;background-color:#bfbfbf;}
#left_nav dl>dd.active>a,#left_nav dl>dd:hover>a{background-color:#acce22;color:#fff;}
#left_nav dl>dd ul{border-top:1px solid #ddd;display:none;}
#left_nav dl>dd ul>li>a{display:block;padding:4px 15px 4px 25px;font-size:14px;line-height:20px;}
#left_nav dl>dd ul>li.active>a,#left_nav dl>dd ul>li:hover>a{color:#acce22;}
#left_nav .prolist{}
#left_nav .prolist h2{background-color:#878787;padding:12px 20px;font-size:20px;line-height:30px;color:#ffffff;font-weight:bold;}
#left_nav .prolist h2>i{font-size:20px;margin-right:10px;}
#left_nav .prolist .item {margin-bottom:8px;}
#left_nav .prolist .item .img{border:1px solid #eee;margin-bottom:5px;}
#left_nav .prolist .item .txt h4{text-align:center;font-size:16px;line-height:1.5;margin:0;}
@media (min-width:992px) and (max-width:1229px) {
    #left_nav{width:22%;}
    #left_nav dl{}
    #left_nav dl>dd{}
    #left_nav dl>dd>a{padding:10px 15px;font-size:13px;line-height:20px;}
    #left_nav dl>dd ul>li>a{font-size:13px;line-height:20px;}
    #left_nav .prolist h2{font-size:18px;}
}
@media (min-width:768px) and (max-width:991px) {
    #left_nav{width:100%;position:relative;top:0;float:initial;}
    #left_nav dl{padding:0;}
    #left_nav dl::before{display:none}
    #left_nav dl>dt{display:block;}
    #left_nav dl>dt:before{content:"\e604";font-family:iconfont;float:right;}
    #left_nav dl>dd{display:none;padding:0;margin-top:5px;}
    #left_nav dl>dd:before{display:none;}
    #left_nav dl>dd>a{padding:10px 15px;font-size:13px;line-height:20px;}
    #left_nav dl>dd ul>li>a{font-size:12px;}

    #left_nav .prolist{display:none;}
    #left_nav .newslist{display:none;}
    #left_nav .downloadlist{display:none;}
}
@media (min-width:1px) and (max-width:767px) {
    #left_nav{width:100%;position:relative;top:0;float:initial;}
    #left_nav dl{padding:0;}
    #left_nav dl::before{display:none}
    #left_nav dl>dt{display:block;padding:10px 15px;font-size:20px;line-height:24px;}
    #left_nav dl>dt:before{content:"\e604";font-family:iconfont;float:right;}
    #left_nav dl>dd{display:none;padding:0;margin-top:5px;}
    #left_nav dl>dd:before{display:none;}
    #left_nav dl>dd>a{padding:10px 15px;font-size:13px;line-height:20px;}
    #left_nav dl>dd ul>li>a{font-size:12px;}

    #left_nav .prolist{display:none;}
    #left_nav .newslist{display:none;}
    #left_nav .downloadlist{display:none;}
}

/*右侧内容*/
#right_nav{float:right;width:calc(100% - 220px);}
#right_nav #Location{display:block;padding-top:0;margin-bottom:30px;}
#right_nav #Location a{display:inline-block;}
#right_nav #Location a>i{font-size:18px;color:#acce22;margin-right:5px;}
#right_nav #Location a:after{content:"》";margin:0 5px;}
.nframe .tit{margin-bottom:50px;text-align:center;}
.nframe .tit>h2{margin:0 0 20px;font-size:38px;font-weight:bold;}
.nframe .tit>h1{margin:0 0 20px;font-size:32px;line-height:36px;text-transform:uppercase;color:#acce22;}
.nframe .tit>p{font-size:16px;}
.nframe section{margin-bottom:50px;}
.nframe section .content{font-size:16px;line-height:28px;}
@media (min-width:992px) and (max-width:1229px) {
    #right_nav{width:76%;}
    .nframe .tit{margin-bottom:15px;}
    .nframe .tit>h2{font-size:24px;}
    .nframe .tit>h1{font-size:24px;}
}
@media (min-width:768px) and (max-width:991px) {
    #right_nav{float:initial;width:100%;}
    .nframe .tit{margin-bottom:15px;}
    .nframe .tit>h2{font-size:24px;}
    .nframe .tit>h1{font-size:24px;}
    .nframe section{margin-bottom:30px;}
    .nframe section .content{line-height:1.5;}
}
@media (min-width:1px) and (max-width:767px) {
    #right_nav{float:initial;width:100%;margin-top:20px;}
    #right_nav .context img{height:auto;}
    embed{max-width:100%;height:auto;}
    .nframe .tit{margin-bottom:10px;}
    .nframe .tit>h2{font-size:18px;line-height:24px;}
    .nframe .tit>h1{font-size:18px;line-height:24px;margin-bottom:10px;}
    .nframe .tit>p{font-size:14px;}
    .nframe section{margin-bottom:30px;}
    .nframe section .content{font-size:13px;line-height:24px;}
}

/*关于我们*/
.abprofile{overflow:hidden;}
.abprofile .pic{width:68%;float:right;}
.abprofile .box{width:32%;float:left;padding:2.5vw;}
.abprofile .box h3{color:#5c5c5c;font-size:36px;font-weight:bold;margin-top:40px;}
.abprofile .box h2{color:#7ab040;font-size:36px;font-weight:bold;margin-top:0;}
.abprofile .box h4{color:#7ab040;font-size:22px;margin-top:130px;margin-bottom:20px;}
.abprofile .box p{font-size:15px;line-height:2;margin-bottom:30px;text-indent: 2em;text-align: justify;}
.abprofile .box .img{margin-bottom:40px;}
.abprofile .box .content{font-size:14px;line-height:35px;margin-bottom:35px;text-align:justify;text-indent:2em;}
.abprofile .box a.more{display:inline-block;width:160px;height:45px;line-height:45px;color:#fff;text-align:center;font-size:16px;background-color:#acce22;}
#aboutframe .singlepage{overflow:hidden;padding-left:50px;padding-right:50px;}
#aboutframe .singlepage .item{position:relative;width:calc(50% + 75px);overflow:hidden;transform:skewX(-35deg);}
#aboutframe .singlepage .item .img img{transform: skewX(35deg);}
#aboutframe .singlepage .item:nth-child(1){margin-left:-100px;float:left;}
#aboutframe .singlepage .item:nth-child(1) .img img{margin-left:100px;}
#aboutframe .singlepage .item:nth-child(2){margin-right:-100px;float:right;}
#aboutframe .singlepage .item:nth-child(2) .img img{margin-left:-100px;}
#aboutframe .singlepage .item .img {}
#aboutframe .singlepage .item a.link{transform: skewX(35deg);z-index:1;position:absolute;top:0;left:0;bottom:0;right:0;}
#aboutframe .singlepage .item .txt{padding:30px 15%;color:#fff;}
#aboutframe .singlepage .item .txt h3{font-size:30px;text-shadow:3px 3px 3px #666;margin-bottom:15px;}
#aboutframe .singlepage .item .txt p{font-size:16px;}
#aboutframe .singlepage .item:nth-child(1) .txt{padding-left:20%;}
#aboutframe .jzg{}
#aboutframe .jzg .list{overflow:hidden;}
#aboutframe .jzg .list .item{width:25%;float:left;padding:0 50px;}
#aboutframe .jzg .list .item .txt{cursor:pointer;text-align:center;}
#aboutframe .jzg .list .item i.iconfont{display:inline-block;border:1px solid #acce22;color:#acce22;font-size:60px;border-radius:50%;text-align:center;width:148px;height:148px;line-height:148px;-webkit-transition:all 1s;-moz-transition:all 1s;-o-transition:all 1s;transition:all 1s;-ms-transition:all 1s;}
#aboutframe .jzg .list .item h3{font-size:18px;line-height:2;font-weight:bold;}
#aboutframe .jzg .list .item p{font-size:16px;line-height:1.5;}
#aboutframe .jzg .list .item:hover i.iconfont{transform:rotate(2turn);transition:all 2s;}
#aboutframe .advantage{margin-bottom:50px;}
#aboutframe .history{padding-top:60px;padding-bottom:60px;background-color:#f8f8f8;margin-bottom:50px;}
#aboutframe .history .item {overflow:hidden;}
#aboutframe .history .item .img{float:left;width:55%;overflow:hidden;}
#aboutframe .history .item .txt{float:right;width:45%;padding-left:45px;padding-top:60px;}
#aboutframe .history .item .txt h4{font-size:38px;line-height:1.5;margin-bottom:25px;font-weight:bold;}
#aboutframe .history .item .txt p{font-size:16px;line-height:30px;color:#9a9a9a;}
#aboutframe .history .item  h3{font-size:100px;color:#379a61;position:absolute;bottom:-150px;left:48%;font-weight:bold;}
#aboutframe .history .swiper-wrapper{margin-bottom:80px;}
#aboutframe .history .pointnav{position:relative;}
#aboutframe .history .pointnav:before{content:"";position:absolute;width:100%;height:2px;background-color:#eaecf4;top:26px;}
#aboutframe .history .swiper-pagination{text-align:left;padding-left:30px;position:relative;height:54px;line-height:54px;width:80%;margin:0;display:inline-block;}
#aboutframe .history .swiper-pagination .swiper-pagination-bullet{background-color:#acce22;opacity:1;margin:0 18px;width:12px;height:12px;}
#aboutframe .history .swiper-pagination .swiper-pagination-bullet-active{background-color:#379a61;}
#aboutframe .history .swiper-button{width:54px;height:54px;line-height:54px;text-align:center;background-color:#379a61;color:#fff;border-radius:50%;z-index:1;position:relative;}
#aboutframe .history .swiper-button>i{font-size:24px;}
#aboutframe .history .history-prev{float:left;}
#aboutframe .history .history-next{float:right;}
#aboutframe .certificate{padding:0 50px;}
#aboutframe .certificate .list{margin:0 -50px;position:relative;}
#aboutframe .certificate .swiper-slide{float:left;width:20%;padding:50px 50px 50px 50px;}
#aboutframe .certificate .swiper-slide.swiper-slide-active{margin-top:0;padding:0px;}
#aboutframe .certificate .swiper-slide.swiper-slide-next{padding:30px 0 30px 50px;}
#aboutframe .certificate .swiper-slide.swiper-slide-prev{padding:30px 50px 30px 0;}
#aboutframe .certificate .btnlist{}
#aboutframe .certificate .btnlist .swbtn{position:absolute;top:50%;margin-top:-25px;width:50px;height:50px;line-height:50px;display:inline-block;background-color:#acce22;color:#fff;border-radius:50%;text-align:center;}
#aboutframe .certificate .btnlist .swbtn.btn-prev{left:-50px;z-index:1;}
#aboutframe .certificate .btnlist .swbtn.btn-next{right:-50px;z-index:1;}
#aboutframe .certificate .btnlist .swbtn>i{font-size:24px;}

#abTeamList{position:relative;}
#abTeamList .list{position:relative;padding:0 10px;}
#abTeamList .item .img{border:1px solid #eee;}
#abTeamList .item .txt{text-align:center;padding:10px 0;}
#abTeamList .item .txt h4{font-size:16px;line-height:2;margin:0;}
#abTeamList .item .txt p{font-size:14px;line-height:20px;height:60px;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden;}
#abTeamList .btnlist .swbtn{position:absolute;top:50%;margin-top:-25px;width:50px;height:50px;line-height:50px;display:inline-block;background-color:#acce22;color:#fff;border-radius:50%;text-align:center;}
#abTeamList .btnlist .swbtn.btn-prev{left:-50px;z-index:1;}
#abTeamList .btnlist .swbtn.btn-next{right:-50px;z-index:1;}
#abTeamList .btnlist .swbtn>i{font-size:24px;}
@media (min-width:1430px) and (max-width:1630px){
    .abprofile .box h3{font-size:30px;}
    .abprofile .box h2{font-size:30px;}
    .abprofile .box h4{margin-top:40px;}
    .abprofile .box p{margin-bottom:20px;font-size:14px;}
}
@media (min-width:1230px) and (max-width:1429px){
    .abprofile .box h3{font-size:20px;}
    .abprofile .box h2{font-size:20px;}
    .abprofile .box h4{margin-top:15px;font-size:16px;margin-bottom:10px;}
    .abprofile .box p{margin-bottom:10px;font-size:13px;}
    #aboutframe .certificate .btnlist .swbtn.btn-prev{left:0;z-index:1;}
    #aboutframe .certificate .btnlist .swbtn.btn-next{right:0;z-index:1;}
}
@media (min-width:992px) and (max-width:1229px) {
    .abprofile .box h3{font-size:24px;}
    .abprofile .box h2{font-size:24px;}
    .abprofile .box h4{margin-top:20px;font-size:18px;margin-bottom:10px;}
    .abprofile .box p{margin-bottom:15px;font-size:13px;}
    
    .abprofile .pic{width:50%;}
    .abprofile .box{width:50%;padding:15px 15px;}
    #aboutframe .singlepage .item .txt h3{margin-top:10px;}
    #aboutframe .jzg .list .item{padding:0 20px;}

    #aboutframe .history .item .txt{padding-top:40px;}
    #aboutframe .history .item .txt h4{font-size:30px;}
    #aboutframe .history .item .txt p{font-size:14px;line-height:24px;}
    #aboutframe .history .item h3{font-size:80px;}

    #aboutframe .certificate .btnlist .swbtn.btn-prev{left:0;}
    #aboutframe .certificate .btnlist .swbtn.btn-next{right:0;}

    #abTeamList .btnlist .swbtn.btn-prev{left:0;}
    #abTeamList .btnlist .swbtn.btn-next{right:0;}
}
@media (min-width:768px) and (max-width:991px) {
    .abprofile{padding:15px;}
    .abprofile .pic{width:100%;}
    .abprofile .box{width:100%;padding:0;margin-top:20px;}
    .abprofile .box .img{margin-bottom:20px;}
    .abprofile .box .content{line-height:24px;}
    .abprofile .box a.more{height:35px;line-height:35px;font-size:14px;}
    
    .abprofile .box h3{font-size:20px;margin-top:0;}
    .abprofile .box h2{font-size:20px;}
    .abprofile .box h4{margin-top:20px;font-size:18px;margin-bottom:10px;}
    .abprofile .box p{margin-bottom:15px;font-size:13px;}

    #aboutframe .singlepage{padding-left:30px;padding-right:30px;}
    #aboutframe .singlepage .item{position:relative;width:calc(50% + 35px);overflow:hidden;transform:skewX(-35deg);}
    #aboutframe .singlepage .item:nth-child(1){margin-left:-50px;float:left;}
    #aboutframe .singlepage .item:nth-child(1) .img img{margin-left:50px;}
    #aboutframe .singlepage .item:nth-child(2){margin-right:-50px;float:right;}
    #aboutframe .singlepage .item:nth-child(2) .img img{margin-left:-50px;}

    #aboutframe .singlepage .item .txt{padding-top:10px;}
    #aboutframe .singlepage .item .txt h3{font-size:24px;}
    
    #aboutframe .jzg .list .item{padding:0 15px;}
    #aboutframe .jzg .list .item i.iconfont{width:120px;height:120px;line-height:120px;font-size:48px;}
    #aboutframe .jzg .list .item h3{font-size:16px;}
    #aboutframe .jzg .list .item p{font-size:14px;}
    
    #aboutframe .history .item .txt{padding:20px 0 20px 30px;}
    #aboutframe .history .item .txt h4{font-size:30px;}
    #aboutframe .history .item .txt p{font-size:14px;line-height:24px;}
    #aboutframe .history .item h3{font-size:80px;}
    #aboutframe .history .swiper-pagination .swiper-pagination-bullet{margin:0 10px;}
    
    #abTeamList .btnlist .swbtn.btn-prev{left:0;}
    #abTeamList .btnlist .swbtn.btn-next{right:0;}

}
@media (min-width:1px) and (max-width:767px) {
    .abprofile{padding:15px;}
    .abprofile .pic{width:100%;}
    .abprofile .box{width:100%;padding:0;margin-top:20px;}
    .abprofile .box .img{margin-bottom:20px;}
    .abprofile .box .content{line-height:24px;}
    .abprofile .box a.more{height:35px;line-height:35px;font-size:14px;}
    .abprofile .box h3{font-size:18px;margin-top:0;}
    .abprofile .box h2{font-size:18px;}
    .abprofile .box h4{margin-top:20px;font-size:16px;margin-bottom:10px;}
    .abprofile .box p{margin-bottom:15px;font-size:12px;}

    #aboutframe .singlepage{display:none;}
    
    #aboutframe .jzg{padding-top:0;}
    #aboutframe .jzg .list{margin-top:15px;}
    #aboutframe .jzg .list .item{padding:0 15px;width:50%;margin-bottom:20px;}
    #aboutframe .jzg .list .item i.iconfont{width:120px;height:120px;line-height:120px;font-size:48px;}
    #aboutframe .jzg .list .item h3{font-size:16px;margin:10px;}
    #aboutframe .jzg .list .item p{font-size:14px;}

    #aboutframe .history{padding-top:40px;padding-bottom:40px;}
    #aboutframe .history .item .img{width:100%;}
    #aboutframe .history .item .txt{width:100%;padding:15px 0;}
    #aboutframe .history .item .txt h4{font-size:18px;margin:0 0 10px 0;}
    #aboutframe .history .item .txt p{font-size:14px;line-height:24px;}
    #aboutframe .history .item h3{font-size:40px;bottom:-60px;left:35%;}
    #aboutframe .history .swiper-wrapper{margin-bottom:50px;}
    #aboutframe .history .swiper-pagination{width:calc(100% - 80px);padding:0 10px;text-align:center;}
    #aboutframe .history .swiper-button{width:36px;height:36px;line-height:36px;top:9px;}
    #aboutframe .history .swiper-pagination .swiper-pagination-bullet{margin:0 5px;}
    
    #aboutframe .certificate{padding:0;}
    #aboutframe .certificate .list{margin:0;overflow:hidden;}
    #aboutframe .certificate .swiper-slide{float:left;width:33.33%;padding:50px 50px 50px 50px;}
    #aboutframe .certificate .swiper-slide.swiper-slide-active{margin-top:0;padding:0px;}
    #aboutframe .certificate .swiper-slide.swiper-slide-next{padding:15px;}
    #aboutframe .certificate .swiper-slide.swiper-slide-prev{padding:15px;}
    
    #abTeamList .btnlist .swbtn.btn-prev{left:0;}
    #abTeamList .btnlist .swbtn.btn-next{right:0;}

}


/*联系我们*/
#contactframe{padding-top:50px;overflow:hidden;}
#contactframe .title{margin-bottom:50px;}
#contactframe .title h2{font-size:30px;line-height:1.5;}
#contactframe .title h2 span{font-size:16px;margin-left:30px;}
#contactframe .title .line{width:45px;height:2px;background-color:#333;margin:0;}
#contactframe .contactbox{margin-bottom:50px;}
#contactframe .contactbox .left{width:45%;float:left;border-right:3px solid #acce22;overflow:hidden;}
#contactframe .contactbox .left>i{float:left;font-size:45px;color:#acce22;margin:3px 15px;}
#contactframe .contactbox .left>.address{padding-left:90px;padding-right:15px;}
#contactframe .contactbox .left p{font-size:16px;line-height:2;}
#contactframe .contactbox .right{width:55%;float:right;padding-left:60px;}
#contactframe .contactbox .right p{float:left;width:50%;font-size:16px;line-height:2;}
#map{height:500px;}
#TeamList{overflow:hidden;margin:0 -17px;}
#TeamList .item{float:left;width:20%;padding:0 17px;}
#TeamList .item .box{cursor:pointer;}
#TeamList .item .img{border:1px solid #eee;}
#TeamList .item .txt{text-align:center;padding:10px 0;}
#TeamList .item .txt h4{font-size:16px;line-height:2;}
#TeamList .item .txt p{font-size:14px;line-height:20px;height:60px;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden;}
@media (min-width:992px) and (max-width:1229px) {
    #map{height:450px;}
}
@media (min-width:768px) and (max-width:991px) {
    #contactframe{padding-top:30px;}
    #contactframe .contactbox .left>i{margin:3px 0;}
    #contactframe .contactbox .left>.address{padding-left:70px;}
    #contactframe .contactbox .left p{font-size:14px;line-height:1.5;}
    #contactframe .contactbox .left p:first-child{margin-bottom:8px;}
    #contactframe .contactbox .right{padding-left:15px;}
    #contactframe .contactbox .right p{font-size:14px;}

    #TeamList{margin:0 -10px;}
    #TeamList .item{padding:0 10px;}
    #TeamList .item .txt p{font-size:13px;line-height:18px;height:36px;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;}

    #map{height:400px;}
}
@media (min-width:1px) and (max-width:767px) {
    #contactframe{padding-top:20px;}
    #contactframe .title{margin-bottom:30px;}
    #contactframe .title h2{margin-top:0;font-size:20px;}
    #contactframe .title h2 span{font-size:14px;margin-left:10px;}
    #contactframe .contactbox .left{width:100%;border-right:none;margin-bottom:15px;}
    #contactframe .contactbox .left>i{margin:3px 0;}
    #contactframe .contactbox .left>.address{padding-left:70px;}
    #contactframe .contactbox .left p{font-size:14px;line-height:1.5;}
    #contactframe .contactbox .left p:first-child{margin-bottom:8px;}
    #contactframe .contactbox .right{padding-left:0;width:100%;}
    #contactframe .contactbox .right p{font-size:14px;width:100%;}

    #TeamList{margin:0 -10px;}
    #TeamList .item{padding:0 10px;width:50%;margin-bottom:15px;}
    #TeamList .item:nth-child(5){display:none;}
    #TeamList .item .txt p{font-size:13px;line-height:18px;height:36px;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;}
    #map{height:300px;}
}

#contactframe .feedbackbox{margin-top:50px;overflow:hidden;}
#contactframe .feedbackbox .title{margin-bottom:60px;width:40%;float:left;padding-right:30px;}
#contactframe .feedbackbox .title .line{margin-bottom:30px;}
#contactframe .feedbackbox h2{font-size:30px;line-height:1.5;}
#contactframe .feedbackbox h2>font{color:#f3f3f3;}
#contactframe .feedbackbox p{font-size:16px;margin-bottom:20px;}
#contactframe #feedback{float:right;width:60%;}
#feedback ul{display:flex;justify-content:space-between;flex-direction: row;flex-wrap: wrap;margin-top:30px;}
#feedback ul>li{display:block;margin:0 0 30px;width:100%;border:1px solid #ebebeb;background-color:#f8f8f8;}
#feedback ul>li.half{width:48%;}
#feedback ul>li>label{float:left;height:36px;line-height:36px;padding-left:10px;margin:0;font-size:15px;color:#d0d0d0;font-weight:normal;display:none;}
#feedback ul>li>label>em{color:#f00;font-style:initial;display:inline-block;width:16px;font-size:18px;vertical-align:bottom;}
#feedback ul>li>input{width:100%;line-height:40px;height:50px;border:1px solid #f8f8f8;border-radius:0;box-shadow:none;margin:0;background-color:#f8f8f8;padding:5px 5px 5px 10px;font-size:16px;}
#feedback ul>li>textarea{width:100%;border:none;border-radius:0;padding-top:10px;padding-left:10px;resize:none;float:left;background-color:#f8f8f8;font-size:16px;}
textarea:focus{border:none;}
#feedback ul>li.btnli{border:none;text-align:center;margin-top:10px;background:none;text-align:left;}
#feedback ul>li.btnli #btn_send{margin:0;padding:0;background-color:#acce22;color:#fff;border:1px solid #acce22;line-height:30px;font-size:16px;display:inline-block;padding:6px 20px;}
#feedback ul>li.btnli #btn_send:hover{color:#acce22;background-color:#fff;}
@media (min-width:992px) and (max-width:1229px) {
    #contactframe .feedbackbox{margin-top:0;}
    #contactframe .feedbackbox .title{margin-bottom:20px;}
    #contactframe .feedbackbox h2{font-size:30px;}
    #contactframe .feedbackbox p{margin-bottom:15px;}
    #feedback ul>li{margin-bottom:15px;}
    #feedback ul>li.btnli #btn_send{height:40px;line-height:28px;}
}
@media (min-width:768px) and (max-width:991px) {
    #contactframe .feedbackbox{margin-top:0;}
    #contactframe .feedbackbox .title{margin-bottom:20px;}
    #contactframe .feedbackbox h2{font-size:24px;}
    #contactframe .feedbackbox p{margin-bottom:15px;}
    #feedback ul>li{margin-bottom:15px;}
    #feedback ul>li.btnli #btn_send{height:40px;line-height:40px;}
}
@media (min-width:1px) and (max-width:767px) {
    #contactframe .feedbackbox{margin-top:20px;}
    #contactframe .feedbackbox .title{margin-bottom:20px;width:100%;}
    #contactframe .feedbackbox h2{font-size:20px;}
    #contactframe .feedbackbox p{margin-bottom:5px;font-size:14px;}
    #contactframe #feedback{width:100%;}
    #feedback ul>li{margin-bottom:15px;}
    #feedback ul > li.half{width:100%;}
    #feedback ul>li.btnli #btn_send{height:40px;line-height:28px;}
}

#join .title{text-align:center;margin-bottom:25px;}
#join .title h2{margin-top:0;font-weight:bold;font-size:36px;margin-bottom:20px;}
#join .title .line{}
#join .title p{font-size:16px;}
#join #feedback{background-color:#eee;padding:50px 50px;}
#join #feedback ul{margin-top:0;}
#join #feedback ul>li.half{width:32%;}
#join #feedback ul>li>input{background-color:#fff;}
#join #feedback ul>li>textarea{background-color:#fff;}
#join #feedback ul>li.btnli{margin-bottom:0;}
#join #feedback .yzm{background:none;}
#join #feedback ul>li.yzm input{width:250px;float:left;}
#join #feedback .yzm #idcode{height: 50px; line-height: 50px; font-size: 20px; background: #ddd; width: 100px; cursor: pointer;text-align:center;display:inline-block;}

#casefeedback{background-color:#f4f4f4;padding-top:50px;padding-bottom:50px;}
#casefeedback .title{text-align:center;margin-bottom:30px;}
#casefeedback .title h2{margin-top:0;font-weight:bold;font-size:36px;margin-bottom:20px;}
#casefeedback #feedback{width:45%;float:left;}
#casefeedback #feedback ul{margin-top:0;}
#casefeedback #feedback ul>li{margin-bottom:15px;}
#casefeedback #feedback ul>li>input{background-color:#fff;}
#casefeedback #feedback ul>li>textarea{background-color:#fff;}
#casefeedback #feedback .yzm{background:none;}
#casefeedback #feedback ul>li.yzm input{width:calc(100% - 100px);float:left;}
#casefeedback #feedback .yzm #idcode{height: 50px; line-height: 50px; font-size: 20px; background: #ddd; width: 100px; cursor: pointer;text-align:center;display:inline-block;}
#casefeedback .feedlist{width:50%;float:right;}
#casefeedback .feedlist .swiper-slide .item:not(:last-child){margin-bottom:15px;border-bottom:1px solid #bbb;padding-bottom:10px;}
#casefeedback .feedlist .swiper-slide .item h3{font-size:18px;color:#acce22;line-height:1.5;margin-top:0;margin-bottom:5px;position:relative;padding-left:15px;}
#casefeedback .feedlist .swiper-slide .item h3:before{content:"";border-style:solid;border-width:8px;border-color:transparent transparent transparent #acce22;position:absolute;left:0;top:5px;}
#casefeedback .feedlist .swiper-slide .item span{font-size:14px;line-height:1.5;display:inline-block;margin-left:20px;color:#666;}
#casefeedback .feedlist .swiper-slide .item p{font-size:16px;color:#666;line-height:1.5;}
#casefeedback .feedlist .swiper-pagination{position:relative;margin-top:20px;}
#casefeedback .feedlist .swiper-pagination .swiper-pagination-bullet{margin:0 5px;width:15px;height:15px;}
#casefeedback .feedlist .swiper-pagination .swiper-pagination-bullet-active{background-color:#acce22;}
@media (min-width:992px) and (max-width:1229px) {
    #join #feedback{padding:30px 30px;}
    #join #feedback ul>li.btnli #btn_send{line-height:28px;}

    #casefeedback #feedback ul>li.btnli #btn_send{line-height:28px;}
    #casefeedback .feedlist .swiper-slide .item p{font-size:14px;}
}
@media (min-width:768px) and (max-width:991px) {
    #join .title h2{font-size:24px;}
    #join #feedback{padding:20px 20px;}
    #join #feedback ul>li.btnli #btn_send{line-height:28px;}

    #casefeedback .title h2{font-size:24px;}
    #casefeedback #feedback{width:100%;}
    #casefeedback #feedback ul>li.btnli #btn_send{line-height:28px;}
    #casefeedback .feedlist .swiper-slide .item p{font-size:14px;}
    #casefeedback .feedlist{width:100%;}
}
@media (min-width:1px) and (max-width:767px) {
    #join .title h2{font-size:20px;}
    #join #feedback{padding:15px 15px;}
    #join #feedback ul>li.half{width:100%;}
    #join #feedback ul>li.btnli #btn_send{line-height:28px;}
    #join #feedback ul>li.yzm input{width:calc(100% - 100px);}

    #casefeedback .title h2{font-size:20px;}
    #casefeedback #feedback{width:100%;}
    #casefeedback #feedback ul>li.btnli #btn_send{line-height:28px;}
    #casefeedback .feedlist .swiper-slide .item p{font-size:14px;}
    #casefeedback .feedlist{width:100%;}
}


/*产品中心*/
#ProList{margin:0 -7px 0;overflow:hidden;}
#ProList .item{padding:0 7px;margin-bottom:20px;width:20%;float:left;}
#ProList .item:nth-child(5n+1){clear:left;}
#ProList .item .img{position:relative;overflow:hidden;background-color:#ffffff;border:1px solid #f3f3f3}
#ProList .item img{-webkit-transition:all .3s;-moz-transition:all .3s;-o-transition:all .3s;transition:all .3s;-ms-transition:all .3s;}
#ProList .item:hover img{-webkit-transform: scale(1.1);-moz-transform: scale(1.1);transform: scale(1.1);-o-transform: scale(1.1);-ms-transform: scale(1.1);}
#ProList .item .txt{border-bottom:1px solid #fff;position:relative;background-color:#ffffff;padding:10px;}
#ProList .item .txt h3{font-size:16px;line-height:24px;margin:0;text-align:center;}
#ProList .item .txt p{font-size:12px;line-height:18px;height:18px;margin-top:3px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}
#ProList .item:hover .img{border:1px solid #acce22;}
#ProList .item:hover .txt{border-bottom:1px solid #acce22;}
#ProList .item:hover .txt h3{color:#acce22;}
@media (min-width:992px) and (max-width:1229px) {
    #ProList .item{width:25%;}
    #ProList .item:nth-child(5n+1){clear:initial;}
    #ProList .item:nth-child(4n+1){clear:both;}
    #ProList .item .txt{padding:8px 10px;}
}
@media (min-width:768px) and (max-width:991px) {
    #ProList .item{width:25%;}
    #ProList .item:nth-child(5n+1){clear:initial;}
    #ProList .item:nth-child(4n+1){clear:both;}
    #ProList .item .txt{padding:8px 10px;}
}
@media (min-width:1px) and (max-width:767px) {
    #ProList .item{width:50%;}
    #ProList .item:nth-child(5n+1){clear:initial;}
    #ProList .item:nth-child(2n+1){clear:both;}
    #ProList .item a.link>i{font-size:30px;}
    #ProList .item .txt h3{font-size:13px;}
    #ProList .item .txt p{display:none;}
}
/*****产品大类*****/
#bigbframe{padding:120px;}
#bigbframe .left{float:left;width:45%;padding-right:80px;padding-top:50px;}
#bigbframe .left .title{margin-bottom:50px;color:#fff;}
#bigbframe .left .title h2{font-size:40px;line-height:1.5;font-weight:bold;}
#bigbframe .left .title h3{font-size:28px;line-height:1.5;font-weight:bold;}
#bigbframe .left .title p{font-size:16px;line-height:2;text-align: justify;text-indent: 2em;}
#bigbframe .left .tel{overflow:hidden;padding:10px;}
#bigbframe .left .tel i{font-size:36px;float:left;line-height:70px;background-color:#acce22;color:#fff;width:70px;height:70px;text-align:center;border-radius:50%;position:relative;}
#bigbframe .left .tel i:before{content:"";position:absolute;background-color: rgba(172,206,34,0.65);border-radius: 50%;z-index: 0;
    animation: zoom 0.5s linear 0.5s infinite ;
	-webkit-animation: zoom 1s linear 0.5s infinite ;
	-moz-animation:zoom 1s linear 0.5s infinite;
	-ms-animation: zoom 1s linear 0.5s infinite;
	-o-animation: zoom 1s linear 0.5s infinite;}
#bigbframe .left .tel p{color:#fff;font-size:18px;padding-left:100px;line-height:1.5;}
#bigbframe .left .tel p.p1{margin-top:10px;font-weight:bold;}
#bigbframe .right{float:right;width:55%;text-align: right;}
#bigbframe .right .img{background:rgba(255,255,255,0.3);padding:20px;cursor:pointer;display: inline-block;}
#ProCateList article{margin-bottom:50px;}
#ProCateList article .title{width:1000px;text-align:center;margin-bottom:30px;}
#ProCateList article .title h3{font-size:40px;line-height:1.5;font-weight:bold;}
#ProCateList article .title p{font-size:16px;line-height:2;text-align:justify;text-indent:2em;}
/*****产品二类*****/
#SmallProPage .title{margin-bottom:30px;}
#SmallProPage .title h2{font-size:34px;line-height:1.5;font-weight:bold;}
#SmallProPage .detail{margin-bottom:50px;}
@media (min-width:1230px) and (max-width:1600px) {
    #bigbframe{padding:100px 50px;}
    #bigbframe .left{float:left;width:45%;padding-right:50px;padding-top:0px;}
    #bigbframe .left .title h2{margin-top:0;font-size:30px;}

    #ProCateList article .title h3{font-size:30px;}
    #ProCateList article{margin-bottom:40px;}
    
}
@media (min-width:992px) and (max-width:1229px) {
    #bigbframe{padding:80px 50px;}
    #bigbframe .left{float:left;width:50%;padding-right:50px;padding-top:0px;}
    #bigbframe .left .title{margin-bottom:30px;}
    #bigbframe .left .title h2{margin-top:0;font-size:24px;}
    #bigbframe .left .title h3{margin-top:0;font-size:24px;}
    #bigbframe .left .title p{font-size:14px;line-height:1.8;}
    #bigbframe .right{width:50%;}
    
    #ProCateList article{margin-bottom:30px;}
    #ProCateList article .title{width:80%;}
    #ProCateList article .title h3{font-size:24px;}
    #ProCateList article .title p{line-height:1.8;font-size:14px;}
    
    #SmallProPage .title h2{font-size:28px;margin-top:0;}
}
@media (min-width:768px) and (max-width:991px) {
    #bigbframe{padding:80px 30px;}
    #bigbframe .left{float:left;width:50%;padding-right:30px;padding-top:0px;}
    #bigbframe .left .title{margin-bottom:20px;}
    #bigbframe .left .title h2{margin-top:0;font-size:24px;}
    #bigbframe .left .title h3{margin-top:0;font-size:24px;}
    #bigbframe .left .title p{font-size:14px;line-height:1.5;}
    #bigbframe .right{width:50%;}
    #bigbframe .right .img{padding:15px;}
    
    #ProCateList article{margin-bottom:30px;}
    #ProCateList article .title{width:80%;}
    #ProCateList article .title h3{font-size:24px;margin-top:0;}
    #ProCateList article .title p{line-height:1.8;font-size:14px;}
    
    #SmallProPage .title{margin-bottom:15px;}
    #SmallProPage .title h2{font-size:28px;margin-top:0;}
    #SmallProPage .detail{margin-bottom:30px;}
}
@media (min-width:1px) and (max-width:767px) {
    #bigbframe{padding:20px 20px;}
    #bigbframe .left{float:left;width:100%;padding-right:0;padding-top:0px;}
    #bigbframe .left .title{margin-bottom:20px;}
    #bigbframe .left .title h2{margin-top:0;font-size:24px;}
    #bigbframe .left .title h3{margin-top:0;font-size:24px;}
    #bigbframe .left .title p{font-size:14px;line-height:1.5;}
    #bigbframe .right{width:100%;margin-top:20px;}
    #bigbframe .right .img{padding:15px;}
    
    #ProCateList article{margin-bottom:30px;}
    #ProCateList article .title{width:100%;margin-bottom:15px;}
    #ProCateList article .title h3{font-size:20px;margin-top:0;}
    #ProCateList article .title p{line-height:1.5;font-size:13px;display:none;}
    #ProCateList article .img{height:150px;overflow:hidden;}
    #ProCateList article .img>a{display:block;width:200%;margin-left:-50%;}
    #ProCateList article .img img{height:150px;}
    
    #SmallProPage .title{margin-bottom:15px;}
    #SmallProPage .title h2{font-size:20px;margin-top:0;}
    #SmallProPage .detail{margin-bottom:20px;}
}


/*产品详情*/
#nProPage{background-color:#ffffff;}
#nProPage .protitle h1{font-size:28px;font-weight:bold;margin-top:0;margin-bottom:30px;}
#nProPage .protitle h3{font-size:30px;}
#nProPage .protitle p{font-size:16px;line-height:2;margin-bottom:20px;}
#nProPage .title{margin-bottom:20px;position:relative;border-bottom:1px solid #d1d1d1;}
#nProPage .title h3{font-size:16px;line-height:44px;color:#333;margin:0;background-color:#fff;display:inline-block;color:#76b91f;text-align:center;width:170px;}
#nProPage .title a.active h3{background-color:#76b91f;color:#fff;}
#slider{overflow:hidden;}
#picView{position:relative;float:left;width:45%;}
#picView .gallery-top{border:1px solid #e5e5e5;}
#picView .imglist{background-color:#f9f9f9;padding:30px 10px;position:relative;}
#picView .gallery-thumbs{padding:10px 0;margin:0 -8px;}
#picView .gallery-thumbs .swiper-slide{width:25%;padding:0 8px;}
#picView .gallery-thumbs .swiper-slide a{display:block;}
#picView .gallery-thumbs .swiper-slide-thumb-active{position:relative;}
#picView .gallery-thumbs .swiper-slide-thumb-active>a{border:1px solid #acce22;}
#picView .swbtn{position:absolute;top:50%;z-index:1;width:30px;height:60px;line-height:60px;margin-top:-30px;text-align:center;background-color:#acce22;color:#ffffff;}
#picView .btn-next{right:0;}
#picView .btn-prev{left:0 ;}
#picView .swiper-button-next.swiper-button-disabled,#picView1 .swiper-button-prev.swiper-button-disabled{opacity:1;background-color:#ccc;}
#picView .boxer{display:block;}
#picView img{width:100%;}
#picView .swiper-pagination{}
#picView .swiper-pagination .swiper-pagination-bullet{border-radius:0;width:12px;height:12px;}
#picView .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active{background-color:#acce22;}
#protitle{padding:0 0 0 50px;float:right;width:55%;}
#protitle .remark{font-size:16px;line-height:30px;margin-top:30px;padding:15px 0;}
#protitle .remark p span{display:inline-block;min-width:100px;}
#protitle .share {margin-top:20px;}
#protitle .share p{font-size:14px;line-height:24px;color:#adadad;text-transform:uppercase;margin-bottom:10px;}
#protitle .share #sharelist a > i{text-align:left;}
#protitle .link{display:inline-block;font-size:14px;line-height:30px;padding:15px 0 10px;}
#protitle .link>svg{float:left;font-size:30px;margin-right:5px;}
#protitle .btnlist{overflow:hidden;}
#protitle .btnlist>a{font-size:16px;}
#protitle .btnlist>a>i{font-size:24px;display:inline-block;vertical-align:middle;}
#protitle .btnlist>a:nth-child(1){float:left;}
#protitle .btnlist>a:nth-child(1)>i{margin-right:8px;}
#protitle .btnlist>a:nth-child(2){float:right;}
#protitle .btnlist>a:nth-child(2)>i{margin-left:8px;}
#protitle .btnInquiry{display:inline-block;font-size:16px;width:234px;height:42px;line-height:40px;border:1px solid #acce22;background-color:#acce22;color:#ffffff;text-align:center;text-transform:uppercase;}
#protitle .btnInquiry:hover{background-color:#ffffff;color:#acce22;}
#protitle .btnDownload{display:inline-block;font-size:12px;line-height:21px;padding:3px 40px;border:1px solid #acce22;background-color:#acce22;color:#ffffff;text-align:center;}
#protitle .btnDownload:hover{background-color:#ffffff;color:#acce22;}
#protitle .btnlist p{font-size:12px;margin-top:15px;margin-bottom:15px;}

#protitle .seller{border:1px solid #eaeaea;overflow:hidden;margin-bottom:20px;}
#protitle .seller .img{width:120px;float:left;}
#protitle .seller .txt{padding:5px 10px 10px 140px;}
#protitle .seller .txt h4{font-size:18px;font-weight:bold;}
#protitle .seller .txt p{font-size:16px;line-height:1.5;}
#protitle .seller .txt a{display:inline-block;padding:5px 15px;background-color:#76b91f;border-radius:5px;text-align:center;line-height:24px;color:#fff;}
#protitle .seller .txt a>i{margin-right:8px;float:left;}
#protitle .seller .txt a:first-child{margin-right:15px;}
#protitle .seller .txt a:hover{background-color:#acce22;}
#protitle .seller .btnlist{margin-top:20px;}
#ProShare{margin-top:15px;}
.pro_detail{margin-top:30px;}
.pro_detail .tit{border-bottom:1px solid #ddd;overflow:hidden;}
.pro_detail .tit h3{display:inline-block;background-color:#acce22;padding:8px 25px;color:#ffffff;font-size:18px;line-height:24px;margin:0;float:left;}
#RelatedProduct{margin-top:30px;}
#RelatedProduct .item{width:25%;}
#RelatedProduct .item:nth-child(4n+1){clear:left;}
@media (min-width:1230px) and (max-width:1429px){
    #protitle{padding:0 0 0 30px;}
    #nProPage .protitle h1{margin-top:0;font-size:30px;}
    #nProPage .protitle h3{font-size:20px;}
    #nProPage .protitle p{font-size:14px;line-height:24px;}
    #protitle .remark{font-size:14px;line-height:24px;}
    #nProPage .title h3{width:250px;}
    #nProPage .title:after{width:calc(100% - 270px);}
}
@media (min-width:992px) and (max-width:1229px) {
    #protitle{padding:0 0 0 20px;}
    #nProPage .protitle h1{margin-top:0;font-size:24px;margin-bottom:15px;}
    #nProPage .protitle h3{font-size:20px;}
    #nProPage .protitle p{font-size:13px;line-height:20px;}
    #protitle .remark{font-size:14px;line-height:24px;}
    #protitle .seller .txt{padding-left:130px;}
    #protitle .seller .txt p{font-size:14px;}
    #protitle .seller .txt a{font-size:14px;padding:3px 8px;}
    #protitle .seller .btnlist{margin-top:10px;}
    #protitle .seller .btnlist > a > i{font-size:16px;}
    #protitle .seller .btnlist > a:nth-child(2){float:initial;margin-top:5px;clear:left;}

    #nProPage .title h1,#nProPage .title h3{font-size:20px;}
    #picView{width:45%;}
    #picView1 .imglist{padding:0 10px;}
    #RelatedProduct #ProList .item:nth-child(4){display:none;}
    
    #nProPage .title h3{font-size:16px;}
}
@media (min-width:768px) and (max-width:991px) {
    #protitle{padding:0 0 0 20px;}
    #nProPage .protitle h1{margin-top:0;font-size:24px;margin-bottom:15px;}
    #nProPage .protitle h3{font-size:18px;}
    #nProPage .protitle p{font-size:14px;line-height:24px;}
    #protitle .remark{font-size:14px;line-height:24px;}

    #picView{width:40%;}
    #protitle{width:60%;padding-left:20px;}
    #picView1 .imglist{padding:0 10px;}
    #RelatedProduct #ProList .item:nth-child(4){display:none;}
    
    #protitle .seller{margin-bottom:15px;}
    #protitle .seller .txt{padding-left:130px;}
    #protitle .seller .txt p{font-size:14px;}
    #protitle .seller .txt a{font-size:14px;padding:3px 8px;}
    #protitle .seller .btnlist{margin-top:10px;}
    #protitle .seller .btnlist > a > i{font-size:16px;}
    #protitle .seller .btnlist > a:nth-child(2){float:initial;margin-top:5px;clear:left;}
}
@media (min-width:1px) and (max-width:767px) {
    #protitle{width:100%;float:initial;padding-left:0;margin-top:20px;}
    #nProPage .protitle h1{margin-top:0;font-size:20px;}
    #nProPage .protitle h3{font-size:14px;}
    #nProPage .protitle p{font-size:13px;}
    #protitle .remark{font-size:13px;line-height:20px;}

    #picView{width:100%;float:initial;}
    #picView1 .imglist{padding:0 10px;}
    
    #protitle .seller{margin-bottom:15px;}
    #protitle .seller .txt{padding-left:130px;}
    #protitle .seller .txt h4{margin-top:0;}
    #protitle .seller .txt p{font-size:14px;}
    #protitle .seller .txt a{font-size:12px;padding:3px 8px;}
    #protitle .seller .btnlist{margin-top:10px;}
    #protitle .seller .btnlist > a > i{font-size:14px;margin-left:0;}
    #protitle .seller .btnlist > a:nth-child(2){float:initial;margin-top:5px;clear:left;}
    
    #nProPage .title h3{font-size:16px;width:150px;}
    
    #RelatedProduct .item{width:50%;}
}


/*新闻*/
#NewsPage .catelist{overflow:hidden;}
#NewsPage .catelist .item{width:50%;float:left;position:relative;}
#NewsPage .catelist .item:first-child{border-right:1px solid #fff;}
#NewsPage .catelist .item .txt{position:absolute;top:0;right:0;bottom:0;left:0;background:rgba(0,0,0,0.6);padding:50px;text-align:center;cursor:pointer;}
#NewsPage .catelist .item .txt h3{font-size:36px;color:#fff;margin-bottom:30px;}
#NewsPage .catelist .item .txt p{font-size:16px;line-height:2;color:#fff;margin-bottom:30px;}
#NewsPage .catelist .item .txt a{display:inline-block;border:1px solid #fff;font-size:16px;color:#fff;padding:10px 50px;border-radius:5px;}
#NewsPage .catelist .item .txt a:hover{color:#acce22;border-color:#acce22;}

#information{background: linear-gradient(to right,#ffffff 50%,#333333 50%);
filter: progid:DXImageTransform.Microsoft.Gradient(enabled='ture',startColorStr='#ffffff',endColorStr='#333333',gradientType='1');}
#information .left{width:50%;float:left;padding-right:50px;}
#information .left .tit{text-align:left;margin-bottom:30px;}
#information .left .tit .date{margin-bottom:15px;display:inline-block;}
#information .left .tit .line{width:40px;height:2px;background-color:#379a61;margin:0;}
#information .right{width:50%;float:right;padding-left:50px;}
#information .right dl>dt{color:#fff;font-size:38px;margin-bottom:40px;}
#information .right dl>dd{padding:20px 0;position:relative;}
#information .right dl>dd.active:before,#information .right dl>dd:hover:before{content:"";position:absolute;width:35px;height:2px;background-color:#fff;left:-50px;top:32px;}
#information .right dl>dd>a{color:#fff;font-size:18px;}
#information .right ul.pagination{text-align:left;}
@media screen and (min-width:992px ) and (max-width:1229px) {
    #NewsPage .catelist .item .txt h3{font-size:30px;}
    #NewsPage .catelist .item .txt p{font-size:14px;line-height:1.8;}
    #NewsPage .catelist .item .txt a{padding:5px 35px;font-size:14px;}
}
@media (min-width:768px) and (max-width:991px) {
    #NewsPage .catelist .item .txt{padding:30px;}
    #NewsPage .catelist .item .txt h3{font-size:24px;margin:10px 0 15px;}
    #NewsPage .catelist .item .txt p{font-size:14px;line-height:1.6;margin-bottom:15px;}
    #NewsPage .catelist .item .txt a{padding:5px 35px;font-size:14px;}
        
    #information .right dl>dt{font-size:24px;margin-bottom:20px;}
    #information .right dl>dd{padding:10px 0;}
    #information .right dl>dd>a{font-size:16px;}
    #information .right dl > dd.active::before, #information .right dl > dd:hover::before{top:24px;}
}
@media (max-width:767px){
    #NewsPage .catelist .item{width:100%;}
    #NewsPage .catelist .item .txt{padding:50px 30px;}
    #NewsPage .catelist .item .txt h3{font-size:24px;}
    #NewsPage .catelist .item .txt p{display:none;}
    #NewsPage .catelist .item .txt a{padding:5px 35px;font-size:14px;}
    
    #information{background: none;}
    #information .left{width:100%;float:left;padding-right:0px;padding-bottom:40px;}
    #information .right{width:100%;background-color:#333;padding-top:15px;padding-left:30px;}
    #information .right dl>dt{font-size:24px;margin-bottom:20px;}
    #information .right dl>dd{padding:10px 0;}
    #information .right dl>dd>a{font-size:14px;}
    #information .right dl > dd.active::before, #information .right dl > dd:hover::before{top:20px;}
}

/*******案例列表*******/
.CasesCateList{padding-bottom:25px;text-align:center;}
.CasesCateList>a.link{display:inline-block;margin:0 20px;font-size:20px;line-height:36px;padding-bottom:20px;position:relative;}
.CasesCateList>a.link.active,.CasesCateList>a.link:hover{color:#acce22;}
.CasesCateList>a.link.active::after,.CasesCateList>a.link:hover::after{content:"";position:absolute;bottom:10px;left:50%;margin-left:-4px;width:7px;height:7px;border-radius:50%;background-color:#acce22;}
#CasesList{margin:0 -10px;overflow:hidden;}
#CasesList .item{width:33.33%;float:left;padding:0 10px;margin-bottom:20px;}
#CasesList .item:nth-child(3n+1){clear:left;}
#CasesList .item .img{overflow:hidden;}
#CasesList .item .txt{text-align:center;}
#CasesList .item .txt h4{font-size:16px;line-height:1.5}
@media screen and (min-width:992px ) and (max-width:1229px) {
    .CasesCateList{padding-bottom:15px;}
    .CasesCateList > a.link{font-size:18px;}
}
@media (min-width:768px) and (max-width:991px) {
    .CasesCateList{padding-bottom:15px;}
    .CasesCateList > a.link{font-size:16px;}
}
@media (max-width:767px){
    .CasesCateList{padding-bottom:15px;}
    .CasesCateList > a.link{font-size:14px;line-height:20px;width:31%;margin:0 1%;}
    #CasesList .item{width:50%;}
    #CasesList .item:nth-child(2n+1){clear:left;}
    #CasesList .item:nth-child(3n+1){clear:initial;}
    #CasesList .item .txt h4{font-size:14px;}
}

#ntframe{background-color:#ffffff;padding-top:30px;padding-bottom:30px;}
#ntframe img{max-width:100%;}
#ntframe #sharelist{margin-top:20px;}
#sharelist {display:inline-block;}
#sharelist h3{font-size:16px;color:#fff;margin-bottom:20px;}
#sharelist span{float:left;line-height:40px;}
#sharelist .bdshare-button-style0-32>a{background-image:none;text-indent:0;width:50px;height:50px;color:#fff;position:relative;text-align:center;line-height:50px;font-size:24px;margin:0;background-color:#acce22;}
/*#sharelist .bdshare-button-style0-32 .bds_sqq{background-color:#45aaf2;}
#sharelist .bdshare-button-style0-32 .bds_qzone{background-color:#eecf3d;}
#sharelist .bdshare-button-style0-32 .bds_weixin{background-color:#3eb135;}
#sharelist .bdshare-button-style0-32 .bds_tsina{background-color:#df4d69;}*/
#sharelist .bdshare-button-style0-32>a.bds_sqq:before{content:"\e63e";font-family:iconfont;}
#sharelist .bdshare-button-style0-32>a.bds_qzone:before{content:"\e61d";font-family:iconfont;}
#sharelist .bdshare-button-style0-32>a.bds_weixin:before{content:"\e628";font-family:iconfont;}
#sharelist .bdshare-button-style0-32>a.bds_tsina:before{content:"\e71a";font-family:iconfont;}
#sharelist p{color:#ffffff;margin-bottom:5px;}
#sharelist a{display:inline-block;}
#sharelist a>i{display:block;font-size:18px;width:30px;height:30px;line-height:30px;text-align:center;}
/*#sharelist a>i.pinterest-p{background-color:#ca1c23;}
#sharelist a>i.google-plus{background-color:#dc4e41;}
#sharelist a>i.facebook{background-color:#3b5998;}
#sharelist a>i.twitter{background-color:#1da1f2;}
#sharelist a>i.linkedin{background-color:#0077b5;}
#sharelist a>i.youtube{background-color:#ff011d;}*/
#RelatedNews{margin-top:30px;overflow:hidden;padding:20px 0;background-color:#fff;}
#RelatedNews .title{}
#RelatedNews .relate_list{}
#RelatedNews .relate_list .item{margin-bottom:12px;float:left;width:50%;padding-right:50px;}
#RelatedNews .relate_list .item .txt h3{font-size:14px;line-height:20px;position:relative;padding-left:20px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;margin:0;color:#666;}
#RelatedNews .relate_list .item:hover .txt h3{color:#acce22;text-decoration:underline;}
#RelatedNews .relate_list .item .txt h3:before{content:"\e7f9";font-size:14px;font-family:"iconfont";position:absolute;left:0;}
/*#RelatedNews .relate_list .item .img:hover img{-webkit-transform: scale(1.1);-moz-transform: scale(1.1);transform: scale(1.1);-o-transform: scale(1.1);-ms-transform: scale(1.1);}*/
@media (min-width:992px) and (max-width:1229px) {
}
@media (min-width:768px) and (max-width:991px) {
    #RelatedNews .relate_list .item{width:100%;float:initial;}

    #sharelist{padding-top:0;}
}
@media (min-width:1px) and (max-width:767px) {
    #RelatedNews .relate_list .item{width:100%;float:initial;}
    #sharelist{padding-top:0;}
}

#TeamPage{}
#TeamPage .title{margin-bottom:15px;border-bottom:1px solid #ccc;}
#TeamPage .title h2{margin-top:0;}
#TeamPage .teamintro{margin-bottom:50px;border:1px solid #ccc}
#TeamPage .teamintro .img{width:30%;float:left;}
#TeamPage .teamintro .img img{width:100%;}
#TeamPage .teamintro .txt{width:70%;float:right;padding:30px 50px;}
#TeamPage .teamintro .txt h2{margin-bottom:20px}
@media (min-width:992px) and (max-width:1229px) {
}
@media (min-width:768px) and (max-width:991px) {
    #TeamPage .teamintro .txt{padding:20px;}
    #TeamPage .teamintro .txt h3{margin-top:0}
}
@media (min-width:1px) and (max-width:767px) {
    #TeamPage .teamintro .img{width:100%;float:left;}
    #TeamPage .teamintro .txt{width:100%;float:right;padding:15px;}
}

/*分页*/
ul.pagination {box-shadow:none;width:100%;border-radius:0;text-align:center;}
ul.pagination li {display:inline-block;}
ul.pagination li:not(:first-child){margin-left:5px;}
ul.pagination li a{background-color:#fff;border-color:#acce22;border-radius:0;color:#acce22;}
ul..pagination>li>a,ul.pagination>li>span{padding:5px 10px;}
ul.pagination li.active span{background-color:#acce22;border-color:#acce22;border-radius:0;color:#fff;}
ul.pagination li:first-child a{border-radius:0;}
ul.pagination li:last-child a{border-radius:0;}
ul.pagination li:hover a,ul.pagination li.active:hover>span{background-color:#acce22;color:#fff;}


#pro_feed_show{padding:50px 30px 20px;background-color:#f8f8f8;border:1px solid #e4e4e4;border-radius:8px;}
#pro_feed_show P{font-size:16px;line-height:20px;margin-bottom:15px;}
#pro_feed_show label{font-weight:normal;display:block;font-size:16px;line-height:30px;}
#pro_feed_show label>em{display:inline-block;width:20px;height:20px;line-height:20px;text-align:center;font-size:20px;color:#ff0000;margin-right:3px;margin-top:3px;font-style:initial;vertical-align:middle;}
#pro_feed_show .form-group{margin-bottom:20px;overflow:hidden;}
#pro_feed_show .form-group .feed_left{float:left;width:100px;display:list-item;}
#pro_feed_show .form-group .feed_right{float:left;width:calc(100% - 100px);}
#pro_feed_show .form-group .input-group{display:table;}
#pro_feed_show .form-control{background-color:#fff;height:34px;padding:0 12px;width:50%;margin:0;}
#pro_feed_show textarea.form-control{height:150px;resize:none;padding-top:10px;background-color:#fff;border-radius:5px;width:100%;}
#pro_feed_show #btn_send{display:block;width:226px;height:38px;line-height:38px;text-align:center;border:none;color:#fff;background-color:#acce22;font-size:16px;border:1px solid #acce22;text-transform:capitalize;}
#pro_feed_show #btn_send:hover{background-color:#fff;color:#acce22;}
@media (min-width:1430px) and (max-width:1679px) {
}
@media (min-width:1230px) and (max-width:1429px) {
}
@media (min-width:992px) and (max-width:1229px) {
}
@media (min-width:768px) and (max-width:991px) {
}
@media (min-width:1px) and (max-width:767px) {
    #pro_feed_show{padding:15px 10px;}
    #pro_feed_show .form-group{margin-bottom:10px;}
    #pro_feed_show .form-group .feed_left{width:100%;}
    #pro_feed_show .form-group .feed_right{width:100%;}
    #pro_feed_show label{text-align:left;font-size:14px;}
    #pro_feed_show .form-control{width:100%;}
    #pro_feed_show #btn_send{width:100%;}
}

/*编辑器内容*/
#input {border:none; margin:0; padding:0; font:14px 'Courier New',Verdana; border:0}
.te {border:1px solid #bbb; padding:0 1px 1px; font:12px Verdana,Arial; margin:0px}
.te iframe {border:none}
.teheader {height:31px; border-bottom:1px solid #bbb; background:url(../images/header-bg.gif) repeat-x; padding-top:1px}
.teheader select {float:left; margin-top:5px}
.tefont {margin-left:12px}
.tesize {margin:0 3px}
.testyle {margin-right:12px}
.tedivider {float:left; width:1px; height:30px; background:#ccc}
.tecontrol {float:left; width:34px; height:30px; cursor:pointer; background-image:url(../images/icons.png)}
.tecontrol:hover {background-color:#fff; background-position:30px 0}
.tefooter {height:auto; border-top:1px solid #bbb; background:#f5f5f5;overflow:hidden;}
.toggle {float:left;padding:9px 13px 0 10px; height:23px;color:#666;}
.resize {float:right; height:32px; width:32px; background:url(../images/resize.gif) 15px 15px no-repeat; cursor:s-resize}
#editor {cursor:text; margin:10px}

#videolist{overflow:hidden;margin:0 -10px;}
#videolist .item{margin-bottom:20px;float:left;width:33.33%;padding:0 10px;}
#videolist .item:nth-child(3n+1){clear:left;}
#videolist .img{border:1px solid #ddd;overflow:hidden;}
#videolist .img img{width:100%;}
#videolist .txt{padding-top:10px;} 
#videolist h3{text-align:center;font-size:16px;line-height:20px;height:40px;margin:0;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;}
video{width:100%;}
@media (min-width:992px) and (max-width:1229px) {
    #videolist h3{font-size:14px;}
}
@media (min-width:768px) and (max-width:991px) {
    #videolist h3{font-size:14px;}
}
@media (min-width:1px) and (max-width:767px) {
    #videolist .item{margin-bottom:20px;width:50%;} 
    #videolist .item:nth-child(3n+1){clear:initial;}
    #videolist .item:nth-child(2n+1){clear:left;}
    #videolist h3{font-size:14px;}
}

/*感谢页面*/
#thk_nav{}
#thk_nav h2{margin-bottom:20px;font-weight:bold;text-align:center;}
#thk_nav>p{line-height:28px;font-size:14px;}
.btnthank{padding: 5px 10px;margin-top: 15px;display: inline-block;border:1px solid #acce22;color:#ffffff;background-color:#acce22;}
.btnthank:hover{background-color: #ffffff;color: #acce22;}

/*网站地图*/
#sitemapnav { width:100%; position:relative;overflow:hidden;}
#sitemapnav li{  list-style:none;}
#sitemapnav a{ color:#333; }
#sitemapnav .fontbig {	width:100% !important;}
#sitemapnav .bigli{float:left;	width:100%;  line-height:35px;font-size:18px;}
#sitemapnav .bigli a {color:#666; font-weight:bold;text-transform:capitalize;}
#sitemapnav .bigli a:hover {text-decoration:underline;}
#sitemapnav .abli_02{ float:left;width:44%;margin-left:5%;font-size:16px; height:30px; line-height:30px; overflow:hidden; display:inline;font-weight:normal; }
#sitemapnav .abli_02 a:hover{text-decoration:underline;}
.jiange{ float:left; 	width:100%;  height:2px; border-bottom:solid 1px #d2d2d2; }
@media (min-width:992px) and (max-width:1229px) {
}
@media (min-width:768px) and (max-width:991px) {
}
@media screen and (min-width:1px ) and (max-width:767px)
{
	#sitemapnav .abli_02{width:44%;}
}
.probigclass {padding-left:50px;}
#sitemapnav .PROclass_01 { float:left;width:95%;margin-left:5%; font-size:16px; line-height:30px; display:inline;font-weight:bold; }
#sitemapnav .PROclass_02 { float:left;width:90%;margin-left:8%;font-size:16px; height:22px; line-height:22px;  overflow:hidden;display:inline;font-weight:normal; }

#sitemapnav .PROclass_01 a{  color:#666;}
#sitemapnav .PROclass_02 a{ color:#666;}
#sitemapnav .PROclass_01 a:hover{ text-decoration:underline;}
#sitemapnav .PROclass_02 a:hover{ text-decoration:underline;}

#sitemapnav .PROclass_03 { float:left;width:40%;margin-left:10%;color:#666666;font-size:14px;display:inline; line-height:20px;}
#sitemapnav .PROclass_03 a:hover{ text-decoration:underline;}
#sitemapnav .PROclass_04 { float:left;width:40%;margin-left:10%;display:inline;}

#ApplicationList{margin:0 -8px;overflow:hidden;}
#ApplicationList .item{width:25%;float:left;padding:0 8px;margin-bottom:20px;}
#ApplicationList .item:nth-child(4n+1){clear:left;}
#ApplicationList .item .img{overflow:hidden;}
#ApplicationList .item h3{text-align:center;font-size:16px;margin:10px 0;}


/*************图库*************/
#GalleryList{margin:30px -8px 0;overflow:hidden;}
#GalleryList .item{width:20%;padding:0 8px;float:left;margin-bottom:20px;}
#GalleryList .item:nth-child(5n+1){clear:left;}
#GalleryList .item .img{border:1px solid #eee;}
#GalleryList .item .img img{width:100%;}
#GalleryList .item h3{margin:10px;text-align:center;font-size:18px;font-weight:normal;}
@media screen and (min-width:992px ) and (max-width:1229px) {
}
@media screen and (min-width:768px ) and (max-width:991px){    
    #GalleryList{margin:20px -5px 0;overflow:hidden;}
    #GalleryList .item{width:33.33%;padding:0 5px;}
    #GalleryList .item:nth-child(4n+1){clear:initial;}
    #GalleryList .item:nth-child(3n+1){clear:left;}
    #GalleryList .item figcaption{padding:15px;}
    #GalleryList .item h3{margin:0;text-align:center;font-size:16px;}
}
@media (max-width:767px) {
    #GalleryList{margin:15px -5px 0;}
    #GalleryList .item{width:50%;padding:0 5px}
    #GalleryList .item:nth-child(4n+1){clear:initial;}
    #GalleryList .item:nth-child(2n+1){clear:left;}
    #GalleryList .item figcaption{padding:15px;}
    #GalleryList .item h3{margin:0;text-align:center;font-size:14px;}
}

#downtable.table>tbody>tr>td{border-top:none;border-bottom:1px solid #ddd;vertical-align:middle;padding:8px 8px 5px;}
#downtable.table>tbody>tr>td:nth-child(1){}
#downtable.table>tbody>tr>td:nth-child(2){width:160px;}
#downtable.table>tbody>tr>td:nth-child(3){width:100px;}
#downtable.table>tbody>tr>td i.icon-tit{color:#acce22;font-size:24px;margin-right:5px;vertical-align:middle;}
#downtable.table>tbody>tr>td i.icon-down{color:#acce22;}
@media (max-width:767px) {
    #downtable.table>thead>tr>th:nth-child(2){display:none;}
    #downtable.table>tbody>tr>td:nth-child(2){display:none;}
}

@keyframes zoom{
	from{width: 70px;height: 70px;left: 0;top: 0;}
	to{width: 90px;height: 90px;left: -10px;top: -10px;opacity:0}
}
@-webkit-keyframes zoom{
	from{width: 70px;height: 70px;left: 0;top: 0;}
	to{width: 90px;height: 90px;left: -10px;top: -10px;opacity:0}
}
@-moz-keyframes zoom{
	from{width: 70px;height: 70px;left: 0;top: 0;}
	to{width: 90px;height: 90px;left: -10px;top: -10px;opacity:0}
}
@-ms-keyframes zoom{
	from{width: 70px;height: 70px;left: 0;top: 0;}
	to{width: 90px;height: 90px;left: -10px;top: -10px;opacity:0}
}
@-o-keyframes zoom{
	from{width: 70px;height: 70px;left: 0;top: 0;}
	to{width: 90px;height: 90px;left: -10px;top: -10px;opacity:0}
}