@keyframes scaleAnim{
  0%{
    -webkit-transform: scale(1.08);
    transform: scale(1.08);
  }
  100%{
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}
/************* 内页大图 *************/
.o_big_con{ overflow:hidden; position:relative; }
.o_big{ overflow:hidden; background-repeat:no-repeat; background-position:70% center; background-size:cover; position:relative;  width:100%;-webkit-animation:scaleAnim 5s ease forwards; animation: scaleAnim 5s ease forwards; }
.o_big img{ width:100%;opacity:0; }
.o_big_con .cons{ position:absolute; top:0; left:0; width:100%; height:100%; }
.o_big_con .cons .wrap{ height:100%; display:table; }
.o_big_con .h2{ font-weight: normal; display:table-cell; vertical-align:middle; color:#fff;text-align:center; }
.o_big_con .h2 span{ font-size: 48px; display:block; padding-bottom:3px; line-height:60px; overflow:hidden; margin-top:1%; }
.o_big_con .h2 label{ font-family: normal; font-size: 18px; display:inline-block; position:relative; line-height:40px;  vertical-align:top; }
@media screen and (max-width: 1240px) {
  .o_big_con .h2 span{ font-size: 32px; line-height: 40px; }
  .o_big_con .h2 label{ font-size: 18px; line-height: 30px; }
}
@media screen and (max-width: 960px) {
  .o_big_con .h2 span{ line-height:30px;}
}
@media screen and (max-width: 768px){
  .o_big img{ opacity: 1;}
  .o_big_con .h2 label{ }
}
@media screen and (max-width: 480px){
  .o_big{ min-height:108px;}
  .o_big_con .h2 span{ font-size:26px; line-height:30px; }
  .o_big_con .h2 label{ font-size:16px; line-height: 24px; }
}


/*产品中心栏目*/
.news_a{ text-align:center;overflow:hidden; font-size:16px; background:#f5f5f5; }
.news_a .left{ display: flex;  }
.news_a .left a{ color:#333333; line-height:58px; display:block; margin-right: 60px; transition:all 0.3s; position:relative; overflow:hidden; vertical-align:top; }
.news_a .left a:hover{ color:#974400; }
.news_a .left a.csel{ color:#974400; }
.news_a .left a:after{ content:""; position:absolute; left:50%; right:50%; width:0; bottom:0; height:2px; background:#974400;transition:all 0.3s;}
.news_a .left a:hover:after{ width:100%; left:0; right:0;}
.news_a .left a.csel:after{ width:100%; left:0; right:0;}
.news_a .local{ display: flex; align-items: center; }
.news_a .local img{ margin-right: 5px; }
.news_a .local a{ padding: 0 8px; color: #999; font-family: 微软雅黑; }
.news_a .local a:hover{ color: #333; }
.news_a .local a:nth-child(2){ color: #333; }
@media screen and (max-width: 1340px) {
  .news_a .left a{margin-right: 40px;}
}
@media screen and (max-width: 1200px) {
  .news_a .left{ display: none;}
  .news_a .local{ padding: 15px 0; flex-wrap: wrap;}
}
@media screen and (max-width: 640px) {
  .news_a{ font-size:14px;}
  .news_a .left a{ line-height:50px; }
  .news_a .local{ padding: 12px 0; line-height: 26px;}
  .news_a .local a{font-size: 14px;}
}
@media screen and (max-width: 480px) {
  .news_a .local{font-size: 14px;}
  .news_a .local a{ padding: 0 3px;}
}



/************* 产品列表 *************/
.pro-list{ padding: 80px 0 80px;}
.pro-list ul{ margin:0 -15px; justify-content: flex-start; align-items: stretch; }
.pro-list li{ width:25%; padding:0 15px;margin-bottom:62px; }
.pro-list li .picScale{ padding-bottom: 69%;}
.pro-list li img{width:100%;display:block}
.pro-list li a{display:block;box-shadow:2px 2px 30px 1px rgba(0,0,0,.06);position:relative;top:0;transition: 0.3s;}
.pro-list li a:hover{top:-4px;box-shadow:2px 2px 30px 1px rgba(0,0,0,.1)}
.pro-list li a:hover .picc span{transform:scale(1.1,1.1);-webkit-transform:scale(1.1,1.1);-ms-transform:scale(1.1,1.1);-o-transform:scale(1.1,1.1);-moz-transform:scale(1.1,1.1)}
.pro-list li a:hover .tit{color:#974400}
.pro-list li a:hover img{transform: translate(-50%,-50%) scale(1.1,1.1); }
.pro-list li img{width:100%;display:block;-webkit-transition-duration:.8s;-moz-transition-duration:.8s;-ms-transition-duration:.8s;-o-transition-duration:.8s;transition-duration:.8s}
.pro-list li .tag{min-width:64px;height:28px;line-height:28px;padding:0 10px;position:absolute;right:0;bottom:0;z-index:20;background:#68a592;color:#fff;text-align:center}
.pro-list li .titll{padding:24px 20px 24px 20px;border-bottom:solid 1px #eee}
.pro-list li .tit,
.pro-list li .txt{height:26px;line-height:26px;overflow:hidden;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;word-break:break-all;-webkit-transition-duration:.4s;-moz-transition-duration:.4s;-ms-transition-duration:.4s;-o-transition-duration:.4s;transition-duration:.4s}
.pro-list li .tit{ font-size: 20px; }
.pro-list li .txt{ font-size: 16px; height:26px;color:#974400;-webkit-line-clamp:1;margin-top:12px; }
.pro-list li .txt img{ width: 15px; display: inline-block; }
.pro-list li:hover .txt img{ transform: none; }
.pro-list li .bottom{padding:0 32px 10px 32px;color:#999;overflow:hidden}
.pro-list li .address,.pro-list li .area{height:56px;line-height:56px;padding-left:20px;background:no-repeat 0 center;overflow:hidden;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;word-break:break-all}
.pro-list li .area{float:left;max-width:30%;background-image:url(../images/case-list-icon1.png)}
.pro-list li .address{max-width:70%;float:right;background-image:url(../images/case-list-icon2.png)}
@media screen and (max-width: 1240px){
  .pro-list li{width: 33.333%; margin-bottom: 42px;}
}
@media screen and (max-width: 1024px){
  .pro-list{padding: 70px 0 50px;}
  .pro-list ul{margin: 0 -10px;}
  .pro-list li{padding: 0 10px;margin-bottom: 30px;}
  .pro-list li .titll{padding: 20px 15px 20px 15px;}
  .pro-list li .tit{font-size: 18px;}
  .pro-list li .txt{margin-top: 6px;}
}
@media screen and (max-width: 768px){
  .pro-list{padding: 60px 0 40px;}
  .pro-list li .tit{font-size: 16px;}
  .pro-list li .txt{font-size: 14px; line-height: 16px; height: 16px;}
}
@media screen and (max-width: 640px){
  .pro-list li{width: 50%;}
}
@media screen and (max-width: 480px){
  .pro-list{ padding: 50px 0 40px;}
  .pro-list ul{ margin: 0 -6px; }
  .pro-list li{margin-bottom: 20px; padding: 0 6px;}
}


/************* 产品详情 *************/
.details-info{ width: 65%; padding: 100px 0; }
.details-info .title{ text-align:center;font-size:32px; line-height: 40px; color: #333;}
.details-info .date{ text-align:center;font-size:18px;color:#adadad;margin-top:16px}
.details-info .article{ margin:38px 0 60px 0;border-top:solid 1px #eee;border-bottom:solid 1px #ccc;padding:30px 0 60px 0;line-height:36px;color:#666;font-size:18px; color: #555;}
.details-info .article img{margin:15px 0; max-width: 100%;}
.details-info .article img{margin: 25px auto !important; display: block;}
.details-info .prevnext{overflow:hidden}
.details-info .prevnext p{max-width:40%;float:left}
.details-info .prevnext p a{height:20px;line-height:20px;overflow:hidden;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;word-break:break-all;-webkit-transition-duration:.4s;-moz-transition-duration:.4s;-ms-transition-duration:.4s;-o-transition-duration:.4s;transition-duration:.4s}
.details-info .prevnext .prev a{padding-left:32px;background:url(../images/arrow19.png) no-repeat 10px center}
.details-info .prevnext .prev a:hover{background:url(../images/arrow21.png) no-repeat 0 center}
.details-info .prevnext .next{float:right;text-align:right}
.details-info .prevnext .next a{padding-right:32px;background:url(../images/arrow20.png) no-repeat right 10px center}
.details-info .prevnext .next a:hover{ background:url(../images/arrow22.png) no-repeat right 0 center; }

/* 右侧 */
.details{ display: flex; flex-wrap: wrap; justify-content: space-between; align-items: stretch; }
.details .title h3{font-size:16px;color:#333;padding:20px;border-bottom:1px solid #e9e9e9; font-weight:bold;}
.details .title h3 span{color:#e40011}
.details .title h3 span:nth-child(2){color:#333}
.details .right{ padding: 80px 0; width: 30%; }
.details .right2_main{ margin: 80px 0; margin-left: 20px; }
.details .right .article{background:#f7f7f7;padding-bottom:20px; padding-top: 10px; }
.details .right .article .title{ padding:0 20px;border:none; }
.details .right .article .title h3{ font-size:18px;color:#333;padding:20px 0;border-bottom:1px solid #c8c8c8; }
.details .right .article .title h3 span{ color:#e40011;border-bottom:1px solid #e40011;padding-bottom:20px; font-weight:bold; }
.details .right .article .title h3 span:nth-child(2){color:#333}
.details .right .article .news_list li{font-size:16px;transition:all .3s;padding:0 15px; margin:10px 0;line-height:35px; overflow:hidden; height:35px;}
.details .right .article .news_list li a{color:#666;transition:all .3s;padding-left:5px;}
.details .right .article .news_list li a:hover{color:#e40011}
.details .right .article .news_list li span{width:5px;height:5px;display:inline-block;border-radius:100%;background:#e40011;position:relative;top:-2px;transition:all .3s}
.details .right .article .news_list li:hover a{ color:#e40011; }
/* -------------- */
.details .right .recom .recommend_list{position:relative}
.details .right .recom .recommend_list i{width:40px;height:40px;border-radius:100%;border:1px solid #e9e9e9;display:inline-block;position:absolute;top:-20px;left:-20px;background:#fff url(../images/news_zan.png) no-repeat center}
.details .right .recom .recommend_list ul{border-left:1px solid #e9e9e9;padding-left:12px}
.details .right .recom .recommend_list li{padding:20px 0 10px 30px;transition:all .3s}
.details .right .recom .recommend_list li span{font-size:13px;color:#666;position:relative}
.details .right .recom .recommend_list li span:before{content:'';display:inline-block;width:19px;height:19px;background:url(../images/news_quan1.png) no-repeat center;position:absolute;left:-22px;top:-1px}
.details .right .recom .recommend_list li p{font-size:16px;line-height:20px;padding-top:10px}
.details .right .recom .recommend_list li p a{color:#666; display:block;transition:all .3s;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.details .right .recom .recommend_list li:hover{background:#f7f7f7}
.details .right .recom .recommend_list li:hover a{color:#e40011}
.details .right .recom .recommend_list li:hover span:before{background:url(../images/news_quan2.png) no-repeat center}
.details .right .hot_tag{padding: 34px 15px;}


/* 相关推荐 */
.recommend{ width: 100%; padding-top: 50px;margin-top: 60px; border-top: 1px solid #DDDDDD;}
.recommend .tit{ font-size: 24px; color: #333333; padding-bottom: 30px;}
.recommend .pro-list{ padding-top: 0px;  padding-bottom: 0px;}
.recommend ul{ margin: 0 -6px; }
.recommend li{ padding: 0 6px; margin-bottom: 0; width: 25%;}

.proDetails .details-info{ padding-top: 60px; }
.proDetails .right{padding-top: 40px;}
.proDetails .title{ text-align: left; }
.proDetails .date{ text-align: left; margin-top: 8px;}
.proDetails .article{margin: 32px 0 60px 0;padding-top: 10px;}


@media screen and (max-width: 1440px){
  .details-info .title{ font-size: 30px; line-height: 36px; }
  .details-info .date{ font-size: 16px; }
}
@media screen and (max-width: 1240px){
  .details-info{ width: 80%; margin: 0 auto; }
  .details .right{ display: none; }
}
@media screen and (max-width: 1024px){
  .details-info{ width: 100%; }
  .details-info{padding: 70px 0;}
  .details-info .title{font-size: 26px; line-height: 30px;}
  .details-info .date{font-size: 14px;}
  .details-info .article{font-size: 16px; line-height: 30px;}
  .details-info .article{margin-bottom: 40px;padding-bottom: 40px;}
  
  .details-info .prevnext p{max-width:none;width:100%;float:none;margin:10px 0}
  .details-info .prevnext .prev a{background:url(../images/arrow19.png) no-repeat 0 center}
  .details-info .prevnext .next{float:none;text-align:left;margin-top:20px}
  .details-info .prevnext .next a{padding-left:32px;padding-right:0;background:url(../images/arrow20.png) no-repeat 0 center}
  
  .details .right2_main{ display: none;}
  
  .recommend{ margin-top: 40px;}
}
@media screen and (max-width: 768px){
  .details-info{padding: 60px 0;}
  .details-info .title{font-size: 22px; line-height: 28px;}
  .details-info .date{ margin-top: 6px; }
  .details-info .article{margin-bottom: 30px;}
  
  .details-info .prevnext .prev a{}
  
  .proDetails .details-info{ padding: 40px 0; }
}
@media screen and (max-width: 480px){
  .details-info .article{ padding-top: 30px;padding-bottom:30px; }
  .details-info .article img{margin: 10px 0;}
  
  .recommend{margin-top: 30px; padding-top: 30px;}
  .recommend .tit{font-size: 20px;}
  .recommend li{ width: 50%;}
  
  .proDetails .article{ margin: 20px 0; padding-top: 10px;padding-bottom:10px; }
}





/************* 新闻列表 *************/
.news_con{overflow:hidden; justify-content: space-between; align-items: flex-start; padding: 80px 0 60px;}
.news_con ul.newslist{ width: 100%; }
.news_con ul.newslist li{overflow:hidden;padding-top:24px;margin-bottom:16px;padding-bottom:40px;border-bottom:1px dashed #e2e2e2;display:block}
.news_con ul.newslist li .imgs{width:307px;float:left;display:inline;overflow:hidden;border-radius:4px; }
.news_con ul.newslist li .imgs .picScale{ padding-bottom: 50%; }
.news_con ul.newslist li .imgs img{width:100%;height:auto;transition:all .3s ease-out 0s;}
.news_con ul.newslist li:hover .imgs img{ transform: translate(-50%,-50%) scale(1.1,1.1); }
.news_con ul.newslist li .i_about_r{float:right;display:inline;line-height:24px;width:calc(100% - 340px);overflow:hidden}
.news_con ul.newslist li .i_about_r h3{line-height:44px;height:44px;overflow:hidden;font-size:20px;color:#666;font-weight:normal;transition:all .3s}
.news_con ul.newslist li .i_about_r em{font-style:normal;font-size:14px;display:block;color:#999;height:22px;line-height:22px}
.news_con ul.newslist li .i_about_r .p{height:48px;overflow:hidden;font-size:14px;color:#666;line-height:24px;margin-bottom:23px;margin-top:11px}
.news_con ul.newslist li .i_about_r .news_more{width:140px;text-align:center;float:right;height:42px;line-height:42px;color:#666;font-size:14px;transition:all .3s;background:#f2f2f2;border-radius:4px}
.news_con ul.newslist li:hover .i_about_r .news_more{filter:Alpha(Opacity=80);opacity:.8;background:#974400;color:#fff}
.news_con ul.newslist li .i_about_r .news_more:hover{margin-left:5px}
.news_con ul.newslist li:hover .i_about_r h3{color:#974400}

.news_con .nlist_r{ width: 25%; }
.hot_tag{padding:24px 15px;}
.hot_tag .con_hd{background:#f7f7f7;padding:10px 20px;font-size:16px;margin-bottom:20px}
.hot_tag li{float:left;margin:0 8px 10px 0;padding:6px 5px;width:auto;height:auto;line-height:initial;box-sizing:border-box;border:1px solid #ddd;overflow:initial;text-overflow:initial;white-space:initial}
.hot_tag li a{display:block;position:initial;font-size:15px;color:#3a3737;padding-left:0}
.hot_tag li a::before{content:initial}

.newPage{ padding-bottom: 80px; }

@media screen and (max-width: 1240px){
  .news_con{ padding: 60px 0 40px; }
  .news_con ul.newslist li{ padding-bottom: 30px; padding-top: 14px; }
  .news_con ul.newslist li .i_about_r h3{font-size: 18px; line-height: 30px; height: 30px;}
  .news_con ul.newslist li .i_about_r .p{margin-top: 6px; margin-bottom: 15px; }
  .news_con ul.newslist li .i_about_r .news_more{height: 35px; line-height: 35px; width: 100px;}
  
  .hot_tag{padding-top: 14px;}
}
@media screen and (max-width: 1024px){
  .news_con ul.newslist{width: 100%;}
  .hot_tag{display:none}
  .newPage{padding-bottom: 60px;}
}
@media screen and (max-width: 768px){
  .news_con{padding: 40px 0 30px;}
  .newPage{padding-bottom: 40px;}
}
@media(max-width:680px){
  .news_con ul.newslist li .imgs{width: 100%;}
  .news_con ul.newslist li .i_about_r{width: 100%; margin-top: 15px;}
  .news_con ul.newslist li .i_about_r .news_more{float: left;}
}
@media screen and (max-width: 480px){
  .news_con{padding-top: 30px;}
}



/************* 新闻详情 *************/
.news-info{ max-width: 1400px; }

.newsInfo .tps{ display: block; margin-top: 10px; text-align: center; }
.newsInfo table{ width: 100%!important; min-width: 600px; }
.newsInfo .table{ overflow-x: scroll; padding-bottom: 10px; width: 300px; }
.newsInfo .table::-webkit-scrollbar{ width: 10px;height: 4px; }
.newsInfo .table::-webkit-scrollbar-thumb{ border-radius: 10px;background-color: #000000; background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, .2) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .2) 50%, rgba(255, 255, 255, .2) 75%, transparent 75%, transparent); }
.newsInfo .table::-webkit-scrollbar-track{ -webkit-box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2);background: #1f2c5c; }

/*  */
.newsDetail { padding-top: 60px; width: calc(100% - 350px); }
.newsDetail .title{ font-weight: normal; font-size: 22px; line-height: 40px; margin-bottom: 10px;}
.newsDetail .article{border-top: 0; margin-top: 0;padding-top: 0;}
@media (max-width: 480px) {
  .newsDetail { padding-top: 40px;}
  .newsDetail .title{font-size: 17px; line-height: 32px; margin-bottom: 0; }
}

/* 新闻信息 */
.info_con_tit {font-family:"Microsoft Yahei";  line-height:24px; margin-bottom:15px;}
.info_con_tit span { margin-right:5px; font-size: 14px;}
.info_con_tit .m_qrinfo{position:relative;}
.m_qrcode{ display:none; position:absolute; left:0px; top:20px; background:#fff;border:1px dashed #f1f1f1; }
.m_qrcode em{ line-height:24px; color:red; display:block; text-align:center;}
.info_con_tit .n_tit {  text-align:left; color:#666; border-bottom:1px dashed #999; height:44px; line-height:22px;}
.info_con_tit .n_tit .m_qrinfo a{background:url(img/common/tel0.gif) no-repeat left top; height:45px; display:inline-block; font-size:0px; width:24px;}
.info_con_tit .n_tit .m_qrinfo a:hover{background:url(img/common/tel1.gif) no-repeat left top;}
.info_con_tit .n_tit a{ color:#BCBBBB; }
.info_con_tit .n_tit span .cur{color:#000;}
.info_con_tit .n_tit2 { height:24px;}
@media (max-width: 680px) {
  .info_con_tit .return{ display: none;}
  .info_con_tit .n_tit{height: auto;}
  .info_con_tit span{ font-size: 12px;}
  #cntrHits{margin-right: 0;}
}

/* 右侧 */
.right2{ width:325px; }
.right2_main{ width:305px; border:none; }
.t03{ line-height: 46px; height:46px; margin-bottom:5px; text-indent: 40px; margin-top:20px; margin:0 20px; border-bottom: 2px solid #974400; background:url(../images/news_zx.png) no-repeat left center; }
.right2_main .t03 a { color:#974400; display:block; width: 180px; font-size: 18px; font-family:"Microsoft YaHei"; }

ul.n_rt_ul { background:none; width:260px; margin:15px auto; overflow:hidden; padding-left:5px; }
ul.n_rt_ul li { line-height:32px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; padding-left:10px; padding-right:20px; border-left: 5px solid #974400; margin-bottom:5px;}
ul.n_rt_ul li:hover { background:#974400; border-left:5px solid #c65900; }
ul.n_rt_ul li:hover a{color:#fff;}

ul.n_rt_ul li a{ display:block;  width:190px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; font:14px Microsoft YaHei; color:#666; height:32px; line-height:32px; padding-left:6px; }
ul.n_rt_ul li.cur{}
ul.n_rt_ul2 {width:240px; margin:8px auto; overflow:hidden;}  
ul.n_rt_ul2 li { line-height:24px; height:24px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; padding-left:5px; }

.left2_main,.right2_main{ padding-bottom:15px; margin-top:60px; margin-bottom:50px; }
.right2_main{ margin-left:20px;}
.tjzx{ background:url(../images/news_xg.png) no-repeat left center;}




/* 推荐阅读 */
.n_info_con2{margin:0 auto;border:1px solid #d6d6d6; margin-top: 30px;}
.n_info_con2 .t04{color:#fff;border-bottom:1px solid #e0e0e0;color:#0f70b0;line-height:48px;height:48px;font-size:0;background:url(../images/news_28.gif) no-repeat 12px center;}
.n_info_con2 .t04 b{font-weight:bold;font-size:20px;text-transform:uppercase;font-family:"Microsoft Yahei";font-size:0;}
.n_info_con2 .t04 a{color:#b61212;}
.n_info_con2 .t04 a:hover{color:#b61212;}
.info_b{border-top:0;padding:10px}
.left2bot{display:none}
ul.p_list_ul{justify-content: space-between;}
ul.p_list_ul li,
ul.p_list_ul2 li{ background:url(../images/kh_jt2.png) no-repeat left center;line-height:40px;height:40px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;text-indent:20px;margin-left:10px;display:block;border-bottom:1px dashed #ccc;color:#666;font-size:14px;padding-left:6px;width:47%;  }

.info_key{border-bottom:solid 1px #ccc;line-height:30px;padding:0 10px;margin:0;overflow:hidden;font:14px/30px "Microsoft Yahei";padding-bottom:20px}
.info_key em{padding:0 12px}
.info_key span{font-size:14px}
.info_key a{margin-right:10px}
@media (max-width: 480px) {
  ul.p_list_ul li, ul.p_list_ul2 li{width: 100%;}
}

/************* 案例详情 *************/
.details-info{width: calc(100% - 370px);}
.details-info .cinfo{ padding-bottom: 10px; font-size: 20px; color: #666666; }
.details-info .ctit span{ color: red; float: right; }
.details-info .ctit{ text-align: left; }
.details-info .entit{ padding-top: 10px; font-size: 20px; color: #333333;  }
.details-info .entit a{ color: #974400; font-size: 16px; display: inline-block; float: right; border: 1px solid #974400; padding: 5px 20px; }
@media only screen and (max-width:1024px){
  .details-info{width: 100%;}
}
@media only screen and (max-width:768px){
  .details-info .cinfo{ padding-bottom: 6px; font-size: 16px; }
  .details-info .entit{ padding-top: 6px; font-size: 16px; }
  .details-info .entit a{padding: 3px 15px;}
}
@media only screen and (max-width:480px){
  .details-info .ctit span{ float: none; display: block; }
  .details-info .entit a{display: block; width: 120px; text-align: center; float: none; margin-top: 7px;}
}

/************* 相册列表 *************/
.fancybox-overlay{ z-index: 99999!important; }
.honor-list { padding: 100px 0;}
.honor-list ul{overflow:hidden;margin:0 -28px; align-items: stretch; justify-content: flex-start;}
.honor-list li{width:25%;float:left;text-align:center;padding:0 28px;margin-bottom:46px}
.honor-list li a{ display:block;text-align:center;position:relative;overflow:hidden; }
.honor-list li a:hover .pic{border-color:#68a592}
.honor-list li a:hover .pic::after,.honor-list li a:hover .pic::before{opacity:1;filter:alpha(opacity=100)}
.honor-list li a:hover .pic::after{ padding-top:36px; }
.honor-list li a:hover img{ transform: translate(-50%,-50%) scale(1.3,1.3); }
.honor-list li a:hover .tit{ color:#68a592; }
.honor-list li .clickpic{ width:100%;height:100%;position:absolute;top:0;left:0;z-index:50;opacity:0;filter:alpha(opacity=0); }
.honor-list li .clickpic img{ height:100%; }
.honor-list li .pic{ border:solid 1px #ccc;padding:6px;position:relative;-webkit-transition-duration:.4s;-moz-transition-duration:.4s;-ms-transition-duration:.4s;-o-transition-duration:.4s;transition-duration:.4s; }
.honor-list li .pic span{ display:block;overflow:hidden;padding-bottom: 70%; }
.honor-list li .pic::after,
.honor-list li .pic::before{ width:100%;position:absolute;left:0;opacity:0;filter:alpha(opacity=0);-webkit-transition-duration:.4s;-moz-transition-duration:.4s;-ms-transition-duration:.4s;-o-transition-duration:.4s;transition-duration:.4s; }
.honor-list li .pic::before{ content:" ";height:100%;top:0;background:url(../images/honor-list-filter.png);z-index:10; }
.honor-list li .pic::after{ content:"点击查看大图";top:50%;transform:translate(0,-50%);z-index:20;background:url(../images/honor_icon.png) no-repeat center 0;color:#fff;padding-top:200px; }
.honor-list li img{ width:100%;display:block;transition-duration:.8s; transform: translate(-50%,-50%) scale(1.1,1.1);  }
.honor-list li .tit{height:20px;line-height:20px;font-size:18px;color:#666;margin-top:24px;overflow:hidden;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;word-break:break-all;transition-duration:.4s}
@media only screen and (max-width:1400px){
  .honor-list ul{margin: 0 -20px;}
  .honor-list li{ padding: 0 20px; }
}
@media only screen and (max-width:1200px){
  .honor-list{padding: 70px 0 50px;}
  .honor-list ul{margin: 0 -15px;}
  .honor-list li{ width: 33.33%; padding: 0 15px; margin-bottom: 30px;}
}
@media only screen and (max-width:1024px){
}
@media only screen and (max-width:768px){
  .honor-list{padding: 60px 0 40px;}
  .honor-list ul{margin:0 -5px}
  .honor-list li{width:50%;padding:0 5px;margin-bottom:20px}
  .honor-list li .pic{padding:4px}
  .honor-list li .tit{margin-top:10px;font-size: 16px;}
}
@media only screen and (max-width:480px){
  .honor-list{padding: 40px 0 20px;}
}


/************* 视频列表 *************/
.video-list{ padding: 100px 0; }
.video-list ul{ overflow:hidden;margin:0 -28px;align-items:stretch;justify-content:flex-start; }
.video-list li{ width:25%;float:left;text-align:center;padding:0 28px;margin-bottom:46px; }
.video-list li a{ display:block;text-align:center;position:relative;overflow:hidden; }
/* .video-list li a:hover .pic{ border-color:#68a592; } */
.video-list li a:hover img{ transform: translate(-50%,-50%) scale(1.3,1.3); }
.video-list li a:hover .tit{ color:#68a592; }
.video-list li .pic{ /* border:solid 1px #ccc; */ padding:0px;position:relative;-webkit-transition-duration:.4s;-moz-transition-duration:.4s;-ms-transition-duration:.4s;-o-transition-duration:.4s;transition-duration:.4s; }
.video-list li .pic span{ display:block;overflow:hidden;padding-bottom: 70%; }
.video-list li img{ width:100%;display:block;transition-duration:.8s; transform: translate(-50%,-50%) scale(1.1,1.1);  }
.video-list li .pic::after{ content: ""; display: block; width: 80px; height: 80px; position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); background: url(../images/icon_play.png) no-repeat center / cover; z-index: 2;}
.video-list li .pic::before{  content: ""; display: block; width: 100%; height: 100%; background-color: rgba(0,0,0, 0.1); position: absolute; left: 0; top: 0; z-index: 1;  }
.video-list li .tit{  height:20px;line-height:20px;font-size:18px;color:#666;margin-top:24px;overflow:hidden;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;word-break:break-all;transition-duration:.4s;  }
@media only screen and (max-width:1400px){
  .video-list ul{ margin: 0 -20px; }
  .video-list li{ padding: 0 20px; }
}
@media only screen and (max-width:1200px){
  .video-list{ padding: 70px 0 50px; }
  .video-list ul{ margin: 0 -15px; }
  .video-list li{ width: 33.33%; padding: 0 15px; margin-bottom: 30px; }
}
@media only screen and (max-width:1024px){
  
}
@media only screen and (max-width:768px){
  .video-list{padding: 60px 0 40px;}
  .video-list ul{margin:0 -5px}
  .video-list li{width:50%;padding:0 5px;margin-bottom:20px}
  .video-list li .pic{padding:4px}
  .video-list li .tit{margin-top:10px;font-size: 16px;}
}
@media only screen and (max-width:480px){
  .video-list{padding: 40px 0 20px;}
  .video-list li .pic::after{width: 60px; height: 60px;}
}



/************* 关于我们 *************/
.aboutBox{ padding: 80px 0; }
.aboutBox img{max-width: 100%; margin: 15px 0; }
.aboutBox p{font-size: 16px; color: #333333; line-height: 30px; padding: 5px 0;}

/* 标题 */

/* 标题 ==================== */
.i_title{ text-align: center; }
.i_title h2{ font-size: 48px; font-weight: bold; color: #333333; line-height: 50px; padding-bottom: 20px;}
.i_title i{ font-size: 18px; display: inline-block; position: relative; color: #333;  }
.i_title i::after,
.i_title i::before{ display: block; content: ""; width: 50px; height: 1px; background-color: #974400; position: absolute; top: 50%; transform: translateY(-50%);  }
.i_title i::after{right: -80px;}
.i_title i::before{left: -80px;}
@media screen and (max-width: 1440px){
  .i_title h2{ font-size: 42px; line-height: 44px;}
}
@media screen and (max-width: 1240px){
  .i_title h2{ font-size: 38px; line-height: 40px;}
}
@media screen and (max-width: 1024px){
  .i_title h2{ font-size: 36px; line-height: 38px; }
  .i_title i{ font-size: 16px;line-height: 16px; }
  /* .i_title i::after, .i_title i::before{width: 35px;} */
}
@media screen and (max-width: 768px){
  .i_title h2{ font-size: 32px; line-height: 34px; }
  .i_title i{ font-size: 13px; line-height: 13px; }
  .i_title i::after, .i_title i::before{ width: 35px; }
  .i_title i::after{ right: -60px; }
  .i_title i::before{ left: -60px; }
}
@media screen and (max-width: 480px){
  .i_title h2{ font-size: 26px; line-height: 28px; padding-bottom: 15px;}
}

/* 简介 */
.aboutPage{  }
.aboutPage .about_data{ padding-top: 60px; }
.aboutPage .about_data ul{ align-items: flex-start; justify-content: space-between; }
.aboutPage .about_data ul li{ max-width: 24.5%; display: flex; flex-wrap: wrap; justify-content: space-between; }
.aboutPage .about_data ul li:nth-child(4){ max-width: none; width: 26.5%; }
.aboutPage .about_data ul li .icon{ width: auto; height: 65px; }
.aboutPage .about_data ul li .icon img{ max-height: 100%; }
.aboutPage .about_data ul li .text{ width: calc(100% - 65px); display: flex; flex-wrap: ; align-items: center; padding-left: 30px; }
.aboutPage .about_data ul li .text .num{ font-size: 82px; font-weight: bold; color: #974400; line-height: 60px; display: inline-block; }
.aboutPage .about_data ul li .text .txt{ font-size: 18px; display: inline-block; padding-left: 15px; height: 48px; }
.aboutPage .about_data ul li .text .txt h3{ font-size: 18px; color: #974400; min-width: 80px; }
.aboutPage .about_data ul li .text .txt p{ color: #666666; }
.aboutPage .jianjie{ padding: 110px 0 90px; }
.aboutPage .about{ padding-top: 70px; align-items: stretch; }
.aboutPage .about .left{ width: 42%; }
.aboutPage .about .left .text{ font-size: 18px; text-align: justify;}
.aboutPage .about .left .text p{ margin-bottom: 0px; line-height: 36px; text-align: justify; }
.aboutPage .about .left .more{ text-align: right; }
.aboutPage .about .left .more a{ display: inline-block; background-color: #974400; color: #FFFFFF; font-size: 18px; padding: 7px 17px;}
.aboutPage .about .left .more a span{ font-size: 16px; }
.aboutPage .about .right{ width: 55%; }
.aboutPage .about .right{ width: 55%; }
@media screen and (max-width: 1460px){
  .aboutPage .about_data ul li .icon{ height: 50px; }
  .aboutPage .about_data ul li .text{ width: calc(100% - 51px); }
  .aboutPage .about_data ul li .text .num{font-size: 60px; line-height: 50px;}
}
@media screen and (max-width: 1260px){
  .aboutPage .jianjie{ padding: 90px 0;}
  .aboutPage .about_data ul li .icon{ height: 40px; }
  .aboutPage .about_data ul li .text{ width: calc(100% - 42px); padding-left: 20px; }
  .aboutPage .about_data ul li .text .num{font-size: 44px; line-height: 38px;}
  .aboutPage .about_data ul li .text .txt{ font-size: 16px; height: 42px; }
  .aboutPage .about_data ul li .text .txt h3{ font-size: 16px; }
}
@media screen and (max-width: 1024px){
  .aboutPage .jianjie{ padding: 80px 0 50px;}
  .aboutPage .about{ flex-direction: column-reverse; }
  .aboutPage .about .left{width: 100%; margin-top: 30px;}
  .aboutPage .about .left .more{text-align: left; margin-top: 30px; }
  .aboutPage .about .right{width: 100%;}
}
@media screen and (max-width: 960px){
  .aboutPage .jianjie{ padding: 60px 0 40px;}
  .aboutPage .about_data{padding-top: 50px;}
  .aboutPage .about_data ul{ margin-top: -30px; }
  .aboutPage .about_data ul li{ max-width: none; width: 50%; margin-top: 30px;}
  .aboutPage .about_data ul li:nth-child(4){width: 50%;}
  .aboutPage .about{padding-top: 50px;}
}
@media screen and (max-width: 768px){
  .aboutPage .about .left .text p{font-size: 16px; line-height: 32px; margin-bottom: 5px;}
  .aboutPage .about .right iframe{height: 400px!important;}
}
@media screen and (max-width: 500px){
  .aboutPage .jianjie{ padding: 50px 0; }
  .aboutPage .about{ padding-top: 40px; }
  .aboutPage .about_data{ padding-top: 40px; }
  .aboutPage .about_data ul li{ width: 100%; }
  .aboutPage .about_data ul li:nth-child(4){ width: 100%; }
  .aboutPage .about_data ul li .icon{ height: 36px; }
  .aboutPage .about_data ul li .text{ width: calc(100% - 37px); padding-left: 15px; }
  .aboutPage .about_data ul li .text .num{ font-size: 40px; line-height: 30px; }
  .aboutPage .about_data ul li .text .txt { font-size: 15px; height: 40px; padding-left: 15px;}
  .aboutPage .about_data ul li .text .txt h3{ font-size: 15px; }
}
@media screen and (max-width: 480px){
  .aboutPage .about .left{margin-top: 20px;}
  .aboutPage .about .left .text p{font-size: 14px; line-height: 24px;}
  .aboutPage .about .left .more{ margin-top: 20px;}
  .aboutPage .about .left .more a{font-size: 14px; }
  .aboutPage .about .right iframe{ height: 300px!important; }
}


@font-face {
  font-family: '思源宋体';
  src: url(../css/SOURCEHANSERIFSC-REGULAR.OTF);
}
/* 企业文化 */
/* .culture{ padding-bottom: 105px; } */
@media (min-width:1400px) {
  .culture .i_title h2{ font-size: 36px; }
}
.culture{  }
.culture .w1600{ display: flex; justify-content: space-between; align-items: stretch; flex-wrap: wrap; }
.culture .i_title{ width: 150px; text-align: left; align-items: stretch; justify-content: flex-start; }
.culture .i_title img{ width: 100%; }
.culture .i_title h2{ display: block;margin-bottom: 0;margin: 0;padding: 0;float: left;text-align: center; height: 240px; font-family: "思源宋体"; font-weight: bold; color: #000000; -webkit-text-stroke: 0px #fff; text-shadow: 2px 4px 14px rgba(0,0,0,0.4); }
.culture .i_title h2 a{ display: block; writing-mode: vertical-rl; writing-mode: tb-rl; }
.culture .i_title i{ 
  display: block;float: left;font-size: 18px; padding-left: 15px; font-family: "思源宋体"; font-weight: bold; -webkit-text-stroke: 0px #fff; text-shadow: 2px 4px 14px rgba(0,0,0,0.4);
  writing-mode: vertical-rl; 
  writing-mode: tb-rl; 
}
.culture .i_title i::before{display: none;}
.culture .i_title i::after{display: none;}
.cul{ padding-top: 0px; width: calc(100% - 150px); }
.cul ul{ align-items: stretch; }
.cul li{ width: 20%; padding: 35px 10px;box-sizing: border-box;border: 1px solid #efefef; }
.cul li:nth-child(1),
.cul li:nth-child(3),
.cul li:nth-child(5),
.cul li:nth-child(7){ background: #f2f2f2; border: none; }
.cul li h5{ font-size: 24px; color: #333333; text-align: center; }
.cul li h5 i{ font-style: normal; font-size: 13px; color: #c7c7c7; display: block; font-weight: 500;letter-spacing: normal;font-family: Times New Roman; padding-top: 7px; } 
.cul li p{ text-align: center; font-size: 16px; font-weight: bold; margin: 20px 0 5px; height: 48px; }
.cul li em{ width: 64px;display: block;margin: 0 auto;text-align: center; }
@media screen and (max-width: 1640px){
  .cul li p{ font-size: 16px;}
}
@media screen and (max-width: 1440px){}
@media screen and (max-width: 1240px){
  .culture .i_title{ width: 140px;}
  .cul li h5{ font-size: 20px;  }
  .cul li h5 i{ padding-top: 4px; }
  .cul li p{font-size: 14px; margin: 15px 0 0px;}
  .cul li em{ height: 50px; }
  .cul li em img{ max-height: 100%; }
}
@media screen and (max-width: 1024px){
  .culture{ padding-bottom: 0px; }
  .culture .i_title{width: 70px;}
  .culture .i_title h2{height: 200px;}
  .cul{ padding-top: 0px; width: calc(100%  - 90px);}
  .cul li h5{ font-size: 18px; }
  .cul li h5 i{ font-size: 12px; height: 32px;}
  .cul li p{ margin-top: 0; }
  .cul li em{ height: 40px; width: 50px; }
}
@media screen and (max-width: 768px){
  .culture{ padding-bottom: 0px; }
  .cul{ padding-top: 0px; }
  .cul li{padding: 20px 10px;}
  .cul li h5{ font-size: 16px; }
  .cul li h5 i{ height: 36px;}
  .cul li p{height: 52px;}
}
@media screen and (max-width: 640px){
  .culture .i_title{width: 70px;display: none;}
  .cul{ width: calc(100%  - 0px);}
  .cul li{width: 50%;padding: 30px 10px;}
  .cul li:nth-child(3){width: 100%;}
  .cul li p{height: 48px;}
}
@media screen and (max-width: 480px){
  
}

/* 工厂实景 */
.factory{ padding: 90px 0 75px; background-color: #f2f2f2; }
.factory .factSwiper{ padding-top: 60px; position: relative; }
.factory .factSwiper .item{ width: 100%; }
.factory .factSwiper .item .pic{ padding-bottom: 64%; }
.factory .factSwiper .item .pic img{ transition: 0.3s; }
.factory .factSwiper .item:hover .pic img{ transform: translate(-50%,-50%) scale(1.07); }
.factory .factSwiper .item .tit{ text-align: center; padding-top: 20px; font-size: 18px; }
.factory .factSwiper .item .tit{  }
.factory .factSwiper .prev,
.factory .factSwiper .next{ position: absolute; top: 50%; z-index: 9; transform: translateY(-50%); background: url(../images/icon_prev.png) no-repeat center / 100%; width: 38px; height: 38px; outline: none; cursor: pointer; }
.factory .factSwiper .prev:hover,
.factory .factSwiper .next:hover{ background-image: url(../images/icon_prev1.png); }
.factory .factSwiper .prev{  left: -70px; }
.factory .factSwiper .next{ right: -70px; transform: translateY(-50%) rotate(180deg); }
.factory .more{ text-align: center; margin-top: 60px; }
.factory .more a{ display: inline-block; background-color: #974400; color: #FFFFFF; font-size: 18px; padding: 7px 17px; }
.factory .more a span{ font-size: 16px; }
@media screen and (max-width: 1640px){
  .factory .factSwiper .prev{  left: -20px; }
  .factory .factSwiper .next{ right: -20px; }
}
@media screen and (max-width: 1024px){
  .factory{ padding: 70px 0 ; }
  .factory .factSwiper{ padding-top: 40px;}
  .factory .more{ margin-top: 40px; }
}
@media screen and (max-width: 768px){
  .factory{ padding: 50px 0 ; }
  .factory .factSwiper{ padding-top: 30px;}
  .factory .factSwiper .prev,
  .factory .factSwiper .next{ width: 26px; height: 26px; }
  .factory .factSwiper .prev{  left: -10px; }
  .factory .factSwiper .next{ right: -10px; }
  .factory .factSwiper .item .tit{font-size: 16px; padding-top: 10px;}
  .factory .more{ margin-top: 30px;}
  .factory .more a{font-size: 14px; }
}

/* 荣誉资质 */
.ab_honor{ padding: 100px 0 95px; background-color: #fff;}
.ab_honor .honorSwiper{ padding-top: 60px; position: relative; padding-bottom: 100px; }
.ab_honor .item{ width: 100%; }
.ab_honor .item .border{ border: 1px solid #e8e8e8; padding: 6px 10px; }
.ab_honor .item .pic{ /* border: 1px solid #e4c76d; */ padding-bottom: 68%; }
/* .ab_honor .item .pic::after{ content: ""; display: block; width: 100%; height: 100%; position: absolute; left: 0; top: 0; z-index: 2; border: 6px solid #974400; box-sizing: border-box; } */
.ab_honor .item .pic img{ width: 100%; transition: 0.3s; }
/* .ab_honor .item:hover .pic img{ transform: translate(-50%,-50%) scale(1.05); } */
.ab_honor .item .tit{ text-align: center; padding-top: 20px; font-size: 18px; font-weight: bold; }
.ab_honor .prev,
.ab_honor .next{ position: absolute; bottom: 0; left: 50%; z-index: 9; transform: translateX(-50%); background: #974400 url(../images/icon_prev2.png) no-repeat center; width: 38px; height: 38px; outline: none; cursor: pointer; }
/* .ab_honor .prev:hover, */
/* .ab_honor .next:hover{ background-color: ; } */
.ab_honor .prev{ margin-left: -30px; }
.ab_honor .next{ margin-left: 30px; transform: translateX(-50%) rotate(180deg); }
@media screen and (max-width: 1240px){
  .ab_honor{ padding: 80px 0; }
}
@media screen and (max-width: 1024px){
  .ab_honor{ padding: 60px 0; }
  .ab_honor .honorSwiper{ padding-top: 40px; padding-bottom: 80px; }
}
@media screen and (max-width: 768px){
  .ab_honor .item .border{padding: 5px 8px;}
  .ab_honor .item .tit{font-size: 16px; padding-top: 10px;}
}
@media screen and (max-width: 480px){
  .ab_honor{padding: 50px 0;}
  .ab_honor .honorSwiper{padding-bottom: 70px;}
}

/* 发展历程 */
@font-face {
    font-family: 'iconfont';
    src: url("../font/font_1169431_65181wqvwgx.eot");
    src: url("../font/font_1169431_65181wqvwgx.eot?#iefix") format("embedded-opentype"), url("../font/font_1169431_65181wqvwgx.woff2") format("woff2"), url("../font/font_1169431_65181wqvwgx.woff") format("woff"), url("../font/font_1169431_65181wqvwgx.ttf") format("truetype"), url("../font/font_1169431_65181wqvwgx.svg#iconfont") format("svg")
}
.iconfont {font-family: "iconfont" !important;font-size: 16px;font-style: normal;-webkit-font-smoothing: antialiased;-webkit-text-stroke-width: 0.2px;-moz-osx-font-smoothing: grayscale}
.history{ padding: 100px 0; position: relative; }
.history .i_title{ position: relative; z-index: 3; }
.history .blocks {width: 100%;height: 100%;overflow: hidden;position: absolute;left: 0;top: 0;z-index: 2}
@media (max-width: 668px) {
    .history .blocks {display: none}
}
.history .blocks:after {content: '';display: block;width: 1800px;height: 100%;background: #f3f6fa;position: absolute;right: -940px;bottom: 0;z-index: 2;-webkit-transform: skew(-40deg, 0deg);-ms-transform: skew(-40deg, 0deg);transform: skew(-40deg, 0deg);-webkit-transform-origin: 0 0;-ms-transform-origin: 0 0;transform-origin: 0 0}
@media (max-width: 1440px) {
    .history .blocks:after {width: 1200px;right: -620px;-webkit-transform: skew(-35deg, 0deg);-ms-transform: skew(-35deg, 0deg);transform: skew(-35deg, 0deg)}
}
@media (max-width: 1380px) {
    .history .blocks:after {right: -725px}
}
@media (max-width: 1180px) {
    .history{ padding: 80px 0;}
    .history .blocks:after {width: 1000px;right: -525px}
}
@media (max-width: 768px) {
  .history{ padding: 60px 0;}
}
@media (max-width: 668px) {
    .history .blocks:after {-webkit-transform: skew(-20deg, 0deg);-ms-transform: skew(-20deg, 0deg);transform: skew(-20deg, 0deg)}
}
.intro_history_list_w { padding:0 40px;position:relative;margin-top:60px;z-index:3; }
.intro_history_list_w .arrow { width: 40px;height: 40px;line-height: 40px;text-align: center; outline: none; background: #aaa;color: #ffff;-webkit-border-radius: 100%;border-radius: 100%;cursor: pointer;position: absolute;top: 50%;margin-top: -20px;z-index: 2;-webkit-transition: all .5s;-o-transition: all .5s;transition: all .5s}
.intro_history_list_w .arrow i.iconfont {font-size: 12px}
.intro_history_list_w .arrow.intro_history_prev {left: 0}
.intro_history_list_w .arrow.intro_history_next {right: 0}
.intro_history_list_w .arrow:hover {background: #974400}
.intro_history_list:after {content: '';display: block;width: 100%;height: 1px;line-height: 1px;background: none;position: absolute;left: 0;top: 50%}
@media (max-width: 668px) {
    .intro_history_list:after {display: none}
}
.intro_history_list .swiper-slide .item{ width: 100%;height: 560px;position: relative; }
.intro_history_list .swiper-slide .item::after{ content: ''; display: block; width: 30px; height: 30px; overflow: hidden; background: url(../images/icon_right2.png) no-repeat center / 100%; position: absolute; right: 0; top: 50%; margin-top: -15px; margin-right: -15px; }
@media (max-width: 668px) {
  .intro_history_list .swiper-slide .item::after{display: none;}
    .intro_history_list_w{ margin-top: 30px; padding: 0 20px; }
    .intro_history_list .swiper-slide .item {height: auto}
}
.intro_history_list .swiper-slide .item .img { position: absolute;left: 0;bottom: 0; }
@media (max-width: 668px) {
    .intro_history_list .swiper-slide .item .img {position: static;z-index: 1}
}
.intro_history_list .swiper-slide .item .img img { width: 100%; border-radius: 5px; }
.intro_history_list .swiper-slide .item .line { width: 2px;height: 80px;background: url("../images/history_line.png") repeat;position: absolute;left: 50%;bottom: 50%; }
@media (max-width: 668px) {
  .intro_history_list .swiper-slide .item .line {display: none}
}
.intro_history_list .swiper-slide .item .line i {display: block;width: 100%;height: 100%;position: relative}
.intro_history_list .swiper-slide .item .line i:before {content: '';display: block;width: 17px;height: 17px;-webkit-border-radius: 100%;border-radius: 100%;background: rgba(151, 68, 0, 0.3);position: absolute;left: 50%;margin-left: -9px;top: -9px;z-index: 1; }
.intro_history_list .swiper-slide .item .line i:after {content: '';display: block;width: 11px;height: 11px;-webkit-border-radius: 100%;border-radius: 100%;background: #974400;position: absolute;left: 50%;margin-left: -6px;top: -6px;z-index: 2}
.intro_history_list .swiper-slide .item .date {width: 80px;height: 80px;line-height: 80px;text-align: center;-webkit-border-radius: 100%;border-radius: 100%;background-color: #974400;color: #fff;font-size: 20px;-webkit-box-shadow: 0 0 20px 0 rgba(3, 73, 145, 0.3);box-shadow: 0 0 20px 0 rgba(3, 73, 145, 0.3);position: absolute;left: 50%;margin-left: -40px;top: 100px; }
@media (max-width: 668px) {
    .intro_history_list .swiper-slide .item .date {position: relative;left: 0;top: 0;margin: -40px auto 0;z-index: 2}
}
.intro_history_list .swiper-slide .item .txt {font-size: 14px;line-height: 24px;height: 96px;color: #666;text-align: center;position: absolute;left: 0;bottom: 180px}
.intro_history_list .swiper-slide .item h3{ font-size: 20px; color: #974400; padding-top: 10px; text-align: center;}
@media (max-width: 668px) {
    .intro_history_list .swiper-slide .item .txt {position: static;height: auto;margin-top: 10px; color: #000;}
    .intro_history_list .swiper-slide .item .txt h3{ font-size: 16px; width: 100%;}
}
@media (min-width: 668px) {
  .intro_history_list_w{ padding: 0; }
  .intro_history_list{ padding: 0 40px; }
  .intro_history_list .swiper-slide .item .date,
  .intro_history_list .swiper-slide:nth-of-type(even) .item .date{ bottom: auto!important; top: 50%!important; margin-top: -25px; margin-left: 0; transform: translateX(-50%); width: 76%; height: 50px; line-height: 50px; border-radius: 7px; }
  .intro_history_list .swiper-slide:nth-of-type(even) .item .date { background-color: #999; top: auto; bottom: 100px; box-shadow: 0 0 20px 0 rgba(153, 153, 153, 0.3); }
  .intro_history_list .swiper-slide .item .line{ height: 160px; }
  .intro_history_list .swiper-slide:nth-of-type(even) .item .line { top: 50%; }
  .intro_history_list .swiper-slide:nth-of-type(even) .item .line i:before { background: ; top: auto; bottom: -9px}
  .intro_history_list .swiper-slide:nth-of-type(even) .item .line i:after { background: ; top: auto; bottom: -6px}
  
  .intro_history_list .swiper-slide .item .img { top: 145px; bottom: auto; left: 57%; width: 60%; }
  .intro_history_list .swiper-slide .item h3{ position: absolute; top: 105px; left: 57%; padding-top: 0; font-size: 22px; width: 120px; text-align: left; }
  .intro_history_list .swiper-slide .item .txt{ width: 120%; text-align: left; top: 145px; left: 125%; height: auto; line-height: 25px; font-size: 16px; color: #000; }
  
  .intro_history_list .swiper-slide:nth-of-type(even) .item .img { bottom: 20px; top: auto; right: 57%; left: auto; }
  .intro_history_list .swiper-slide:nth-of-type(even) .item h3{ top: auto; bottom: 110px; left: auto; right: 57%; padding-bottom: 0; text-align: right; }
  .intro_history_list .swiper-slide:nth-of-type(even) .item .txt{ bottom: 30px; top: auto; right: 120%; left: auto; height: 72px; text-align: justify; width: 95%; }
  
  .intro_history_list .swiper-slide:nth-of-type(4n-1) .item .img { top: 45px; bottom: auto; }
  .intro_history_list .swiper-slide:nth-of-type(4n-1) .item h3{ top: 5px; left: 57%; }
  .intro_history_list .swiper-slide:nth-of-type(4n-1) .item .txt{ top: 45px; left: 125%; }
  
  .intro_history_list .swiper-slide:nth-of-type(4n) .item .img{ bottom: 100px; }
  .intro_history_list .swiper-slide:nth-of-type(4n) .item h3{ bottom: 190px; }
  .intro_history_list .swiper-slide:nth-of-type(4n) .item .txt{ bottom: 105px; }
  
  .intro_history_list .swiper-slide:nth-of-type(2) .item .txt{ width: 98%;}
  /* .intro_history_list .swiper-slide:nth-last-child(2) .item .txt{ width: 95%;} */  
}


.history2{padding-top: 80px; padding-bottom: 0px; overflow: hidden;  }
.history2 .pic{display: flex; flex-direction: column; align-items: center; position: relative; }
.history2 .pic::after{ display: block; opacity: 0; content: ""; background: url(../images/icon_reading.svg) no-repeat center / 100%; width: 50px; height: 50px; position: absolute; left: 50%; top: 50%; margin-left: -25px; margin-top: -25px; transition: 0.3s;  }
.history2 .pic::before{ display: block; opacity: 0; content: ""; background: rgba(0,0,0,0.05); width: 100%; height: 100%; position: absolute; left: 0; top: 0; }
.history2 img{ width: 1920px; }
@media (max-width: 1620px) {
  .history2 img{ width: 115%; cursor: pointer; }
  /* .history2 .pic:hover::after{ opacity: 1; } */
  /* .history2 .pic:hover::before{ opacity: 1; } */
}
@media (max-width: 668px) {
  .history2{padding-top: 50px; }
}

/* @font-face {
    font-family: 'iconfont';
    src: url("../font/font_1169431_65181wqvwgx.eot");
    src: url("../font/font_1169431_65181wqvwgx.eot?#iefix") format("embedded-opentype"), url("../font/font_1169431_65181wqvwgx.woff2") format("woff2"), url("../font/font_1169431_65181wqvwgx.woff") format("woff"), url("../font/font_1169431_65181wqvwgx.ttf") format("truetype"), url("../font/font_1169431_65181wqvwgx.svg#iconfont") format("svg")
}
.iconfont {font-family: "iconfont" !important;font-size: 16px;font-style: normal;-webkit-font-smoothing: antialiased;-webkit-text-stroke-width: 0.2px;-moz-osx-font-smoothing: grayscale}
.history{ padding: 100px 0; position: relative; }
.history .i_title{ position: relative; z-index: 3; }
.history .blocks {width: 100%;height: 100%;overflow: hidden;position: absolute;left: 0;top: 0;z-index: 2}
@media (max-width: 668px) {
    .history .blocks {display: none}
}
.history .blocks:after {content: '';display: block;width: 1800px;height: 100%;background: #f3f6fa;position: absolute;right: -940px;bottom: 0;z-index: 2;-webkit-transform: skew(-40deg, 0deg);-ms-transform: skew(-40deg, 0deg);transform: skew(-40deg, 0deg);-webkit-transform-origin: 0 0;-ms-transform-origin: 0 0;transform-origin: 0 0}
@media (max-width: 1440px) {
    .history .blocks:after {width: 1200px;right: -620px;-webkit-transform: skew(-35deg, 0deg);-ms-transform: skew(-35deg, 0deg);transform: skew(-35deg, 0deg)}
}
@media (max-width: 1380px) {
    .history .blocks:after {right: -725px}
}
@media (max-width: 1180px) {
    .history{ padding: 80px 0;}
    .history .blocks:after {width: 1000px;right: -525px}
}
@media (max-width: 768px) {
  .history{ padding: 60px 0;}
}
@media (max-width: 668px) {
    .history .blocks:after {-webkit-transform: skew(-20deg, 0deg);-ms-transform: skew(-20deg, 0deg);transform: skew(-20deg, 0deg)}
}
.intro_history_list_w { padding:0 40px;position:relative;margin-top:60px;z-index:3; }
.intro_history_list_w .arrow { width: 40px;height: 40px;line-height: 40px;text-align: center; outline: none; background: #aaa;color: #ffff;-webkit-border-radius: 100%;border-radius: 100%;cursor: pointer;position: absolute;top: 50%;margin-top: -20px;z-index: 2;-webkit-transition: all .5s;-o-transition: all .5s;transition: all .5s}
.intro_history_list_w .arrow i.iconfont {font-size: 12px}
.intro_history_list_w .arrow.intro_history_prev {left: 0}
.intro_history_list_w .arrow.intro_history_next {right: 0}
.intro_history_list_w .arrow:hover {background: #974400}
.intro_history_list:after {content: '';display: block;width: 100%;height: 1px;line-height: 1px;background: #bababa;position: absolute;left: 0;top: 50%}
@media (max-width: 668px) {
    .intro_history_list:after {display: none}
}
.intro_history_list .swiper-slide .item {width: 100%;height: 600px;position: relative}
@media (max-width: 668px) {
    .intro_history_list_w{ margin-top: 30px; padding: 0 20px; }
    .intro_history_list .swiper-slide .item {height: auto}
}
.intro_history_list .swiper-slide .item .img {position: absolute;left: 0;bottom: 0}
@media (max-width: 668px) {
    .intro_history_list .swiper-slide .item .img {position: static;z-index: 1}
}
.intro_history_list .swiper-slide .item .img img {width: 100%}
.intro_history_list .swiper-slide .item .line {width: 1px;height: 80px;background: url("../images/history_line.png") repeat-y;position: absolute;left: 50%;bottom: 50%}
@media (max-width: 668px) {
    .intro_history_list .swiper-slide .item .line {display: none}
}
.intro_history_list .swiper-slide .item .line i {display: block;width: 100%;height: 100%;position: relative}
.intro_history_list .swiper-slide .item .line i:before {content: '';display: block;width: 17px;height: 17px;-webkit-border-radius: 100%;border-radius: 100%;background: #ff6600;position: absolute;left: 50%;margin-left: -9px;top: -9px;z-index: 1}
.intro_history_list .swiper-slide .item .line i:after {content: '';display: block;width: 11px;height: 11px;-webkit-border-radius: 100%;border-radius: 100%;background: #974400;position: absolute;left: 50%;margin-left: -6px;top: -6px;z-index: 2}
.intro_history_list .swiper-slide .item .date {width: 80px;height: 80px;line-height: 80px;text-align: center;-webkit-border-radius: 100%;border-radius: 100%;background-color: #974400;color: #fff;font-size: 20px;-webkit-box-shadow: 0 0 20px 0 rgba(3, 73, 145, 0.3);box-shadow: 0 0 20px 0 rgba(3, 73, 145, 0.3);position: absolute;left: 50%;margin-left: -40px;top: 100px}
@media (max-width: 668px) {
    .intro_history_list .swiper-slide .item .date {position: relative;left: 0;top: 0;margin: -40px auto 0;z-index: 2}
}
.intro_history_list .swiper-slide .item .txt {font-size: 14px;line-height: 24px;height: 96px;color: #666;text-align: center;position: absolute;left: 0;bottom: 180px}
@media (max-width: 668px) {
    .intro_history_list .swiper-slide .item .txt {position: static;height: auto;margin-top: 10px}
}
@media (min-width: 668px) {
  .intro_history_list .swiper-slide:nth-of-type(even) .item .img {top: 0}
  .intro_history_list .swiper-slide:nth-of-type(even) .item .line {top: 50%}
  .intro_history_list .swiper-slide:nth-of-type(even) .item .line i:before {background: #ff9603;top: auto;bottom: -9px}
  .intro_history_list .swiper-slide:nth-of-type(even) .item .line i:after {background: #d35b00;top: auto;bottom: -6px}
  .intro_history_list .swiper-slide:nth-of-type(even) .item .date {background-color: #d35b00;top: auto;bottom: 100px;-webkit-box-shadow: 0 0 20px 0 rgba(211, 91, 0, 0.3);box-shadow: 0 0 20px 0 rgba(211, 91, 0, 0.3)}
  .intro_history_list .swiper-slide:nth-of-type(even) .item .txt {top: 180px}
}
 */


/************* 联系我们 *************/
.contactPage .contact{background:#fff;padding:90px 0 80px 0}
.contactPage .address{width:580px;float:left}
.contactPage .address .title{line-height:30px;padding-bottom:22px;border-bottom:solid 1px #eee}
.contactPage .address .title .tit{font-size:32px;color:#974400; line-height: 50px;}
.contactPage .address .title .en{font-size:18px;color:#d19a72; text-transform: uppercase;}
.contactPage .address .text{margin-top:30px;line-height:22px;font-size:14px;color:#333}
.contactPage .address .text a{font-size:14px;color:#333}
.contactPage .address .text p{ font-size: 16px; margin-bottom:20px;padding-left:32px;box-sizing:border-box;background:no-repeat 0 0;}
.contactPage .map{width:calc(100% - 660px);float:right;overflow:hidden;border: 1px solid #eee; padding: 5px;}
.contactPage .map #allmap{height:400px;width: 100%;}
.contactPage .message{background:#f8f8f8;padding:60px 0}
.contactPage .message .title{font-size:26px;color:#974400;padding-bottom: 20px;}
.contactPage .message .inpuList{margin:16px -4px 0 -4px}
.contactPage .message .inpuList:after{content:"";height:0;display:block;clear:both}
.contactPage .message .inpu{width:25%;float:left;padding:0 4px;box-sizing:border-box;margin-bottom:18px}
.contactPage .message textarea,.contactPage .message input[type='text']{ width:100%;height:60px;box-sizing:border-box;border:solid 1px #eee;padding:0 12px;background:#fff;font-size:14px;color:#666; }
.contactPage .message textarea::-webkit-input-placeholder,.contactPage .message input[type='text']::-webkit-input-placeholder{ color:#999; }
.contactPage .message textarea:-moz-placeholder,.contactPage .message input[type='text']:-moz-placeholder{ color:#999; }
.contactPage .message textarea::-moz-placeholder,.contactPage .message input[type='text']::-moz-placeholder{ color:#999; }
.contactPage .message textarea:-ms-input-placeholder,.contactPage .message input[type='text']:-ms-input-placeholder{color:#999; }
.contactPage .message textarea{height:152px;resize:none;line-height:20px;padding:10px 12px}
.contactPage .message .code{ display: inline-block; margin-top: 15px; }
.contactPage .message .code input{  }
.contactPage .message .code img{ height: 58px; }
.contactPage .message button,
.contactPage .message input[type='submit'],.contactPage .message input[type='button']{float: ; display:inline-block; margin-left: 30px; padding:0 58px;height:40px; line-height:40px; border-radius:40px;background:#974400; font-size:16px;color:#fff;margin-top:26px;cursor:pointer;transition-duration:.4s;-webkit-transition-duration:.4s;-moz-transition-duration:.4s;-ms-transition-duration:.4s;-o-transition-duration:.4s}
.contactPage .message button:hover,.contactPage .message input[type='submit']:hover,.contactPage .message input[type='button']:hover{background:#8b3e00}
@media only screen and (max-width:1400px){
.contactPage .address{width:530px}
.contactPage .map{width:640px}
}
@media only screen and (max-width:1200px){
  .contactPage .contact{ padding:40px 0px;box-sizing:border-box; }
  .contactPage .map,.contactPage .address{ max-width:100%;width:100%;float:none;margin:0 auto; }
  .contactPage .address .title{ line-height:30px;padding-bottom:10px; }
  .contactPage .address .title .tit{ font-size:24px;line-height: 36px; }
  .contactPage .address .title .en{ font-size: 14px; }
  .contactPage .address .text{ margin-top:20px; }
  .contactPage .address .text p{ margin-bottom:12px;padding-left:32px; }
  .contactPage .map{margin-top:30px}
  .contactPage .map #allmap{height:240px}
  .contactPage .message{padding:40px 0px;box-sizing:border-box}
  .contactPage .message .title{font-size: 24px;}
  .contactPage .message .inpuList{margin:12px 0 0 0}
  .contactPage .message .inpu{width:100%;float:none;padding:0;margin-bottom:8px}
  .contactPage .message input[type='text']{height:50px;line-height:50px;padding:0 10px}
  .contactPage .message textarea{height:100px;line-height:20px;padding:10px}
  .contactPage .message .code{ display: block; width: 100%; margin-top: 5px;}
  .contactPage .message .code img{height: 48px;}
  .contactPage .message button,
  .contactPage .message input[type='submit'],
  .contactPage .message input[type='button']{ margin-left: 0; }
}
@media only screen and (max-width:480px){
  .contactPage .address .title .tit{font-size: 20px; line-height: 24px;}
  .contactPage .address .title .en{font-size: 12px;}
  .contactPage .message .title{font-size: 18px; padding-bottom: 10px; font-weight: bold;}
  .contactPage .message button, .contactPage .message input[type='submit'], .contactPage .message input[type='button']{margin-top: 20px;}
}