/* banner_nei */
.banner_nei{display: block;overflow: hidden;position: relative;}
.banner_nei .list img{width: 100%;}
.banner_nei .s_img{display: none;}
/* .banner_nei .s_img .list{height: 200px;background-repeat: no-repeat;background-position: center;background-size: cover;}
.banner_nei .s_img .list a{display: block;height: 100%;} */
.banner_nei .layout{position: absolute;width: 100%;left:0;top: 50%;transform: translateY(-50%);z-index: 2;}
.banner_nei .layout .wrap{margin: 0 auto;width: 90%;max-width: 1500px;}
.banner_nei .text{color: #f9f9f9;/* text-shadow: 0 0 10px rgba(0,0,0,0.5); */}
.banner_nei .text .cn{margin-top: 0;font-size: 4.2vw;text-transform: capitalize;font-weight: bold;line-height: 1.4;text-transform: uppercase;}
.banner_nei .text .en{margin-top: 10px;font-size: 50px;}
.banner_nei .text .slogan{margin-top:1%;font-size: 18px;}
.banner_nei .text .line{margin:18px auto;width: 72px;height: 2px;background: #fff;}
.banner_nei .text .ewm_img{margin-top: 30px;}
.banner_nei .text .more{display: inline-block;margin-top:3.4%;padding:1% 1.8%;font-size: 20px;color: #199242;border-radius: 30px;background:#fff;box-shadow: 0 0 10px #33a67f;}

.banner_nei .pf_banner_text .top{color: #ffd400;font-weight: bold;}
.banner_nei .pf_banner_text .top .row1{margin-bottom: 10px;font-size: 26px;}
.banner_nei .pf_banner_text .top .row2{font-size: 0.35rem;}
.banner_nei .pf_banner_text .slogan{margin-top: 10px;width: 100%;max-width: 377px;font-size: 14px;line-height: 1.5em;}


.banner_nei .mask{position: absolute;left:0;top:0;width:100%;height:20%;background-image:linear-gradient(to bottom,rgba(0,0,0,0.32),transparent);z-index: 1;}
@media only screen and (max-width:1080px){
	.banner_nei .pf_banner_text .top .row1{font-size: 24px;}
	.banner_nei .pf_banner_text .top .row2{font-size: 20px;}
}
@media only screen and (max-width:520px){
	.banner_nei .nei_wrap{width: 100%;}
	.banner_nei .pf_banner_text .top .row1{font-size: 18px;}
	.banner_nei .pf_banner_text .top .row2{font-size: 16px;}
}




/* add */
.banner_nei .js-m.animate .list img{animation: slow_flash 1s 0s 1;animation-fill-mode: forwards;}
.banner_nei .list{position: relative;/* padding-bottom: 26%; */width: 100%;height: auto;overflow: hidden;}
.banner_nei .list img {/* position: absolute;left: 50%;top: 50%;width: 100%;max-width: initial;transform: translate(-50%,-50%); */}
@keyframes slow_flash{
	from{opacity: 0.8;transform: scale(1.2);}
	to{opacity: 1;transform: scale(1);}
}
@keyframes slow_flash2{
	from{opacity: 0.8;transform:translate(-50%,-50%) scale(1.2);}
	to{opacity: 1;transform:translate(-50%,-50%) scale(1);}
}
@-webkit-keyframes name{
	from{opacity: 0.8;transform: scale(1.2);}
	to{opacity: 1;transform: scale(1);}
}
@media only screen and (max-width:1440px){
	.banner_nei .text .more{font-size:18px;}
}
@media only screen and (max-width:1280px){
	.banner_nei .layout .wrap{width: 90%;}
	/* .banner_nei .text .cn{font-size: 40px;} */
	.banner_nei .text .cn{font-size:26px;}
	.banner_nei .text .slogan{font-size:20px;}
	.banner_nei .text .more{font-size: 16px;}
}
@media only screen and (max-width:850px){
	.banner_nei .layout{top:55%;}
	.banner_nei .text .cn{font-size: 20px;}
	.banner_nei .text .en{font-size:24px;}
	.banner_nei .text .slogan{margin-top:10px;font-size:16px;}
	.banner_nei .text .ewm_img{width: 90px;}
	.banner_nei .text .more{padding:10px 20px;font-size: 14px;}
}
@media only screen and (max-width:750px){
	.banner_nei .js-m.animate .list img{animation: slow_flash2 1s 0s 1;animation-fill-mode: forwards;}
	.banner_nei .big_img{display: none;}
	.banner_nei .s_img{display: block;}
	.banner_nei .text .ewm_img{display: none;}
	.banner_nei .text .cn{font-size: 22x;}
	
	.banner_nei .list{position: relative;padding-bottom:66%;width:100%;height:0;overflow: hidden;}
	.banner_nei .list img{position: absolute;left:50%;top:50%;width:auto;max-width:initial;max-height:100%;transform: translate(-50%,-50%);}
	.banner_nei .layout{top:60%;}
}
@media only screen and (max-width:520px){
	.banner_nei .text{font-size: 16px;}
	.banner_nei .text .cn{margin-top: 0px;font-size: 18px;}
	.banner_nei .text .en,.banner_nei .text .slogan{font-size: 14px;}
	.banner_nei .text .line{margin-top: 6px;}
	.banner_nei .text .more{margin-top:30px;font-size:14px;padding:8px 16px;}
}
@media only screen and (max-width:380px){
	.banner_nei .text .cn{font-size: 16px;}
}

/* common_css */
.nei_wrap{margin:0 auto;width:90%;max-width: 1596px;}

.nei_title {}
.nei_title .title{font-size: 50px;position: relative;z-index: 1;line-height: 1em;display: inline-block;font-weight: bold;font-weight: normal;}
/* .nei_title .title:after{content: "";position: absolute;left: 0;bottom: 0;width: 80px;height: 9px;background: #ff7e00;z-index: -1;} */
.nei_title .line{margin-top:24px;margin-left:auto;margin-right:auto;width: 62px;height: 3px;background: #35974d;}
.nei_title .slogan{margin-top: 14px;font-size: 18px;line-height: 1.8;font-family: gothamL;}
.nei_title .en{display: block;margin-bottom: 10px;font-size: 18px;font-family: arial;color: #999;text-transform:capitalize;}
@media only screen and (min-width:481px){
}
@media only screen and (max-width:1280px){
.nei_title .title{font-size: 40px;}
}
@media only screen and (max-width:850px){
.nei_title .title{font-size: 30px;}
.nei_title .en{font-size: 15px;margin-bottom: 8px;}
.nei_title .slogan{font-size: 16px;}
}
@media only screen and (max-width:520px){
.nei_title .title{font-size: 20px;font-weight:bold;}
.nei_title .en{font-size: 12px;}
.nei_title .line{margin-top:20px;width: 40px;}
.nei_title .slogan{/* margin-left: auto;margin-right:auto;max-width: 80%; */font-size: 14px;line-height: 24px;}
}
@media only screen and (max-width:380px){
.nei_title .title{font-size: 18px;}
}


/* location */
.list_func {padding:30px 0;}
.out_wrap{align-items: center;}
.location{width:calc(90% - 248px);width:-webkit-calc(90% - 248px)}
.location i.home{display: inline-block;vertical-align: text-bottom;width: 20px;height: 20px;background: url(../images/home.png)no-repeat center;}
.nei_detail .location i.home{filter:initial;}
.location a{display: inline-block;vertical-align: middle;font-size: 16px;position: relative;}
/* 闂寸鍙� */
/* .location a:before{content: "";position: absolute;right: calc(100% + 10px);right: -webkit-calc(100% + 10px);top: 50%;width: 3px;height: 12px;background:url(../images/about_bg1.png) no-repeat center;transform: translateY(-50%);} */
@media only screen and (min-width:521px){
	.location{}
	.location a:hover{color: #fed200;}
}
@media only screen and (max-width:520px){
	.list_func {padding:20px 0;}
	.location{width: 100%;}
	.location a{font-size: 14px;}
	.location i.home{filter: initial;width: 16px;height: 16px;background-size: 100% auto;}
}


/* add_this */
 .hd_search{width: 298px;box-sizing: border-box;}
 .hd_search .box_wrap{align-items: center;}
 .hd_search .shuru{display: inline-block;padding:0 0 0 14px;width: calc(100% - 90px);width:-webkit-calc(100% - 90px);height: 27px;background-color:transparent;box-sizing: border-box;border-left: 1px solid #999;height: 36px;}
 .hd_search .shuru::placeholder{color:#aaa;}
 .hd_search .up{display: inline-block;margin-left:10px;width: 80px;height: 36px;background-image: url(../images/search.png);background-repeat: no-repeat;background-position: center;border-radius: 30px;border: 1px solid #202c5c;background-color: transparent;color: #202c5c;background-size: 16px auto;cursor: pointer;}
 @media only screen and (min-width:521px){
	  .hd_search .up:hover{background-color: #fed200;border-color: #fed200;}
 }
 @media only screen and (max-width:520px){
 	.hd_search .up{width: 36px;height: 36px;background-size:12px auto;}
	.news_function{display: none;}
 }

/* ab_profile */
.ab_profile{padding:130px 0;background-color: #f5f7f9;z-index: 1;}
.ab_profile .bg_mask{position: absolute;left: 0;top:0;width: 100%;height: 100%;background:rgba(0,0,0);opacity: 0;z-index: -1;transition: opacity 0.3s linear;}
.ab_profile .nei_title .title{color: #202c5c;}
/* .ab_profile .layout{position: relative;z-index: 2;} */
.ab_profile .layout .lf_part{width: 45%;}
.ab_profile .layout .lf_part .content{margin-top: 10%;padding-right:0%;font-size: 20px;line-height: 1.6;box-sizing: border-box;text-align: justify;}
.ab_profile .layout .lf_part .content p{color: #000 !important;}
.ab_profile .layout .lf_part .content p:not(:last-of-type){margin-bottom:5%}
.ab_profile .layout .lf_part .company_pic{margin-top: 15%;}
.ab_profile .layout .rt_part{width:40%}
.ab_profile .layout .rt_part .light_pic{position: relative;text-align: center;cursor: pointer;}
/* .ab_profile .layout .rt_part .light_pic .ls{position: absolute;left:50%;top:50%;transform: translate(-50%,-50%);z-index: 2;opacity: 0;} */
.ab_profile .layout .rt_part .tip{position: absolute;left:0;top:60%;width: 100%;text-align: center;z-index: 2;font-weight: bold;font-size: 30px;display: none;}
@media only screen and (max-width:1280px){
	.ab_profile{padding:100px 0;}
}
@media only screen and (max-width:1080px){
	.ab_profile{padding:64px 0;}
	.ab_profile .layout .rt_part .tip{font-size: 22px;}
}
@media only screen and (max-width:850px){
	.ab_profile{padding:50px 0;}
	.ab_profile .layout .lf_part{width: 55%;}
	.ab_profile .layout .lf_part .content{font-size: 18px;}
	.ab_profile .layout .rt_part .tip{font-size: 16px;}
}
@media only screen and (max-width:520px){
	.ab_profile{padding:40px 0;}
	.ab_profile .nei_title .title{font-size: 24px;}
	.ab_profile .layout {justify-content: center;}
	.ab_profile .layout .lf_part{width: 100%;}
	.ab_profile .layout .lf_part .content{margin-top:30px;font-size: 15px;}
	.ab_profile .layout .lf_part .company_pic{margin-top:30px;}
	.ab_profile .layout .rt_part{order: -1;margin-bottom: 30px;}
	.ab_profile .layout .rt_part .tip{font-size: 15px;top:104%}
}

/* ab_strength */
.ab_strength{padding:100px 0;background: url(../images/r_bg.png)no-repeat right top 0%;background-size: 50% auto;}
.ab_strength .row{display: flex;flex-wrap: wrap;justify-content: space-between;align-items: center;}
.ab_strength .row:not(:last-of-type){margin-bottom: 6%;}
.ab_strength .row .w40{width: 40%;}
.ab_strength .row .w55{width: 55%;}
.ab_strength .row:first-child .img_part{width: 440px;}
.ab_strength .row:first-child .text_part{width:calc(90% - 440px);width:-webkit-calc(90% - 440px)}
.ab_strength .row .img_part .img{}
.ab_strength .row .hd{font-size: 30px;margin-bottom:26px;}
.ab_strength .row .con{font-size: 18px;line-height: 1.6;}
.ab_strength .row .con p:not(:last-of-type){margin-bottom:10px;}

@media only screen and (max-width:1080px){
	.ab_strength{padding:64px 0;}
	.ab_strength .row .hd{font-size:26px;}
}
@media only screen and (max-width:850px){
	.ab_strength{padding:50px 0;}
	.ab_strength .row:first-child .img_part{width: 40%;}
	.ab_strength .row:first-child .text_part{width: 55%;}
	.ab_strength .row .hd{font-size:20px;}
	.ab_strength .row .con{font-size: 16px;line-height: 1.6;}
	.ab_strength .row .con p:not(:last-of-type){margin-bottom:5px;}
}
@media only screen and (max-width:680px){
	.ab_strength .row:first-child{justify-content: flex-end;}
	.ab_strength .row:first-child .img_part{width: 60%;}
	.ab_strength .row:first-child .text_part{margin-top: 36px;width: 100%;}
	.ab_strength .row .w55{width: 80%;}
	.ab_strength .row:nth-child(2) .w55{order: -1;}
	.ab_strength .row .w40{margin-top: 36px;width: 100%;}
	.ab_strength .row .hd{margin-bottom: 16px;}
}
@media only screen and (max-width:520px){
	.ab_strength .row .hd{font-size: 18px;}
	.ab_strength .row .con{font-weight: lighter;font-size: 15px;text-align: justify;}
	.ab_strength .row .w55{width: 100%;}
}


/* newslist */
.newslist{padding: 30px 0 100px 0;}
.newslist .content_list{margin: 0 auto 0;width: 100%;}
.newslist .content_list ul:after{content: "";width: 32%;}
.newslist .content_list ul li{margin-bottom: 5%;width: 32%;transition: all 0.3s ease;background-color: #f5f7f9;position: relative;}
.newslist .content_list ul li:after{content:"";position: absolute;left:0;top:100%;width: 100%;height: 36px;background: url(../images/shadow.png) no-repeat center bottom 10px / 100% auto;opacity: 0;transition: opacity 0.3s linear;}
.newslist .content_list ul li .wrap {color: #505050;}
.newslist .content_list ul li .wrap .date{margin-top: 16px;font-size: 14px;}
.newslist .content_list ul li .wrap .img{position: relative;padding-bottom: 68%;height: 0;width: 100%;overflow: hidden;}
.newslist .content_list ul li .wrap .img img{position: absolute;left: 50%;top: 50%;width: auto; max-width: initial; height: 100%;transform: translate(-50%,-50%);transition: all 0.2s linear;}
.newslist .content_list ul li .text{padding: 5% 4%;box-sizing: border-box;}
.newslist .content_list ul li .wrap .tit{font-size: 24px;color: #000;overflow: hidden;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;}
.newslist .content_list ul li .wrap .line{position: relative;margin:  0 0 16px;width: 100%;height: 1px;}

.newslist .content_list ul li .wrap .des{position: initial;left: 0;bottom: 20%;width: 100%;color: #666;font-size: 16px;box-sizing: border-box;opacity: 1;transition: transform 0.3s linear;line-height: 30px;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;min-height:60px;font-weight: lighter;}
@media only screen and (min-width:521px){
	.newslist .content_list ul li:hover{transform: translateY(-5px);}
	.newslist .content_list ul li:hover:after{opacity: 1;}
}
@media only screen and (max-width:1080px){
	.newslist{padding:20px 0 64px 0;}
	.newslist .content_list ul li .wrap .tit{font-size:20px}
}
@media only screen and (max-width:850px){
	.newslist{padding:20px 0 50px 0;}
	.newslist .content_list ul li .wrap .line{margin: 0 0 10px;}
	.newslist .content_list ul:after{width: 48.9%;}
	.newslist .content_list ul li{width: 48.9%;}
	.newslist .content_list ul li .wrap .date{margin-top: 2%;}
	.newslist .content_list ul li .wrap .tit{font-size: 18px;}
	.newslist .content_list ul li .wrap .des{font-size:14px;line-height:24px;min-height:48px;}
	.newslist .content_list ul li:after{height: 26px;}
}
@media only screen and (max-width:520px){
	.newslist{padding:20px 0 40px 0;}
	.newslist .content_list{}
	.newslist .content_list ul:after{width: 100%;}
	.newslist .content_list ul li{margin-bottom: 5.3%;width: 100%;}
	.newslist .content_list ul li .text{padding: 3%;}
	.newslist .content_list ul li .wrap .date{font-size: 14px;}
	.newslist .content_list ul li .wrap .tit{font-size: 16px;margin-bottom:8px;}
}



#common_layout{display:flex;flex-wrap:wrap;justify-content:space-between;}
#common_layout .another_part{width:calc(98% - 210px)}
@media only screen and (max-width:850px){
	#common_layout{}
}
@media only screen and (max-width:520px){
	#common_layout{}
	#common_layout .another_part{width:100%}
}

/* nav */
.sec_pro_nav {width:210px;}
.sec_pro_nav .layout{align-items: center;}
.sec_pro_nav .series_list{position: relative;}
.sec_pro_nav .series_list .present{display: flex;flex-wrap: wrap;justify-content: space-between;align-items: center;cursor: pointer;padding-bottom: 14px;border-bottom: 1px solid #DFDFDF;display: none;}
.sec_pro_nav .series_list .present span{display: inline-block;width: calc(98% - 20px);font-size:22px;}
.sec_pro_nav .series_list .present i{width: 20px;height: 20px;background:url(../images/drop_icon.png)no-repeat center;}
.sec_pro_nav .series_list ul.others{margin-top: 12px;width: 100%;z-index: 10;box-sizing: border-box;color: #999;}
.sec_pro_nav .series_list ul.others li{font-size:18px}
.sec_pro_nav .series_list ul.others li a{display: inline-block;position: relative;}
.sec_pro_nav .series_list ul.others li a:after{content:"";position: absolute;left:0;bottom:-8px;width:0;height:2px;background:#fed200;transition: all .3s linear;}

.sec_pro_nav .series_list ul.others li.cur{color:#202c5c;font-weight: bold;}
@media only screen and (min-width:521px){
	.sec_pro_nav .series_list ul.others li{margin-bottom: 18%;}
	.sec_pro_nav .series_list ul.others li:hover{color: #202c5c;font-weight: bold;}
	.sec_pro_nav .series_list ul.others li a:hover:after{width:100%;}
}
@media only screen and (max-width:850px){
	.sec_pro_nav .series_list ul.others li{font-size: 16px;}
	/* .sec_pro_nav .series_list ul.others li{font-size:18px} */
	.sec_pro_nav .series_list .present span{font-size:22px;}
}
@media only screen and (max-width:520px){
	.sec_pro_nav {margin-bottom: 26px;width: 100%;}
	.sec_pro_nav .layout .tip{font-size:13px}
	.sec_pro_nav .series_list{margin-top: 6px;width: 100%;}
	.sec_pro_nav .series_list ul.others{position: absolute;left:0;top:100%;padding:10px;display: none;box-shadow: 0 10px 10px rgba(0,0,0,0.1);}
	.sec_pro_nav .series_list ul.others li{font-size:15px;font-weight: lighter;}
	.sec_pro_nav .series_list ul.others li:not(:last-of-type){margin-bottom: 14px;}
	.sec_pro_nav .series_list .present span{font-size:20px;}
	.sec_pro_nav .series_list .present{display:flex}
}

/* productlist */
.productlist{padding: 100px 0;background:#f5f7f9}
.productlist .tip{color:#808285}
/* .productlist .list_content {margin:40px 0 0;} */
.productlist .list_content .list_item{padding-bottom: 2%;padding-top: 2%;width: 31.6%;box-sizing: border-box;border-radius: 10px;border: 1px solid #dfdfdf;background-color: #fff;}
.productlist .list_content  ul:after{content: "";width: 31.6%;}
.productlist .list_content .list_item{margin-bottom: 2.8%;}
.productlist .list_content .list_item .item{position:relative;}
.productlist .list_content .list_item .img{position:relative;padding-bottom:75%;overflow:hidden;}
.productlist .list_content .list_item img{position:absolute;left:50%;top:50%;max-width: 100%;width: auto;max-height: 100%;transform:translate(-50%,-50%);transition: filter 0.5s linear;}
.productlist .list_content .item .text_wrap{margin-top: 8px;color:#333;}
.productlist .list_content .item .text_wrap .sort{color:#808285;font-family:poppinsL;}
.productlist .list_content .item .text_wrap .tit{font-size: 15px;}
.productlist .list_content .item .text_wrap .more{display: inline-block;font-size: 15px;font-family: poppinsM;padding-bottom: 5px;position: relative;}
.productlist .list_content .item .text_wrap .more:after{content: "";position: absolute;left:0;bottom:0;width:100%;height: 2px;background:#333;}

/* 增加指向效果 */
.productlist .list_content .list_item {transition: all .3s linear;}
.productlist .list_content .list_item .text{/* position: absolute; */padding:0 20px;/* left:50%;top:50%; */width:100%;/* transform: translate(-50%,-50%); */z-index: 2;box-sizing: border-box;}
.productlist .list_content .list_item .text .tit{text-align: center;margin-top: 14px;}
.productlist .list_content .list_item .text .tit b{font-size:24px;font-weight: normal;max-width: calc(80% - 26px);max-width: -webkit-calc(75% - 26px);word-break: break-word;}
.productlist .list_content .list_item .text .tit i{display: inline-block;width: 26px;height: 26px;background:url(../images/pro_i.png)no-repeat center/100% auto;}
.productlist .list_content .list_item .text .des{margin-top: 14px;padding-top: 14px;border-top: 1px solid #dfdfdf;font-weight: lighter;color: #999;line-height: 1.4;}
.productlist .list_content .list_item .mask{/* position: absolute;left:0;top:0; */width:100%;/* height:100%;background: rgba(0, 0, 0, 0.41);z-index: 1;transition: opacity 0.3s linear;opacity: 0; */}

@media only screen and (min-width:520px){
.productlist .list_content .item:hover .more{color:#f5811f;}
	.productlist .list_content .item:hover .more:after{background:#f5811f;}
	
	.productlist .list_content .list_item:hover .text{color:#fff;}
	/* .productlist .list_content .list_item:hover .mask{opacity: 1;} */
	.productlist .list_content .list_item:hover{box-shadow: inset 0 0 0 250px #dcc378;}
	.productlist .list_content .list_item:hover .des{color: #ccc;}
	.productlist .list_content .list_item:hover .img img{filter: drop-shadow(0px 0px 30px rgba(255,255,255,0.92));}
	.productlist .list_content .list_item:hover .text .tit i{filter: brightness(100);}
}
@media only screen and (max-width:1280px){
	.productlist .list_content .list_item .text .tit b{font-size:22px;}
}
@media only screen and (max-width:1080px){
	.productlist{padding:64px 0}
	.productlist .list_content .list_item{width: 48.6%;}
	
	.productlist .list_content .list_item .text .tit b{font-size:20px;}
}
@media only screen and (max-width:850px){
	.productlist{padding:50px 0}
	/* .productlist .list_content{margin:20px 0 0} */
	.productlist .list_content .list_item{width: 48.6%;}
	
	.productlist .list_content .list_item .text .tit b{font-size:15px;width: 100%;max-width: 100%;}
}
@media only screen and (max-width:520px){
	.productlist{padding:40px 0}
	/* .productlist .list_content {margin:18px 0 0;} */
	.productlist .list_content .list_item{border-radius: 6px;}
	.productlist .list_content .item .text_wrap{margin:8px 0 8px}
	.productlist .list_content .item .text_wrap .sort{font-size:13px}
	.productlist .list_content .item .text_wrap .tit{font-size:13px}
	.productlist .list_content .item .text_wrap .more{font-size:12px}
	.productlist .tip{font-size:13px}
	.productlist .list_content .list_item .text .tit{margin-top: 10px;}
	.productlist .list_content .list_item .text{padding:0 5%}
	.productlist .list_content .list_item .text .des{margin-top: 10px;padding-top: 10px;}
	.productlist .list_content .list_item .text .tit i{display: none;}
}



/* product */
.product{padding: 30px 0 100px;}
.product .top_des{padding: 30px 0;border-top:1px solid #ddd;}
.pdct_ico{width: 45%;}
.spBig{width: 100%;box-sizing: border-box;}
.spBig .img100{position: relative;padding-bottom: 68%;width: 100%;height: 0;overflow: hidden;}
.spBig .img100 img{position: absolute;left: 50%;top: 50%;width: auto;max-height: 100%;transform: translate(-50%,-50%);}
.spBig .img100 video{position: absolute;left: 50%;top: 50%;width: 100%;height: 100%;transform: translate(-50%,-50%);background: #000;}
.nav_Sm{margin-top: 15px;width: 100%;height: auto;}
.spSm{padding: 0 60px;width: 100%;box-sizing: border-box;}
.spSm .swiper-container{box-sizing: border-box;}
.spSm .img100{height: 100%;position: relative;background-size: contain;padding-bottom: 100%;overflow: hidden;cursor: pointer;}
.spSm .img100 img{position: absolute;top: 50%;left: 50%;width: 87%;height: auto;transform: translate(-50%,-50%);}
.spSm .img100:before{content: '';position: absolute;width: 100%;height: 99%;top:0;left: 0;border:1px solid #ccc;box-sizing: border-box;opacity: 1;z-index: 2;}
.spSm .img100.vd_ico .mask{position: absolute;left: 0;top: 0;width: 100%;height: 100%;z-index: 1;background: rgba(0,0,0,0.6);display: flex;align-items: center;justify-content: center;}
.spSm .img100.vd_ico .mask i{display: block;width: 20px;height: 20px;background: url(../images/play.png)no-repeat center;}
/* .spSm .active-nav .img100:before{border-color: #0074be;border-width: 2px;} */
.spSm .swiper-slide-thumb-active .img100:before{border-color: #0074be;border-width: 2px;}
.spSm .swiper-button-next, .spSm .swiper-button-prev{transform: scale(0.5);opacity: 1;}
.product #pro_prev,.product #pro_next{position: absolute;top: 50%;width: 34px;height: 34px;transform: translateY(-50%);z-index: 3;background-color: rgba(200,200,200,1);cursor: pointer;background-position: center;background-repeat: no-repeat;transition: all .3s linear;opacity: 1;border-radius:4px;}
.product #pro_prev{left: 0;background-image: url(../images/pics_prev.png);}
.product #pro_next{right: 0;background-image: url(../images/pics_next.png);}
/* .product .pdct_ico:hover #pro_prev{opacity: 1;}
.product .pdct_ico:hover #pro_next{opacity: 1;} */
.product #pro_prev:hover,.product #pro_next:hover{background-color: rgba(0,0,0,0.6);}
.product .pdct_info{width: 50%;}
.product .pdct_info .title{font-size: 28px;padding-bottom: 5px; }
.product .pdct_info .series{font-size: 16px;color: #7d7d7d;}
.product .pdct_info .series span{ }
.product .pdct_info .content{margin-top: 4%;font-size: 16px;line-height: 1.5;}
.product .pdct_info .content table{width: 100%;}
.product .pdct_info .content table td p{white-space: nowrap;}
.product .pdct_info .content table td p:nth-child(1){font-family: Semibold;color: #666;}
.product .pdct_info .content table td p.prc{font-weight: bold;font-size: 20px;}
.product .pdct_info .content table td p:nth-child(2){font-weight: bold;font-size: 40px;}
.product .pdct_info .color{/* padding: 24px 22px; */margin-top: 20px;box-sizing: border-box;/* background: #f8f8f8; */}
.product .pdct_info .color .hd{font-size: 18px;}
.product .pdct_info .color .img{position: relative;padding-bottom: 98%;width: 100%;height: 0;overflow: hidden;}
.product .pdct_info #color{margin-top: 16px;}
.product .pdct_info #color .swiper-wrapper{justify-content: flex-start;}
.product .pdct_info #color ul li{width: 72px;text-align: center;line-height: 66px;cursor: pointer;}
.product .pdct_info #color ul li .img{border: 1px solid #dfdfdf;box-sizing: border-box;}
.product .pdct_info #color ul li.on .img:after{content: "";position: absolute;left: 0;top: 0;width: 100%;height: 100%;border: 2px solid #0074be;box-sizing: border-box;}
/* .product .pdct_info .price{margin-top: 10.5%;}
.product .pdct_info .price span{display: inline-block;vertical-align: text-bottom;font-size: 18px;line-height: 1em;}
.product .pdct_info .price span.money,.product .pdct_info .price span.unit{font-size: 0.6rem;}
.product .pdct_info .price span.money{font-family: gothamBold;}
.product .pdct_info .price span.unit{font-family: appleBold;} */
.product .pdct_info .buy{display: flex;justify-content: center;padding: 20px 0;margin-top: 6%;background: #202020;font-size: 18px;color: #fff;align-items: center;white-space: nowrap;text-transform: uppercase;}
.product .pdct_info .buy i{margin-right: 4%;width: 30px;height: 24px;background: url(../images/icon_buyer.png)no-repeat center;}
.product .pdct_info .char{margin-top: 20px;padding: 20px 0;display: flex;justify-content: space-evenly;background: #eee;}
.product .pdct_info .char > div{text-align: center;white-space: nowrap;}
.product .pdct_info .char > div i{display: inline-block;margin-right: 6px;width: 24px;height: 24px;background: url(../images/icon01.png)no-repeat center;vertical-align: middle;}
.product .pdct_info .char > div span{display: inline-block;vertical-align: middle;font-size: 16px;white-space: nowrap;font-weight: bold;}
.product .content_detail{margin-top: 30px;}
.product .content_detail .table_wrap table{width: 100%;border-collapse: collapse;border-color: #ddd;border: 0;font-size: 18px;box-sizing: border-box;}
.product .content_detail .table_wrap tr,.product .content_detail .table_wrap td{border-color: #ddd;box-sizing: border-box;border-collapse: collapse;}
.product .content_detail .table_wrap td.tit{text-align: center;width: 200px;background-color: #eee;}
.product .content_detail .table_wrap td{padding: 18px;box-sizing: border-box;}
.product .content_detail .text_content{font-size: 18px;line-height: 2;}
.product .content_detail .text_content h3{font-weight: bold;font-size: 24px;}
.product .content_detail .text_content video,.product .content_detail .text_content iframe,.product .content_detail .text_content embed{max-width: 100%;}

#pro_neirong .content_nav {margin-bottom: 3.5%;}
#pro_neirong .content_nav ul{display: flex;flex-wrap: wrap;justify-content: flex-start;background-color: #f5f7f9;box-sizing: border-box;}
#pro_neirong .content_nav ul li{position: relative;padding: 19px 30px;box-sizing: border-box;cursor: pointer;font-size: 18px;}
/* #pro_neirong .content_nav ul li:after{content: "";position: absolute;left: 0;bottom: 0;width: 0;height: 2.5px;background: #0074be;transition: all .3s linear;} */
#pro_neirong .content_nav ul li.on{background: #202c5c;color: #fff;}
#pro_neirong .content_nav ul li.on:after{width: 100%;}
@media only screen and (max-width:1280px){
	.product .pdct_info .title{font-size: 24px;}
	.product .pdct_info #color ul li{width: 60px;line-height: 58px;}
	.product .pdct_info .content{font-size: 16px;}
	.product .pdct_info .color{/* padding: 20px; */margin-top: 8%;}
	.product .pdct_info .color .hd{font-size: 16px;}
	/* .product .pdct_info .price span{font-size: 16px;}
	.product .pdct_info .price span.money, .product .pdct_info .price span.unit{font-size: 36px;} */
	.product .pdct_info .buy{padding: 15px 0;font-size: 16px;}
	.product .pdct_info .char > div span{font-size: 16px;}
	.product .pdct_info .char > div i{width: 20px;height: 20px;background-size: 100%;}
	.product .content_detail .table_wrap td.tit{width: 18%;}
}
@media only screen and (max-width:1080px){
	.product{padding: 20px 0 64px;}
	.pdct_ico{width: 65%;order:-1;}
	.product .pdct_info{margin-top: 30px;width: 100%;}
	.product #pro_prev, .product #pro_next{width: 28px;height: 60px;}
	.product .content_detail .table_wrap table{font-size: 16px;}
	.product .content_detail .text_content h3{font-weight: normal;font-size: 18px;}
}
@media only screen and (max-width:850px){
	
	/* .product .pdct_info{width: 52%;} */
	/* .product .pdct_info .title{font-size: 20px;} */
	.product .pdct_info .content{font-size: 14px;}
	/* .product .pdct_info .color{padding: 10px;} */
	.product .pdct_info .color .hd{font-size: 16px;}
	.product .pdct_info #color ul li{width: 45px;line-height: 42px;}
	/* .product .pdct_info .price span{font-size: 16px;}
	.product .pdct_info .price span.money, .product .pdct_info .price span.unit{font-size: 30px;} */
	.product .pdct_info .buy{padding: 10px 0;font-size: 14px;}
	.product .pdct_info .buy i{margin-right: 3%;width: 22px;height: 20px;background-size: 100%;}
	.product .pdct_info .char{margin-top: 10px;padding: 5px 5%;flex-wrap: wrap;justify-content: space-between;}
	.product .pdct_info .char > div{padding: 5px 0;width: auto;box-sizing: border-box;text-align: left;}
	.product .pdct_info .char > div i{margin-right: 5px;width: 15px;height: 15px;}
	.product .pdct_info .char > div span{font-size: 14px;}
	.product .content_detail{margin:0;}
	.product .content_detail .table_wrap table{font-size: 14px;}
	.product .content_detail .table_wrap td{padding: 10px;}
	.product .text_content{font-size: 16px;}
}
@media only screen and (max-width:850px){
	.product{padding: 0 0 50px;}
	.product .content_detail .text_content h3{font-size: 16px;}
	.product .text_content{font-size: 14px;}
	#pro_neirong .content_nav ul li{padding: 12px 0;margin-right: 5%;font-size: 16px;}
	.product .pdct_info .title{font-size:20px;padding:0;}
	.product .pdct_info .content table td p:nth-child(2){font-size:30px;}
}
@media only screen and (max-width:680px){
	.pdct_ico{width: 100%;}
	.product .pdct_info{margin-top: 30px;width: 100%;}
}
@media only screen and (max-width:520px){
	.spSm{padding: 0 40px;}
	.product{padding: 0 0 40px;}
	.product .text_content{margin-top: 30px;font-size: 14px;line-height: 24px;}
	.product #pro_prev, .product #pro_next{width: 20px;height: 39px;}
	.product .pdct_info .char{padding: 5px 4.5%;}
	.product .pdct_info .title{font-size: 16px;}
	.product .pdct_info .series{font-size: 16px;}
	/* .product .pdct_info .price span.money, .product .pdct_info .price span.unit{font-size: 26px;}
	.product .pdct_info .price span.money{margin: 0 5px;} */
	.product .pdct_info .char > div span{font-size: 14px;}
	.product .pdct_info .content{font-size: 14px;}
	.product .pdct_info .content table td p{white-space: pre-wrap;}
	.product .pdct_info .content table td p.prc{font-size: 16px;}
	.product .pdct_info .content table td p:nth-child(2){font-size: 16px;}
	.product .content_detail .table_wrap table{width: 99.9%;font-size: 14px;border-left: 1px solid #ddd;border-top: 1px solid #ddd;}
	.product .content_detail .table_wrap tr{display: flex;justify-content: flex-start;flex-wrap: wrap;}
	.product .content_detail .table_wrap td.tit{padding: 10px 5px;width: 30%;}
	.product .content_detail .table_wrap td{display: block;width: 70%;border: 1px solid #ddd;border-top: 0;border-left: 0;}
	.product .content_detail .text_content video,.product .content_detail .text_content iframe,.product .content_detail .text_content embed{max-width: 100%;height: 300px;}
	#pro_neirong .content_nav ul li:after{height: 2px;}
}

.pdct_info .parameter{margin-top: 20px;}
.pdct_info .parameter table{width: 100%;border-collapse: collapse;}
.pdct_info .parameter table td{padding: 5px 5px;}
.pdct_info .parameter table td.hd{width: 30%;font-family: Black;white-space: nowrap;}
.pdct_info .parameter table tr td:nth-child(1){width: 30%;font-family: Black;white-space: nowrap;}

.pdct_info .btm_share{margin-top: 26px;}
.pdct_info .btm_share > a{position: relative;display: inline-block;font-size: 16px;width: 31%;min-width: 137px;height: 46px;line-height: 44px;text-align: center;background: #202c5c;margin: 0 7px 7px 0;border: 1px solid transparent;font-weight: 500;color: #fff;font-weight: bold;}
.pdct_info .btm_share > a:before{display: inline-block;transform: translateY(3px);line-height: 0.5em;}
.pdct_info .btm_share > a.btn{background: #fed200;}
/* .pdct_info .btm_share > a.btn:before{content: url(../images/s_email.png);margin: 0 10px 0 0;}
.pdct_info .btm_share > a.share:before{content: url(../images/s_share.png);margin: 0 10px 0 0;transform: translateY(5px);filter: brightness(10);} */
@media only screen and (max-width:1280px){
	.pdct_info .btm_share > a{font-size: 16px;width: auto;height: 40px;line-height:40px;}
}
@media only screen and (max-width:850px){
	.pdct_info .btm_share > a{font-size:14px;}
}

@media only screen and (max-width:520px){
	.pdct_info .btm_share{display: flex;flex-wrap: wrap;justify-content: space-between}
	.pdct_info .btm_share > a{margin: 0;width: 48.5%;height: 39px;line-height: 39px;font-size: 13px;min-width: initial;}
	.pdct_info .btm_share > a.btn:before{transform: translateY(3px) scale(0.8);}
	.pdct_info .btm_share > a.share:before{transform: translateY(6px) scale(0.8);}
	.pdct_info .parameter{font-size: 14px;}
	.pdct_info .parameter table td.hd{width: 50%;font-family: Black;}
	.pdct_info .parameter table tr td:nth-child(1){width: 50%;font-family: Black;}
	.pdct_info .parameter table tr td{width: 50%;}
}

#share_ico{margin: 20px 0;}
#share_ico a{margin: 0 10px;}
#share_ico a:hover{filter: grayscale(1) brightness(100);}
@media only screen and (max-width:850px){
	#share_ico i{display:inline-block;width: 18px;}
}
@media only screen and (max-width:520px){
	#share_ico{left: auto;right: 0;padding: 6px 10px;}
}

.recommend_more{margin-top: 4.5%;}
.recommend_more .nei_wrap{}
.recommend_more .nei_title {display: flex;flex-wrap: wrap;justify-content: space-between;align-items: flex-end;}
.recommend_more .nei_title .title{text-transform: initial;}
.recommend_more .nei_title .more{font-size: 24px;line-height:1em;}
.recommend_more #case_pro{margin-top:5%}
.recommend_more #case_pro .item{text-align: center;}
.recommend_more #case_pro .item .img{position: relative;padding-bottom: 86%;width: 100%;height: 0;overflow: hidden;}
.recommend_more #case_pro .item .img img{position: absolute;left: 50%;top: 50%;width: auto;max-height: 100%;transform: translate(-50%,-50%);transition: all 0.1s linear;}
.recommend_more #case_pro .item:hover .img img{filter: opacity(0.65);}
.recommend_more #case_pro .item .msg {font-size: 16px;margin-top:10px;}
.recommend_more #case_pro .item .msg .tit{display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;overflow: hidden;font-size:24px;font-weight:normal;}
.recommend_more #case_pro .item .msg .des{margin-top: 10px;}
@media only screen and (max-width:1280px){
	.recommend_more #case_pro .item .msg .tit{font-size: 20px;}
}
@media only screen and (max-width:1080px){
	/* .recommend_more .nei_title .title{font-size: 26px;} */
	.recommend_more #case_pro .item .msg .tit{font-size: 18px;}
	.recommend_more .nei_title .more{font-size: 20px;}
}
@media only screen and (max-width:850px){
	.recommend_more .nei_wrap{}
	.recommend_more .nei_title .title{font-size: 20px;}
.recommend_more #case_pro .item .msg{font-size: 14px;}
	.recommend_more #case_pro{margin-top:40px}
	.recommend_more #case_pro .item .img img{max-height: 80%;}
	
}
@media only screen and (max-width:520px){
.recommend_more #case_pro .item .msg{font-size: 14px;}
.recommend_more .nei_title .title{font-size: 16px;}
	.recommend_more #case_pro{margin-top:30px}
	.recommend_more #case_pro .item .msg .tit{font-size: 16px;}
	.recommend_more #case_pro .item .img img{max-height: 75%;}
	.recommend_more .nei_title .more{font-size: 16px;}
}
@media only screen and (max-width:320px){
	.recommend_more .nei_title .title{font-size: 18px;}
}

				
				
.product .bottom_message{padding:50px 0;margin: 5% 0;background-color: #f5f7f9;}
.product .bottom_message .title{font-size: 24px;}
.product .bottom_message .mes_box {display: flex;align-items: center;width: 100%;}
.product .bottom_message .mes_box .mes_ol{padding: 30px 0 0;width: 66%;box-sizing: border-box;}
.product .bottom_message .mes_box .hd{font-size: 18px;}
.product .bottom_message .mes_box ul li {margin-bottom: 24px;/* padding-bottom: 3%;border-bottom: 1px solid #eee; */}
.product .bottom_message .mes_box ul li:nth-last-child(1){border-bottom: 0;}
.product .bottom_message .mes_box ul li input{padding: 0 20px;width: 100%;height: 40px;line-height: 40px;font-size: 16px;background: #fff;box-sizing: border-box;}
.product .bottom_message .mes_box ul li input::placeholder,.product .bottom_message .mes_box ul li textarea::placeholder{}
.product .bottom_message .mes_box ul li input::-ms-input-placeholder,.product .bottom_message .mes_box ul li textarea::-ms-input-placeholder{}
.product .bottom_message .mes_box ul li.code input{display: inline-block;width: 180px;vertical-align: middle;}
.product .bottom_message .mes_box ul li.code img{display: inline-block;margin-left: 5%;max-height: 35px;vertical-align: middle;}
.product .bottom_message .mes_box ul li textarea{padding: 10px 20px;width: 100%;height: 120px;resize: none;font-family: normal;box-sizing: border-box;background: #fff;font-size: 16px;}
.product .bottom_message .mes_box .up_load{display: inline-block;padding:0 48px;margin: 0 auto;width: auto;height: 48px;text-align: center;background-color: #202c5c;font-size: 16px;cursor: pointer;font-weight: bold;text-transform:uppercase;border-radius:4px;color:#fff;}
.product .bottom_message .mes_box .up_load:hover{background-color: #fed200;}
@media only screen and (max-width:1280px){
	/* .product .bottom_message .title{font-size: 36px;} */
}
@media only screen and (max-width:850px){
	.product .bottom_message{padding: 40px 0;}
.product .bottom_message .title{font-size: 20px;}
	.product .bottom_message .mes_box ul li input,.product .bottom_message .mes_box ul li textarea{font-size: 16px;}
	.product .bottom_message .mes_box .up_load{font-size: 18px;}
	.product .bottom_message .mes_box .up_load{height: 45px;}
}
@media only screen and (max-width:520px){
	.product .bottom_message{margin:30px 0 40px;padding: 30px 0;}
	.product .bottom_message .title{font-size: 16px;}
	.product .bottom_message .mes_box .mes_ol{width: 100%;max-width: initial;}
	.product .bottom_message .mes_box ul li input{height: 35px;line-height: 35px;font-size: 13px;}
	.product .bottom_message .mes_box ul li textarea{height: 80px;font-size: 13px;}
	.product .bottom_message .mes_box .up_load{margin-top: 25px;height: 36px;line-height: 36px;font-size: 14px;}
}

/* coantact */
.contact{padding:100px 0;}
.liuyan{padding:100px 0 150px;width:100%;height:100%;background:#f5f7f9 url(../images/ct_bg.png);position: relative;background-repeat: no-repeat;background-size: 50% auto;background-position: left 5% bottom;}
.liuyan .layout{width:100%;}

.liuyan .layout .follow{margin-top: 30px;}

.liuyan .layout .lf_part{width:55%}
.ol_mes{}
.ol_mes .nei_title .title{}
.ol_mes .message_leave{margin-top: 5%;width: 100%;}
.ol_mes .message_leave .form_box{display: flex;flex-wrap: wrap;justify-content: space-between;align-items: center;}
.ol_mes .message_leave .form_box .tip{margin-bottom: 30px;}
.ol_mes .message_leave .form_box .tip label{font-weight: bold;}
.ol_mes .message_leave .form_box .tip span.red{display: inline-block;margin-left: 10px;color: #fed200;line-height: 1em; vertical-align: middle; font-size: 20px;}
.ol_mes .message_leave .form_box li{margin-bottom: 16px;padding:16px;width: 48%;background: transparent;box-sizing: border-box;border: 1px solid #ccc;border-radius: 6px;background-color: #fff;}
.ol_mes .message_leave .form_box li.w100{width: 100%;}
.ol_mes .message_leave .form_box li input{width: 100%;background: transparent;font-size: 16px;border: 1px solid transparent;transition: border .3s linear;box-sizing: border-box;border-radius: 14px;color: #333;font-family: inherit;font-weight:lighter}
.ol_mes .message_leave .form_box li textarea{width: 100%;max-height: 100px;resize: none;font-size: 16px;font-family: initial;box-sizing: border-box;background: transparent;border: 1px solid transparent;transition: border .3s linear;color: #333;font-family: inherit;font-weight:lighter}
.ol_mes .message_leave .form_box li.code{margin-right: 155px;margin-bottom: 10px;}
.ol_mes .message_leave .form_box li.code img{position: absolute;bottom: 7px;right: 10px;height: 35px;}
.ol_mes .message_leave .form_box .up_load{padding: 0;width: 150px;border: 1px solid #202c5c;height: 46px;color: #fff;line-height: 46px;background: transparent;transition: all .3s ease;color: #202c5c;border-radius: 30px;font-family: inherit;font-size: 20px;}
.ol_mes .message_leave .form_box .up_load:hover{box-shadow: inset 0 0 0 30px #202c5c;color: #fff;}
/* .ol_mes .message_leave .form_box li input:focus,.ol_mes .message_leave .form_box li textarea:focus{border-color: #a2110a;} */
.ol_mes .message_leave .form_box li input::placeholder{color: #999;}
.ol_mes .message_leave .form_box li textarea::placeholder{color: #999;}

.cbtm{box-sizing: border-box;}
.cbtm .hd{margin-bottom: 20px;font-size: 24px;font-weight: bold;}
.cbtm .mes{}
.cbtm .mes li{margin-top: 20px;width: 100%;font-size: 30px;}
.cbtm .mes li .wrap{display: flex;flex-wrap: nowrap;justify-content: flex-start;}
.cbtm .mes li i{display: inline-block;margin-right:10px;width: 34px;height: 34px;background-repeat: no-repeat;background-position: center;vertical-align: middle;background-size: 100% auto;}
.cbtm .mes li i.name{background-image: url(../images/ct_company.png)}
.cbtm .mes li i.email{background-image: url(../images/ct_email.png)}
.cbtm .mes li i.tel{background-image: url(../images/ct_tel.png)}
.cbtm .mes li i.address{background-image: url(../images/ct_address.png)}
.cbtm .mes li span{display: inline-block;vertical-align: middle;width: calc(100% - 45px);width:-webkit-calc(100% - 45px);}

.liuyan .layout .rt_part{width: 38%;order: -1;}
.liuyan .layout .rt_part .nei_title .title{color: #202c5c;font-weight: bold;}
.liuyan .layout .rt_part .keywords{margin-top:30px;}
.liuyan .layout .rt_part .keywords li{font-size: 20px;margin-bottom: 16px;}
.liuyan .layout .rt_part .keywords li a:hover{color: #fed200;}
.liuyan .layout .rt_part .follow{margin-top: 30px;}
.liuyan .layout .rt_part .follow .por{display: inline-block;}
.liuyan .layout .rt_part .follow .ewm_pics{display: none;position: absolute;bottom:calc(100% + 15px);left:0;width:124px;z-index: 1;max-width:initial;}



/* add */
.contact .lf_way{width: 100%;box-sizing: border-box;}
.contact .lf_way .help{width: 40%;box-sizing: border-box;background-color: #fff;}
.contact .lf_way .help .title{font-size:34px;letter-spacing: 1px;color: #222;}
.contact .lf_way .help .slogan{display: block;margin-top: 26px;padding-top:20px;width: 100%;border-top:1px solid #ededed;}
.contact .company_mes {width: 52%;}
.contact .company_mes .item{margin: 0 0 15px 0;padding: 40px 2%;width: 32%;text-align: center;border: #e5e5e5 solid 1px;transition: all 1s;box-sizing: border-box;color: #333;font-size: 16px;background: #fff;}

.contact .company_mes .item h4{margin: 26px 10px 0;font-weight: normal;font-size: 22px;}
.contact .company_mes .item .line{margin:50px auto 40px;width:16px;height:3px;background: #202c5c;}
.contact .company_mes .item .con{line-height: 24px;font-size: 17px;}
.contact .company_mes .item .img{}
/* .contact .company_mes .item:hover {background: url(../images/cul_bg.jpg) no-repeat center/cover;}
.contact .company_mes .item:hover .img img{filter: grayscale(1) brightness(100);}
.contact .company_mes .item:hover h4{color: #fff;}
.contact .company_mes .item:hover .con{color: #fff;} */

@media only screen and (min-width:521px){
	.liuyan .layout .ct_links span:hover{background:#f9f9f9;color:#a2110a;}
}

@media only screen and (max-width:1280px){
	.contact .company_mes .item .img img{width: 44px;}
	.contact .company_mes .item h4{font-size:20px;}
	.contact .company_mes .item .line{margin:20% auto 16%;}
	.contact .lf_way .help .title{font-size: 28px;}
	
	.cbtm .mes li{}
	.ol_mes .message_leave .form_box li input{font-size: 14px;border-radius: 10px;}
	.ol_mes .message_leave .form_box li textarea{font-size: 14px;border-radius: 10px;}
}
@media only screen and (max-width:1080px){
	.liuyan{padding:64px 0 64px;background-position: right 3% top 5%;}
	.liuyan .layout .lf_part{width: 100%;}
	.liuyan .layout .rt_part{width: 100%;}
	
	.contact{padding:64px 0;}
	.contact .company_mes .layout{justify-content: space-around;}
	.contact .company_mes .item{width: 49%;}
	/* .contact .company_mes .item .img img{width: 60px;} */
}

@media only screen and (max-width:850px){
	.contact{padding:50px 0;}
	.cbtm .hd{font-size: 20px;margin-bottom: 10px;}

	.contact .lf_way .help{width: 100%;}
	.contact .lf_way .text_top .con{font-size:17px}
	.contact .lf_way .text_top .con p{margin-top:18px;}
	
	.contact .company_mes{margin-top: 40px;width: 100%;}
	.contact .company_mes .item{width: 32%;}
	/* .contact .company_mes .item .img img{width: 45px;} */
	.contact .company_mes .item h4{font-size: 18px;}
	.contact .company_mes .item .con{font-size: 15px;}
	.liuyan{padding:50px 0;}
	.liuyan .layout .rt_part .keywords li{font-size: 18px;}
}


@media only screen and (max-width:520px){
	.contact{padding:40px 0;}
	.contact .liuyan{padding:80px 0;height: auto;}
	.contact .liuyan .layout{position: initial;transform: initial;}
	.ol_mes{padding: 30px 0 0;}
	.ol_mes .message_leave{margin-top: 30px;width: 100%;}
	.ol_mes .message_leave .form_box li{margin-bottom: 18px;width: 100%;}
	.ol_mes .message_leave .form_box .up_load{margin-top: 10px;width: 106px;height: 36px;line-height: 36px;}
	.ol_mes .message_leave .form_box li input,.ol_mes .message_leave .form_box li textarea{font-size: 12px;}
	.ol_mes .message_leave .form_box li.code{margin-right: 0;}
	.ol_mes .message_leave .form_box .up_load{font-size:15px;}
	.ol_mes .message_leave .form_box .tip label{font-size: 14px;}

	.contact .nei_wrap{width: 94%;}
	.contact .liuyan .layout .rt_part .keywords{margin-top: 20px;}
	.contact .liuyan .layout .rt_part .keywords li{font-size: 13px;}
	.contact .liuyan .layout .rt_part .follow a img{width: 34px;}
	
	.contact .company_mes .item{padding: 30px 5% 30px;width: 100%;}	
	.contact .company_mes .item h4{margin: 15px 10px 8px;}
	.contact .company_mes .item .con .ewm img{width: 96px;}
	.contact .lf_way .help .title{font-size: 20px;}
	.cbtm .mes li{margin-top: 10px;font-size: 20px;}
	.cbtm .mes li i{width: 22px;height: 22px;}
	.contact .company_mes .item .line{width: 0;margin:0 0 0;}
	
	.liuyan{padding:40px 0;background-size: 90% auto;background-position: right -80px top 3%;}
	.liuyan .layout .rt_part .keywords li{font-size: 15px;margin-bottom: 14px;}
}

/* news */
	#recommand_list ul{padding: 8% 10%;/* border: 1px solid #e6ecf2; */box-sizing: border-box;background-color: #fff;border-radius: 10px;box-shadow: 0 0 20px rgba(0,0,0,0.06);}
	#recommand_list ul li.tit{width: 100%;}
	#recommand_list ul li.tit b{font-size: 30px;/* color: #35974d; */}
	#recommand_list ul li{margin-bottom: 6%;padding-bottom: 6%;box-sizing: border-box;}
	/* #recommand_list ul li:nth-last-child(1){margin-bottom: 0;padding-bottom: 0;} */
	/* #recommand_list ul li .lf_ico{width: 100px;}
	#recommand_list ul li .lf_ico .img{position: relative;padding-bottom: 70%;width: 100%;height: 0;overflow: hidden;border-radius: 4px;}
	#recommand_list ul li .lf_ico .img img{position: absolute;left: 50%;top:50%;width: 100%;transform: translate(-50%,-50%);} */
	#recommand_list ul li .text{}
	#recommand_list ul li .text h3{width: 100%;font-size: 18px;font-weight: normal;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;}
	#recommand_list ul li .text a{display: block;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;}
	#recommand_list ul li .text a:hover{color: #202c5c;}
	
	#recommand_list .nsw{/* padding: 0;border: 0;border-radius: 0;box-shadow: initial; */}
	#recommand_list .nsw li.tit{border-bottom: 1px solid #f0f0f0;}
	#recommand_list .nsw li{}
	#recommand_list .nsw li .time{margin-top:10px;font-size:14px;color: #999;font-weight: lighter;}
	
	#recommand_list .keyword{margin-top: 15%;}
	#recommand_list .keyword li.tit{padding: 0;margin:0 0 16% 0;border: 0;background: none;border-radius: 0;}
	#recommand_list .keyword li{display: inline-block;margin: 0;margin: 0 5px 20px 0;padding: 8px 16px;border-radius: 30px;background: #eee;}
	#recommand_list .keyword .key{font-size: 16px;font-weight: normal;color: #666;}
	/* #recommand_list .keyword li:nth-last-child(1){margin: 0 5px 5px 0;padding: 10px;} */
	
	#recommand_list .guanzhu{margin-top: 15%;display:flex;flex-wrap:wrap;justify-content: space-between;}
	#recommand_list .guanzhu li{width: 49%;text-align: center;}
	#recommand_list .guanzhu li .img img{width: 120px;}
	#recommand_list .guanzhu li .text p{margin-top:10px;}
	/* #recommand_list ul li .text .con{margin-top: 5px;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;} */
	
	#recommand_list .c_project{border-radius: 0;}
	#recommand_list .c_project li{width: 100%;}
	#recommand_list .c_project .tit{margin-bottom:10px;font-size: 24px;}
	#recommand_list .c_project .tag{display:inline-block;border: 1px solid #e1e1e1;border-radius: 5px;padding: 5px 25px;color: #199242;border-color: #199242;background-color: #d2efdc;}
	#recommand_list .c_project .project_logo{margin:20px 0 16px;}
	#recommand_list .c_project .project_logo img{width: 146px;}
	#recommand_list .c_project .des{font-size: 16px;line-height: 1.6;}
	@media only screen and (max-width:1080px){
		#mian_nei{width: calc(93% - 270px);width: -webkit-calc(93% - 270px);}
		#recommand_list{width: 270px;}
		#recommand_list ul{padding:8%;border-radius: 16px;}
		#recommand_list ul li .text h3{font-size: 16px;}
		#recommand_list ul li.tit b{font-size: 26px;}
		#recommand_list .nsw li .time{font-size:14px;}
		#recommand_list .keyword .key{font-size: 14px;}
		#recommand_list .keyword li{margin: 0 5px 14px 0;}
		#recommand_list .keyword li.tit{margin: 0 0 12% 0;}
		
		#recommand_list .guanzhu li .text p{font-size: 14px;}
		#recommand_list .c_project .tit{font-size: 20px;}
	}
	@media only screen and (max-width:850px){
		/* #mian_nei{padding: 30px 2%;} */
		#mian_nei{width: 100%;}
		#recommand_list{margin-top: 5%;width:100%;}
		#recommand_list ul{border-radius: 10px;}
		#recommand_list ul{padding: 20px 15px;padding: 6%;}
		#recommand_list ul li{margin-bottom: 3%;padding-bottom: 3%;}
		/* #recommand_list ul li .lf_ico{width: 82px;}
		#recommand_list ul li .text{width: calc(96% - 82px);width: -webkit-calc(96% - 82px);}
		#recommand_list ul li .text .con{display: none;} */
		
		#recommand_list .keyword,#recommand_list .guanzhu{margin-top: 5%;}
		#recommand_list .keyword li.tit{margin: 0 0 6% 0;}
		#recommand_list .c_project .tit{font-size: 18px;}
	}
	@media only screen and (max-width:750px){
		#mian_nei{width: 100%;}
		#recommand_list{margin-top: 20px;width:100%;}
	}
	@media only screen and (max-width:520px){
		#mian_nei{}
		#recommand_list ul{padding:8% 5%;}
		#recommand_list ul li.tit{}
		#recommand_list ul li.tit b{font-size: 20px;}
		#recommand_list ul li .text h3{font-size: 14px;}
		#recommand_list .keyword .key{font-size: 14px;}
		#recommand_list .keyword li{}
		#recommand_list .keyword, #recommand_list .guanzhu{margin-top: 30px;}
		#recommand_list .c_project .tit{font-size: 16px;}
	}
	
	/* news */
	#main_nei{width: calc(96% - 391px);width: -webkit-calc(96% - 391px);border-radius: 5px;box-sizing: border-box;background: #fff;}
	#recommand_list{width: 391px;}
	#recommand_list ul.rcomd{border-radius: 5px;box-sizing: border-box;background-color: #fff;}
	#recommand_list ul.rcomd li.tit{border-bottom: 1px solid #e9e9e9;padding-bottom: 30px;}
	#recommand_list ul.rcomd li.tit b{font-size: 22px;font-weight: normal;}
	#recommand_list ul.rcomd li{display: flex;flex-wrap: wrap;justify-content:space-between;margin-bottom: 30px;/* padding-bottom: 30px;border-bottom: 1px dotted #e5e5e5; */}
	#recommand_list ul.rcomd li:nth-last-child(1){margin-bottom: 0;}
	#recommand_list ul.rcomd li .lf_ico{width: 36%;}
	#recommand_list ul.rcomd li .lf_ico .img{position: relative;padding-bottom:66%;width: 100%;height: 0;overflow: hidden;border-radius: 4px;}
	#recommand_list ul.rcomd li .lf_ico .img img{position: absolute;left: 50%;top:50%;width: 100%;transform: translate(-50%,-50%);}
	#recommand_list ul.rcomd li .text{width: 60%;}
	/* #recommand_list ul.rcomd li:nth-child(2) .text{margin-top: 15px;} */
	#recommand_list ul.rcomd li .text h3{padding-left: 15px;font-size: 16px;font-weight: normal;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;box-sizing: border-box;position: relative;color: #666;}
	#recommand_list ul.rcomd li .text h3::before{content: "";position: absolute;left: 2px;top:8px;width: 4px;height: 4px;background: #666;border-radius: 50%;}
	#recommand_list ul.rcomd li .text .con{margin-top: 5px;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;}
	#recommand_list ul.rcomd li .text .time{margin-top: 10px;font-size: 14px;color: #999;}
	
	#recommand_list .other_part{margin-top:10%;}
	#recommand_list .other_part ul.rcomd li{display: block;}
	#recommand_list .other_part ul.rcomd li .text{width: 100%;display: flex;flex-wrap: wrap;justify-content: space-between;}
	#recommand_list .other_part ul.rcomd li .text h3{width:calc(96% - 78px);width:-webkit-calc(96% - 78px)}
	#recommand_list .other_part ul.rcomd li .text .time{margin-top:0;}
	
	
	
	@media only screen and (max-width:1280px){
		#recommand_list ul.rcomd li.tit b{font-size: 20px;}
		#recommand_list ul.rcomd li{margin-bottom: 20px;/* padding-bottom: 20px; */}
	}
	@media only screen and (max-width:1080px){
		#main_nei{width: calc(98% - 270px);width: -webkit-calc(98% - 270px);}
		#recommand_list{width: 270px;}
	}
	@media only screen and (max-width:850px){
		/* #main_nei{padding: 30px 2%;} */
		#main_nei{width: 100%;}
		#recommand_list{margin-top: 20px;width:100%;}
		#recommand_list ul.rcomd{padding: 30px 0 0;}
		#recommand_list .other_part{margin-top: 0;}
		/* #recommand_list ul.rcomd li .lf_ico{width: 82px;} */
		/* #recommand_list ul.rcomd li .text{width: calc(96% - 82px);width: -webkit-calc(96% - 82px);} */
		#recommand_list ul.rcomd li .lf_ico .img{padding-bottom: 60%;}
		#recommand_list ul.rcomd li .text .con{line-height: 24px;}
		
		.member_mode #recommand_list{order: -1;margin:0 0 20px 0;}
	}
	@media only screen and (max-width:750px){
		#main_nei{width: 100%;}
		#recommand_list{margin-top: 50px;width:100%;}
	}
	@media only screen and (max-width:520px){
		#main_nei{padding: 0}
		#recommand_list ul.rcomd li.tit{padding-bottom: 20px;}
		#recommand_list ul.rcomd li.tit b{font-size: 16px;}
		#recommand_list ul.rcomd li .text h3{font-size: 14px;}
		#recommand_list ul.rcomd li .text .con{font-size: 12px;line-height: 20px;}
		#recommand_list ul.rcomd li .text .time{font-size: 12px;}
	}
	
	/* news */
	.news{padding:30px 0 100px 0;}
	.news #main_nei{}
	.news .news_title {padding-bottom: 4%;border-bottom: 1px solid #ddd;text-align:left !important;}
	.news .news_title .title{font-size:36px;line-height: 1.4em;}
	.news .news_title .mes{margin-top: 36px;font-size:16px;}
	.news .news_title .mes span{display: inline-block;}
	.news .news_title .mes span.time{}
	.news .news_title .mes span.series{display: inline-block;/* background-image: repeating-linear-gradient(to right,#004ea9,#029bf1);color: #FFFFFF;padding: 5px 15px; */}
	.news .news_content{margin-top: 5%;font-size: 18px;line-height: 1.8;}
	.news .news_content .img{margin-bottom: 20px;text-align: center;}
	.news .news_content p{margin-bottom: 22px;}
	.news .news_content video,.news .news_content iframe,.news .news_content embed{max-width: 100%;}
	
	/* .news .return{margin-top: 3%;}
	.news .return a{display: inline-block;padding: 10px 25px;color: #fff;background: #130c04;} */
	@media only screen and (max-width:1280px){
		.news .news_title .title{font-size: 30px;}
	}
	@media only screen and (max-width:1080px){
		.news{padding:20px 0 64px 0;}
		.news .news_title .title{font-size: 24px;}
		.news .news_title .mes span{font-size: 16px;}
	}
	@media only screen and (max-width:850px){
		.news{padding:20px 0 50px 0;}
		.news .news_title .title{font-size: 20px;}
		.news .news_title .mes{margin-top: 15px;}
		.news .news_title .mes span{font-size: 14px;}
		
		.news .center{margin-top: 30px;}
		.news .news_content{font-size: 16px;/* line-height: 28px; */}
	}
	@media only screen and (max-width:750px){
		.news #main_nei{margin-top: 0;}
	}
	@media only screen and (max-width:520px){
		.news_bg{display: none;}
		.news{padding:20px 0 40px 0;}
		.news .news_title .mes span.time{font-size: 12px;}
		.news .news_title .title{font-size: 16px;}
		.news .news_content{margin-top: 20px;font-size: 15px;/* line-height: 24px; */}
		.news .news_content p{margin-bottom: 0;}
		
		.news .center a{padding: 8px 20px;}
		.news .news_content video,.news .news_content iframe,.news .news_content embed{height: 350px;}
		/* .news .return{margin-top: 15px;}
		.news .return a{font-size: 12px;} */
	}
	
	
	.page{margin-top: 6%;padding: 2% 0;border-top: 1px solid #ddd;}
	.page ul li{font-size: 18px;color: #666;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;flex-shrink: 1;max-width:40%;width:auto}
	.page ul li:nth-last-child(1){text-align: right;}
	.page ul li a:hover{color: #fed200;}
	@media only screen and (max-width:850px){
		.page ul li{font-size: 16px;}
	}
	@media only screen and (max-width:520px){
		.page ul li{margin:2px 0;width: 100%;max-width: 100%;font-size: 15px;}
		.page ul .return{order: 1;}
		.page ul li:nth-last-child(1){text-align: left;}
	}
	
	/* project */
	.project {
	    padding: 100px 0;
	    background-color: #f5f7f9;
	    background-image: url("../images/about_bg.jpg");
	    background-size: auto 100%;
	    background-position: top left;
	    background-repeat: no-repeat;
	
	}
	
	.project .container {
	    display: flex;
		justify-content: space-between;
		flex-wrap:wrap;
	}
	
	.project .container .left {
	    width: 40%;
	    padding: 4%;
	    background-color: #fff;
	    position: relative;
	    background-image: url("../images/about_logobg.png");
	    background-position: right -25% bottom;
	    background-repeat: no-repeat;
	    background-size: 70% auto;
		box-sizing: border-box;
	}
	
	.project .container .right {
	    width: 58%;
	}
	
	.project .container .left p.en {
	    font-size: 20px;
	    text-transform: uppercase
	}
	
	.project .container .left p.hd {
	    font-size: 36px;
	    line-height: 50px;
	    margin-bottom: 0;
	    font-weight: bold;
	}
	
	.project .container .left span.line {
	    width: 50px;
	    height: 3px;
	    background: #202c5c;
	    display: block;
	    margin: 30px 0;
	}
	
	.project .container .left .con {
	    font-size: 15px;
	    line-height: 1.6;
	    color: #888;
	    margin-bottom: 135px;
	}
	
	#swiper-container2 {
	    height: 100%;
	}
	
	.about_case {
	    width: 100%;
	    height: 100%;
	    background: #fff !important;
	    padding: 20px;
	    display: flex;
	    transition: .4s;
		box-sizing: border-box;
		text-align: left;
		justify-content: space-between;
	}
	
	.about_case:hover {
	    background: #202c5c !important;
	}
	
	.about_case:hover .date {
	    background: #fff !important;
	    color: #202c5c !important;
	}
	
	#swiper-container2{--swiper-navigation-size: 20px}
	#swiper-container2 .about_case:hover .text_wrap {
	    color: #fff;
	}
	#swiper-container2 .swiper-wrapper .swiper-slide:nth-child(2n-1) .por{margin-bottom: 30px;}
	
	#swiper-container2 .swiper-wrapper .swiper-slide:nth-child(2n-1) .about_case {
	    flex-direction: column;
	}
	
	#swiper-container2 .swiper-wrapper .swiper-slide:nth-child(2n) .about_case {
	    flex-direction: column-reverse;
	}
	
	#swiper-container2 .about_case .img {
	    position: relative;
	    margin-bottom: 12px;
		padding-bottom: 68%;
		width: 100%;
		height:0;
		overflow: hidden;
	}
	
	#swiper-container2 .about_case .img img {
		position: absolute;
		left:50%;
		top:50%;
	    width: 100%;
		transform: translate(-50%,-50%);
	}
	
	#swiper-container2 .about_case .date {
	    position: absolute;
	    background: #202c5c;
	    color: #fff;
	    font-size: 14px;
	    text-align: center;
	    font-family: shu;
	    padding: 15px;
	    transition: .4s;
	}
	
	#swiper-container2 .swiper-wrapper .swiper-slide:nth-child(2n-1) .about_case .date {
	    bottom: -10px;
	    left: 10px;
	}
	
	#swiper-container2 .about_case .date n {
	    font-size: 40px;
	    line-height: 40px;
	    display: block;
	    font-weight: bold;
		margin-bottom: 4px;
	}
	
	#swiper-container2 .about_case .text_wrap .tit {
	    font-size: 20px;
	    margin-bottom: 35px;
	    font-weight: bold;
	    display: -webkit-box;
	    -webkit-line-clamp: 1;
	    -webkit-box-orient: vertical;
	    overflow: hidden;
	    transition: .4s;
	}
	
	#swiper-container2 .about_case .text_wrap .des {
	    font-size: 14px;
	    line-height: 24px;
	    color: #999;
	    display: -webkit-box;
	    -webkit-line-clamp: 2;
	    -webkit-box-orient: vertical;
	    overflow: hidden;
	    margin-bottom: 60px;
	    transition: .4s;
	}
	
	#swiper-container2 .about_case .text_wrap .more {
	    font-size: 14px;
	    margin-bottom: 0;
	    transition: .4s;
	}
	
	#swiper-container2 .swiper-wrapper .swiper-slide:nth-child(2n) .about_case .img {
	    margin-bottom: 0;
	}
	
	#swiper-container2 .swiper-wrapper .swiper-slide:nth-child(2n) .about_case .date {
	    top: -10px;
	    left: 10px;
	}
	
	#swiper-container2 .swiper-wrapper .swiper-slide:nth-child(2n) .about_case .text_wrap {
	    margin-bottom: 60px;
	}
	
	.about_next {
	    position: relative;
	    display: flex;
	}
	
	.swiper-button-next2, .swiper-button-prev2 {
	    background-image: none;
		padding:10px 0;
	    width: 100px;
	    position: relative;
	    text-align: center;
	    background-color: #202c5c;
		cursor: pointer;
		line-height:1em;
	}
	
	.swiper-button-next2 i, .swiper-button-prev2 i {
	    display: inline-block;
		width: 24px;
		height:24px;
		background-repeat:no-repeat;
		background-size:100% auto;
		background-position:center;
	}
	.swiper-button-next2 i{background-image: url(../images/next.png);}
	.swiper-button-prev2 i{background-image: url(../images/previous.png);}
	
	.swiper-button-prev2 {
	    margin-right: 10px;
	}
	
	/* .swiper-button-prev2 i {
	
	    transform: translate(-50%, -50%) rotate(180deg);
	    transform-origin: center;
	} */
	
	@media only screen and (max-width:1080px){
		.project{padding: 64px 0;}
	}
	
	@media only screen and (max-width:850px){
		.project{padding: 50px 0;}
		.project .container .left p.en{font-size: 15px;}
		.project .container .left p.hd{font-size: 26px;}
		#swiper-container2 .about_case .date{font-size: 12px;}
		.swiper-button-next2, .swiper-button-prev2{padding:8px 0;}
		.swiper-button-next2 i, .swiper-button-prev2 i{width: 18px;height: 18px;}
	}
	@media only screen and (max-width:680px){
		.project .container .left{width: 100%;}
		.project .container .right{margin-top:30px;width: 100%;}
		.project .container .left .con{margin-bottom: 5%;}
		.project .container .left span.line{margin: 30px 0 20px;height: 2px;}
		#swiper-container2 .about_case .date n{font-size: 30px;line-height: 30px;}
		#swiper-container2 .about_case .text_wrap .des{margin-bottom: 30px;}
		#swiper-container2 .about_case .text_wrap .tit{font-size: 18px;-webkit-line-clamp: 2;}
	}
	
	@media only screen and (max-width:520px){
		.project{padding: 40px 0;}
		.project .container .left p.hd{font-size: 24px;}
		.project .container .left span.line{margin: 20px 0 16px;}
		#swiper-container2 .swiper-wrapper .swiper-slide:nth-child(2n-1) .por{margin-bottom: 20px;}
		#swiper-container2 .about_case .text_wrap .tit{font-size: 16px;}
	}

/* page.html */
.wp-pagenavi {CLEAR: both; MARGIN:5% auto 0; WIDTH: 100%;  TEXT-ALIGN: center;}
.wp-pagenavi a.home{width: auto;padding: 0 7px;}
.wp-pagenavi a.last{width: auto;padding: 0 7px;}
.wp-pagenavi a {display: inline-block;margin: 0 2px;width: 32px;height: 32px;text-align: center;line-height: 32px;vertical-align: middle;border: 1px solid #ddd;border-radius: 6px;overflow: hidden;}
.wp-pagenavi a:hover {border-color: #231915;background:#231915; color:#fff;}
.wp-pagenavi a.page-num-current{background: #f4f6f7;color: #505050;}
.wp-pagenavi a.page-num-current:hover {border-color: #231915;background:#231915;}
/**/
/* .wp-pagenavi a.page-num-current {
	color: #000;background-color: #fff;
} */
/* */
.text-norecord{ font-size:14px; line-height:35px;}

.wp-pagenavi i.p_pre{display: inline-block;width: 32px;height: 32px;background: url(../images/page_previous.png)no-repeat center;background-size: 12px;}
.wp-pagenavi i.p_next{display: inline-block;width: 32px;height: 32px;background: url(../images/page_next.png)no-repeat center;background-size: 12px;}
.wp-pagenavi i.p_pre:hover {filter: brightness(10);}
.wp-pagenavi i.p_next:hover {filter: brightness(10);}
@media screen and (max-width: 680px) {
.m640{ display:none;}
}
@media screen and (max-width: 520px) {
	.wp-pagenavi{padding: 20px 0 0;}
	.wp-pagenavi a {width: 28px;height: 28px;line-height: 28px;}
	.wp-pagenavi i.p_pre{width: 28px;height: 28px;}
	.wp-pagenavi i.p_next{width: 28px;height: 28px;}
}


/* contacts */
.contacts{padding: 80px 0;}
.contacts .contacts-info{width:48%}
.contacts .contacts-info h3{font-size:30px;color:#000;line-height:1;font-weight:700;text-transform:uppercase;margin-bottom:15px}
.contacts .contacts-info li{padding:20px 0;border-bottom:1px solid #e5e5e5;display: flex;align-items: center;}
.contacts .contacts-info li:last-child{border-bottom:none}
.contacts .contacts-info li .ico{width: max-content;margin-right: 20px;}
.contacts .contacts-info li .text{width: 87%;}
.contacts .contacts-info li .text h5{font-size: 20px;color: #333;font-weight: 600;}
.contacts .contacts-info li .text p{font-size: 16px;color: #444;margin: 8px 0 0;word-break: break-word;}
.contacts .contacts-form{width:48%;margin-left: 4%;}
.contacts .contacts-form h3{font-size:30px;color:#000;line-height:1;font-weight:700;text-transform:uppercase;margin-bottom:15px}
.contacts .contacts-form p{font-size: 17px;color: #595959;line-height: 30px;margin-bottom: 40px;}
.contacts .contacts-form .input{width: 48%;margin-right: 4%;margin-bottom: 25px;}
.contacts .contacts-form .input:nth-child(even){margin-right: 0;}
.contacts .contacts-form .input label{font-size: 16px;color: #dcc378;line-height: 2;}
.contacts .contacts-form .input input{padding:10px;font-size: 14px;border:1px solid #d2d2cf;width:100%;line-height:22px;text-align:left;color:#666;box-sizing:border-box;}
.contacts .contacts-form .code{position: relative;}
.contacts .contacts-form .code img{position: absolute;right: 0;height: 44px;}
.contacts .contacts-form .input1 label{font-size: 16px;color: #dcc378;line-height: 2;}
.contacts .contacts-form .input1 textarea{padding:10px;font-size: 14px;border:1px solid #d2d2cf;width:100%;line-height:22px;text-align:left;color:#666;box-sizing:border-box;font-family: initial;height: 120px;}
.contacts .contacts-form .submit{}
.contacts .contacts-form .submit input{color:#fff;font-size:18px;margin:0 auto;width:150px;line-height:40px;background:#dcc378;border-radius:4px;text-align:center;display:block;cursor:pointer;margin-top: 30px;}
.contacts .contacts-form .submit:hover{}
.contacts .contacts-form .submit:hover input{}
.contacts .contacts-form input:focus,.contacts .contacts-form textarea:focus{border-color:#dcc378}
@media only screen and (max-width:1080px){
.contacts{padding: 50px 0;}
.contacts .contacts-info h3{font-size: 24px;}
.contacts .contacts-form h3{font-size: 24px;}
.contacts .contacts-form p{margin-bottom: 25px;}
}
@media only screen and (max-width:850px){
.contacts .contacts-info{width: 100%;}
.contacts .contacts-form{width: 100%;margin-left: 0;margin-top: 18px;}
}
@media only screen and (max-width:520px){
.contacts{padding: 30px 0;}
.contacts .contacts-info h3{font-size: 20px;margin-bottom: 10px;}
.contacts .contacts-info li{padding: 10px 0;}
.contacts .contacts-info li:last-child{border-bottom:none}
.contacts .contacts-info li .ico{width: max-content;margin-right: 10px;}
.contacts .contacts-info li .ico img{width: 38px;}
.contacts .contacts-info li .text{width: 90%;}
.contacts .contacts-info li .text h5{font-size: 16px;color: #333;font-weight: 600;}
.contacts .contacts-info li .text p{font-size: 13px;line-height: 22px;margin: 5px 0 0;}
.contacts .contacts-form h3{font-size: 20px;margin-bottom: 10px;}
.contacts .contacts-form p{margin-bottom: 15px;font-size: 15px;line-height: 22px;}
.contacts .contacts-form .input{width: 100%;margin-right: 0;margin-bottom: 10px;}
.contacts .contacts-form .input label{font-size: 14px;line-height: 1.8;}
.contacts .contacts-form .input input{padding: 8px;font-size: 12px;}
.contacts .contacts-form .code img{height: 40px;}
.contacts .contacts-form .input1 label{font-size: 16px;color: #dcc378;line-height: 2;}
.contacts .contacts-form .input1 textarea{padding: 8px;font-size: 12px;height: 90px;}
.contacts .contacts-form .submit{width: 128px;line-height: 35px;margin-top: 15px;}
.contacts .contacts-form .submit input{font-size: 15px;}
}

/* picturelist */
.picturelist{padding: 80px 0;}
.picturelist li{width:23.5%;position: relative;margin-right: 2%;}
.picturelist li:nth-child(4n+4){margin-right: 0;}
.picturelist li .pic a{width:90%;padding:15px;overflow:hidden;position:relative;display:flex;align-items:center;justify-content:center;background:#f5f5f5}
.picturelist li .pic::after{width:0;height:2px;content:"";background:#000;transition:all .5s ease;position:absolute;bottom:0;left:50%}
.picturelist li:hover .pic::after{width:100%;transition:all .5s ease;margin-left:-50%}
.picturelist li .pic img{max-width:100%;max-height:100%;transition:all .5s ease}
.picturelist li:hover img{transition:all .5s ease;transform:scale(1.04);}
.picturelist li .text{height:50px;line-height: 50px;}
.picturelist li p{padding:0 20px;text-align:center;font-size:16px;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 1;overflow: hidden;}
.picturelist li:hover p {color: #000;}
@media screen and (max-width:1080px){
.picturelist{padding: 50px 0;}
}
@media screen and (max-width:768px){
.picturelist{padding: 30px 0;}
.picturelist li{width: 48%;}
.picturelist li:nth-child(odd){margin-right: 4%;}
.picturelist li:nth-child(even){margin-right: 0;}
.picturelist li .pic a{width: auto;height: 140px;padding: 10px;}
.picturelist li .text{height:40px;line-height: 40px;}
.picturelist li p{font-size: 14px;height: 40px;}
}

/* z_tanchuang */
.z_tanchuang{position:fixed;display:table;height:100%;width:100%;top:0;left:0;transform:scale(0);-webkit-transform:scale(0);z-index:9999;}
.z_tanchuang .tbox{display:table-cell;background:rgba(0,0,0,0.8);text-align:center;vertical-align:middle}
.z_tanchuang .tbox .modal{background:white;padding:50px;display:block;border-radius:5px;position:relative;width:90%;max-width:1200px;max-height:90%;margin:0 auto}
.z_tanchuang .tbox .modal .out{position:absolute;width:40px;height:40px;line-height:40px;background:#fff url(../images/out.png) center no-repeat;background-size:20px;color:#000;font-size:30px;text-align:center;border-radius:50%;top:0;right:-50px;cursor:pointer;transition: ease 0.6s;}
.z_tanchuang .tbox .modal .img{width:100%;max-width:600px;margin:0 auto}
.z_tanchuang .tbox .modal .img video{display:block;width:100%;max-width:100%;object-fit:cover;outline: none;}
.z_tanchuang .tbox .modal .img img{margin:0 auto}
.z_tanchuang .tbox .modal .out:hover{background:#fff url(../images/out.png) center no-repeat;background-size:20px;transform:rotate(180deg);-webkit-transform:rotate(180deg)}
.z_tanchuang .tbox .modal2{padding:20px}
.z_tanchuang .tbox .modal .img{max-width:1200px}
.z_tanchuang.one{transform:scaleY(0.01) scaleX(0);animation:unfoldIn 1s cubic-bezier(0.165,0.84,0.44,1) forwards;-webkit-transform:scaleY(0.01) scaleX(0);-webkit-animation:unfoldIn 1s cubic-bezier(0.165,0.84,0.44,1) forwards}
.z_tanchuang.one .tbox .modal{transform:scale(0);animation:zoomIn .5s .8s cubic-bezier(0.165,0.84,0.44,1) forwards;-webkit-transform:scale(0);-webkit-animation:zoomIn .5s .8s cubic-bezier(0.165,0.84,0.44,1) forwards}
.z_tanchuang.one.out{transform:scale(1);animation:unfoldOut 1s .3s cubic-bezier(0.165,0.84,0.44,1) forwards;-webkit-transform:scale(1);-webkit-animation:unfoldOut 1s .3s cubic-bezier(0.165,0.84,0.44,1) forwards}
.z_tanchuang.one.out .tbox .modal{animation:zoomOut .5s cubic-bezier(0.165,0.84,0.44,1) forwards;-webkit-animation:zoomOut .5s cubic-bezier(0.165,0.84,0.44,1) forwards}
@keyframes unfoldIn{
0%{transform:scaleY(0.005) scaleX(0)}
50%{transform:scaleY(0.005) scaleX(1)}
100%{transform:scaleY(1) scaleX(1)}
}
@keyframes zoomIn{
0%{transform:scale(0)}
100%{transform:scale(1)}
}
@keyframes zoomOut{
0%{transform:scale(1)}
100%{transform:scale(0)}
}
@keyframes unfoldOut{
0%{transform:scaleY(1) scaleX(1)}
50%{transform:scaleY(0.005) scaleX(1)}
100%{transform:scaleY(0.005) scaleX(0)}
}
@-webkit-keyframes zoomIn{
0%{transform:scale(0)}
100%{transform:scale(1)}
}
@-webkit-keyframes zoomOut{
0%{transform:scale(1)}
100%{transform:scale(0)}
}
@-webkit-keyframes unfoldOut{
0%{transform:scaleY(1) scaleX(1)}
50%{transform:scaleY(0.005) scaleX(1)}
100%{transform:scaleY(0.005) scaleX(0)}
}
@-webkit-keyframes unfoldIn{
0%{transform:scaleY(0.005) scaleX(0)}
50%{transform:scaleY(0.005) scaleX(1)}
100%{transform:scaleY(1) scaleX(1)}
}
@media(max-width:960px){
.z_tanchuang .tbox .modal{padding:10px}
.z_tanchuang .tbox .modal .out{width:30px;height:30px;top:-50px;right:-2px;background-size: 14px;}
.z_tanchuang .tbox .modal .out:hover{background-size: 14px;}
}



/* videolist */
.videolist{padding: 80px 0;}
.videolist .item{width: 23.5%;margin-bottom: 2%;position: relative;margin-right: 2%;transition: all .5s ease-out 0s;}
.videolist .item:nth-child(4n+4){margin-right: 0;}
.videolist .item .pic{overflow: hidden;position: relative;}
.videolist .item .play{position: absolute;left: 50%;top: 36%;transform: translate(-50%,-50%);}
.videolist .item .play img{width: 50px;}
.videolist .item .text{font-size: 18px;font-weight: bold;text-align: center;padding: 10px 0;line-height: 30px;border: 1px solid #e3dddd;}
.videolist .item:hover{box-shadow: 0 5px 10px rgba(130,130,130,0.3);transform: translate(0,-10px);}
@media only screen and (max-width:1080px){
.videolist{padding: 50px 0;}
}
@media only screen and (max-width:768px){
.videolist{padding: 30px 0;}
.videolist .item{width: 48%;margin-bottom: 4%;}
.videolist .item:nth-child(odd){margin-right: 4%;}
.videolist .item:nth-child(even){margin-right: 0;}
.videolist .item .text{padding: 10px 0;font-size: 14px;line-height:20px;}
.videolist .item .play{top: 40%;}
.videolist .item .play img{width: 30px;}
}

