body{background: #fff;font-size:14px;
 /*font-family: -apple-system,"SF UI Text",Roboto,Noto,"Helvetica Neue",Helvetica,"PingFang SC","Hiragino Sans GB","Microsoft YaHei","微软雅黑",Arial,sans-serif;*/
 font-family: "Microsoft YaHei","微软雅黑",Arial,sans-serif;
 color:#333;max-width: 1920px;margin:0 auto;}
*{margin:0;padding:0;box-sizing: border-box;}
ul,dl,dd,dt,h2,p,h3,h4,h1{margin:0;}
ul,li{list-style: none;}
i{font-style: normal;}
a{cursor: pointer;color:inherit;}
a:hover,a:focus{text-decoration: none;color:inherit;}

.fs0{font-size:0;}
.fs124{font-size: 124px; }
.fs70{font-size: 70px; }
.fs52{font-size: 52px;}
.fs48{font-size: 48px;}
.fs45{font-size: 45px;}
.fs40{font-size: 40px;}
.fs36{font-size: 36px;}
.fs35{font-size: 35px;}
.fs30{font-size: 30px;}
.fs28{font-size: 28px;}
.fs26{font-size: 26px;}
.fs25{font-size: 25px;}
.fs24{font-size: 24px;}
.fs22{font-size: 22px;}
.fs20{font-size: 20px;}
.fs18{font-size: 18px;}
.fs16{font-size: 16px;}
.fs14{font-size: 14px;}
 

.clear{ clear:both}
@font-face{font-family: "iconfont";
 src: url('../fonts/iconfont.eot'); /* IE9*/
 src: url('../fonts/iconfont.eot#iefix') format('embedded-opentype'), /* IE6-IE8 */
 url('../fonts/iconfont.woff') format('woff'), /* chrome, firefox */
 url('../fonts/iconfont.ttf') format('truetype'), /* chrome, firefox, opera, Safari, Android, iOS 4.2+*/
 url('../fonts/iconfont.svg#iconfont') format('svg'); /* iOS 4.1- */
}
.iconfont {
 font-family:"iconfont" !important;
 display:inline-block;
 vertical-align: middle;
 margin:0 .3em;
 font-size: 1.1em;
 font-style:normal;
 -webkit-font-smoothing: antialiased;
 -webkit-text-stroke-width: 0px;
 -moz-osx-font-smoothing: grayscale; 
}


@font-face{
 font-family: 'rt';
 src:url('pf/pfr.ttf');
}
@font-face{
 font-family: 'bt';
 src:url('pf/pfbBold.ttf');
}
.ht{font-family: '黑体';}
.rt{font-family: 'rt';}
.bt{font-family: 'bt'!important;}
.c0{color:#000;}
.c3{color:#333;}
.c6{color:#666;}
.fl{float:left;}
.fr{float:right!important;}
.mb10{margin-bottom: 10px;}
.mt10{margin-top: 10px;}
.mt5{margin-top: 5px;}
.pr{position: relative;}
.bold{font-weight: bold;}
.img-responsive{display: block;margin:0 auto;max-width: 100%;}
.flex,.flexC{ display: -webkit-box;display: -webkit-flex; display: -ms-flexbox; display: flex;}
.flex>.sub,.flexC>.sub{ -webkit-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1; overflow: hidden;}
.flexC{-webkit-flex-direction: column; flex-direction: column;}
.sb{justify-content: space-between;}
.jc{justify-content: center;}
.ai{-webkit-box-align:center;-moz-box-align:center;-o-box-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center;}
.wrap{flex-wrap: wrap;}
.oneLine{white-space: nowrap;width: 100%;overflow: hidden;text-overflow: ellipsis;}
.twoLine{text-overflow:-o-ellipsis-lastline;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;}
.no-padding{padding-left:0;padding-right: 0;}
.padding{padding:0 3%;}
.bg{background: #f8f8f8;}
.navbar{margin:0;border:none;background: none;color:#fff;}
.navbar-brand{height: auto;padding:20px 15px;display: inline-block;}
/*.navbar-collapse{padding:20px 0;}*/
.logo-m{display: none!important;}
.navbar-brand>img{max-height: 55px;}
.imghover{transition: all linear .6s;}
.imghover:hover{transform: scale(1.08);}
.mix{position: absolute;top:50%;left:50%;transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);-moz-transform:translate(-50%,-50%);-webkit-transform:translate(-50%,-50%);-o-transform:translate(-50%,-50%);}
.w1400{width: 85%;max-width: 1470px;margin-left:auto;margin-right: auto;}
.css3{-webkit-transition-duration: 0.5s; -ms-transition-duration: 0.5s; -o-transition-duration: 0.5s; -moz-transition-duration: 0.5s; transition-duration: 0.5s;}
.css3l{-webkit-transition-duration: 1s; -ms-transition-duration: 1s; -o-transition-duration: 1s; -moz-transition-duration: 1s; transition-duration: 1s;}
.full_img{width:100%;height: 100%;object-fit: cover;object-position: center;position: absolute;left:0;top:0;}

.common_btn{position: relative;overflow: hidden;}
.common_btn>span{display:inline-block;vertical-align:middle;opacity:0;filter: alpha(opacity=0);color:#fff;-webkit-transform:translate3d(0,-10px,0);transform:translate3d(0,-10px,0);-webkit-transition:-webkit-transform .3s,opacity .3s;transition:transform .3s,opacity .3s;-webkit-transition-timing-function:cubic-bezier(.75,0,.125,1);transition-timing-function:cubic-bezier(.75,0,.125,1);vertical-align:0}
.common_btn::before{content:attr(c-text);position:absolute;top:0;left:10%;width:80%;height:100%;-webkit-transition:-webkit-transform .3s,opacity .3s;transition:transform .3s,opacity .3s;-webkit-transition-timing-function:cubic-bezier(.75,0,.125,1);transition-timing-function:cubic-bezier(.75,0,.125,1);display: none\0;}
.common_btn:hover .iconfont{color:#fff;}
/*.common_btn:hover{background:#d20319;}*/
.common_btn:hover::before{opacity:0;filter: alpha(opacity=0);-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}
.common_btn:hover>span{opacity:1;filter: alpha(opacity=100);-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);display: inline-block;}
.common_btn>span.sep{width: 5px;height: 5px;display: inline-block;}
.common_btn:hover>span:nth-child(1){-webkit-transition-delay:45ms;transition-delay:45ms}
.common_btn:hover>span:nth-child(2){-webkit-transition-delay:.09s;transition-delay:.09s}
.common_btn:hover>span:nth-child(3){-webkit-transition-delay:.135s;transition-delay:.135s}
.common_btn:hover>span:nth-child(4){-webkit-transition-delay:.18s;transition-delay:.18s}
.common_btn:hover>span:nth-child(5){-webkit-transition-delay:.225s;transition-delay:.225s}
.common_btn:hover>span:nth-child(6){-webkit-transition-delay:.27s;transition-delay:.27s}
.common_btn:hover>span:nth-child(7){-webkit-transition-delay:.315s;transition-delay:.315s}
.common_btn:hover>span:nth-child(8){-webkit-transition-delay:.36s;transition-delay:.36s}
.common_btn:hover>span:nth-child(9){-webkit-transition-delay:.405s;transition-delay:.405s}
.common_btn:hover>span:nth-child(10){-webkit-transition-delay:.45s;transition-delay:.45s}
.common_btn:hover>span:nth-child(11){-webkit-transition-delay:.495s;transition-delay:.495s}
.common_btn:hover>span:nth-child(12){-webkit-transition-delay:.54s;transition-delay:.54s}
.common_btn:hover>span:nth-child(13){-webkit-transition-delay:.585s;transition-delay:.585s}
.common_btn:hover>span:nth-child(14){-webkit-transition-delay:.63s;transition-delay:.63s}
.common_btn:hover>span:nth-child(15){-webkit-transition-delay:.675s;transition-delay:.675s}
.common_btn:hover>span:nth-child(16){-webkit-transition-delay:.72s;transition-delay:.72s}
.common_btn:hover>span:nth-child(17){-webkit-transition-delay:.765s;transition-delay:.765s}
.common_btn:hover>span:nth-child(18){-webkit-transition-delay:.81s;transition-delay:.81s}
.common_btn:hover>span:nth-child(19){-webkit-transition-delay:.855s;transition-delay:.855s}
.common_btn:hover>span:nth-child(20){-webkit-transition-delay:.9s;transition-delay:.9s}
.common_btn.static_btn:hover{background:none;}
.common_btn.static_btn>span{color:#d20319;}
.common_btn.static_btn::before{left:0;}

.common-btn{border-radius:999px;width:310px;text-align: center;max-width: 60%;margin-left:auto;margin-right: auto;display: block;line-height: 58px;border:3px solid #313131;}
.common-btn:hover{border-color:#0084e9;background: #0084e9;color:#fff;}

@media (min-width: 767px){
 .container{width:90%;max-width: 1600px;}
}
@media (min-width: 1300px){
 .container{width:85%;}
}
@media (min-width: 1500px){
 .container{width:1600px;}
}

 
 
 
.ibanner{margin-top:92px;position: relative;}
.ibanner .nav-now{letter-spacing: 1px;position: absolute;left:0;width: 100%;padding:0 15px;transform: translateY(-50%);top:50%;text-align: center;color:#fff;line-height: 1;z-index:10;}
.ibanner .nav-now h2{line-height: 0.8;text-transform: uppercase;}
.ibanner .nav-now p{margin-top:36px;}
.subcolumn-nav{font-size:0;text-align: center;}
.subcolumn-nav a{display: inline-block;font-size:20px;line-height: 1;padding:32px 0;color:#333;letter-spacing: 1px;margin:0 2.5%;position: relative;}
.subcolumn-nav a:after{content:'';position: absolute;left:50%;bottom:-1px;width: 0;transition: all .3s;transform: translateX(-50%);height: 5px;background: #d7261e;}
.subcolumn-nav a.active,.subcolumn-nav a:hover{color:#000000;}
.subcolumn-nav a.active:after,.subcolumn-nav a:hover:after{width: 100%;}
 
.news-box{ background:#f7f7f7}
.news-box .news-list .list{ margin-top:90px;}
.news-box .news-list li{ background:#ffffff; margin:17px 0; }
/*.news-box .news-list .news-item{display: block;}*/
.news-box .news-list .news-item .item-con{float:left;width: 70%;max-width: 880px;}
.news-box .news-list .news-item .item-right{float:right;width: 30%;max-width:386px;position: relative;}
.news-box .news-list .news-item .item-img{position: relative;padding-bottom: 54.34%;overflow: hidden;}
.news-box .news-list .news-item .item-date{float:left;padding:12px 0;text-align: center;line-height: 1;color:#333333; padding-left:60px}
.news-box .news-list .news-item .item-date .d{margin-bottom:13px;line-height: 0.8;font-family: Impact; letter-spacing:4px}
.news-box .news-list .news-item .item-date h3{ width:65px; height:2px; background:#333333; margin:13px auto;}
.news-box .news-list .news-item .item-txt{line-height: 1.8;margin-left:30px;border-left:1px solid #e7e7e7;padding:0 0 0 30px;}
.news-box .news-list .news-item .item-desc{margin-top:36px;}
.news-box .news-list .news-item:hover .item-tit{color:#01375d;}
.news-box .news-list li:hover{box-shadow: 0 9px 13.8px 1.2px rgba(8,8,8,.08);}
.news-box .news-list li:hover .news-item .item-date .d,.news-box .news-list li:hover .news-item .item-tit,.news-box .news-list li:hover .news-item .item-date p{ color:#d10e0e}
.news-box .news-list li:hover .news-item .item-date h3{ background:#d10e0e}

.pager-box .qilin_pager{margin:40px 0;text-align: center;}
.pager-box a{line-height: 28px;min-width: 30px;text-align: center;padding:0 5px;color:#555555;border:1px solid #c4c4c4;display: inline-block;border-radius:50px;overflow: hidden;margin:0 3px;transition: all .3s;}
.pager-box a.PreA,.pager-box a.NextA{padding:0 13px;background:#353535; color:#fff}
.pager-box a.Ahover,.pager-box a:hover{ color:#000;border-color:#d10e0e;}
.pager-box .PreA:hover,.pager-box .NextA:hover { background:#d10e0e; color:#fff;border-color:#d10e0e;}

 
@media (max-width:1400px){
 .news-box .news-list .news-item .item-right{width: 25%;}
}
@media (max-width:1200px){
 .news-box .news-list li{padding:30px 0;}
 .news-box .news-list .news-item .item-tools,.news-box .news-list .news-item .item-desc{margin-top:16px;}
 .news-box .news-list .news-item .item-date .d{margin-bottom: 24px;}
}
@media (max-width:992px){
 .news-box .news-list .news-item .item-txt{margin-left:25px;padding:10px 0 10px 25px;}
 .news-box .news-list .news-item .item-tit{font-weight: bold;}
}
@media (max-width:750px){
	.news-box .news-list .list{ margin-top:35px;}
	.news-box .news-list .news-item .item-date{ padding-left: 10px;}
 .news-box .news-list .news-item .item-con,.news-box .news-list .news-item .item-right{float:none;width: 100%;max-width: 100%;}
 .news-box .news-list .news-item .item-con{margin-bottom: 16px;}
 .news-box .news-list .news-item .item-date .d{margin-bottom: 20px;}
 .news-box .news-list .news-item .item-txt{margin-left:14px;padding:8px 0 8px 14px;}
 .news-box .news-list .news-item .item-tit{font-size:17px;}
 .news-box .news-list .news-item .item-date .d{margin-bottom: 17px;}
 .news-box .news-list li{padding:25px 0;}
}
/*join*/
.inner-wrapper{position: relative;z-index:20;padding:90px 0;}
.job-box{background: #f7f7f7;}
.jobList li{margin-bottom: 20px;}
.jobList .item-name{font-weight: bold;line-height: 1; padding:40px 250px ;background:url(../images/numbg.png) no-repeat #e7e7e7; position: relative; color:#333;}
.jobList .item-name .num{ color:#fff; font-family: Impact; position:absolute;left:20px;top:23px; letter-spacing:8px }
.jobList .item-name span{ margin:0 3%; display:inline-block}
.jobList .item-name i{position: absolute;right:70px;width:14px;height: 100%;top:0;background: url(../images/arrow-right.png) no-repeat center;background-size: contain; transition: all 0.3s;}
.jobList li.active .item-name i{transform: rotate(90deg);}
.jobList .item-content{background: #fff;display: none;overflow: hidden;}
.jobList li:first-child .item-content{display: block;}
.jobList .item-content>.flex{flex-direction: row-reverse;}
.jobList .item-content .item-right{color:#333;width:100%;border-bottom:4px solid #c5a47e;padding:45px 60px;position: relative; }
.jobList .item-content .item-right::after{position: absolute;content:'';width:45%;height:4px;bottom:-4px;background: #d10e0e;left:0;}
.jobList .item-content .item-right .jiao{ position:absolute; right:0;bottom:-4px;background: url(../images/jiao0.png) no-repeat center; width:503px; height:138px}
.jobList .item-content .item-right .item-con .tit{line-height: 1;color:#333333;text-indent: -0.5em; margin-bottom:30px;}
.jobList .item-content .item-right .item-con .flex>div{padding:0 4.6% 0 0;}
.jobList .item-content .item-right .item-con .flex>div:nth-child(2){padding:0 0 0 4.6%;border-left:1px solid #cfcfcf;}
.jobList .item-content .item-right .item-desc{letter-spacing: 2px;text-align: justify;margin-top:10px;line-height: 2.25;max-height: 350px;overflow-y: auto;padding-right:3px;}
.jobList .item-content .item-right .jiao .bog{background: url(../images/icon-bog.png) no-repeat left center;padding-left: 44px; position:absolute; bottom:24px; right:70px; line-height:35px;}
.jobList .item-content .item-right .jiao .bog a{ color:#fff}
.jobList .item-content .item-right .desc p{line-height: 30px; margin-top: 3px;}
.jobList .item-content .item-img:hover .img{transform: scale(1.04);}
.jobList .item-content .item-right .detail-bottom{white-space: nowrap; margin-top: 35px;}
.jobList .item-content .item-right .detail-bottom .tel{background: url(../images/icon-cont.png) no-repeat left center;padding-left: 36px;line-height: 24px;}
.jobList .item-content .item-right .detail-bottom .tel::after{content:'|';margin: 0 28px;color:#cacaca; font-size: 22px; line-height: 1;}
.jobList .item-content .item-right .detail-bottom .mail{background: url(../images/icon-mail.png) no-repeat left center;padding-left: 44px;line-height: 24px;}
.jobList .item-content .item-right .detail-bottom a{color:#d10e0e;}

@media (max-width:1420px){
 .jobList .item-name{padding: 35px 60px;}
 .jobList .item-name i{right: 60px;}
 .jobList .item-content .item-right{padding: 45px 70px;}
}

@media (max-width:1200px){
 .jobList .item-name{padding:30px 50px;}
 .jobList .item-name i{right: 50px; width: 18px;}
 .jobList .item-content .item-right{padding: 35px 50px;}
 .jobList .item-content .item-right .detail-bottom{display: block; margin-top: 15px;}
 .jobList .item-content .item-right .detail-bottom .tel{margin-bottom: 10px;}
 .jobList .item-content .item-right .detail-bottom .tel::after{content: unset;}
 .jobList .item-content .item-right .detail-bottom .mail{padding-left: 36px;}
}

@media (max-width:992px){
 .jobList .item-name{padding:25px 40px;}
 .jobList .item-name i{right: 40px; width: 16px;}
 .jobList .item-content .item-img{width:45%;}
 .jobList .item-content .item-right{width:55%; padding: 20px 30px;}
 .jobList .item-content .item-right .detail-bottom{font-size: 16px;}
 .jobList .item-content .item-right .detail-bottom .tel::after{margin: 0 30px;}
}

@media (max-width:767px){
 .inner-wrapper{padding: 30px 0;}
 .jobList .item-name{padding:18px 20px;background: #e7e7e7; line-height: 25px;}
 .jobList .item-content .item-right .item-con .flex>div{padding:0; margin-bottom:20px}
 .jobList .item-content .item-right .item-desc{ line-height:1.65;letter-spacing:1px}
 .jobList .item-content .item-right .jiao .bog { right: 30px;}
 .jobList .item-content .item-right .item-con .flex>div:nth-child(2){ padding:0; border-left: none;}
 .jobList .item-name .num{ display:none}
 .jobList .item-name i{right: 20px; width: 10px;}
 .jobList .item-content .item-img{width:100%;min-height:auto;}
 .jobList .item-content .item-img .img{height: auto;padding-bottom: 65%;}
 .jobList .item-content .item-right{width: 100%;border-bottom-width:5px; padding-top:15px; padding-left:20px; padding-right:20px; padding-bottom:35%}
 .jobList .item-content .item-right::after{height:5px;bottom:-5px;}
 .jobList .item-content .item-right .con{line-height: 30px;}
 .jobList .item-content .item-right .desc p{margin-top: 0;}
 .jobList .item-content .item-right .detail-bottom{margin-top: 10px;}
}
.inner-box{position: relative;}
.category-box{width: 100%; position: absolute; left: 0; bottom: 40px; z-index: 10;}
.category{max-width: 100%; font-size: 0; text-align: center;}
.category .swiper-container{display: inline-block; max-width: 100%;}
.category .swiper-wrapper{justify-content: center;}
.category .swiper-slide{width: auto;}
.category a{display: inline-block; background: #fff; font-size: 18px; color: #333; line-height: 1; padding:0 50px; margin: 0 12px; transition: all 0.3s; width:200px; line-height:65px;}
.category a.active, .category a:hover{background: #d10e0e; color: #fff;}

.inner-wrapper{background: #f7f7f7;padding:90px 0;}
.product-box .product-box_content{margin-top: 38px;}
.product-box .content_top_list{ background: #ffffff; height: 485px; width: 31%; margin-right: 2%; position: relative; padding: 35px 40px; margin-bottom:3.2%;float:left; border:1px solid #c8c8c8; transition: all 0.5s;}
.product-box .content_top_list .top_list_title{color: #333; text-transform: uppercase; margin-bottom: 18px; position: relative; z-index: 25;overflow:hidden;letter-spacing: 1px;display: block; font-weight:bold; border-bottom:1px solid #d5d5d5; padding-bottom:30px; position: relative;}
.product-box .content_top_list .top_list_title::after{content: ""; width: 0; height: 1px; background: #d10e0e; position: absolute; left: 0; bottom: 0; z-index: 1; transition: all 0.5s;}
.product-box .content_top_list .top_list_title .icon-dd{background: url(../images/icon-dd.png) no-repeat right center;right:0; position: absolute; width:26px; height:26px;bottom:30px;}
.product-box .content_top_list .top_list_txt p{background: url(../images/icon-d.png) no-repeat left; padding-left:15px; line-height:30px}
.product-box .content_top_list .top_list_txt a{ color: #999999; font-size: 14px; display: inline-block;position: relative;line-height: 1.6;}
.product-box .content_top_list .top_list_txt a:before{ content: ""; position: absolute; display: inline-block; width: 9px; height: 10px; background: url(../images/bn9.png) no-repeat 0% 50%; left: -20px; top: 25%; opacity: 0;transition: all 0.3s ease;}
.product-box .content_top_list .top_list_more{left:40px; position: absolute; bottom: 38px; width: 28px; height: 28px; background: url(../images/icon-jt.png) no-repeat center;}
.product-box .content_top_list .top_list_more::after{content: ""; width: 100%; height: 100%; border-radius: 50%; position: absolute; top: 0; left: 0;}
.product-box .content_top_list .top_list_more::before{content: ""; width: 100%; height: 100%; border-radius: 50%; position: absolute; top: 0; left: 0;}
@keyframes ripplesone {
 0% {
 transform-origin: 50% 50%;
 transform: scale(1);
 opacity: 1;
 border: 1px solid #d10e0e;
 }

 40% {
 transform-origin: 50% 50%;
 transform: scale(1.5);
 opacity: 0.5;
 border: 1px solid #d10e0e;
 }

 100% {
 transform-origin: 50% 50%;
 transform: scale(2);
 opacity: 0;
 border: 1px solid #d10e0e;
 }
}
.product-box .content_top_list .top_list_img{ position: absolute; right: 9.4%; bottom: 9.7%;max-width: 48%;max-height: 51.4%;}
.product-box .content_top_list .top_list_img img{max-width: 100%;max-height: 100%;display: block;margin:0 auto;}
.product-box .content_top_list:hover{background: url(../images/list-bg.png) no-repeat bottom center;}
.product-box .content_top_list:hover .top_list_title::after{width: 100%;}
.product-box .content_top_list:hover .top_list_more{background-image: url(../images/icon-jthover.png);}
.product-box .content_top_list:hover .top_list_more::after{animation: ripplesone 3s 0s infinite;}
.product-box .content_top_list:hover .top_list_more::before{animation: ripplesone 3s 1.5s infinite;}

@media screen and (max-width: 1440px){
 
 .product-box .content_top_list .top_list_img{right:5%;max-width: 40%;max-height: 50%;}
 .product-box .content_top_list{padding:30px 35px;height: 340px;}
 .product-box .content_top_list .top_list_content{top:35px;}
 .product-box .content_top_list .top_list_more{left: 35px;}
 }
@media screen and (max-width:950px){
 
 .product-box .content_top_list{width: 48%;margin-right:4%;margin-bottom: 4%;}
 .product-box .content_top_list .top_list_content{position: relative;top:0;width: 70%;}
 
}
@media screen and (max-width:750px){
	.inner-wrapper{padding: 30px 0}
 .product-box .content_top_list{padding:20px 18px 16px;height: auto;width: 100%;margin-right: 0;}
 .product-box .content_top_list .top_list_img{position: static;max-width: none;max-height: none;margin:15px 0;}
 .product-box .content_top_list .top_list_img img{height:150px;width: 180px;object-fit: contain;float: right;}
 .product-box .content_top_list .top_list_content .list_content_li .content_li_top dd{max-width: 96%;}
 .product-box .content_top_list .top_list_title{color:#333;letter-spacing: 0;margin-bottom: 14px;padding-bottom: 10px;}
 .product-box .content_top_list .top_list_txt a{font-size:13px;line-height: 24px;}
.product-box .content_top_list .top_list_title .icon-dd {bottom: 7px;}

}
.product-detail{background:#f7f7f7}
.product-detail .detail-top{padding-bottom:45px;}
.product-detail .detail-top .img-list{float:left;width: 45%;}
.product-detail .detail-top .img-list .item-img{position: relative;height: 670px;overflow: hidden;}
.product-detail .detail-top .txt{float:left;width:688px;margin-left:3%;max-width: 52%; background:#fff; border:1px solid #a5a5a5; margin-top:100px; position: relative;}
.product-detail .detail-top .name{letter-spacing: 2px; padding-left:60px; padding-top:50px;position: relative; }
.product-detail .detail-top .line{ width:290px; height:4px; position:absolute;top: 125%;left: -15%; background:#d10e0e}
.product-detail .detail-top .txt .in{padding-top: 25px;padding-bottom: 32px; margin-top:35px;letter-spacing: 1px;}
.product-detail .detail-top .txt .in p{margin-bottom: 18px;line-height: 1; padding-left:20px;background: url(../images/icon-d.png) no-repeat left center; margin-left:9%;}
.product-detail .detail-top .form-btn{ padding-left:45px ;width: 260px;line-height: 58px;text-align: center;color:#fff; background:#272727;display: block;margin-top:44px; margin-left:9%; margin-bottom:47px;float: left;position: relative; z-index: 10;}
.product-detail .detail-top .form-btn::before{content: ""; width: 100%; height: 100%; background: url(../images/icon-p1.png) no-repeat 54px center; position: absolute; left: 0; top: 0; z-index: 0;}
.product-detail .detail-top .form-btn::after{content: ""; width: 0; height: 100%; background: #c11920; position: absolute; left: 0; top: 0; z-index: -1; transition: all 0.5s;}
.product-detail .detail-top .form-btn:hover::after{width: 100%;}
.product-detail .detail-top .form-btn2{ padding-left:45px ;width: 260px;line-height: 58px;text-align: center;color:#fff; background:#272727;display: block;margin-top:44px; margin-left:30px; margin-bottom:47px;float:left; position: relative; z-index: 10;}
.product-detail .detail-top .form-btn2::before{content: ""; width: 100%; height: 100%; background: url(../images/icon-p2.png) no-repeat 54px center; position: absolute; left: 0; top: 0; z-index: 0;}
.product-detail .detail-top .form-btn2::after{content: ""; width: 0; height: 100%; background: #c11920; position: absolute; left: 0; top: 0; z-index: -1; transition: all 0.5s;}
.product-detail .detail-top .form-btn2:hover::after{width: 100%;}
.product-detail .detail-top .boxline{ width:100%; height:4px; position:absolute; left: 0; bottom: 0; overflow: hidden;}
.product-detail .detail-top .bline{width: 100%; height: 100%; background:#d10e0e}
.relateNews{width: 100%;overflow: hidden;margin-top:90px;}
.n-tit h3{line-height: 1;}
.n-tit s{width: 4px;height: 22px;margin-right: 15px;background: #d10e0e;display: inline-block;vertical-align: middle;}
.n-tit .more{font-size: 16px;width: 120px;height: 30px;text-align: center;line-height: 30px;margin-top: 10px;border: 1px solid #ddd;transition: all ease 600ms;}
.n-tit .more:hover{width: 150px;transition: all ease 600ms;color: #d10e0e;}
.reLink{width: 100%;border-top: 1px solid #d7d6d6;padding: 15px 0 20px;margin-top: 20px;}
.relateNews .content_top_list{ margin-top:45px; background: #ffffff; height: 305px; width: 30%; margin-right: 5%; position: relative; padding: 30px 40px; margin-bottom:3.2%;float:left; border:1px solid #c8c8c8;transition: all 0.5s;}
.relateNews .content_top_list:nth-of-type(3){margin-right: 0;}
.relateNews .content_top_list .top_list_title{color: #333; text-transform: uppercase; margin-bottom: 20px; position: relative; z-index: 25;overflow:hidden;letter-spacing: 1px;display: block; font-weight:bold; border-bottom:1px solid #d5d5d5; padding-bottom:25px; position: relative;}
.relateNews .content_top_list .top_list_title::after{content: ""; width: 0; height: 1px; background: #d10e0e; position: absolute; left: 0; bottom: 0; z-index: 1; transition: all 0.5s;}
.relateNews .content_top_list .top_list_title .icon-dd{background: url(../images/icon-dd.png) no-repeat right center;right:0; position: absolute; width:26px; height:26px;top: 0;}
.relateNews .content_top_list .top_list_txt p{background: url(../images/icon-d.png) no-repeat left; padding-left:15px; line-height:30px}
.relateNews .content_top_list .top_list_txt a{ color: #999999; font-size: 14px; display: inline-block;position: relative;line-height: 1.6;}
.relateNews .content_top_list .top_list_txt a:before{ content: ""; position: absolute; display: inline-block; width: 9px; height: 10px; background: url(../images/bn9.png) no-repeat 0% 50%; left: -20px; top: 25%; opacity: 0;transition: all 0.3s ease;}
.relateNews .content_top_list .top_list_more{left:40px; position: absolute; bottom: 25px; width: 28px; height: 28px; background: url(../images/icon-jt.png) no-repeat center;}
.relateNews .content_top_list .top_list_more::after{content: ""; width: 100%; height: 100%; border-radius: 50%; position: absolute; top: 0; left: 0;}
.relateNews .content_top_list .top_list_more::before{content: ""; width: 100%; height: 100%; border-radius: 50%; position: absolute; top: 0; left: 0;}
.relateNews .content_top_list .top_list_img{ position: absolute; right: 9.4%; bottom: 9.7%;max-width: 48%;max-height: 51.4%;}
.relateNews .content_top_list .top_list_img img{max-width: 100%;max-height: 100%;display: block;margin:0 auto; height:175px;}
.relateNews .content_top_list:hover .top_list_title::after{width: 100%;}
.relateNews .content_top_list:hover .top_list_more{background-image: url(../images/icon-jthover.png);}
.relateNews .content_top_list:hover .top_list_more::after{animation: ripplesone 3s 0s infinite;}
.relateNews .content_top_list:hover .top_list_more::before{animation: ripplesone 3s 1.5s infinite;}

@media (max-width: 1400px){
	.product-detail .detail-top .txt{max-width: 50%;}
	.product-detail .detail-top .name {padding-left: 54px;}
 .product-detail .detail-top .line{width: 230px;left: -11%;}
	.product-detail .detail-top .form-btn { width:200px;padding-left: 25px;margin-left: 45px;}
 .product-detail .detail-top .form-btn::before{background-position: 24px center;}
	.product-detail .detail-top .form-btn2 { width:200px;padding-left: 25px;margin-left: 25px;}
 .product-detail .detail-top .form-btn2::before{background-position: 24px center;}
	.relateNews .content_top_list .top_list_img img{ height:110px}
	 
}
@media (max-width: 1200px){
	.product-detail .detail-top .name {padding-left: 45px;}
	.product-detail .detail-top .txt{max-width: 48%;}
	.product-detail .detail-top .line{width: 210px;left: -10%;}
 .product-detail .detail-top .form-btn{width: 200px;line-height: 52px;}
 .product-detail .detail-top .txt .in{padding-bottom: 22px;}
}
@media (max-width: 992px){
 
 .product-detail .detail-top .img-list .item-img{height: 600px;}
 .product-detail .detail-top .txt .in{margin-top:20px;padding-bottom: 14px;}
 .product-detail .detail-top .txt .in p{margin-bottom: 12px;}
 	.product-detail .detail-top .name {padding-left: 40px;}
	.product-detail .detail-top .form-btn { line-height:50px; width:150px;padding-left: 25px;margin-left: 45px;}
 .product-detail .detail-top .form-btn::before{background-position: 14px center;}
	.product-detail .detail-top .form-btn2 {line-height:50px; width:150px;padding-left: 25px;margin-left: 25px;}
 .product-detail .detail-top .form-btn2::before{background-position: 14px center;}
 .relateNews .content_top_list .top_list_img img { height:80px;}
}
@media (max-width: 767px){
 
 .product-detail .detail-top .img-list{width: 100%;}
 .product-detail .detail-top .img-list .item-img{height: 320px;}
 .product-detail .detail-top .img-list .item-img img{ height:200px}
 .product-detail .detail-top .txt{width: 100%;margin:25px 0 0;max-width: 100%;}
 .product-detail .detail-top .line { left:0}
 .product-detail .detail-top .name{padding-top: 30px;}
 .product-detail .description .tit{font-weight: bold;padding:16px 15px;}
 .product-detail .description .con{margin-top:20px;letter-spacing: 0;}
 .relateNews .content_top_list{ width:100%; margin-top:25px;}
 .relateNews .content_top_list .top_list_title .icon-dd{ bottom:5px}
 .relateNews .content_top_list .top_list_title{padding-bottom: 10px;}
 .relateNews .content_top_list .top_list_img img { height:120px;}
 .product-detail .detail-top .form-btn { margin-bottom:0; line-height:50px; width:200px;padding-left: 25px;margin-left: 25px;}
 .product-detail .detail-top .form-btn2 {line-height:50px; width:200px;padding-left: 25px;margin-left: 25px; margin-top:20px}
 
}
.contact-box{ margin-top:180px; margin-bottom:100px;}
.contact-box .map-box{position: relative;height:500px;box-shadow: 0 0 10px rgba(0,0,0,.1); }
.contact-box .map-box .con-tit{ position:absolute; top:-90px; left:0; background:#d10e0e; width:352px; padding-top:46px; padding-bottom:38px; color:#fff; text-align:left; padding-left:50px; z-index:99}
.contact-box .map-box .con-tit h2{ margin-bottom:10px; font-weight:bold;}
.contact-box .map-box .con-tit p{text-transform: uppercase;}
.contact-box .map-box .map{width: 100%;position: absolute;left:0;top:0;height: 100%;}
.contact-box .map-box label{max-width: none;}
.contact-box .map-box #allmap{position: absolute;left:0;top:0;width: 100%;height: 100%;}

.contact-box .info-box{background: #fff;color:#333;overflow: hidden;}
.contact-box .add-box{padding:20px 0 15px;border-bottom:1px dashed #e5e5e5;line-height: 1; border-top: 2px solid #333; margin-top: 50px;}
.contact-box .add-box p{ display:block; padding-bottom:25px; letter-spacing:2px}
.contact-box .add-box>div{padding: 2vw 2%;}
.contact-box .add-box .right{ text-align:right}
.contact-box .detail-box{color:#333;padding-bottom: 10px; height:150px; border-bottom:1px solid #e5e5e5;}
.contact-box .detail-box li{padding:2vw 2%;}
.contact-box .detail-box li p{ display:block; padding-bottom:15px;}
.contact-box .detail-box li .d-icon{margin-right:18px;}
.contact-box .detail-box li .d-icon img{height: 2.8vw;display: block;}
.contact-box .detail-box li .d-name{line-height: 1;margin-bottom: 10px;}

.contact-form{margin-top:100px;}
.contact-form .title{text-align: center;color:#999999;}
.contact-form .title h2{line-height: 1;margin-bottom: 25px;letter-spacing: 2px;color:#000;}
.contact-form .form{margin-top:46px;}
.contact-form .form li{float:left;width: 33.333%;padding:0 15px;margin-bottom: 34px;}
.contact-form .form li.textarea{width:100%;}
.contact-form .form li .item-value{display: block;width: 100%;border:1px solid #e2e2e2;padding:10px 20px;line-height: 24px;background: #fff;outline: none;}
.contact-form .form li .item-value:focus{border-color:#000;}
.contact-form .form li textarea.item-value{height: 275px;}
.contact-form .form li .item-value::-webkit-input-placeholder {color:#999;}
.contact-form .form li .item-value:-moz-placeholder {color:#999;}
.contact-form .form li .item-value::-moz-placeholder {color:#999;}
.contact-form .form li .item-value:-ms-input-placeholder {color:#999;}
.contact-form .form .btn-box{text-align: center;}
.contact-form .form .btn-box .butt{width:27%;max-width: 202px;line-height: 38px;border:none;background: #333333;color:#fff;margin:0 1.1%;}
.contact-form .form .btn-box .submit-btn{background: #d10e0e;}


@media (max-width: 1400px){
 .contact-form .form li{margin-bottom: 30px;}
 .contact-form .form li .item-value{padding:20px 30px;}
 .contact-form .form .btn-box .butt{line-height: 66px;}
 .contact-form{margin-top:80px;}
 .contact-form .title h2{margin-bottom: 20px;}
 .contact-form .form{margin-top:40px;}
 
}
@media (max-width: 992px){
 
 .contact-form{margin-top:65px;}
 .contact-form .title h2{margin-bottom: 16px;}
 .contact-form .form{margin-top:35px;}
 .contact-form .form li{padding:0 10px;margin-bottom: 20px;}
 .contact-form .form li .item-value{padding:15px 20px;}
 .contact-form .form li textarea.item-value{height: 250px;}
 .contact-form .form .btn-box .butt{line-height: 56px;}
}
@media (max-width: 750px){
 .contact-box{margin-top: 120px;}
 .contact-box .map-box .map{position: relative;height: 400px;}
 .contact-box .add-box p{ padding-bottom:8px; line-height:28px;}
 .contact-box .detail-box{border-bottom:none}
 .contact-box .add-box{border-bottom:none}
 .contact-box .add-box .right { padding-top:38px;}
 .contact-form{margin-top:55px;}
 .contact-form .title h2{letter-spacing: 1px;}
 .contact-form .form li{width: 100%;padding:0 15px;margin-bottom: 16px;}
 .contact-form .form li .item-value{padding:12px 16px;}
 .contact-form .form .btn-box .butt{width: 38%;line-height: 48px;}
 .contact-form .form li textarea.item-value{height: 220px;}
 .contact-box.map-box{padding:0;}
 .contact-box .map-box .map{padding-bottom: 100%;}
}

.about-box{background: url(../images/about-bg.png) no-repeat right center; padding-top:100px; padding-bottom:80px; background-size:cover; }
.about-box .profile .title{color:#333333;line-height: 1;}
.about-box .profile{width: 100%; color: #333;}
.about-box .profile .ms{ margin-top:22px;}
.about-box .profile .desc{line-height: 2.4;letter-spacing: 1px;text-align: justify;}
.about-box .profile .about-conp{position: relative; z-index: 1;}
 
.about-box .num-list{max-width: 983px; margin-top:60px; margin-bottom:35px;}
.about-box .num-list li{float:left;width: 22%;margin-right:2.5%; overflow: hidden;}
.about-box .num-list li:nth-child(4n+1){margin-left:0;}
.about-box .num-list li:nth-child(4n+4){margin-right:0;}
.about-box .num-list li .num-item{position: relative; height:100px}
.about-box .num-list li .item-txt{position: absolute;width: 100%;left:0;top:50%;text-align: center;transform: translateY(-50%);}
.about-box .num-list li .item-txt p{line-height: 1;color:#333;margin-top:16px;}
.about-box .num-list li .item-img{max-width: 40%;margin:0 auto;transition: all .3s; height:56px;}
.about-box .num-list li:hover .item-img{transform: rotateY(180deg);}
.about-box .about-img{ position:absolute; right:0; bottom:0;}
.about-box .about-img img{ width:80%; margin-right:0}
.about-p2{ background:#f7f7f7; padding-top:100px; padding-bottom:100px; overflow:hidden;position: relative;}
.about-p2 .culture-title{line-height: 1;text-align: center; color:#333;}
.about-p2 .culture-title .name{line-height: 1;letter-spacing: 2px; font-weight:bold}
.about-p2 .culture-title .desc{line-height: 1;margin-top:30px;text-transform: uppercase;}

.about-p2 .p2-left{width:45%;}
.about-p2 .p2-img{width: 55%;position: absolute;right:0%;top:0%;bottom:0; overflow:hidden}
.about-p2 .p2-img .img-item{height:100%;background-repeat: no-repeat ; background-size:cover; display: none;}
.about-p2 .p2-img .img-item:first-child{display: block;}
.about-p2 .p2-left ul{ margin-top:11.5%}
.about-p2 .p2-left li{ margin-bottom: 3px;background: #f0f0f0;transition: all .5s;padding:5% 15% 5% 40px;position: relative;height:100%;}
.about-p2 .p2-left li h2{color:#333;}
.about-p2 .p2-left li p{transition: fontSize .1s; line-height:35px; text-align:left;}
.about-p2 .p2-left li:hover,.about-p2 .p2-left li.active{background: #d7261e;color:#fff;z-index:10;padding-right:6%; width:130% }
.about-p2 .p2-left .item0 img{margin-right:5%; }
.about-p2 .p2-left .item0{position: absolute;width: 80%;top:50%;transform:translateY(-50%);opacity:1;transform-origin:center center;text-align:center;visibility:visible; display:flex;justify-content: center; align-items:center}
.about-p2 .p2-left .item{position: relative;padding-right:9%; transform:scale(0.9); transform-origin:center center; opacity:0; transition:all .5s ease; height:100%; visibility:hidden; color:#fff}
.about-p2 .p2-left .item-icon{opacity:0;position: absolute;right:0;width:8%;top:0;height:100%;background: url(../images/icon-plus.png) no-repeat center;background-size: contain;}
.about-p2 .p2-left li:hover .item-icon,.about-p2 .p2-left li.active .item-icon{ opacity: 1;}
.about-p2 .p2-left li:hover .item p,.about-p2 .p2-left li.active .item p{font-size:18px;}
.about-p2 .p2-left li:hover .item h2,.about-p2 .p2-left li.active .item h2{color:#fff;}

.about-p2 .p2-left li.active .item{ transform:scale(1); opacity:1; visibility:visible;} 
.about-p2 .p2-left li.active .item0{opacity:0; visibility:hidden;}

.history{padding:75px 0 0;background: url(../images/about-p3.jpg) no-repeat top center; color:#fff}
.history .his-title{line-height: 1;text-align: center;letter-spacing: 3px;margin-bottom:25px; font-weight:bold}
.history .des{ margin-top:25px;text-align: center;}
.history .container{width: 90%;}
.history-swiper{padding:0 15px;position: relative; margin-bottom: 50px;}
.history-swiper .swiper-container{height:75px;height:6vw;padding:0 0 5vw; position: relative;}
.history-swiper .swiper-container::after{content: ""; width: 100%; height: 1px; border-bottom: 1px dashed #e5e5e5; position: absolute; left: 0; top: 1vw; z-index: 0; margin-top: -1px;}
.history-swiper .year-box{text-align: center;transition: all .8s;}
.history-swiper .year-box{position:relative;width:11.042vw;font-size:1.583vw;color:#fff;text-align:center;float:left;transition:all .8s; font-size: 20px;}
.history-swiper .year-box .year{position:absolute;width:100%;text-align:center;bottom:-3.89vw;cursor:pointer; bottom: -60px;}
.history-swiper .year-box>div.circle{cursor:pointer;position:absolute;left:50%;top:100%;width:.521vw;height:.521vw;margin-left:-.26vw;margin-top:-.26vw;background-color:#dcdcdc;border-radius:.26vw}
.history-swiper .swiper-slide-active.year-box{ font-size: 2.125vw;color: #fff;line-height: 35px; font-size: 30px; line-height: 1;}
.history-swiper .swiper-slide-active.year-box>div.circle{position:absolute;left:50%;top:100%;width: 2vw; height: 2vw; margin-left: -1vw; margin-top: -1vw;background: url(../images/p3_d.png) no-repeat center; background-size: contain;}
.history-swiper .swiper-btn{width:15px;height:33px;top:1vw;margin-top:-16px; overflow: hidden;background: url(../images/btn02.png) no-repeat center;background-size: 100% 100%; ;display: inline-block; }
.history-swiper .swiper-button-prev{left: 0;}
.history-swiper .swiper-button-next{right: 0;}
.history-swiper .swiper-btn::after{font-size:0;color:#eee;}
.history-swiper .swiper-button-prev{transform: rotate(180deg);}
.history-detail{margin-top:55px;padding:0;}
.history-detail li{display: none;padding-bottom:58px;}
.history-detail li:first-child{display: block;}
.history-detail .detail-item{text-align: left;}
.history-detail .detail-item .item-left{text-align: center;}
.history-detail .detail-item .item-con{padding: 0;}
.history-detail .detail-item .title{letter-spacing: 6px;font-family: 'Impact';color:#fff; border:9px solid #fff; padding:30px; margin:0 auto; display: inline-block; line-height: 1;}
.history-detail .detail-item .lin{ width:10px; height:40px; background:#fff; margin:28px auto; }
.history-detail .detail-item .desc{color:#fff; margin-top:5.5vw; text-align:center}
.history-detail .detail-item .item-year{text-align: center;font-weight: bold;color:#dbdddf;font-size: 180px;line-height: 1; }
.history-detail .detail-item .item-img{ width: 100%;margin-left:auto;margin-right:auto; border:9px solid #fff; box-shadow: 0 0 10px rgba(0,0,0,.3);}
.history-detail .detail-item .item-img img{ width:100%; height:auto;}
.workshop{ padding:75px 0 0;background:#f7f7f7; overflow:hidden}
.workshop .his-title{line-height: 1;text-align: center;letter-spacing: 3px;margin-bottom:25px; font-weight:bold}
.workshop .des{ margin-top:25px;text-align: center;}
.envconter{width: 100%; margin-top:60px; margin-bottom:70px;}
.envlist{width: 100%;padding: 15px 15px 70px 15px !important;box-sizing: border-box;}
.envlist ul li{transition:.3s;-moz-transition: .3s;-webkit-transition: .3s;-o-transition: .3s;}
.envlist ul li .item-img{width:100%; height:100% }
.swiper-container-horizontal>.swiper-scrollbar{ bottom:20px}
.btnbox{width: 40px; height: 40px; background: #d10e0e; border-radius: 50%; position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); z-index: 10; padding: 0 5px; overflow: hidden;}
.btnbox .leftb, .btnbox .rightb{display: inline-block; width: 50%; height: 40px; font-family: "宋体"; font-size: 20px; color: #fff; line-height: 40px; text-align: center; cursor: pointer;}
.envlist .swiper-scrollbar-drag { background: #d10e0e;}

.honor{padding:75px 0 0;background: url(../images/about-p5.jpg) no-repeat top center; color:#fff; overflow:hidden}
.honor .his-title{line-height: 1;text-align: center;letter-spacing: 3px;margin-bottom:25px; font-weight:bold}
.honor .des{ margin-top:25px;text-align: center;}
.honor-list{padding:0 9.9%;position: relative;margin-top:50px; margin-bottom:80px;}
/*.honor-list .swiper-wrapper{align-items: center;height:520px;}
.honor-list .swiper-slide{width:15.4%;height:49%;transform-origin: center;transition: 300ms;}
.honor-list .swiper-slide-active{width:28.4%;height:100%;position: relative;z-index:10;}
.honor-list .swiper-slide-prev,.honor-list .swiper-slide-next{width:20.4%;z-index:5;height:57.7%;}
.honor-list .swiper-slide img{height:100%;}
.honor-list .swiper-slide-next img,.honor-list .swiper-slide-next + .swiper-slide img{float:right;}
.honor-list .swiper-slide-active img{position: absolute;left:50%;top:0;transform: translateX(-50%);}*/
.honor-list .swiper-btn{position: absolute;top:50%;transform: translateY(-50%);width:5%;max-width:31px;height:79px;border-radius:100%;overflow: hidden;background: url(../images/honor-prev.png) no-repeat center;background-size: 100% auto;}
.honor-list .swiper-btn-prev{left:1%;}
.honor-list .swiper-btn-next{background-image: url(../images/honor-next.png);right:1%;}
.honor-list .swiper-btn-prev:hover{background-image: url(../images/honor-prev-on.png);}
.honor-list .swiper-btn-next:hover{background-image: url(../images/honor-next-on.png);}
.partner{padding:75px 0 0;background: url(../images/hebg.jpg) no-repeat top center; overflow:hidden}
.partner .his-title{line-height: 1;text-align: center;letter-spacing: 3px;margin-bottom:25px; font-weight:bold}
.partner .des{ margin-top:25px;text-align: center;}
.fifthlist{width: 100%;background: #fff;box-shadow: 0 0 10px rgba(0,0,0,.1);padding: 60px 70px;box-sizing: border-box; margin-top:60px; margin-bottom:100px}
.fifthlist ul{height: 209px;overflow: hidden;}
.fifthlist ul li{float: left;width: 16.6%;height: 105px;display: flex;justify-content: center;align-items: center;
border-right: 1px solid #ccc;box-sizing: border-box;border-bottom: 1px solid #ccc;}
.fifthlist ul li:nth-child(6n){border-right: 0;}
.fifthlist ul li img{display: block;max-width: 100%;margin: 0 auto;filter: grayscale(100%);
transition:.5s;-moz-transition: .5s;-webkit-transition: .5s;-o-transition: .5s;}
.fifthlist ul li:hover img{filter: grayscale(0%);}

@media (max-width: 1450px){
 .about-box{padding:110px 0 120px;}
 .about-box .profile .desc{margin-top:60px;}
 .about-box .profile{width:70%;}
 .history-detail .detail-item .item-year{font-size:160px;}
 .fifthlist{padding: 40px 60px;}
}

@media (max-width: 1200px){
.about-box{padding:100px 0 110px}
.about-box .num-list{width:80%}
.about-box .num-list{margin-top:70px}
.about-p2{margin-top:100px}
.about-box .num-list li{width:46%}
.history{padding:60px 0 0}
.history-detail{padding:0 5%}
.history-detail .detail-item .item-year{font-size:140px}
.history-detail .detail-item .title{letter-spacing:4px;}
.history-swiper .year-box{font-size: 1.583vw;}
.history-swiper .year-box .year{bottom: -3.89vw;}
.history-swiper .swiper-slide-active.year-box{font-size: 2.125vw;}
.history-detail .detail-item .title{padding:20px}
.honor-list .swiper-btn{width:60px;height:60px}
.honor-list{margin-top:80px}
.fifthlist{padding:20px 40px}
.fifthlist ul{height:auto;border-top:1px solid #ccc;border-left:1px solid #ccc;box-sizing:border-box}
.fifthlist ul li{width:25%}
.fifthlist ul li:nth-child(5n){border-right:1px solid #ccc}
}
@media (max-width: 992px){
 .about-box{padding:90px 0 100px;}
 .about-box .profile{width: 80%;}
 .about-box .profile .desc{margin-top:50px;}
 .about-box .num-list{margin-top:60px;width: 85%;}
 .about-p2{margin-top:80px;}
 .history{padding:60px 0 0;}
 .history-detail{padding:0 2%;}
 .history-detail .detail-item .item-year{font-size:120px;}
 .history-detail .detail-item .item-con{margin-top:50px;}
 .history-detail .detail-item .title{letter-spacing: 3px; padding:15px;}
 .history-swiper .swiper-slide-active.year-box {font-size: 2.625vw;}
 .honor-list{margin-top:70px;}
 .honor-list .swiper-btn{width: 50px;height: 50px;}
}
@media (max-width: 767px){
 .about-box{padding:40px 0 50px;}
 .about-box .profile{width: 100%;}
 .about-box .profile .desc{margin-top:10px;letter-spacing: 0;}
 .about-box .num-list{width: 100%;}
 .about-box .num-list{margin-top:45px;}
 .about-box .desc{width:100%;letter-spacing: 2px;font-size:13px;}
 .about-box .num-list li{width:48%;border-radius:18px;margin-right:0}
 .about-box .num-list li .item-img{max-width: 48%;}
 .about-box .num-list li .item-txt p{margin-top:12px;}
 .about-box .num-list{margin-top:40px;}
 .about-p2{margin-top:60px;padding-top: 30px; padding-bottom:30px;}
 .about-p2 .p2-left{width: 100%;}
 .about-p2 .p2-img{width: 100%;position: relative;top:auto;bottom:auto;}
 .about-p2 .p2-img .img-item{height: auto;padding-bottom: 54%;}
 .about-p2 .p2-left li p{margin-top:12px;}
 .about-p2 .p2-left li{padding:30px 15% 30px 24px;margin:3px 0 0;}
 .about-p2 .p2-left li:hover .item p, .about-p2 .p2-left li.active .item p{font-size:14px;}
 .about-p2 .p2-left li h2{font-weight: bold;}
 .about-p2 .p2-left .item{padding-right:12%;}
 .history{padding:30px 0 0; background-size: cover;}
 .history .his-title{letter-spacing: 1px;margin-bottom: 40px;}
 .history .container{width: 100%;}
 .history-swiper .swiper-btn{top:10px;}
 .history-swiper .year-box{font-size:14px;}
 .history-swiper .swiper-slide-active.year-box{font-size:18px;}

 .history-detail li{padding-bottom: 35px;}
 .history-detail .detail-item .lin{margin: 15px auto;}
 .history-detail .detail-item .title{font-size:20px;letter-spacing: 1px; font-size:58px;}
 .history-detail .detail-item .desc{margin-top:12px;font-size:14px;}
 .history-swiper .swiper-slide-active.year-box>div.circle{width:20px;height:20px;margin-left:-10px;margin-top:-10px;background-size:cover;left: 50%;}
 .history-detail .detail-item .item-con{margin-top:80px;}
 .history-detail .detail-item .item-img{margin-top:-50px;}
 .history-detail{padding:0; margin-top: 35px;}
 .history-detail .detail-item>div{padding:0;}
 .honor-list{ margin-bottom:40px}
 .honor-list{margin-top:50px;padding:0 52px;}
 .honor-list .swiper-btn{width:42px;height: 42px;}
 /*.honor-list .swiper-slide{height: 100%;width: 100%!important;}
 .honor-list .swiper-wrapper{height: auto!important;}
 .honor-list .swiper-slide-active img{position: static;transform: none;}
 .honor-list .swiper-slide img{display: block;max-width: 100%;margin:0 auto;height: auto;}*/
 .envconter{margin-top: 30px;margin-bottom: 30px;}
 .workshop,.partner ,.honor{padding: 35px 0 0;}
 .fifthlist{margin-top: 30px;margin-bottom: 30px;padding: 10px;}
 .fifthlist ul li{width: 50%;}
 .history-swiper .year-box .year{bottom:-9.09vw; }
 .history-swiper .swiper-container{height:60px; padding:0 0 50px;}
 .history-swiper .swiper-container::after{top: 10px;}
 .history-swiper .year-box>div.circle{margin-top: -4px; margin-left: -4px; width:8px; height:8px;border-radius:10px;}
 .history-swiper{margin-bottom: 20px;}
}


 
@media (max-width:1600px){
 
}
@media (max-width:1400px){
	.fs124{font-size: 114px; }
	.fs70{font-size: 60px; }
.fs52{font-size: 44px;}
 .fs48{font-size: 44px;}
 .fs45{font-size: 40px;}
 .fs40{font-size: 34px;}
 .fs36{font-size: 32px;}
 .fs35{font-size: 31px;}
 .fs30{font-size: 26px;}
 .fs28{font-size: 24px;}
 .fs26{font-size: 22px;}
 .fs25{font-size: 21px;}
 .fs24{font-size: 21px;}
 .subcolumn-nav a{margin:0 2%;letter-spacing: 0;font-size:16px;}
}
@media (max-width:1200px){
	.fs124{font-size: 104px; }
	.fs70{font-size: 58px; }
.fs52{font-size: 40px;}
 .fs48{font-size: 40px;}
 .fs45{font-size: 38px;}
 .fs40{font-size: 32px;}
 .fs36{font-size: 30px;}
 .fs35{font-size: 28px;}
 .fs30{font-size: 24px;}
 .fs28{font-size: 22px;}
 .fs26{font-size: 20px;}
 .fs24{font-size: 20px;}
 .fs18{font-size:16px;}
 .category-box{bottom: 30px;}
 .category a{padding: 16px 30px; margin: 0 10px; line-height:25px}
}
@media (max-width:992px){
	.fs124{font-size: 74px; }
	.fs70{font-size: 50px; }
.fs52{font-size: 35px;}
 .fs48{font-size: 34px;}
 .fs45{font-size: 32px;}
 .fs40{font-size: 30px;}
 .fs36{font-size: 28px;}
 .fs35{font-size: 27px;}
}
@media (max-width:767px){
 .fs124{font-size:74px; }
 .about-p2 .p2-img{ top:60px}
 .fs70{font-size: 40px; }
 .fs52{font-size: 30px;}
 .fs48{font-size: 30px;}
 .fs45{font-size: 28px;}
 .fs40{font-size: 26px;}
 .fs36{font-size: 24px;}
 .fs35{font-size: 23px;}
 .fs30{font-size: 22px;}
 .fs28{font-size: 20px;}
 .fs26{font-size: 18px;}
 .fs25{font-size: 16px;}
 .fs22{font-size: 17px;}
 .fs20{font-size: 16px;}
 .fs18{font-size:16px;}
 .fs16{font-size:14px;}
 .about-p2 .p2-left li:hover, .about-p2 .p2-left li.active{ width:100%}
 .ibanner img { min-height: 300px; object-fit: cover;}
 .ibanner .nav-now p {margin-top: 15px;}
 .subcolumn-nav{white-space: nowrap;overflow-x: auto;padding:0 10px;}
 .subcolumn-nav a{font-size:15px;margin:0 15px;}
 .category-box{bottom: 20px;}
 .category a{font-size: 16px; padding: 12px 20px; margin: 0 5px; width: auto;line-height: 25px;}
}

.news-detail{ overflow: hidden;background: #f7f7f7; padding-bottom:80px}
.news-detail h1{text-align: center; letter-spacing: 2px;margin-top:50px;}
.news-detail .dtinfo{margin: 20px 0; text-align: center;}
.news-detail .dtinfo span{margin: 0 10px;}
.news-detail .caseimg{margin-bottom: 30px;}
.news-detail .caseimg img{display: block; max-width: 100%; margin: auto;}
.news-detail .content{font-size: 15px; line-height: 1.8;}
.news-detail .content img{max-width: 100%;}
.news-detail .news-epx{margin: 30px auto 0; overflow: hidden;}
.news-detail .news-epx li{width: 49%; float: left; padding: 0 15px; line-height: 40px; background: #ccc; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;}
.news-detail .news-epx li:first-child{margin-right: 2%;}
@media (max-width: 992px){
 .news-detail .news-epx li{width: 100%; margin: 5px 0;}
 .news-detail .news-epx li:first-child{margin-right: 0;}
}
@media (max-width: 767px){
	.news-detail h1{ margin-top:20px;}
 .news-detail{margin:30px 0;}
 .news-detail .dtinfo{margin: 15px 0;}
 .news-detail .dtinfo span{margin: 0 5px;}
 .news-detail .caseimg{margin-bottom: 20px;}
 .news-detail .news-epx{margin: 20px auto 0;}
}