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');
}
 

.footer-box{ margin-top:0}
 
.nibanner{position: relative;}
.nibanner .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;}
.nibanner .nav-now h2{line-height: 0.8;text-transform: uppercase;}
.nibanner .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: #132c88;}
.subcolumn-nav a.active,.subcolumn-nav a:hover{color:#000000;}
.subcolumn-nav a.active:after,.subcolumn-nav a:hover:after{width: 100%;}
 
 

.Pages{margin-top: 10px; text-align: center;}
.qilin_pager li{display: inline-block;margin-right: 10px; height: 30px; line-height: 30px; text-align: center; color: #666; background: #fff; border-color: #ddd; border-width: 1px; border-style: solid; border-radius: 3px; }
.qilin_pager li a{padding: 5px 10px;}
.qilin_pager li span{padding: 5px 10px;}
.qilin_pager li.active{color: #132c88;}
 
 .news-list{ background:#f7f7f7;}
.news-list ul{ margin-top:40px;}
.news-list .list .news-item{display: block;padding: 50px 0;border-bottom:1px solid #d4d4d4;}
.news-list .news-item .item-img{position: relative;width: 35%;float:left;height:348px;overflow: hidden;}
.news-list .news-item .item-con{float:right;width: 60.9%;max-width:930px;padding-top:24px;}
.news-list .news-item .item-date{line-height: 1;color:#000;}
.news-list .news-item .item-title{line-height: 1;margin-top:38px; color:#000}
.news-list .news-item .item-desc{line-height: 32px; color:#333333;margin-top:25px;}
.news-list .news-item .item-more{float:left;transition: all .3s;width: 160px;line-height: 44px;border:1px solid #ebebeb;text-align: center;margin-top:65px; background:#a5a5a5; color:#fff;}
.news-list .news-item .item-more:hover{color:#fff;background: #132c88; }

@media (max-width: 1500px){
 .news-list .news-item .item-title{margin-top:18px;}
 .news-list .news-item .item-desc{margin-top:20px;}
 .news-list .news-item .item-more{margin-top:30px;}
 .news-list .news-item .item-img{height: 290px;}
}
@media (max-width: 1200px){
 .news-list .news-item .item-con{padding-top:16px;}
 .news-list .news-item .item-title{margin-top:15px;}
 .news-list .news-item .item-desc{margin-top:16px;}
 .news-list .news-item .item-more{margin-top:25px;}
 .news-list .news-item .item-img{height: 250px;}
 .news-list .news-item .item-more{width: 150px;line-height: 40px;}
 .news-list .list .news-item{padding:35px 0;}
}
@media (max-width: 992px){
 .news-list .news-item .item-img{width: 33%;}
 .news-list .list .news-item{padding:30px 0;}
 .news-list .news-item .item-desc{margin-top:12px;}
 .news-list .news-item .item-more{margin-top:20px;font-size:12px;width: 140px;line-height: 38px;}
 .news-list .news-item .item-img{height: 240px;}
}
@media (max-width: 750px){
 .news-list .news-item .item-img,.news-list .news-item .item-con{width: 100%;float:none;}
 .news-list .news-item .item-title{font-weight: bold;}
 .news-list .news-item .item-img{height: auto;padding-bottom: 7.7778%;}
}
/*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;border-right:1px solid #cfcfcf;}
.jobList .item-content .item-right .item-con .flex>div:nth-child(2){padding:0 0 0 4.6%;border:none;}
.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{border-right: none;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}
 .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*/
.product_page{background: #f7f7f7;}
.pro_list li{width: 18%; margin-right: 2%; margin-bottom: 2%; background: #fff; display: inline-block; vertical-align: top;}
.pro_list li:nth-of-type(5n){margin-right: 0;}
.pro_list li a{display: block; padding: 32px 23px; border: 1px solid #c4c4c4; position: relative; transition: all .3s;}
.pro_list li a h3{font-size:20px; color: #333; line-height: 24px; transition: all .3s; border-bottom:1px solid #a5a5a5; padding-bottom:38px; text-align:center}
.pro_list li a img{margin: 20px auto 40px;}
.pro_list li a span{display: inline-block; font-size: 16px; color: #a5a5a5; line-height: 20px; background: url(../images/promore.png) no-repeat right 38px; background-size: auto; padding-right: 30px; transition: all .3s; padding-top:30px; text-align:left; width:100%;}
.pro_list li a .cover{width: 120px; height: 120px; background: url(../images/procover.png) no-repeat center; background-size: cover; position: absolute; left: -10px; top: 0; z-index: 1; opacity: 0; transition: all .3s; transition-delay: 0.1s;}
.pro_list li a:hover{border: none; box-shadow: 0 0 15px #cacaca;}
.pro_list li a:hover::after{width: 100%;}
.pro_list li a:hover h3{color: #132c88;border-bottom: 1px solid #132c88;}
.pro_list li a:hover span{color: #132c88; background-image: url(../images/promore_h.png);}
.pro_list li a:hover .cover{opacity: 1; left: 0;}

@media (max-width: 1420px){
 .pro_list li a{padding: 40px 25px;}
 .pro_list li a .cover{width: 100px; height: 100px;}
}

@media (max-width: 1200px){
 .inner-wrapper{padding: 20px 0;}
 .pro_list li{width: 31%; margin-right: 3.5%; margin-bottom: 3.5%;}
 .pro_list li:nth-of-type(4n){margin-right: 3.5%;}
 .pro_list li:nth-of-type(3n){margin-right: 0;}
 .pro_list li a img{margin: 15px auto 30px;}
}

@media (max-width: 992px){
 .pro_list li{width: 48%; margin-right: 4%; margin-bottom: 4%;}
 .pro_list li:nth-of-type(4n){margin-right: 4%;}
 .pro_list li:nth-of-type(3n){margin-right: 4%;}
 .pro_list li:nth-of-type(2n){margin-right: 0;}
 .pro_list li a img{margin: 10px auto 20px;}
}

@media (max-width: 768px){
 .pro_list li{width: 100%; margin-right: 0 !important; margin-bottom: 30px;}
}

.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%; margin-top:100px}
.product-detail .detail-top .tit-one{ color:#979797; margin-bottom:20px;}
.product-detail .detail-top .tit-two{ color:#333333; margin-bottom:15px; font-weight:bold}
.product-detail .detail-top .name{letter-spacing: 2px;position: relative; color:#132c88;}
.product-detail .detail-top .txt .in{padding-top: 50px;padding-bottom: 32px; letter-spacing: 1px;}
.product-detail .detail-top .txt .in p{margin-bottom: 18px;line-height: 1;}
.product-detail .detail-top .form-btn{ padding-left:45px ;width: 260px;line-height: 58px;text-align: center;color:#fff; background: url(../images/icon-p1.png) no-repeat 54px center #132c88;display: block;margin-top:5px; margin-bottom:47px;float: left;}
.product-detail .detail-top .form-btn2{ padding-left:45px ;width: 260px;line-height: 58px;text-align: center;color:#fff; background: url(../images/icon-p2.png) no-repeat 54px center #132c88;display: block;margin-top:5px; /*margin-left:65px;*/ margin-bottom:47px;float:left}

.product-detail .description-box{padding-bottom: 90px; background: #fff;}
.product-detail .description-box .title{line-height: 1;padding:28px 0;border-bottom:1px solid #cacaca;text-align: center;color:#333;text-align:center;letter-spacing: 2px;background: #fff;margin-bottom: 50px;font-size:30px;}
.product-detail .description-box .description{line-height: 36px;}

 @media (max-width: 1400px){
	.product-detail .detail-top .txt{max-width: 50%;}
 .product-detail .detail-top .line{width: 230px;left: -11%;}
	.product-detail .detail-top .form-btn { width:200px;padding-left: 25px;background: url(../images/icon-p1.png) no-repeat 24px center #132c88; }
	.product-detail .detail-top .form-btn2 { width:200px;padding-left: 25px;background: url(../images/icon-p2.png) no-repeat 24px center #132c88;margin-left: 45px;}
	 
}
@media (max-width: 1200px){
	.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;}
		.product-detail .detail-top .form-btn { width:200px;padding-left: 25px;background: url(../images/icon-p1.png) no-repeat 24px center #132c88; }
	.product-detail .detail-top .form-btn2 { width:200px;padding-left: 25px;background: url(../images/icon-p2.png) no-repeat 24px center #132c88;margin-left: 25px; line-height: 52px;}
	 .product-detail .description-box .title{margin-bottom: 40px;}
 .product-detail .description-box .description{line-height: 32px;}
}
@media (max-width: 992px){
 
 .product-detail .detail-top .img-list .item-img{height: 600px;}
 .product-detail .detail-top .txt .in{padding-bottom: 14px;}
 .product-detail .detail-top .txt .in p{margin-bottom: 12px;}
	.product-detail .detail-top .form-btn { line-height:50px; width:150px;padding-left: 25px;background: url(../images/icon-p1.png) no-repeat 14px center #132c88;margin-left: 5px;}
	.product-detail .detail-top .form-btn2 {line-height:50px; width:150px;padding-left: 25px;background: url(../images/icon-p2.png) no-repeat 14px center #132c88;margin-left: 5px;}
}
@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 .txt .in{ padding-top:25px}
 .product-detail .description .tit{font-weight: bold;padding:16px 15px;}
 .product-detail .description .con{margin-top:20px;letter-spacing: 0;}
 .product-detail .detail-top .form-btn { margin-bottom:0; line-height:50px; width:200px;padding-left: 25px;background: url(../images/icon-p1.png) no-repeat 14px center #132c88;margin-left:5px;}
 .product-detail .detail-top .form-btn2 {line-height:50px; width:200px;padding-left: 25px;background: url(../images/icon-p2.png) no-repeat 14px center #132c88;margin-left:5px; margin-top:20px}
 .product-detail .description-box .title{margin-bottom: 20px; font-size: 24px; padding: 20px 0;}
 .product-detail .description-box .description{line-height: 30px;}
}

/*imgs*/
.common-imgBox{position: relative; overflow:hidden;}
.common-imgBox .item-mask{position: absolute;left:0;top:0;width: 100%;height: 100%;background: #132c88;opacity: 0;transition: all .3s;}
.common-imgBox .item-line{position: absolute;left:5%;right:5%;top:5%;bottom:5%;}
.common-imgBox .item-line b{position: absolute;background: #fff;transition: all .7s;transition-delay: .1s;overflow: hidden;opacity: 0.8;}
.common-imgBox .item-line .b1,.common-imgBox .item-line .b3{height:0;width: 1px;}
.common-imgBox .item-line .b2,.common-imgBox .item-line .b4{width:0;height: 1px;}
.common-imgBox .item-line .b1{left:0;top:0;}
.common-imgBox .item-line .b3{right:0;bottom:0;}
.common-imgBox .item-line .b2{top:0;right:0;}
.common-imgBox .item-line .b4{bottom:0;left:0;}
.common-imgBox .item-line .icon{width: 30px;height: 30px;position: absolute;left:50%;top:50%;margin-top:-15px;margin-left:-15px;background: url(../images/icon-search.png) no-repeat center;opacity: 0;transform: scale(0);transition: all .3s;transition-delay: .1s;}
.common-imgBox:hover .item-line .b1,.common-imgBox:hover .item-line .b3,
.common-item:hover .item-line .b1,.common-item:hover .item-line .b3{height: 100%;}
.common-imgBox:hover .item-line .b2,.common-imgBox:hover .item-line .b4,
.common-item:hover .item-line .b2,.common-item:hover .item-line .b4{width: 100%;}
.common-imgBox:hover .item-mask,.common-item:hover .item-mask{opacity: 0.8;}
.common-imgBox:hover .item-line .icon,.common-item:hover .item-line .icon{opacity: 1;transform: scale(1);}

.news_page .news-list li{border-bottom:1px solid #999999;padding-bottom: 35px;margin-bottom: 35px;}
.news_page .news-list li:last-child{border:none;margin:0;}
.news_page .news-list .news-item{display: block;}
.news_page .news-list .news-item .item-img{float:right;width: 36.4%;max-width: 530px;}
.news_page .news-list .news-item .item-con{float:left;width:59%;max-width: 860px;}
.news_page .news-list .news-item .item-tit{margin-top: 20px; transition: all 0.5s;}
.news_page .news-list .news-item .item-date{line-height: 1;margin-top:22px;font-family: arial;}
/*.news_page .news-list .news-item .common-imgBox{padding:0;height: 320px;}*/
.news_page .news-list .news-item .common-imgBox{ position: relative; height: 100%;}
.news_page .news-list .news-item .common-imgBox .item-line{left:5%;right:5%;top:5%;bottom:5%;}
.news_page .news-list .news-item .item-desc{line-height:24px;height: 48px;margin-top:38px;}
.news_page .news-list .news-item .item-more{width: 190px; height: 50px; background: #666; font-size: 16px; color: #fff; line-height: 50px; text-align: center; margin-top:55px; transition: all 0.5s;}
.news_page .news-list .news-item:hover .item-tit{color: #132c88;}
.news_page .news-list .news-item:hover .item-more{background: #132c88;}

@media (max-width: 1420px){
 .news_page .news-list li{padding-bottom: 30px;margin-bottom: 30px;}
 /*.news_page .news-list .news-item .common-imgBox{height: 280px;}*/
 .news_page .news-list .news-item .item-tit{margin-top: 0;}
 .news_page .news-list .news-item .item-more{margin-top:45px;}
 .news_page .news-list .news-item .item-desc{margin-top:33px;}
}
@media (max-width: 1200px){
 .news_page .news-list .news-item .item-more{margin-top:30px;}
 .news_page .news-list .news-item .item-desc{margin-top:20px;}
 .news_page .news-list .news-item .item-date{margin-top:15px;}
}
@media (max-width: 992px){
 .news_page .news-list .news-item .item-more{margin-top:22px;}
 .news_page .news-list .news-item .item-desc{margin-top:16px;}
 .news_page .news-list .news-item .common-imgBox{padding:0;height: 180px;}
}
@media (max-width: 767px){
 .news_page .news-list li{padding-bottom: 20px;margin-bottom: 20px;}
 .news_page .news-list .news-item .item-img,.news_page .news-list .news-item .item-con{float:none;width: 100%;}
 .news_page .news-list .news-item .item-con{padding:0 0 28px;}
 .news_page .news-list .news-item .item-desc{height: auto;}
 .news_page .news-list .news-item .item-more{width: 150px; height: 40px; font-size: 15px; line-height: 40px;}
}

 /*contact*/
.contact_page{position: relative;}
.contact_page .cmap{width: 100%; height: 100%; position: absolute; left: 0; top: 0; z-index: -1; overflow: hidden;}
.contact_page #contmap{height: 100%;}
.contact_box{padding: 60px 70px 35px; background: rgba(255,255,255,.9); position:relative}
.contact_con{padding: 40px; display: flex; justify-content: space-between;}
.contact_info{width: 46%; }
.ctit{font-size: 45px; color: #fff; font-weight: bold; line-height: 1; margin-bottom: 50px; background:#132c88; position:absolute; left:0;top:3%; margin-top:30px; padding:38px 60px; width:46%;}
.ctit span{ display:block; margin-top:25px;font-weight: 200; } 
.ccon{ margin-top:30%}
.ccon p{font-size: 18px; color: #0a0f2b; line-height: 30px; padding-left: 60px; background-repeat: no-repeat; background-position: left center; background-size: auto; margin-bottom: 20px;}
.ccon p:nth-of-type(1){background-image: url(../images/icon-ctel1.png);}
.ccon p:nth-of-type(2){background-image: url(../images/icon-ctel.png);}
.ccon p:nth-of-type(3){background-image: url(../images/icon-cfax.png);}
.ccon p:nth-of-type(4){background-image: url(../images/icon-cmail.png);}
.ccon p:nth-of-type(5){background-image: url(../images/icon-cmap.png);}
.contact_form{width: 48%; margin-top:-48px}
.form-content{width: 100%; margin-bottom: 20px;}
.form-control{width: 100%; height: 56px; padding: 15px 30px; border: 1px solid #cccccc; border-radius: 5px; background: #fff; outline: none; font-size: 16px; line-height: 24px;}
.form-submit{width: 190px; height: 50px; float: right; border: none; border-radius: 5px; background: #132c88; outline: none; font-size: 15px; color: #fff; margin-top: 10px;}

@media (max-width: 1420px){
 .contact_box{padding: 50px 60px 30px;}
 .contact_con{padding: 30px;}
 .ccon p{margin-bottom: 15px;}
 .ctit{font-size: 32px;}
 .contact_form{margin-top:-30px}
}

@media (max-width: 1200px){
 .contact_box{padding: 40px 50px 20px;}
 .contact_tit{padding-bottom: 20px;}
 .contact_tit .title-box .en{font-size: 60px; line-height: 60px;}
 .contact_tit .title-box .tit{font-size: 30px; line-height: 55px;}
 .contact_con{padding: 25px 0;}
 .ctit{font-size: 30px; margin-bottom: 30px; margin-top: 0;}
 .ccon p{padding-left: 50px; margin-bottom: 20px;}
}

@media (max-width: 768px){
	.contact_con{display: block;}
 .contact_box{padding: 30px 20px 0;}
 .contact_box{display: block;}
 .contact_info{width: 100%;display: block;}
 .ctit{font-size: 26px; margin-bottom: 25px;}
 .ccon p{margin-bottom: 10px; font-size: 16px;}
 .contact_form{width: 100%; margin-top: 40px;}
 .form-submit{float: unset;}
 .contact_form{width: 100%;display: block;}
 .form-submit{margin-top: 0;}
 .ctit{ width:100%;padding: 28px 28px;top: 0;}
 .ctit span{ line-height:30px;}
 .ccon { margin-top:60%}
}

.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: #132c88;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 1.9%;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}
.history-swiper .year-box .year{position:absolute;width:100%;text-align:center;bottom:-3.89vw;cursor:pointer; }
.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;}
.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-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 .title{letter-spacing: 6px;font-family: 'Impact';color:#fff; border:9px solid #fff; padding:30px; width:50%; margin:0 auto;}
.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;}
/*.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 180px}
.history-detail{padding:0 5%}
.history-detail .detail-item .item-year{font-size:140px}
.history-detail .detail-item .title{letter-spacing:4px;width:70%}
.history-swiper{padding:0 3%}
.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 40px;}
 .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; width:50%;padding:10px;}
 .history-swiper .swiper-slide-active.year-box {font-size: 2.625vw;line-height: 10px;}
 .history-swiper{padding:0 3.8%}
 .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:15px;}
 .history-swiper .swiper-slide-active.year-box{font-size:20px;}

 .history-swiper .year-box .year{font-weight: bold;bottom:8px;}
 .history-swiper{padding:0 27px;}
 .history-detail .detail-item .title{font-size:20px;letter-spacing: 1px; font-size:58px;width: 55%;}
 .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;}
 .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:-6.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;}
}


 
@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;}
}

.pager-box{margin-top:30px;text-align: center;font-size:0; margin-bottom:50px}
.pager-box a{display: inline-block;min-width: 30px;line-height: 30px;margin:0 8px;font-size:18px;background: #f4f4f4;color:#333333;padding:0 5px;}
.pager-box a.NextA,.pager-box a.PreA{padding:0 25px;}
.pager-box a.Ahover,.pager-box a:hover{background: #132c88;color:#fff;}