@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:5px 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:33%; 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 #000057}



.index02{ position:relative; overflow:hidden; background-color:#eeeeee; height:500px;}

.about-index{ float:right; width:50%; height:auto;}

.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:5px;}

.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:#000057; 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:#000057;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:#000057; text-transform:uppercase}

 

.index04{ padding-top:25px; padding-bottom:40px;}

.news-index ul{ margin-left:-10px; margin-right:-10px;}

.news-index li{ width:33%; 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:#000057; color:#fff; border:1px solid #000057}



.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 #000057}

.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:240px; float:left; padding-bottom: 20px;}

.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; border-left:10px solid #000074; font-weight:700}

.sidenav .bd h3:hover,.sidenav .bd h3.on{ border-left:10px solid #000074; 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; border-left:10px solid #dedede; 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 #E61F18; 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:350px;}

.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:#000057}

.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:#000057; color:#fff}

.goods-table table tr:nth-child(even)>td{ background-color:#f2f2f2}