@charset "utf-8";

/*banner*/
.banner{ position:relative; z-index:1; }
.banner .item{ height:500px; background-position:center top; background-repeat:no-repeat; background-size:cover}
.banner .owl-dots{ text-align:center; position:absolute; bottom:20px; right:30px;}
.banner .owl-dots .owl-dot{ display:inline-block; width:10px; height:10px; border-radius:50%; border:2px solid #fff; border-radius:50%;margin:0 6px; background: url(../images/ico-d.png) no-repeat center}
.banner .owl-dots .owl-dot.active{ background:#fff; border:2px solid #59cfa8} 
.banner .owl-controls{ max-width:1200px; margin:0 auto; margin-top:-35px; height:70px; background-color:#fff; position:relative; box-shadow:0px 20px 35px rgba(0,0,0,.1)}
.banner .owl-nav{ float:left; padding-left:10px; height:100%}
.banner .owl-prev,.banner .owl-next{ float:left; height:100%; width:50px; cursor:pointer; overflow:hidden; text-indent:-99px; margin-right:20px;}
.banner .owl-prev{ background:url(../images/ico-prev.png) no-repeat center}
.banner .owl-next{ background:url(../images/ico-next.png) no-repeat center}
.index01{ padding:60px 0}

.plo{ font-size:24px; color:#222; margin-bottom:35px;}
.plo span{ font-size:14px; color:#999; margin-left:10px;} 
.product-index .img img{ width:100%}
.product-index ul{ overflow:hidden; height:89px; border-bottom:1px solid #eee }
.product-index li{ float:left; width:25%; text-align:center;}
.product-index li a{ display:block; line-height:87px; margin-bottom:-2px; font-size:16px; color:#202020}
.product-index li i{ display:inline-block; vertical-align:middle; width:24px; height:24px; margin-right:10px}
.product-index li .ico-n01{ background:url(../images/ico-n01.png) no-repeat center;}
.product-index li .ico-n02{ background:url(../images/ico-n02.png) no-repeat center;}
.product-index li .ico-n03{ background:url(../images/ico-n03.png) no-repeat center;}
.product-index li .ico-n04{ background:url(../images/ico-n04.png) no-repeat center;}
.product-index li a:hover{ border-bottom:4px solid #52cece}

.index02{ position:relative; overflow:hidden; background-color:#eeeeee}
.about-index{ float:right; width:50%;}
.about-index .bd{ padding-left:8.8%; padding-right:17.7%; padding-top:35px; padding-bottom:35px}
.about-index .title{ font-size:24px; color:#3e3e3e; font-weight:normal; margin-bottom:35px;}
.about-index .title p{ font-size:14px; color:#989898; margin-top:-5px}
.about-index .ms{ line-height:33px; color:#202020; margin-bottom:35px}
.about-index .more a{ display:inline-block; width:160px; height:48px; line-height:48px; text-align:center; text-transform:uppercase; font-size:16px; color:#3e3e3e; border:1px solid #cecece}
.about-index .more a:hover{ background-color:#52cece; color:#fff}
.index02 .videobox{ position:absolute; z-index:1; left:0;top:0; right:50%; bottom:0; background:url(../images/videobg.jpg) no-repeat center; background-size:cover}
.index02 .videobox i{ display:block; position:absolute; z-index:1;top:0; left:0; bottom:0; right:0; background:url(../images/png.png)}
.index02 .videobox .play{ display:block; position:absolute; z-index:2; width:72px; height:72px; left:50%; top:50%; margin-left:-36px; margin-top:-36px; background:url(../images/ico-play.png) no-repeat center; background-size:100%; cursor:pointer;}
.index02 .videobox .play:hover{transform:rotate(360deg);}

.index03{ padding-top:50px;}
#timeline{ overflow:hidden; position: relative;  }
#timeline .ov{ margin:0 auto; width:1200px; overflow:hidden;background:url(../images/ico-dot.png) repeat-x center 55px;}
#dates{width: 100%;height:92px;overflow: hidden;padding:15px 0; }
#dates li{list-style: none;float: left;width: 180px; }
#dates a{ font-size:18px; display:block; width:92px; height:92px; font-size:24px; background-color:#eeeeee; border-radius:50%; text-align:center; line-height:92px; margin:0 auto}
#dates .selected{ color:#fff; background-color:#52cece;transform: scale(1.3);}
#issues{ padding:30px 0; padding-top:40px; overflow:hidden;}
#issues .li{ overflow:visible !important; opacity:0 !important;}
#issues .li.selected{ opacity:1 !important}
.year-index .bd{   position:relative; height:120px; padding-bottom:30px}
.year-index .control{ position:absolute; display:block; width:40px; text-align:center; color:#fff; z-index:3; font-size:70px; height:80px; line-height:80px; font-family:"宋体";top:50%; margin-top:-40px; background:rgba(0,0,0,.4)}
.year-index .pre{ left:60px;}
.year-index .next{ right:60px;}
.year-index ul{ width:9999px;}
.year-index ul li{ padding:20px; position:relative; float:left; background-color:#fff; box-shadow:0 0 30px #ccc; transition: all 0.3s;top:0; margin-right:34px;}
.year-index ul li a{display:table; height:100px;}
.year-index ul li:hover{top:-10px}
.year-index ul li .img{ display:table-cell; vertical-align:top; width:190px; padding-right:20px;  overflow:hidden;}
.year-index ul li .img img{ width:100%; height:120px}
.year-index ul li .txt{ width:205px;display:table-cell; vertical-align:top}
.year-index ul li h3{ font-size:24px; font-weight:normal;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.year-index ul li .line{ height:1px; width:30px; background-color:#666;  margin-bottom:10px}
.year-index ul li .ms{ margin-bottom:10px; display: -webkit-box; height:44px;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;}
.year-index ul li a{ color:#666}
.year-index ul li .more{ color:#52cece; text-transform:uppercase}
 
.index04{ padding-top:25px; padding-bottom:40px;}
.news-index ul{ margin-left:-10px; margin-right:-10px;}
.news-index li{ width:50%; float:left}
.news-index li a{ display:block; margin:0 10px;}
.news-index li a:hover{ box-shadow:0 0 20px rgba(0,0,0,.1)}
.news-index li .img{ overflow:hidden;}
.news-index li .img img{ width:100%}
.news-index li .txt{ padding:20px;}
.news-index li .txt h3{ font-size:16px; color:#202020; font-weight:normal; margin-bottom:25px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.news-index li .txt .ms{ line-height:24px; color:#555; margin-bottom:30px;display: -webkit-box;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;}
.news-index li .txt .more span{ display:inline-block; width:87px; height:30px; line-height:30px; text-align:center; text-transform:uppercase; color:#555; border:1px solid #cecece;transition: all 0.3s;}
.news-index li a:hover .more span{ background-color:#52cece; color:#fff; border:1px solid #52cece}

.index05{ padding-top:25px; padding-bottom:70px;}
.Partner .bd{ width:100%; overflow:hidden; position:relative; height:140px;}
.Partner .bd ul{ width:9999px;}
.Partner .bd li{ float:left;}
.Partner .bd li h3{ text-align:center}
.Partner .bd li .img{ overflow:hidden;  border:1px solid #eee;   margin-bottom:10px; box-shadow:0 0 5px rgba(0,0,0,.1)  } 
.Partner .bd li a:hover .img{ border:2px solid #52cece}
.Partner .bd li img{ height:100px}
/*�目*/
.nbanner{ height:300px; background-position:center top; background-size:cover; background-image:url(../images/nbanner.jpg)}
.lanmu-main{ overflow:hidden; padding-top:20px; padding-bottom:35px}
.sidebox{ width:278px; float:left;}
.sidenav .hd{ height:85px; background:url(../images/sidebg.jpg) no-repeat center left; background-size:cover}
.sidenav .hd h3{ font-size:26px; font-weight:normal; color:#003333; line-height:85px; padding-left:23px; text-shadow:0 1px 2px #c1edde}
.sidenav .bd{ border:1px solid #e5e5e5}
.sidenav .bd h3{ padding:0 10px; font-weight:700}
.sidenav .bd h3:hover,.sidenav .bd h3.on{ border-left:10px solid #52cece; padding-left:0}
.sidenav .bd .alink{ display:block; line-height:60px; font-size:16px; padding:0 15px; border-bottom:1px dashed #cbcbcb; background:url(../images/ico-05.png) no-repeat center right}
.sidenav .bd h3.on .alink{background:url(../images/ico-05h.png) no-repeat center right}
.sidenav .bd ul{ display:none; padding:0 10px; background-color:#f7f7f7}
.sidenav .bd ul a{display:block; line-height:60px; font-size:14px; padding:0 15px; border-bottom:1px dashed #cbcbcb; color:#999;}
.sidenav .bd ul a:hover,.sidenav .bd ul li.on a{ color:#666}
.sidenav .bd ul i{ margin-right:15px;}
.side-right{ padding-left:325px; }
.path{ border-bottom:2px solid #52cece; padding-bottom:10px; padding-left:30px; background:url(../images/ico-home.png) no-repeat 5px 5px; margin-bottom:40px}
/*�书*/
.rectangle-list{ overflow:hidden; margin-bottom:20px}
.rectangle-list ul{-moz-column-count:3; /* Firefox */
        -webkit-column-count:3; /* Safari 和 Chrome */
        column-count:3;-moz-column-gap:15px;
      -webkit-column-gap: 15px;
      column-gap: 15px;}
.rectangle-list li{  -moz-page-break-inside: avoid;
      -webkit-column-break-inside: avoid;
      break-inside: avoid; padding-bottom:18px}
.rectangle-list li a{ display:block;}
.rectangle-list ul{ margin-left:-7px; margin-right:-7px;}
.rectangle-list li .img{ overflow:hidden; border:1px solid #f0f0f0; margin:0 7px; position:relative}
.rectangle-list li span{position:absolute; z-index:1;top:0; bottom:0; left:0; right:0; display:none;background:url(../images/png2.png); color:#fff; padding:10px;}
.rectangle-list li a:hover span{ display:block;}
.rectangle-list li i{ position:absolute; z-index:1; display:block; border:1px solid #fff; left:20px; right:20px; top:20px; bottom:20px;display: -webkit-flex;display: flex;-webkit-align-items: center;align-items: center;-webkit-justify-content: center;justify-content: center; }
.rectangle-list li .img img{ display:block; width:100%}
.rectangle-list li h3{ margin:0 7px; text-align:center; background-color:#f0f0f0; height:45px; line-height:45px;}
.rectangle-list li h3 a{ display:block;overflow: hidden;white-space: nowrap;text-overflow: ellipsis; font-weight:normal}
/*产�*/
.square-list{ overflow:hidden; margin-bottom:20px}
.square-list li{ float:left; width:33.33%; margin-bottom:18px;}
.square-list li a{ display:block;}
.square-list ul{ margin-left:-7px; margin-right:-7px;}
.square-list li .img{ overflow:hidden; border:1px solid #f0f0f0; margin:0 7px; position:relative}
.square-list li .img img{ display:block; width:100%}
.square-list li h3{ margin:0 7px; text-align:center; background-color:#f0f0f0; height:45px; line-height:45px;}
.square-list li h3 a{ display:block;overflow: hidden;white-space: nowrap;text-overflow: ellipsis; font-weight:normal}
.square-list li:hover a{ background-color:#caf0e4}

.goods-box{ background-color:#f5f5f5; padding:30px 25px; overflow:hidden; margin-bottom:10px;}
.goods-box .goods-img{ float:left; width:51.7%; overflow:hidden; position:relative;}
.goods-box .goods-img .hd{ position:absolute; z-index:1;top:0; left:0;}
.goods-box .goods-img .hd li{ padding-right:7px; cursor:pointer}
.goods-box .goods-img .hd li.on{ background:url(../images/ico-06.png) no-repeat right center}
.goods-box .goods-img .hd li img{ width:90px; height:90px; border:1px solid #eee; margin-bottom:-1px}
.goods-box .goods-img .bd{ padding-left:115px;  overflow:hidden}
.goods-box .goods-img .bd img{ display:block; width:100%}
.goods-box .goods-txt{ float:right; width:46%}
.goods-box .share{ position:absolute; z-index:1; right:0; bottom:10px}
.goods-box .goods-txt .title{ position:relative; padding-right:145px; border-bottom:1px solid #ccc; padding-bottom:10px; margin-bottom:10px}
.goods-box .goods-txt .title h1{ font-size:24px; font-weight:normal}
.goods-box .goods-txt ul{ margin-bottom:30px}
.goods-box .goods-txt li{ margin-bottom:7px}
.goods-box .goods-txt .l1{ font-size:16px; font-weight:bold}
.goods-box .goods-txt .alinks a{ display:inline-block; width:150px; height:40px; text-align:center; line-height:40px; margin-right:15px; background-color:#ffc74e; color:#333}
.goods-box .goods-txt .alinks a:hover{ background-color:#ffd67e}
.goods-box .goods-txt .alinks i{ display:inline-block; vertical-align:middle; margin-right:10px; width:18px; height:18px;}
.goods-box .goods-txt .alinks .ico-07{ background:url(../images/ico-07.png) no-repeat center; background-size:100%}
.goods-box .goods-txt .alinks .ico-08{ background:url(../images/ico-08.png) no-repeat center; background-size:100%}
.goods-xq img{ max-width:100%}
.goods-xq{ margin-bottom:25px;}
.goods-page .piece{  padding-top:20px; position:relative; padding-bottom:20px}
.goods-page .piece ul{ padding-right:130px}
.goods-page .piece li{   margin-bottom:10px;} 
.goods-page .gomore{ display:block; width:116px; height:30px; line-height:30px; text-align:center; position:absolute; z-index:1; right:0;top:50%; margin-top:-15px; background:url(../images/ico-morebg.png) no-repeat center; color:#5096f0}
/*下载*/
.download-list{ overflow:hidden; margin-bottom:20px}
.download-list li{ float:left; width:33.33%; margin-bottom:18px;}
.download-list li a{ display:block;}
.download-list ul{ margin-left:-7px; margin-right:-7px;}
.download-list li .img{ overflow:hidden; border:1px solid #f0f0f0; margin:0 7px; position:relative}
.download-list li span{position:absolute; z-index:1;top:0; bottom:0; left:0; right:0; display:none;background:url(../images/png2.png); color:#fff; padding:10px;}
.download-list li a:hover span{ display:block;}
.download-list li i{ position:absolute; z-index:1; display:block; border:1px solid #fff; left:20px; right:20px; top:20px; bottom:20px;display: -webkit-flex;display: flex;-webkit-align-items: center;align-items: center;-webkit-justify-content: center;justify-content: center; }
.download-list li .img img{ display:block; width:100%}
/*新闻中心*/
.news-list{ margin-top:-40px; margin-bottom:30px}
.news-list li{ height:60px; line-height:60px; border-bottom:1px dashed #e0e0e0; color:#666}
.news-list li a{ color:#666; margin-right:10px; padding-left:30px; background:url(../images/ico-03.png) no-repeat 7px center;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.news-list li a:hover{background:url(../images/ico-03h.png) no-repeat 5px center; color:#000}
.news-list li img{ margin-right:10px; height:14px;}
.news-list li span{ color:#ccc;}

.news-page{ max-width:800px; margin:0 auto}
.news-page h1.title{ text-align:center; font-size:24px; font-weight:normal; margin-bottom:10px;}
.news-page .info{ text-align:center; margin-bottom:10px}
.news-page .info span{ margin:0 10px; font-size:12px; color:#ccc}
.news-page .share{ height:30px; text-align:center; position:relative;}
.news-page .share:after{ content:""; display:block; height:1px; background-color:#eee; position:absolute; z-index:-1;top:50%; left:0; right:0}
.news-page  .bdshare-button-style0-16{ display:inline-block; background-color:#fff; padding-left:10px}
.conn{ overflow:hidden; line-height:30px; color:#666; padding:20px 0; min-height:750px;}
.conn img{ max-width:100%}
.news-page .piece{ border-top:1px solid #eee; padding-top:20px; position:relative; padding-bottom:20px}
.news-page .piece ul{ padding-right:130px}
.news-page .piece li{ color:#999; margin-bottom:10px;}
.news-page .piece li a{ color:#999}
.news-page .gomore{ display:block; width:116px; height:30px; line-height:30px; text-align:center; position:absolute; z-index:1; right:0;top:50%; margin-top:-15px; background:url(../images/ico-morebg.png) no-repeat center; color:#5096f0}
/*员工风采*/
.style-list li{ margin-bottom:25px; height:170px; overflow:hidden}
.style-list li a{ display:table; background-color:#f7f7f7; background-image:url(../images/ico-04.png); background-repeat:no-repeat; background-position:96% center}
.style-list li a:hover{ background-color:#2ecf99; background-image:url(../images/ico-04h.png); }
.style-list li .img{ display:table-cell; width:270px; overflow:hidden;}
.style-list li img{ display:block; width:100%}
.style-list li .txt{ display:table-cell; vertical-align:top; padding-left:25px; padding-top:30px; padding-right:170px;}
.style-list li .txt h3{ font-size:24px; font-weight:normal; color:#333}
.style-list li a:hover h3{ color:#fff}
.style-list li .txt .ms{ color:#666;overflow: hidden;display: -webkit-box;
    text-overflow: ellipsis;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;}
.style-list li a:hover .ms{ color:#fff;}
/*�业*/
.job-list li{ padding:10px; border:1px solid #f0f0f0; position:relative; margin-bottom:10px;}
.job-list li.on{ padding:5px;background: -prefix-linear-gradient(left, #69c213, #2b93f6);background: linear-gradient(to right, #69c213, #2b93f6); }
.job-list li.on .libox{ padding:15px; padding-top:10px; background-color:#fff}
.job-list li .ms{ display:none}
.job-list li.on .ms{ display:block}
.job-list li .title{ height:37px; line-height:37px; font-size:16px; font-weight:normal; cursor:pointer}
.job-list li.on .title{ font-weight:bold}
.job-list li .genre{ height:37px; line-height:37px; position:absolute; z-index:1; right:10px;top:10px; width:114px; text-align:center; color:#fff;}
.job-list li.on .genre{top:15px; right:15px}
.job-list li .genre26{ background-color:#52cece}
.job-list li .genre27{ background-color:#ff9900}
.job-list li .genre28{ background-color:#99cc33}
.join{ background-color:#f2f2f2; position:relative}
.join img{ max-width:100%}
.join .txt{ position:absolute; z-index:1; right:0; width:260px;top:0; bottom:0; padding-top:20px; padding-left:40px; padding-right:20px; background-color:#f2f2f2; padding-bottom:10px;}
.join .txt .ms{ line-height:24px; font-size:12px;}
.join .txt .more{ height:46px; padding:2px; border-radius:50px;background: -prefix-linear-gradient(left, #69c213, #2b93f6);background: linear-gradient(to right, #69c213, #2b93f6);max-width:185px; margin:0 auto; margin-top:40%}
.join .txt .more a{ display:block; width:100%; height:100%; background:#f2f2f2;border-radius:46px; line-height:46px; text-align:center; color:#2b93f6; font-size:18px; }
/*弹出视频*/
.videoboxx{ position:fixed; z-index:999; left:0; right:0;top:0; bottom:0; background:000; display:table; width:100%; height:100%; background:url(../images/png3.png)}
.videoboxx .video{ display:table-cell; vertical-align:middle; vertical-align:middle; text-align:center}
.videoboxx .vi{ width:50%; margin:0 auto; position:relative; background-color:#000}
.videoboxx .tcclose{ position:absolute; z-index:2; width:30px; height:30px; top:-15px; right:-15px; border-radius:50%; background:#fff url(../images/ico-close.png) no-repeat center; cursor:pointer;transition: all 0.3s;}
.videoboxx .tcclose:hover{transform:rotate(360deg);}
.videoboxx  video{ display:block; position:relative; z-index:1}

.goods-table table{width: 100%;empty-cells: show;background-color: transparent;border-collapse: collapse;border-spacing: 0; border: 1px solid #ddd;border-collapse: separate;border-left: 0;    border-bottom: 0;}
.goods-table table th,.goods-table table td { text-align:center;border-left: 1px solid #ddd;padding: 8px;   line-height: 20px;word-break: break-all;    border-bottom: 1px solid #ddd;}
.goods-table table th{ background-color:#52cece; color:#fff}
.goods-table table tr:nth-child(even)>td{ background-color:#f2f2f2}



.square-list-1{ margin-top:-40px; margin-bottom:30px}
.square-list-1 li{display: -webkit-box;display: -ms-flexbox;display: -webkit-flex;display: flex; flex-wrap: wrap; height:54px; line-height:54px; background-color:#f4f4f4; padding-left:30px;  }
.square-list-1 li:nth-child(even){ background-color:#fbfbfb}
.square-list-1 li h3{-webkit-box-flex: 1;-ms-flex: 1;-webkit-flex: 1;flex: 1; min-width:0;overflow: hidden;white-space: nowrap;text-overflow: ellipsis; font-weight:normal} 
.square-list-1 li h4{ flex:0 0 160px; text-align:center; font-weight:normal; border-left:1px solid #fff}
.square-list-1 li .more{flex:0 0 170px; text-align:center; border-left:1px solid #fff}
.square-list-1 li .more a:after{ content:">"; font-family:"宋体"; margin-left:5px;}
.square-list-1 li:hover{ background-color:#d9f2f2}

.goods-box .goods-txt{ float:none; width:100%}
.goods-box .goods-txt .title h1{ font-size:30px}

.square-list-2{ margin-bottom:30px}
.square-list-2 ul{ overflow:hidden; margin:0 -6px;}
.square-list-2 li{ width:33.33%; float:left; margin-bottom:12px;}
.square-list-2 li .img{ overflow:hidden; height:188px; position:relative}
.square-list-2 li .img:before{ content:""; display:block; width:46px; height:46px; background:url(../images/ico-play02.png) no-repeat center; background-size:100%; position:absolute; z-index:3; left:50%;top:50%; margin-left:-13px; margin-top:-13px;}
.square-list-2 li .img img{ display:block; width:100%; height:100%;object-fit: cover;}
.square-list-2 li a{ display:block; overflow:hidden; margin:0 6px; background-color:#f7f7f7;}
.square-list-2 li .txt{ padding:5px 10px}
.square-list-2 li h3{ font-weight:normal;display: -webkit-box; overflow: hidden;text-overflow: ellipsis;-webkit-box-orient: vertical;-webkit-line-clamp: 2; height:45px;}
.square-list-2 li .info{display: -webkit-box;display: -ms-flexbox;display: -webkit-flex;display: flex; color:#ccc}
.square-list-2 li .info .left{-webkit-box-flex: 1;-ms-flex: 1;-webkit-flex: 1;flex: 1; min-width:0}

.rectangle-list-3{ margin-top:-40px; margin-bottom:30px}
.rectangle-list-3 li.th{display: -webkit-box;display: -ms-flexbox;display: -webkit-flex;display: flex; flex-wrap: wrap; height:54px; line-height:54px; background-color:#52cece; padding-left:30px; color:#fff; text-align:center }
.rectangle-list-3 li.td{display: -webkit-box;display: -ms-flexbox;display: -webkit-flex;display: flex; flex-wrap: wrap; height:54px; line-height:54px; background-color:#f4f4f4; padding-left:30px;  }
.rectangle-list-3 li.td:nth-child(even){ background-color:#fbfbfb}
.rectangle-list-3 li .w1{-webkit-box-flex: 1;-ms-flex: 1;-webkit-flex: 1;flex: 1; min-width:0;overflow: hidden;white-space: nowrap;text-overflow: ellipsis; font-weight:normal} 
.rectangle-list-3 li .w2{ flex:0 0 160px; text-align:center; font-weight:normal; border-left:1px solid #fff}
.rectangle-list-3 li .w3,.rectangle-list-3 li .more{flex:0 0 170px; text-align:center; border-left:1px solid #fff}

.rectangle-list-3 li.td:hover{ background-color:#d9f2f2}


.popform{ position:fixed; z-index:-999; left:0; right:0;top:0; bottom:0; background:rgba(0,0,0,.5); visibility:hidden;  opacity:0}
.popform.block{ opacity:1; z-index:999; visibility:visible}
.popform .box{ width:424px; background-color:#fff; left:50%; position:relative;top:50%; transform:translate(-50%,-50%); padding-bottom:60px;}
.popform .box .hd{ padding:20px 40px; border-bottom:1px solid #f1f1f1; position:relative}
.popform .box .hd .close{ width:38px; height:38px; position:absolute; z-index:2; right:10px; background:url(../images/ico-close02.png) no-repeat center; background-size:16px;top:50%; margin-top:-19px; cursor:pointer}
.popform .box .hd h3{ font-size:24px; font-weight:normal}
.popform .box ul{padding:0 40px;}
.popform .box ul li{ margin-top:35px;}
.popform .box ul .input{ width:100%; height:47px; border:1px solid #bcbfc4; padding:0 20px;-webkit-box-sizing: border-box; box-sizing: border-box;}
.popform .box ul .last{display: -webkit-box;display: -ms-flexbox;display: -webkit-flex;display: flex;-webkit-justify-content:space-between;justify-content:space-between;-moz-box-pack:space-between;-webkit--moz-box-pack:space-betweenr;box-pack:space-between;}
.popform .box .incheckbox{outline: none;-webkit-appearance: none; font-size:16px; width:16px; height:16px; border:1px solid #52cece; display:inline-block; vertical-align:middle; margin-right:10px; position:relative; cursor:pointer}
.popform .box .incheckbox:checked:before{ content:""; display:block; width:8px; height:8px; background-color:#52cece; position:absolute; z-index:2; left:50%;top:50%; margin-left:-4px; margin-top:-4px;}
.popform .box a{ color:#52cece;font-size:16px;}

.popform .box .last button{outline: none;-webkit-appearance: none; width:48%; cursor:pointer; height:43px; border:none; font-size:16px;transition: all 0.3s;}
.popform .box .last button:hover{ box-shadow:0 0 8px rgba(0,0,0,.3)}
.popform .box .last .tbtn{ background-color:#52cece; color:#fff}
.popform .box .last .sbtn{ background-color:#fff; border:1px solid #d9d9d9}
@media (max-width: 1200px){
.banner .item{ height:400px; } 
.banner .owl-controls{ margin-left:10px; margin-right:10px;}
.banner .owl-dots .owl-dot{ width:14px; height:14px}

.nbanner{ height:240px;}
#timeline .ov{ width:100%}
} 

@media(max-width:1000px) {
.banner .item{ height:300px}
.banner .owl-controls{ position:static; background:none; height:auto; margin-top:0;}
.banner .owl-dots{ left:0; right:0; bottom:0px}
.index01{ padding:20px 0}
.plo{ font-size:20px; margin-bottom:20px}
.product-index ul{height:60px; }
.product-index li a{ height:60px; line-height:58px}
.about-index .bd{ padding:20px}
.about-index .ms{ line-height:26px}



#timeline .ov { 
    background: url(../images/ico-dot.png) repeat-x center 38px;
}
#dates li{ width:140px}
.year-index .bd{ height:150px;}
#dates a{ height:62px; width:62px; line-height:62px; font-size:16px;}
.year-index ul li .img img{ height:auto}

.videoboxx .vi{ width:90%;}
/*�目*/
.nbanner{ height:180px;}
.sidebox .sidenav{ display:none}
.side-right{ padding-left:0;}

/*产�*/
.goods-box{ padding:20px 10px}
.goods-box .goods-txt .title h1{ font-size:20px}
.goods-box .goods-txt .alinks a{ width:140px}
}
@media(max-width:900px) {
.goods-table{ overflow-y:auto; padding-bottom:0px}

.goods-table::-webkit-scrollbar-track
{
	-webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.3);
	background-color: #F5F5F5;
}

.goods-table::-webkit-scrollbar
{
	height:5px;
	background-color: #F5F5F5;
}

.goods-table::-webkit-scrollbar-thumb
{
	background-color: #666;
}

.goods-table table{ width:900px;}

}
@media(max-width:768px) {
 
.index02 .videobox{ position:relative; height:250px}
.about-index{ float:none; width:auto}
.about-index .title{ font-size:20px; margin-bottom:10px; text-align:center}
.about-index .ms{ margin-bottom:20px}
.about-index .more{ text-align:center}
.about-index .more a{ height:42px; line-height:42px; font-size:15px;}

/*�目*/
.path{ margin-bottom:20px}
.nbanner{ height:90px;}
/*产�*/
.goods-box .goods-txt .title h1{ font-size:18px;}
.goods-box .goods-img{ width:auto; float:none; margin-bottom:20px;}
.goods-box .goods-txt{width:auto; float:none}
.goods-box .goods-img .hd li img{ width:70px; height:70px;}
.goods-box .goods-img .bd{ padding-left:85px;}
/*æ–°é—»*/
.news-list{ margin-top:-20px;}
.news-list li{ height:50px; line-height:50px;    display: -webkit-box;}
.news-list li img{ display:none}
.news-list li a{ display:block; -webkit-box-flex: 1;}

.news-page h1.title{ font-size:20px}
.conn{ line-height:24px}
/*员工风采*/
.style-list li .txt{ padding-right:60px;}

.square-list-1{ margin-top:-20px}
.square-list-1 li h4{ display:none}
.square-list-1 li .more{flex:0 0 90px}
.square-list-1 li{ padding-left:10px;}

.rectangle-list-3{ margin-top:-20px}
.rectangle-list-3 li .w2{ display:none}
.rectangle-list-3 li .more,.rectangle-list-3 li .w3{flex:0 0 90px}
.rectangle-list-3 li.td{ padding-left:10px; height:45px; line-height:45px;}
.rectangle-list-3 li.th{ padding-left:10px; height:45px; line-height:45px;}

.popform .box{ width:95%; padding-bottom:30px}
.popform .box .hd h3{ font-size:19px;}
.popform .box ul .input{ padding:0 10px; height:42px;}
.popform .box ul li{ margin-top:15px;}
.popform .box .hd{ padding:10px 20px;}
.popform .box ul{ padding:0 20px;}
.popform .box ul .input{ font-size:14px;}
.popform .box a{ font-size:14px;}
.popform .box .last button{ font-size:14px; }

.qm-top.block{ z-index:999 !important}
.square-list-2 li{ width:50%}
.square-list-2 li .info{ font-size:12px}
}

@media(max-width:640px) {
.banner .item{ height:170px; }
.product-index ul{ height:auto; border-bottom:none}  
.product-index li{ width:50%; border-bottom:1px solid #eee;}
.product-index li i{ width:18px; height:18px; background-size:100% !important}
.index04{ padding:20px 0}
.news-index ul{ margin:0}
.news-index li{ float:none; width:auto; margin-bottom:20px}
.news-index li a{ margin:0}
.news-index li .txt{ padding:10px 0}
.news-index li .txt h3{ margin-bottom:15px}
.news-index li .txt .ms{ margin-bottom:20px;}
.index05{ padding:20px 0; padding-top:10px;}
.Partner .bd li img{ height:80px}
.index03{ padding-top:30px}
#issues{ padding-top:20px}

.year-index ul li{ padding:10px; margin-right:10px}
.year-index ul li i{ width:18px; background-size:100%; margin-left:-9px}
.year-index ul li .img{  width:150px; height:100px}
.year-index ul li h3{ font-size:18px;}
.year-index ul li .line{ margin-bottom:5px}
.year-index ul li .ms{ margin-bottom:5px}
.year-index ul li .more{ font-size:12px}
.year-index .control{ font-size:30px; width:30px; height:50px; line-height:50px;}
.year-index .pre{ left:10px;}
.year-index .next{ right:10px;}
.year-index ul li .txt{ width:165px;}
.year-index ul li .img{ padding-right:10px;}

#timeline .ybox{ padding:10px;box-shadow: 0 0 15px #ccc;   height:120px; max-width:none; width:90%}
#timeline .ybox i{ width:18px; background-size:100%; margin-left:-9px}
#timeline .ybox .img{ float:left; width:150px; height:100px}
#timeline .ybox .txt{ width:auto; float:none; padding-left:160px;}
#timeline .ybox .txt h3{ font-size:18px;}
#timeline .ybox .line{ margin-bottom:5px}
#timeline .ybox .ms{ margin-bottom:5px}
#timeline .ybox .more{ font-size:12px}
/*�书*/
.rectangle-list ul{-moz-column-count:2; /* Firefox */
        -webkit-column-count:2; /* Safari 和 Chrome */
        column-count:2;    -moz-column-gap: 5x;
    -webkit-column-gap: 5px;
    column-gap: 5px;}
/*产�*/
.square-list li{ width:50%}
/*下载*/
.download-list li{ width:50%}
/*员工风采*/
.style-list li{ height:auto; margin-bottom:10px }
.style-list li .img{ width:120px}
.style-list li .txt{ padding-left:10px; padding-top:5px;padding-right:40px}
.style-list li .txt h3{ font-size:18px}
.style-list li a{ background-size:10px;padding:5px; }
/*��*/
.join .txt{ position:static; padding:20px; width:auto;}
.join .txt .more{ margin-top:20px;}
.join .txt .more a{ font-size:16px; line-height:42px}
.join .txt .more{ max-width:160px;}
.job-list li .genre{ width:80px;}
.job-list li.on .title{ padding-right:85px; font-size:15px}
}