/* Unessential CSS - Just here to make this sample page prettier */
@charset "UTF-8";
@font-face {
 font-family: 'gabriola';
 src: url(../font/gabriola.eot);
 src: local('gabriola'),
        local('gabriola'),
        url(../font/gabriola.woff) format('woff'),
        url(../font/gabriola.ttf) format('truetype'),
        url(../font/gabriola.svg#fontName) format('svg');
}
html, body {
    height: 100%;
}
body {
    margin: 0;
    font-size: 16px;
    font-family:Arial, "Microsoft Yahei";
    line-height: 1.5;
    
}
.wrapper {
    margin: 0 auto;
   
    
    height: 100%;
}
ul{padding:0px; }
li{list-style-type:none;}
header {
    background-color: rgba(255,255,255,0.7); position: fixed;top: 0px;left: 0px; width: 100%; z-index: 99999; height: 80px;transition: all 0.5s ease; 
}
.header1{background: #fff; border-bottom: 1px solid #aaa;}
header:after {
    content: " ";
    display: table;
    clear: both;
}
.brand, h1, h2, h3 {

     font-weight: 400;
     letter-spacing: 1px;
 }
h4, h5, h6 {
    letter-spacing: 1px;
}
h1 {
    font-size: 28px;
}

.main .dev-output pre {
    overflow: auto;
    max-height: 500px;
    background-color: #EBF4FD;
    padding: 0 1em 1em;
}
.brand {
    float: left;
    height: 80px;
}
.brand p {
    margin: 0;
}
.rm-nav {
    letter-spacing: 1px;
}
.logo {
   
    width: 200px;
    height: 80px;

    
    
    letter-spacing: 2px;
    display: block;
    
    text-decoration: none;
    color: #fff;
    padding: 0;
}
.logo img{display: block; width: 100%; border-width: 0px;}

.rm-toggle.rm-button {
    margin-top: 25px;
}

.rm-css-animate.rm-menu-expanded {
    max-height: none;
    display: block;
}
.rm-container.rm-layout-expanded {
   width: 100%;
}
.rm-nav li a,
.rm-top-menu a {
    padding: .75rem 1rem;
    font-size: .9em;
    line-height: 1.5rem;
   
}
.rm-layout-expanded .rm-nav > ul > li > a,
.rm-layout-expanded .rm-top-menu > .rm-menu-item > a {
    height: 80px;
    line-height: 80px;
}

.main {
    background-image: url("../images/cloud.jpg");
    background-position: center top;
    background-repeat: repeat-x;
    min-height: 100%;
    padding-top: 1px;
}
.tagline {
    width: 360px;
    font-size: 1.75em;
    font-weight: bold;
    letter-spacing: 2px;
    line-height: 1.2;
    text-align: center;
    margin: 275px auto;
    color: #1A88D3;
}
.tagline strong {
    font-size: 1.3em;
}
.dev-output {
    background-color: #e1eaf3; /* fall-back */
    background-color: rgba(255,255,255,.85);
    color: #000;
    padding: 2em;
    margin-bottom: 2em;
}

.rm-layout-expanded .rm-nav > ul{text-align: center;}
.rm-layout-expanded .rm-nav > ul  > li{display: inline-block; float: none !important;}
.rm-layout-expanded .rm-nav > ul  > li > a{color: #000; transition: all 0.5s ease;}
.rm-layout-expanded .rm-nav > ul  > li:hover > a{background:#f5d01f; }
.rm-nav ul, .rm-menu {background: transparent;}
.rm-nav li a, .rm-menu-item a{color: #000;}
.rm-nav ul{display: none;}
.rm-hover ul{display: block;}
.brand{position: absolute; top: 0px; left: 130px;}
.lag{width: 140px; height: 40px; line-height: 40px;border: 1px solid #999; border-radius: 20px;  overflow: hidden;position: absolute; top: 20px;right: 130px;
    box-sizing:border-box;
-moz-box-sizing:border-box; /* Firefox */
-webkit-box-sizing:border-box; /* Safari */}
.lag p{ width: 100%; height: auto; margin: 0px; padding:0px; text-align: center;  }
.lag p a{ margin:0 10px; color: #000; text-decoration:none; transition: all 0.5s ease; }
.lag p a.cut, .lag p a:hover{ color: #f5d01f;  }
.rm-layout-expanded li ul{background:#f5d01f; }
.rm-lighten li li li a:focus, 
.rm-lighten li li li a:hover, 
.rm-lighten li li li.rm-hover a, 
.rm-lighten li .rm-menu-expanded a:focus, 
.rm-lighten li .rm-menu-expanded a:hover, 
.rm-lighten .rm-menu-item .rm-menu-item .rm-menu-item a:focus, 
.rm-lighten .rm-menu-item .rm-menu-item .rm-menu-item a:hover, 
.rm-lighten .rm-menu-item .rm-menu-item .rm-menu-item.rm-hover a, 
.rm-lighten .rm-menu-item .rm-menu-expanded a:focus, 
.rm-lighten .rm-menu-item .rm-menu-expanded a:hover {background: rgba(255,255,255,0.6);}
.lag2{display: none !important;}
@media (max-width: 1400px) {
.brand{ left: 10px;}
.lag{right: 10px;}
.logo {width: 180px;}
}


@media (max-width: 1199px) {
    .brand{position: absolute; top: 0px; left: 15px;}
    header {height: 60px;}
    .logo {width: 150px;height: 60px;}
    .logo img{display: block; width: 100%;}
    .lag{display: none;}
    .rm-toggle.rm-button{margin-top: 12px;}
    .rm-toggle {background-color:transparent !important; }
    .rm-toggle:hover, .rm-toggle:focus{background-color:transparent !important; }
    .rm-toggle.rm-button{background-image: url(../css/menu-btn.png) !important;}
    .rm-nav { background:#f5d01f;}
    .lag2{display: block;}
    .lag2 a{display:inline-block !important; margin-right: 0px;padding-right: 0px !important;}
}

.banner {position: relative;}
.banner .swiper-slide img{ display: block; width: 100%; }
.banner .swiper-pagination {text-align: center; width: 100%; bottom:10px; }
.banner .swiper-pagination span{margin-left: 5px; margin-right: 5px;}
.banner .swiper-pagination-bullet-active{background:#f5d01f; }
.banner-text{position: absolute; width: 100%;height: 100%; top: 0px; left: 0px;padding:0 20px;
    box-sizing:border-box;
-moz-box-sizing:border-box; /* Firefox */
-webkit-box-sizing:border-box; /* Safari */

      /* Center slide text vertically */
      display: -webkit-box;
      display: -ms-flexbox;
      display: -webkit-flex;
      display: flex;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      -webkit-justify-content: center;
      justify-content: center;
      -webkit-box-align: center;
      -ms-flex-align: center;
      -webkit-align-items: center;
      align-items: center;

display: none;
      }
.banner-text h2{text-align: center; color: #333; font-size: 30px; line-height: 80px;}
.banner-text h2 span{color:#f5d01f; font-size: 60px; margin: 0px; text-shadow: 2px 2px 2px #888;}
@media (max-width: 1199px) {
 .banner{margin-top: 60px;}
 .banner-text h2{ font-size: 24px; }
.banner-text h2 span{ font-size: 48px; }
}
@media (max-width: 900px) {

 .banner-text h2{ font-size: 18px; }
.banner-text h2 span{ font-size: 36px; }
}
@media (max-width: 600px) {

 .banner-text h2{ display: none;}
.banner-text h2 span{ display: none; }
  .lag2{display: block !important;}
}


.index-box{padding:80px 0; background-size: cover; background-position: center center; background-repeat: no-repeat; position: relative; }
.index-box .title h3.cn,.index-box .title h1.cn,.index-box .title h2.cn{font-size: 40px; padding:0 20px; text-align: center;   margin: 0px; line-height: 1.5;
    margin-bottom: 24px;
    box-sizing:border-box;
-moz-box-sizing:border-box; /* Firefox */
-webkit-box-sizing:border-box; /* Safari */}
.index-box .title h3.en,.index-box .title h2.en,.index-box .title h1.en{font-size: 36px; padding:0 20px; text-align: center;  font-family: 'gabriola'; margin: 0px; line-height: 1.5;
margin-bottom: 24px;
    box-sizing:border-box;
-moz-box-sizing:border-box; /* Firefox */
-webkit-box-sizing:border-box; /* Safari */}
.index-box .title .title-line{display: block; 
 width: calc(100% - 40px);height: 1px; max-width: 100px; margin: 0 auto; margin-bottom: 24px; background:#f5d01f; }
.index-box .title .l600{max-width: 600px;}
.index-box .title .small{display: block; 
 width: calc(100% - 40px);height: auto;overflow: hidden; max-width: 500px; margin: 0 auto; margin-bottom: 24px; text-align: center;  }

 .banner-p .title h3.cn,.banner-p .title h1.cn,.banner-p .title h2.cn{font-size: 40px; padding:0 20px; text-align: center;   margin: 0px; line-height: 1.5;
    margin-bottom: 24px;
    box-sizing:border-box;
-moz-box-sizing:border-box; /* Firefox */
-webkit-box-sizing:border-box; /* Safari */}
.banner-p .title h3.en,.banner-p .title h1.en,.banner-p .title h2.en{font-size: 36px; padding:0 20px; text-align: center;  font-family: 'gabriola'; margin: 0px; line-height: 1.5;
margin-bottom: 24px;
    box-sizing:border-box;
-moz-box-sizing:border-box; /* Firefox */
-webkit-box-sizing:border-box; /* Safari */}
.banner-p .title .title-line{display: block; 
 width: calc(100% - 40px);height: 1px; max-width: 100px; margin: 0 auto; margin-bottom: 24px; background:#f5d01f; }
.banner-p .title .l600{max-width: 600px;}
.banner-p .title .small{display: block; 
 width: calc(100% - 40px);height: auto;overflow: hidden; max-width: 500px; margin: 0 auto; margin-bottom: 24px; text-align: center;  }
@media (max-width: 800px) {
.index-box .title h3.cn{font-size: 30px;}
.index-box .title h3.en{font-size: 26px;}

.index-box .title h1.cn{font-size: 30px;}
.index-box .title h2.cn{font-size: 30px;}
.index-box .title h1.en{font-size: 26px;}
.index-box .title h2.en{font-size: 26px;}

.banner-p .title h3.cn{font-size: 30px;}
.banner-p .title h3.en{font-size: 26px;}
.banner-p .title h1.cn{font-size: 30px;}
.banner-p .title h1.en{font-size: 26px;}
.banner-p .title h2.cn{font-size: 30px;}
.banner-p .title h2.en{font-size: 26px;}
}





.abo{width: 100%; height: auto; }
.abo ul{margin: 0 auto; margin-top: 40px; width: 100%; max-width: 1200px; height: auto; overflow: hidden; }
.abo ul li{ width: 25%; padding:0 20px;  height: auto; overflow: hidden; padding-bottom: 3px;float: left;
margin-bottom: 24px;
    box-sizing:border-box;
-moz-box-sizing:border-box; /* Firefox */
-webkit-box-sizing:border-box; /* Safari */}
.abo ul li .abo-pic{width: 82px; height: 82px; margin: 0 auto; border-radius: 50%;  box-shadow: 2px 2px 3px #aaa;
transition: all 0.5s ease; }
.abo ul li .abo-pic img{display: block; margin-top: 2px;}
.abo ul li .abo-pic img.pic1{display: block;}
.abo ul li .abo-pic img.pic2{display: none;}
.abo ul li h4{text-align: center; font-size: 18px; color: #333; line-height: 1; margin-bottom: 24px;font-weight: 500;}
.abo ul li h5{text-align: center; font-size: 14px; color: #333; line-height: 1.5; margin-bottom: 24px;font-weight: 500;}
.abo ul li:hover .abo-pic {background:#f5d01f; }
.abo ul li:hover .abo-pic img.pic1{display: none;}
.abo ul li:hover .abo-pic img.pic2{display: block;}
@media (max-width: 800px) {
.abo ul li{ width: 50%; }
}



.gongneng{background-position: center top; width: 100%; height: auto; }
.gongneng-w{position: absolute; width: 50%; height: 100%; top: 0px; left: 0px; background: rgba(255,255,255,0.5); z-index: 1;}
.gongneng ul{width: calc(75% + 300px) ; margin-left: calc(25% - 300px); margin-top: 40px;  }
.gongneng ul li{width: 100%;height: auto; overflow: hidden;margin-bottom: 10px; overflow: hidden;height: auto;transition: all 0.2s ease;}
.gongneng ul li h4{margin: 0px; height: 56px; line-height: 56px; font-size: 18px; margin-left: calc(33% - 400px); 
    width: 600px; float: left; color: #666;transition: all 0.2s ease;}
.gongneng ul li h4 b{background: #fff; width: 440px; height: 56px; display: block;float: left;transition: all 0.2s ease;}
.gongneng ul li h4 span{width: 30px; height: 30px; display: block;float: left; margin-top: 12px; margin-right: 30px; margin-left: 30px;}
.gongneng-box { width: 600px; font-size: 18x; float: left; padding-left: 20px;transition: all 0.2s ease; height: auto; overflow: hidden;
    box-sizing:border-box;
-moz-box-sizing:border-box; /* Firefox */
-webkit-box-sizing:border-box; /* Safari */}
.gongneng-box p{font-size: 0px; font-weight: bolder;transition: all 0.2s ease;}
.gongneng ul li h4 span .pic1{display: block;}
.gongneng ul li h4 span .pic2{display: none;}

.gongneng ul li.cut{background: rgba(245,208,31,0.7); min-height: 100px;}
.gongneng ul li.cut h4 b{background: transparent; margin-top: 26px; color: #000; font-size: 24px}
.gongneng ul li.cut h4{ color: #000; font-size: 24px}
.gongneng ul li.cut h4 span .pic1{display: none;}
.gongneng ul li.cut h4 span .pic2{display: block;}
.gongneng ul li.cut .gongneng-box p{font-size: 18px; }


@media (max-width: 1200px) {
.gongneng ul{width: 100%; margin-left: 0px;  }
.gongneng ul li h4{width: 50%; margin: 0px;}
.gongneng-box {width: 50%; padding-left: 60px; padding-right: 20px;}
.gongneng ul li h4 b{width: 400px !important; margin: 0 auto; float: none;}
}
@media (max-width: 900px) {
    .gongneng-w{width: 100%; background-color: rgba(255,255,255,0.3);}
.gongneng ul{width: 100%; margin-left: 0px;  }
.gongneng ul li h4{width: 100%; margin: 0px;}
.gongneng-box {width: 100%; padding-left: 60px; padding-right: 20px;}
.gongneng ul li h4 b{ width: calc(100% - 40px)!important; margin: 0 auto; float: none;}
.gongneng ul li.cut h4 b{margin-bottom: 5px;}
.gongneng ul li.cut h4 {height: auto; overflow: hidden;}
}


.fangan{width: 100%; height: auto;  padding-bottom: 0px;}
.fangan-h{width: 100%; height: auto; overflow: hidden; background:#f5d01f;  }
.fangan-box{width: 100%; height: auto; overflow: hidden;  max-width: 1200px; margin: 0 auto; position: relative;}
.fangan-box ul.fangan-r{width: 66%; height: auto; overflow: hidden;  float: right; background: #fff;  margin: 0px;
    padding-left: 5px; padding-right: 5px;
    box-sizing:border-box;
-moz-box-sizing:border-box; /* Firefox */
-webkit-box-sizing:border-box; /* Safari */}
.fangan-box ul.fangan-r li{width: 33.3%; height: auto; overflow: hidden;  float: left; margin-bottom: 10px;
    padding-left: 5px; padding-right: 5px; cursor: pointer;
    box-sizing:border-box;
-moz-box-sizing:border-box; /* Firefox */
-webkit-box-sizing:border-box; /* Safari */ }
.fangan-r-t{ background-size: cover; background-position: center center; background-repeat: no-repeat; width: calc(100% - 10px) height: auto; 
 padding:35px 10px;position: relative; 
       /* Center slide text vertically */
      display: -webkit-box;
      display: -ms-flexbox;
      display: -webkit-flex;
      display: flex;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      -webkit-justify-content: center;
      justify-content: center;
      -webkit-box-align: center;
      -ms-flex-align: center;
      -webkit-align-items: center;
      align-items: center; }
 .fangan-r-m{position: absolute; width: 100%; height: 100%; top: 0px; left: 0px; background: rgba(0,0,0,0.7); z-index: 1;transition: all 0.2s ease;}
.fangan-r-t h2{margin: 0px; text-align: center; font-size: 18px; font-weight: 500; color: #fff; line-height: 30px; 
    position: relative;z-index: 2;transition: all 0.2s ease;}
.fangan-box ul.fangan-l{width: 34%; height: 100%; overflow: hidden; position: absolute;left: 0px; top: 0px; margin: 0px;
    padding: 0; 
    box-sizing:border-box;
-moz-box-sizing:border-box; /* Firefox */
-webkit-box-sizing:border-box; /* Safari */}
.fangan-box ul.fangan-l li{width: 100%; height: 100%; overflow: hidden; left: 0px; top: 0px; margin: 0px;
    padding: 30px 40px;  display: none;
    box-sizing:border-box;
-moz-box-sizing:border-box; /* Firefox */
-webkit-box-sizing:border-box; /* Safari */}
.fangan-box ul.fangan-l li img{display: block; margin-bottom: 40px;}
.fangan-box ul.fangan-l li p{font-size: 16px; line-height: 30px;}



.fangan-box ul.fangan-r li:hover .fangan-r-m{background: rgba(245,208,31,0.9); }
.fangan-box ul.fangan-r li:hover .fangan-r-t h2{color: #000; }
.fangan-box ul.fangan-r li.cut .fangan-r-m{background: rgba(245,208,31,0.9); }
.fangan-box ul.fangan-r li.cut .fangan-r-t h2{color: #000; }



@media (max-width: 960px) {
.fangan-box ul.fangan-l{display: none;}
.fangan-box ul.fangan-r{ width: calc(100% - 40px); float: none; margin: 0 auto;}
.fangan-r-t h2{ font-size: 16px; line-height: 1.5;}

.fangan-box ul.fangan-l{display: block; position: relative; width: calc(100% - 40px); margin:0 auto; border-top: 10px #fff solid;}
.fangan-box ul.fangan-l li{ position: relative;  padding:30px 10px; }


}

@media (max-width: 600px) {

.fangan-r-t br{ display: none;}
.fangan-r-t{padding:15px 10px; }
.fangan-r-t h2{ font-size:15px; }
}


.wenti{width: 100%; height: auto;  }
.wenti-box{width: 100%; height: auto; max-width: 1200px; overflow: hidden;margin: 0 auto; padding:0px 0;   
box-sizing:border-box;
-moz-box-sizing:border-box; /* Firefox */
-webkit-box-sizing:border-box; /* Safari */}

.wenti-l {width: calc(50% - 20px);float: left;}
.wenti-l img{display: block; width: 100%;}
.wenti-r { width: calc(50% + 20px);float: left; position: relative;
padding:40px 0px 1px 0px;   
box-sizing:border-box;
-moz-box-sizing:border-box; /* Firefox */
-webkit-box-sizing:border-box; /* Safari */}
.wenti-r .shu{position: absolute; width: 2px; background:#ababab; height: 100%; top: 0px; left: 10px;}
.wenti-r li{width:  100%; height: auto;  overflow: hidden; margin-bottom: 40px; position: relative;z-index: 2;}
.wenti-r li span{width:  40px; height: auto;  overflow: hidden; display: block; float: left;}
.wenti-r li span img{display: block; margin-left: 4px; margin-top: 6px;}
.wenti-r li p{width: calc(100% - 40px); height: auto;  overflow: hidden; display: block; float: left; margin: 0px;
padding:0px 0px 0px 40px;    font-size: 18px;
box-sizing:border-box;
-moz-box-sizing:border-box; /* Firefox */
-webkit-box-sizing:border-box; /* Safari */}



@media (max-width: 1200px) {
.wenti-box{ padding:0px 20px;  }
.wenti-r li p{font-size: 16px; padding-left: 0px;}
.wenti-r li{margin-bottom: 20px;}

}
@media (max-width:960px) {
.wenti-l{display: none;}
.wenti-r { width:100%; padding-top: 1px;}


}




.anli{width: 100%; height: auto;  }
.anli-box{width: 100%; height: auto; max-width: 1200px; overflow: hidden;margin: 0 auto; padding:0px 0;  position: relative;  
box-sizing:border-box;
-moz-box-sizing:border-box; /* Firefox */
-webkit-box-sizing:border-box; /* Safari */}
.anli-r{width: 50%; height: auto; min-height: 420px; overflow: hidden;float: right; padding:0px 0px 0px 10px;   
box-sizing:border-box;
-moz-box-sizing:border-box; /* Firefox */
-webkit-box-sizing:border-box; /* Safari */}
.anli-r li{width: 100%; height: auto; min-height: 140px; overflow: hidden; padding-top: 19px; padding-bottom: 19px;position: relative;
box-sizing:border-box;
-moz-box-sizing:border-box; /* Firefox */
-webkit-box-sizing:border-box; /* Safari */}
.anli-r li a{text-decoration:none;}
.anli-r li h3{font-size: 24px; width: 100%; padding-left: 25px; color: #333; text-decoration:none;transition: all 0.2s ease;
margin: 0px; margin-bottom: 20px;
 overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
box-sizing:border-box;
-moz-box-sizing:border-box; /* Firefox */
-webkit-box-sizing:border-box; /* Safari */}
.anli-r li p{font-size: 16px;  color: #999; width: 100%; padding-left: 25px; margin: 0px;
box-sizing:border-box;
-moz-box-sizing:border-box; /* Firefox */
-webkit-box-sizing:border-box; /* Safari */}
{position: absolute; width: 50px; height: 3px; background:#f5d01f;display: block; left: 0px; bottom: 0px;  }
.anli-r li:last-child > span { display: none; }
.anli-r li h3:hover{color: #f5d01f;}
.anli-l{ position: absolute; width: calc(50% - 40px); height: 100%; left: 0px; top: 0px; 
    background-repeat: no-repeat; background-size: cover; background-position: center center;}
.anli-l .anli-txt{width: 50%; height: 100%; position: absolute; right: 0px; top: 0px; background: rgba(0,0,0,0.6); padding: 60px 20px;
box-sizing:border-box;
-moz-box-sizing:border-box; /* Firefox */
-webkit-box-sizing:border-box; /* Safari */}

.anli-l  a{text-decoration:none;}
.anli-l  h3{font-size: 20px; width: 100%;  color: #f5d01f; text-decoration:none;transition: all 0.2s ease;
margin: 0px; margin-bottom: 20px;
box-sizing:border-box;
-moz-box-sizing:border-box; /* Firefox */
-webkit-box-sizing:border-box; /* Safari */}
.anli-l  p{font-size: 16px;  color: #fff; width: 100%; margin: 0px;
box-sizing:border-box;
-moz-box-sizing:border-box; /* Firefox */
-webkit-box-sizing:border-box; /* Safari */}

.anli-link{width: 134px;  height: 40px; line-height: 40px; font-size: 14px;color: #f5d01f;  display: block; position: absolute;
    text-align: center; font-weight: bolder; border: 1px solid #f5d01f; left: 20px; bottom: 30px; transition: all 0.2s ease;}
.anli-link:hover{background: #f5d01f;  color: #fff; }

.anli-t{display: none; width: 100%;}
.anli-t img{display: block; width: 100%;}
.anli-t h3{font-size: 16px; color: #333;width: 100%;
overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;}
.anli-t p{font-size: 14px;}
.anli-t a{text-decoration:none;}
.anli-y{background:#f5d01f; width: 100%; overflow: hidden; height: auto; padding:0 20px; 
box-sizing:border-box;
-moz-box-sizing:border-box; /* Firefox */
-webkit-box-sizing:border-box; /* Safari */}

@media (max-width: 1200px) {
.anli-box{ padding:0px 20px;  }
.anli-l {left: 20px;}

}

@media (max-width: 960px) {
.anli-t{display: block;}

.anli-l {display: none;}
.anli-r{width: 100%;min-height: auto;padding-left: 0px;}
.anli-r li{min-height: auto; padding-top: 15px; padding-bottom: 15px; border-bottom: 1px solid #ccc; }
.anli-r li:last-child{border-bottom-width: 0px;}

.anli-r li span{display: none;}
.anli-r li h3{padding-left: 0px; font-size: 16px; margin-bottom: 10px;}
.anli-r li p{padding-left: 0px ; font-size: 14px;}
}



.foot{background: #3a3a3a;  border-top: 2px solid #f5d01f;  position: relative;
    width: 100%; height: auto; overflow: hidden;margin: 0 auto;
    box-sizing:border-box;
-moz-box-sizing:border-box; /* Firefox */
-webkit-box-sizing:border-box; /* Safari */}
.foot-box{background: #3a3a3a;  position: relative; z-index: 2;
    width: 100%; height: auto; max-width: 1200px; overflow: hidden;margin: 0 auto;
    box-sizing:border-box;
-moz-box-sizing:border-box; /* Firefox */
-webkit-box-sizing:border-box; /* Safari */}
.foot-box-l{ width: 60%; float: left; height: auto; overflow: hidden;padding: 30px 0 30px 0;z-index: 2;
}
.foot-box-r{ width: calc(40% - 60px); float: left; height: auto; overflow: hidden;padding: 30px 0 30px 60px;background: #323232;z-index: 2;

}

.foot-box-l ul{width: 100%; height: auto; overflow: hidden;     padding-bottom: 30px;}
.foot-box-l ul li{width: 50%; height: auto; overflow: hidden; float: left;}

.foot-box-3{position: absolute; width: 50%; max-width: 768px; height: 100%; background: #323232; top: 0px; z-index: 1;right: 0px;  }
.foot-box-l ul li h3{color: #fff; font-size: 22px;margin: 0px; margin-bottom: 15px;}
.foot-box-l ul li p{ color: #ddd; font-size: 14px;margin: 0px; margin-bottom: 10px;transition: all 0.2s ease;}
.foot-box-l ul li a{text-decoration:none;}
.foot-box-l ul li span{display: block;width: 28px; height: 2px;background:#f5d01f; margin-bottom: 15px;}
.foot-box-l ul li:nth-child(3n){width: 100%;margin-top: 20px;}

.foot-box-l ul li:nth-child(3n) p{display: inline-block;margin:5px 5px 5px 0;}
.foot-box-l ul li p:hover{color: #f5d01f; }
.copy{font-size: 14px; color: #fff;}
.copy a{text-decoration:none; color: #fff;}
.foot-box-r .logo1{display: block;}
.foot-box-r ul{width: 50%; float: left; height: auto; overflow: hidden;}
.foot-box-r ul li{width: 100%; height: auto; overflow: hidden; margin-bottom: 20px;}
.foot-box-r ul li span{width: 20px; height: 20px; float: left; margin-right: 20px; display: block;}
.foot-box-r ul li b{width:calc(100% - 40px); height: auto; float: left;  display: block; 
    line-height: 24px; font-size: 16px; color: #fff; font-weight: 500;}
.foot-box-r .ewm{width: 50%; float: left; height: auto; overflow: hidden;}
.foot-box-r .ewm img{width: 100%; max-width: 130px; margin: 0 auto; display: block;}
.foot-box-r .ewm span{display: block;width:100%; font-size: 14px; color: #fff; text-align: center; margin-top: 10px;}
.foot-box-r ul .fenxiang{ display: block; width: 100%; height: auto; overflow: hidden; }
.foot-box-r ul .fenxiang a{display: block; width: 28px; height: 28px; margin-right: 20px; float: left;}
.foot-box-r ul .fenxiang a img{display: block; width: 100%;}
.copy-m{display: none;  width: 100%; clear: both; padding-top: 20px; text-align: center;font-size: 14px; color: #fff;
padding-left: 20px; padding-right: 20px;  background: #333; padding-bottom: 20px; margin-top: 20px;
    box-sizing:border-box;
-moz-box-sizing:border-box; /* Firefox */
-webkit-box-sizing:border-box; /* Safari */}
.copy-m a{text-decoration:none; color: #fff;}

@media (max-width: 1200px) {
.foot-box{padding-left: 0px; }
.foot-box-l{display: none; height: 1px !important; }
.foot-box-r{ width: 100%; padding-left: 0px;  background-color:transparent;  padding-top: 0px; padding-bottom:  0px;
  padding-left: 20px; padding-right: 20px;  margin-top: 20px; margin-bottom: 20px;
  box-sizing:border-box;
-moz-box-sizing:border-box; /* Firefox */
-webkit-box-sizing:border-box; /* Safari */
}
.copy-m{display: block;}
}

@media (max-width: 600px) {
.foot-box-r ul{width: 100%; }
.foot-box-r .ewm{display: none;}
}



.nav2{ width: 100%; max-width: 1200px;margin:0 auto;  margin-top: 30px; height: auto; overflow: hidden;  }
.nav2  li{display: inline-block;  height: auto; overflow: hidden; margin-right: 30px;}
.nav2  li a{text-decoration:none; font-size: 16px; color: #333; transition: all 0.2s ease; line-height: 30px;}

.nav2  li a:hover{color: #f5d01f; }
.nav2 li span{display: block;float: left;width: 0px; height: 1px; background:#f5d01f; margin-top:14px; margin-right: 10px; }
.nav2 li.cut span{width: 50px;}
.nav2 li.cut a{ color: #333;}

@media (max-width: 1200px) {
.nav2  {text-align: center;}
.nav2  li{ margin-right: 10px;margin-left: 10px;}
.nav2 li span{display: none;}
.nav2 li.cut {background:#f5d01f; color: #333; padding-right: 10px; padding-left: 10px; border-radius:5px; }
}





.dingzhi .swiper-container {
      width: 100%;
      
      margin-left: auto;
      margin-right: auto;
    }
.dingzhi .swiper-slide {
      background-size: cover;
      background-position: center;
    }
.dingzhi .gallery-top { padding-top: 60px;
     
      width: 100%;padding-bottom: 40px;
    }
    .gallery-thumbs {
     
      box-sizing: border-box;
      padding: 10px 0;
    }
.dingzhi .gallery-thumbs .swiper-slide {
      width: 25%;
      height: auto; overflow: hidden;
      background-position: center center; background-repeat: no-repeat; background-size: cover;
       display: -webkit-box;
      display: -ms-flexbox;
      display: -webkit-flex;
      display: flex;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      -webkit-justify-content: center;
      justify-content: center;
      -webkit-box-align: center;
      -ms-flex-align: center;
      -webkit-align-items: center;
      align-items: center; 
  
    }
.dingzhi .gallery-thumbs .swiper-slide-active {
      
    }

.dingzhi{width: 100%; height: auto; overflow: hidden; max-width: 1200px; margin:0 auto; padding-top:40px;  padding-bottom: 0px; }
.dingzhi .gallery-top .title .cn{color: #fff;}
.dingzhi .gallery-top .title .en{color: #fff;}
.dingzhi-box{ width: 100%; height: auto; max-width: 600px; overflow: hidden;margin: 0 auto; text-align: center; color: #fff; padding-left: 20px; padding-right: 20px;
    box-sizing:border-box;
-moz-box-sizing:border-box; /* Firefox */
-webkit-box-sizing:border-box; /* Safari */}
.dingzhi-box h2{margin-top: 0px; font-size: 20px;}
.dingzhi-box p{font-size: 14px;}
.dingzhi .gallery-thumbs .swiper-slide h4{text-align: center; position: relative;z-index: 999; color: #fff;
 font-size: 18px; font-weight: 500;
padding-left: 20px; padding-right: 20px;
  box-sizing:border-box;
-moz-box-sizing:border-box; /* Firefox */
-webkit-box-sizing:border-box; /* Safari */}
.dingzhi .gallery-thumbs .swiper-slide .dz-b{position: absolute; top: 0px; left: 0px;width: 100%; height: 100%; background: rgba(0,0,0,0.8);}

.dingzhi .gallery-thumbs .swiper-slide-active .dz-b{background: rgba(245,208,31,0.8);
      
    }

.dingzhi .gallery-thumbs .swiper-slide-active h4{color: #000}

@media (max-width: 800px) {
.dingzhi .gallery-thumbs .swiper-slide h4{
 font-size: 14px; font-weight: 500;
padding-left:10px; padding-right: 10px;}

}


.tuandui{width: 100%; height: auto; }
.tuandui-y{width: 100%; height: auto;  overflow: hidden; background: #f5d01f;}
.tuandui-box{width: 100%; height: auto;  overflow: hidden; max-width: 1200px; margin:0 auto; padding-bottom: 30px; }
.tuandui .title{width: 40%; float: left; margin-top: 80px; padding-left: 20px;
  box-sizing:border-box;
-moz-box-sizing:border-box; /* Firefox */
-webkit-box-sizing:border-box; /* Safari */}
.tuandui .title .cn{text-align: left !important; padding:0px !important;  }
.tuandui .title .en{text-align: left !important; padding:0px !important;  }
.tuandui .title .title-line{background: #fff; margin-left: 0px;}


.tuandui .swiper-container {
      width: 60%;
      
    float: right;
    }
.tuandui .swiper-slide {
      background-size: cover;
      background-position: center;
    }
.tuandui .tuandui-top {
     margin-top: 30px;
      width: 50%;
    }
.tuandui .tuandui-top  img{display: block;width: 100%;}
.tuandui .tuandui-thumbs {
     width: 40%; float: left; padding-left: 20px;
     box-sizing:border-box;
-moz-box-sizing:border-box; /* Firefox */
-webkit-box-sizing:border-box; /* Safari */
    }
.tuandui .tuandui-thumbs .swiper-slide {
     
      height: 100%;
      opacity: 0.4;
    }
.tuandui .tuandui-thumbs .swiper-slide-active {
      opacity: 1;
    }
.tuandui-txt{width: 100%;  padding-left: 20px; padding-right: 20px; padding-top: 80px;
  box-sizing:border-box;
-moz-box-sizing:border-box; /* Firefox */
-webkit-box-sizing:border-box; /* Safari */}
.tuandui-txt p{width: 100%; font-size: 16px; color: #333; max-width: 1200px; margin:0 auto; }

@media (max-width: 900px) {
.tuandui .title{width: 100%;}
.tuandui .title .cn{text-align: center !important; padding:0 20px !important;  }
.tuandui .title .en{text-align: center !important; padding:0 20px !important;  }
.tuandui .title .title-line{background: #fff; margin-left: auto;}
.tuandui .swiper-container {
      width: 100%; max-width: 600px; float: none;
padding-left: 20px; padding-right: 20px;  box-sizing:border-box;
-moz-box-sizing:border-box; /* Firefox */
-webkit-box-sizing:border-box; /* Safari */
    }
    .tuandui .swiper-button-next, .tuandui .swiper-container-rtl .swiper-button-prev{right: 25px;}
    .tuandui .swiper-button-prev, .tuandui .swiper-container-rtl .swiper-button-next{left: 25px;}
    .tuandui .tuandui-thumbs{width: 100%;margin-top: 30px;}
    .tuandui-txt p{padding-left: 20px; padding-right:20px;  
      box-sizing:border-box;
-moz-box-sizing:border-box; /* Firefox */
-webkit-box-sizing:border-box; /* Safari */}
}

.tedian{width: 100%; height: auto; }
.tedian ul{width: 100%; height: auto;  overflow: hidden;}
.tedian ul li{width: 100%; height: auto;  overflow: hidden; position: relative;}
.tedian ul li .tedian-txt{ width: calc(50% + 300px); height: auto;  overflow: hidden; float: right; min-height: 300px;
background-size: cover; background-position: center center; background-repeat: no-repeat;}
.tedian ul li .tedian-tip{ width: calc(50% - 300px); height: 100%;  overflow: hidden; position: absolute; left: 0px; top: 0px;
background-size: cover; background-position: center center; background-repeat: no-repeat;}
.tedian ul li .tedian-tip h4,.tedian ul li .tedian-tip h1,.tedian ul li .tedian-tip h2{width: 220px; height:170px; position: absolute; right: 0px;top: 50%;
 margin-top: -85px; background: rgba(245,208,31,0.9);font-size: 24px;font-weight: 500;
        display: -webkit-box;
      display: -ms-flexbox;
      display: -webkit-flex;
      display: flex;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      -webkit-justify-content: center;
      justify-content: center;
      -webkit-box-align: center;
      -ms-flex-align: center;
      -webkit-align-items: center;
      align-items: center;  }
.tedian ul li .tedian-txt p{font-size: 16px; padding-left: 30px; background: url(../img/n6.png) no-repeat left 2px;}
.tedian-txt-box {width: 100%; max-width: 900px;height: auto;  overflow: hidden; padding: 70px 0px 70px 70px;
 box-sizing:border-box;
-moz-box-sizing:border-box; /* Firefox */
-webkit-box-sizing:border-box; /* Safari */}

.tedian ul li:nth-of-type(even) .tedian-txt{float: left;}
.tedian ul li:nth-of-type(even) .tedian-tip{left: auto; right: 0;}
.tedian ul li:nth-of-type(even) .tedian-txt-box { padding: 70px 70px 70px 0px; float: right;}
.tedian ul li:nth-of-type(even) .tedian-tip h4 {right: auto; left: 0px;}

.tedian ul li:nth-of-type(even) .tedian-tip h1 {right: auto; left: 0px;}
.tedian ul li:nth-of-type(even) .tedian-tip h2 {right: auto; left: 0px;}



@media (max-width: 1200px){

.tedian ul li:nth-of-type(odd) .tedian-txt-box { padding: 70px 70px 70px 20px; }
.tedian ul li:nth-of-type(even) .tedian-txt-box { padding: 70px 70px 70px 20px; }

.tedian ul li:nth-of-type(odd) .tedian-tip h4 { width: calc(100% - 20px); }
.tedian ul li:nth-of-type(even) .tedian-tip h4 { width: calc(100% - 20px); }


.tedian ul li:nth-of-type(odd) .tedian-tip h1 { width: calc(100% - 20px); }
.tedian ul li:nth-of-type(even) .tedian-tip h1 { width: calc(100% - 20px); }

.tedian ul li:nth-of-type(odd) .tedian-tip h2 { width: calc(100% - 20px); }
.tedian ul li:nth-of-type(even) .tedian-tip h2 { width: calc(100% - 20px); }



}
@media (max-width: 960px){

.tedian ul li:nth-of-type(odd) .tedian-txt{width: 100%; }
.tedian ul li:nth-of-type(even) .tedian-txt{width: 100%; }
.tedian ul li:nth-of-type(odd) .tedian-txt-box { padding: 40px 20px 40px 20px; }
.tedian ul li:nth-of-type(even) .tedian-txt-box { padding: 40px 20px 40px 20px; }
.tedian ul li:nth-of-type(odd) .tedian-tip {position: static;width: 100%;padding-top: 40px;}
.tedian ul li:nth-of-type(even) .tedian-tip {position: static;width: 100%;padding-top: 40px;}
.tedian ul li:nth-of-type(odd) .tedian-tip h4{position: static;width: calc(100% - 40px); margin: 0 auto; max-width: 220px; }
.tedian ul li:nth-of-type(even) .tedian-tip h4{position: static;width: calc(100% - 40px); margin: 0 auto; max-width: 220px; }

.tedian ul li:nth-of-type(odd) .tedian-tip h1{position: static;width: calc(100% - 40px); margin: 0 auto; max-width: 220px; }
.tedian ul li:nth-of-type(even) .tedian-tip h1{position: static;width: calc(100% - 40px); margin: 0 auto; max-width: 220px; }
.tedian ul li:nth-of-type(odd) .tedian-tip h2{position: static;width: calc(100% - 40px); margin: 0 auto; max-width: 220px; }
.tedian ul li:nth-of-type(even) .tedian-tip h2{position: static;width: calc(100% - 40px); margin: 0 auto; max-width: 220px; }

.tedian ul li:nth-of-type(odd) .tedian-tip h4 { width: calc(100% - 20px); }
.tedian ul li:nth-of-type(even) .tedian-tip h4 { width: calc(100% - 20px); }

.tedian ul li:nth-of-type(odd) .tedian-tip h1 { width: calc(100% - 20px); }
.tedian ul li:nth-of-type(even) .tedian-tip h1 { width: calc(100% - 20px); }

.tedian ul li:nth-of-type(odd) .tedian-tip h2 { width: calc(100% - 20px); }
.tedian ul li:nth-of-type(even) .tedian-tip h2 { width: calc(100% - 20px); }




}

.hangye{width: 100%; height: auto; }

.hangye ul{width: 100%; height: auto;  overflow: hidden; max-width: 1200px; margin:0 auto; }
.hangye ul.hangye-btn li{ width: 16.5%;float: left; padding: 25px 10px;
 box-sizing:border-box;
-moz-box-sizing:border-box; /* Firefox */
-webkit-box-sizing:border-box; /* Safari */}
.hangye ul.hangye-btn li .btn-pic{ width: 80%;margin:0 auto; max-width: 75px; height: auto;  overflow: hidden; }
.hangye ul.hangye-btn li .btn-pic img{display: block;width: 100%;}
.hangye ul.hangye-btn li .btn-pic .img1{display: none;} 
.hangye ul.hangye-btn li:hover {background: #f5d01f;}
.hangye ul.hangye-btn li:hover .btn-pic .img1{display: block;}
.hangye ul.hangye-btn li:hover .btn-pic .img0{display: none;} 
.hangye ul.hangye-btn li.cut {background: #f5d01f;}
.hangye ul.hangye-btn li.cut .btn-pic .img1{display: block;}
.hangye ul.hangye-btn li.cut .btn-pic .img0{display: none;} 
.hangye ul.hangye-btn li h4{font-size: 18px; font-weight: 500; text-align: center; margin-bottom: 0px; color: #333;}
.hangye ul.hangye-box li{ width: 99%;float: left; padding: 40px;
 box-sizing:border-box;
-moz-box-sizing:border-box; /* Firefox */
-webkit-box-sizing:border-box; /* Safari */}


@media (max-width: 2000px){

.hangye ul.hangye-btn li{ width: 13.5%;}

.hangye ul.hangye-box li{  padding: 40px 20px;}
.hangye ul.hangye-btn li h4{height: 42px;}
}
@media (max-width: 1200px){

.hangye ul {padding-left: 20px; padding-right: 20px; 
 box-sizing:border-box;
-moz-box-sizing:border-box; /* Firefox */
-webkit-box-sizing:border-box; /* Safari */}
.hangye ul.hangye-btn li h4{font-size: 14px; }


}
@media (max-width: 1120px){

.hangye ul.hangye-btn li{ width: 16%;}

.hangye ul.hangye-box li{  padding: 40px 20px;}
.hangye ul.hangye-btn li h4{height: 42px;}
}
@media (max-width: 900px){

.hangye ul.hangye-btn li{ width:  18%;}

.hangye ul.hangye-box li{  padding: 40px 20px;}
.hangye ul.hangye-btn li h4{height: 42px;}
}

@media (max-width: 800px){

.hangye ul.hangye-btn li{ width: 20%;}

.hangye ul.hangye-box li{  padding: 40px 20px;}
.hangye ul.hangye-btn li h4{height: 42px;}
}

@media (max-width: 600px){

.hangye ul.hangye-btn li{ width: 33%;}

.hangye ul.hangye-box li{  padding: 40px 20px;}
.hangye ul.hangye-btn li h4{height: 42px;}
}



.case{width: 100%; height: auto; }
.case ul{width: 100%; height: auto;  overflow: hidden; max-width: 1230px; margin:0 auto;}
.case ul li{width: 25%; height: auto;  overflow: hidden; float: left; padding-left: 15px; padding-right: 15px;
 box-sizing:border-box;
-moz-box-sizing:border-box; /* Firefox */
-webkit-box-sizing:border-box; /* Safari */}
.case ul li .case-pic{width: 100%; height: auto;  overflow: hidden;position: relative; 
 box-sizing:border-box;
-moz-box-sizing:border-box; /* Firefox */
-webkit-box-sizing:border-box; /* Safari */}
.case ul li .case-pic img{display: block; width: 100%;}
.case ul li h3 {font-size: 18px; color: #333; text-align: center;
overflow: hidden;
text-overflow:ellipsis;
white-space: nowrap;}
.case ul li  .case-pic-y{position: absolute; height: 100%; width: 100%;top: 0px; left: 0px; background: rgba(245,208,31,0.0);transition: all 0.3s ease;}
.case ul li:hover  .case-pic-y{background: rgba(245,208,31,0.8);}
.case ul li .case-pic-j{position: absolute; height: 90px; width: 90px;left: 50%; margin-left: -45px;  top: -90px;
background: url(../img/ca1.png) center center no-repeat ;
 transition: all 0.3s ease;}
.case ul li:hover .case-pic-j{top: 50%; margin-top: -60px;}
.case ul li h4 {font-size: 16px; color: #666; text-align: center; position: absolute;width: 100%; bottom: -30px;transition: all 0.3s ease;
overflow: hidden; margin:0px; 
text-overflow:ellipsis;
white-space: nowrap;}
.case ul li:hover h4{bottom: 20px;}

@media (max-width: 1200px){
    .case ul li{width: 33%; }
}
@media (max-width: 800px){
    .case ul li{width: 50%; }
    .case ul li .case-pic-j{height: 60px; width: 60px; margin-left: -30px;  }
    .case ul li:hover .case-pic-j{ margin-top: -40px;}
    .case ul li h4{font-size: 14px;}
    .case ul li h3{font-size: 16px;}
}

.page{text-align: center; margin-bottom: 60px;}
.page a{text-align: center; display: inline-block; width: 30px; height: 30px; line-height: 30px; color: #000; margin-right: 5px; margin-left: 5px;
background: #f5d01f; border-radius: 3px;text-decoration:none;}
.page a.aa{width: 60px; }
.page a.cut{background-color:transparent; }
.cont{width: 100%; height: auto; }
.cont-box{width: 100%; height: auto;  overflow: hidden;  margin:0 auto; padding: 50px 0; position: relative;
 box-sizing:border-box;
-moz-box-sizing:border-box; /* Firefox */
-webkit-box-sizing:border-box; /* Safari */}
.cont-y{width: 100%; height: auto; padding:1px 0;   background: #f5d01f; position: relative; z-index: 3;
 box-sizing:border-box;
-moz-box-sizing:border-box; /* Firefox */
-webkit-box-sizing:border-box; /* Safari */}
.cont-12{width: 100%; height: auto; padding:1px 0;   max-width: 1200px; margin:0 auto; 
 box-sizing:border-box;
-moz-box-sizing:border-box; /* Firefox */
-webkit-box-sizing:border-box; /* Safari */}
.cont-txt{width: 50%; padding-left: 50px; float: right; padding-bottom: 1px;padding-top: 1px; padding-bottom: 40px;
 box-sizing:border-box;
-moz-box-sizing:border-box; /* Firefox */
-webkit-box-sizing:border-box; /* Safari */}

.map-m{position: absolute; width: 600px; height: 100%; top: 0px; left: calc(50% - 600px); padding: 5px; z-index: 5;
 box-sizing:border-box;
-moz-box-sizing:border-box; /* Firefox */
-webkit-box-sizing:border-box; /* Safari */}
#dituContent{box-shadow: 0px 0px 5px #888;}
.map-b{position: absolute; width: 600px; height: 100%; top: 0px; left: calc(50% - 600px); background: #333; z-index: 2}

.cont-txt h1{font-size: 28px;}
.cont-txt h2{font-size: 20px;}
.cont-txt ul li{padding-left: 40px; background-position: left; top; background-repeat: no-repeat; margin-bottom: 20px;
 box-sizing:border-box;
-moz-box-sizing:border-box; /* Firefox */
-webkit-box-sizing:border-box; /* Safari */}
.cont-txt ul li.tel{background-image:url(../img/n7.png); }
.cont-txt ul li.eml{background-image:url(../img/n8.png); }
.cont-txt ul li.add{background-image:url(../img/n8.png); }
.cont-ewm{
     display: -webkit-box;
      display: -ms-flexbox;
      display: -webkit-flex;
      display: flex;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      -webkit-justify-content: center;
      justify-content: center;
      -webkit-box-align: center;
      -ms-flex-align: center;
      -webkit-align-items: center;
      align-items: center;
}
.cont-ewm-1{float: left; width: 120px; }
.cont-ewm-1 img{display: block; width: 100%; }
.cont-ewm p{display: block; width: calc(100% - 120px); padding: 0 20px; font-size: 16px; float: left; text-align: left;
 box-sizing:border-box;
-moz-box-sizing:border-box; /* Firefox */
-webkit-box-sizing:border-box; /* Safari */
   }

.cont-l{width: 100%; height: auto;  overflow: hidden; max-width: 1200px; margin:0 auto; padding-top: 60px;
  box-sizing:border-box;
-moz-box-sizing:border-box; /* Firefox */
-webkit-box-sizing:border-box; /* Safari */ }
.cont-l > li{ width: calc(50% - 30px); float: left; height: auto;  
 margin-right: 30px; margin-top: 15px; margin-bottom: 15px; overflow: hidden;
  box-sizing:border-box;
-moz-box-sizing:border-box; /* Firefox */
-webkit-box-sizing:border-box; /* Safari */ }
.cont-l > li .cont-l-box{  margin-top: 35px; background: #ededed; position: relative;
 border-bottom: 5px solid #f5d01f;  padding:20px;  
  box-sizing:border-box;
-moz-box-sizing:border-box; /* Firefox */
-webkit-box-sizing:border-box; /* Safari */ }
.cont-l-txt ul li{padding-left: 40px; background-position: left; top; background-repeat: no-repeat; margin-bottom: 10px;
 box-sizing:border-box;
-moz-box-sizing:border-box; /* Firefox */
-webkit-box-sizing:border-box; /* Safari */}
.cont-l-txt ul li.tel{background-image:url(../img/n7.png); }
.cont-l-txt ul li.eml{background-image:url(../img/n8.png); }
.cont-l-txt ul li.add{background-image:url(../img/n8.png); }
.cont-l-txt h1{font-size: 20px;width: calc(100% - 140px)}
.cont-l-ico{width: 70px; height: 70px; position: absolute; right: 35px; top: -35px; border-radius: 5px; 
    background-color:#f5d01f;   background-image:url(../img/n11.png);border: 3px solid #f5d01f; background-position: center center;
 box-sizing:border-box;
-moz-box-sizing:border-box; /* Firefox */
-webkit-box-sizing:border-box; /* Safari */}
.cont-l > li:hover .cont-l-box{ background: #f5d01f; }
.cont-l > li:hover .cont-l-ico{ background-color:#fff;    background-image:url(../img/n10.png);}

.cont-l > li:nth-of-type(even){ margin-right: 0px; margin-left: 30px; }
@media (max-width: 1200px){
    .cont-l.cont-l{padding-left: 20px; padding-right: 20px;}
    .map-b{display: none;}
    .map-m{position: static; height: 300px; width: 100%; padding: 0px; box-shadow: 0 0 0 #888; border: 5px #f5d01f solid;}
    .cont-txt{width: 100%; padding-left: 20px; padding-right: 20px;}
}

@media (max-width: 900px){
    .cont-l > li:nth-of-type(even){ width: calc(100% - 0px);
 margin-right: 0px; margin-left: 0px; margin-top: 15px; margin-bottom: 15px; overflow: hidden;
 }
     .cont-l > li:nth-of-type(odd){ width: calc(100% - 0px);
 margin-right: 0px; margin-left: 0px; margin-top: 15px; margin-bottom: 15px; overflow: hidden;
 }
}



.news-l{width: 100%; height: auto; }
.news-l a{text-decoration:none;}
.news-l ul{width: 100%; height: auto;  overflow: hidden; max-width: 1200px; margin:0 auto; 
box-sizing:border-box;
-moz-box-sizing:border-box; /* Firefox */
-webkit-box-sizing:border-box; /* Safari */}

.news-l ul li{width: 100%; height: auto;  overflow: hidden;padding: 10px 25px; border-bottom: 1px dashed #999;
 box-sizing:border-box;
-moz-box-sizing:border-box; /* Firefox */
-webkit-box-sizing:border-box; /* Safari */ }
.news-l ul li .news-p{ float: left; width:200px ;height: auto; overflow: hidden; float: left;}
.news-l ul li .news-t{ float: left; width:calc(100% - 340px) ;height: auto; overflow: hidden; float: left; 
    padding-left: 40px; padding-right: 40px; 
 box-sizing:border-box;
-moz-box-sizing:border-box; /* Firefox */
-webkit-box-sizing:border-box; /* Safari */}
.news-l ul li .news-d{ float: left; width:140px ;height: auto; overflow: hidden; float: left;}
.news-l ul li .news-p img{display: block;width: 100%;}
.news-l ul li .news-d a{display: block;width: 140px; height: 36px;  background: #f5d01f;
    line-height: 36px; text-align: center;  margin-top: 60px; color: #000;}
.news-l ul li .news-t h1{font-size: 20px;  color: #333;margin:16px 0; }
.news-l ul li .news-t p.hui{font-size: 14px;color: #999;margin-top: 0;margin-bottom: 16px;width: 100%;  display: block; height: auto;; overflow: hidden;}
.news-l ul li .news-t p.hui span{display: inline-block; float: left; margin-right: 10px;}
.news-l ul li .news-t p.min {display: block; clear: both;font-size: 16px;color: #333; line-height: 22px;}
.news-l ul li .news-t p.min a {display: none; color:  #f5d01f;}
.news-l ul li:hover .news-t h1{ color: #f5d01f;}


@media (max-width: 1200px){
  .news-l ul  {padding-left: 20px; padding-right: 20px;}
}
@media (max-width: 900px){
.news-l ul li .news-p{ display: none;}
.news-l ul li .news-t{ width:calc(100% - 140px) ;
    padding-left: 0px;  }
}
@media (max-width: 600px){

.news-l ul li .news-t{ width:calc(100% - 0px) ;
    padding-right: 0px;  }
    .news-l ul li .news-d a{margin-top: 0px;}
    .news-l ul li{padding-left: 0px; padding-right: 0px;}
    .news-r ul li .news-d a{display: none;}
}



.banner-p {background-repeat: no-repeat; background-size: cover; background-position: center center;
 padding-top: 190px; padding-bottom: 140px;}


.product-box{width: 100%; height: auto;  overflow: hidden; max-width: 1200px; margin:0 auto; background: rgba(245,208,31,0.8); padding: 40px;
box-sizing:border-box;
-moz-box-sizing:border-box; /* Firefox */
-webkit-box-sizing:border-box; /* Safari */}
.product-box-l{width: 100%; height: auto;  overflow: hidden;  margin:0 auto; border: 1px #fff solid;  padding: 40px;
box-sizing:border-box;
-moz-box-sizing:border-box; /* Firefox */
-webkit-box-sizing:border-box; /* Safari */}
.product-box .title-line{background: #fff !important;}

.product-box-min{width: calc(100% - 40px);height: auto;overflow: hidden; max-width: 600px; margin: 0 auto;  text-align: center;  }
.product-box-min h4{font-size: 16px; font-weight: 500; }
.product-box-min a{font-size: 20px;width: 160px; height: 50px;text-decoration:none;
 display: block; border: 1px solid #fff; color: #fff;  line-height: 50px; text-align: center; margin:0 auto; }
.product-box-min p{text-align: center;}

@media (max-width: 1200px){
 .banner-p {padding-top: 0px; padding-bottom: 0px;}

}
@media (max-width: 400px){
.product-box-l{  padding: 40px 20px;
}
.product-box-min a{width: 90%;}

}

.pro{padding-top: 0px;width: 100%; height: auto;  }
.pro ul{width: 100%; height: auto;overflow: hidden; }
.pro ul li{width: 100%; height: auto;overflow: hidden;
    background-repeat: no-repeat; background-size: cover; background-position: center center; 
    box-sizing:border-box;
-moz-box-sizing:border-box; /* Firefox */
-webkit-box-sizing:border-box; /* Safari */ }
.pro ul li .pro-box{width: 100%; height: auto;overflow: hidden; max-width: 1200px; margin:0 auto; }
.pro ul li .pro-box-p{width: 50%; height: auto;overflow: hidden; min-height: 400px; }
.pro ul li .pro-box-p img{display: block; width: 100%;}
.pro ul li .pro-box-t{width: 50%; height: auto;overflow: hidden; padding: 160px 20px 60px; 
box-sizing:border-box;
-moz-box-sizing:border-box; /* Firefox */
-webkit-box-sizing:border-box; /* Safari */}
.pro ul li .pro-box-t h1{font-size: 30px; padding: 0 20px;box-sizing:border-box;margin:0px; 
-moz-box-sizing:border-box; /* Firefox */
-webkit-box-sizing:border-box; /* Safari */}
.pro ul li .pro-box-t p{font-size: 16px; padding: 0 20px;box-sizing:border-box;margin:0px; 
-moz-box-sizing:border-box; /* Firefox */
-webkit-box-sizing:border-box; /* Safari */}
.pro ul li .pro-box-t span{width: 100px; height: 4px; display: block;background: #f5d01f; margin:16px 0;}
.pro ul li:nth-of-type(odd) .pro-box-p{ float: right; }
.pro ul li:nth-of-type(odd) .pro-box-t{ float: right;padding-right: 100px; }
.pro ul li:nth-of-type(even) .pro-box-p{ float: left; }
.pro ul li:nth-of-type(even) .pro-box-t{ float: left; padding-left: 100px;}
.pro ul li:nth-of-type(even){background-color:#f3f3f3; }


@media (max-width: 1200px){
.pro ul li{padding-left: 20px; padding-right: 20px;}
.pro ul li .pro-box-t h1{font-size: 20px; }
}

@media (max-width: 900px){
.pro ul li .pro-box-p{width: 100%; max-width: 600px; margin:0 auto;   }
.pro ul li .pro-box-t{width: 100%;  }
.pro ul li:nth-of-type(odd) .pro-box-t{ float: none;padding-right: 0px;padding-left: 0px; padding-top: 30px; padding-bottom: 30px}

.pro ul li:nth-of-type(even) .pro-box-t{ float:none; padding-left: 0px;padding-right: 0px;padding-top: 30px; padding-bottom: 30px}
.pro ul li:nth-of-type(odd) .pro-box-p{ float: none;padding-right: 20px; padding-top: 30px; padding-bottom: 30px}

.pro ul li:nth-of-type(even) .pro-box-p{ float:none; padding-left: 20px;padding-top: 30px; padding-bottom: 30px}
}

.en{padding-top: 80px;width: 100%; height: auto;  padding-bottom: 0px; }
.en .small{max-width: 800px !important;}
.en ul li:nth-of-type(even){background-color:transparent; }

.en ul li .pro-box-t{ padding: 100px 20px 60px; }


.que{width: 100%; height: auto;  }
.que-box{width:100%; height: auto;  overflow: hidden; max-width: 1220px;  margin:0 auto; 
box-sizing:border-box;
-moz-box-sizing:border-box; /* Firefox */
-webkit-box-sizing:border-box; /* Safari */}
.que-box .que-box-l{ width: 355px; height: auto;  overflow: hidden; float: left; }
.que-box .que-box-l ul{padding-top: 40px; padding-bottom: 40px; background: #eee;width: 300px; margin-left: 10px;}
.que-box .que-box-l ul li{width: 280px; margin-left: 10px; border-top: 1px #999 dashed ;font-size: 20px; 
    line-height: 30px; padding: 10px 0; padding-left: 10px; padding-right: 10px;
box-sizing:border-box;
-moz-box-sizing:border-box; /* Firefox */
-webkit-box-sizing:border-box; /* Safari */}
.que-box .que-box-l ul li:first-child {border-top-width: 0px;}
.que-box .que-box-l ul li a{text-decoration:none; color: #333;}
.que-l .que-box .que-box-l ul li.cut {border-top-width: 0px; width: 355px; margin-left: -10px; background: #f5d01f;  
    padding-left:30px;padding-right: 45px; background-image: url(../img/n12.png);background-position: right center; background-repeat: no-repeat; }
.que-l .que-box .que-box-l ul li.cut + li {border-top-width: 0px;}
.que-l .que-box .que-box-l ul li:hover {border-top-width: 0px; width: 355px; margin-left: -10px; background: #f5d01f; 
 padding-left:30px;padding-right: 45px;background-image: url(../img/n12.png);background-position: right center; background-repeat: no-repeat;  }
.que-l .que-box .que-box-l ul li:hover + li {border-top-width: 0px;}


.que-box-r{ width: calc(100% - 405px); height: auto;  overflow: hidden; float: left; margin-left: 50px; }
.que-box-r ul{ width: calc(100% - 20px); height: auto;   float: left; margin-left: 10px; background: #eee; padding-top: 40px; padding-bottom: 40px;}
.que-box-r ul li{width: calc(100% - 20px); margin-left: 10px; font-size: 16px; 
    line-height: 30px; padding: 10px 0; padding-left: 10px; padding-right: 10px;
box-sizing:border-box;
-moz-box-sizing:border-box; /* Firefox */
-webkit-box-sizing:border-box; /* Safari */
overflow: hidden;
text-overflow:ellipsis;
white-space: nowrap;}
.que-box-r ul li:first-child {border-top-width: 0px;}
.que-box-r  ul li a{text-decoration:none; color: #333;}
.que-box-r ul li:hover{width: calc(100% + 20px); background: #f5d01f; margin-left: -10px; padding-left: 30px; padding-right: 30px;}
.que-box-t{width:100%; height: auto;  overflow: hidden; max-width: 1200px;  margin:0 auto; 
box-sizing:border-box;
-moz-box-sizing:border-box; /* Firefox */
-webkit-box-sizing:border-box; /* Safari */}

.que-box-t h2{width: calc(100% - 60px); margin:0 auto; 
    padding-left: 20px; padding-right: 45px; font-size: 16px;  font-weight: 500; line-height: 24px; padding-top: 10px; padding-bottom: 10px;
box-sizing:border-box;
-moz-box-sizing:border-box; /* Firefox */
-webkit-box-sizing:border-box; /* Safari */ 
background: url(../img/n13.png) no-repeat center right;  margin-bottom: 0px;
margin-top: 0px; background-color: #eee; border-radius: 5px;}


.que-box-t ul{background:#f5d01f; padding:30px 20px;width: calc(100% - 60px); margin:0 auto; border-radius: 5px;     margin-top: 10px; 
box-sizing:border-box;
-moz-box-sizing:border-box; /* Firefox */
-webkit-box-sizing:border-box; /* Safari */  }
.que-box-t ul a{text-decoration:none; color: #333; }
.que-box-t ul li{font-size: 16px; padding:5px 10px;  border-top: 1px #999 dashed ;}
.que-box-t ul li:first-child {border-top-width: 0px;}
@media (max-width: 1220px){
   .que-box {padding-left: 20px; padding-right: 20px;}
}

@media (max-width: 900px){
   .que-box .que-box-l{display: none;}
   .que-box .que-box-r{width: calc(100% - 0px); height: auto;  overflow: hidden; float: left; margin-left: 0px; }
   .que{padding-top: 10px;}
}


.que-d .que-box .que-box-l ul {margin-top:0px; margin-bottom: 0px;}
.que-d .que-box .que-box-l ul li{overflow: hidden; font-size: 16px;
text-overflow:ellipsis;
white-space: nowrap;}
.que-d .que-box .que-box-l h2{padding-left: 20px;  font-size: 24px;}
.que-d .que-box .que-box-l ul li a:hover{color:#f5d01f; }
.que-d .que-box .que-box-r{background: #eee; padding: 40px; margin-left: 0px;width: calc(100% - 355px); 
box-sizing:border-box;
-moz-box-sizing:border-box; /* Firefox */
-webkit-box-sizing:border-box; /* Safari */}

.que-d .que-box .que-box-r .nav3 {font-size: 14px; color: #666; line-height: 30px; border-bottom: 1px solid #f5d01f;}
.que-d .que-box .que-box-r .nav3 a{text-decoration:none; color: #666; }
.que-d .que-box .que-box-r .nav3 a:hover{text-decoration:none; color: #f5d01f; }
.que-d .que-box .que-box-r .nav4 {font-size: 14px; color: #666; line-height: 30px; }
.que-d .que-box .que-box-r .nav4 span{display: inline-block;margin-right: 20px; }
.que-d .que-box .que-box-r h3{margin-top: 30px;}
.text-main{font-size: 16px; height: auto;;overflow: hidden; border-bottom: 1px solid #f5d01f; padding-bottom: 20px;  }
.text-page{font-size: 14px; height: auto;;overflow: hidden; padding-bottom: 00px; padding-top: 20px; }
.text-page p{margin:5px 0; color: #666}
.text-page p a{ color: #666 ;text-decoration:none;}
.text-page p a:hover{text-decoration:none; color: #f5d01f; }

.que-d .que-box .que-box-r .banben h4{font-size: 18px; font-weight: bold;}
.que-d .que-box .que-box-r .banben h4 span{font-size: 14px; font-weight: bold; color: #666; display: inline-block; margin-left: 20px;float: right;}
.que-d .que-box .que-box-r .banben{border-bottom: 1px #ccc dashed ;}
.que-d .que-box .que-box-r .banben:last-child{border-bottom: 0px #ccc dashed ;}

@media (max-width: 900px){
  
   .que-d .que-box .que-box-r{width: calc(100% - 0px); height: auto;  overflow: hidden; float: left; margin-left: 0px; float: right;}
   .que-d .que-box .que-box-r .banben h4 span{display: block; float: none; margin-left: 0px; font-size: 12px;}
   .que-d .que-box .que-box-r .banben h4 b{display: block; float: none;}
}