@charset "utf-8";
/* CSS Document */

/**/
@media all and (max-width: 750px) {
.c_nav{display: flex;}
.m_center{width:96%; height: auto; margin: 0 auto;}

/**/
.top{width: 100%; height:50px; background:rgba(255,255,255,.9); position: fixed; top: 0; left: 0; z-index: 9999; padding: 0 2%; transition: all .6s ease 0s;color: #fff;}
.logo{width:80%; height: 50px;}
.nav{width:100%; height:calc(100vh - 50px); line-height:50px; font-size:0px; text-align: left; float: inherit; position: fixed; left: -100%; top: 50px; z-index: 888; background:rgba(255,255,255,.9);}
.nav a{display:block; width: 100%; height: 51px; line-height: 50px; border-bottom: 1px solid rgba(0,0,0,.2); font-size: 16px; color: #525252; margin-left: 0; padding: 0 2%;}
	
/* banner */
.in_banner{width:100%; height:calc(100vw * .5625); margin:0 auto 0; overflow: hidden;}
.in_banner .swiper-slide{position: relative;}
.in_banner .in_bannera{bottom:5px; height: 5px;}
.in_banner .in_bannera .swiper-pagination-bullet{width: 5px; height: 5px;}
	
.in_title{margin:35px auto 30px;}
.in_title div{font-size: 0; margin-bottom: 10px;}
.in_title div em{width: 40px; height: 2px; }
.in_title div span{font-size:24px; color: #525252; margin: 0 15px;}

.in_aboutimg{width: 100%; height: auto; float: inherit; overflow: hidden;}
.in_abouttxt{width: 100%; height: auto; float: inherit; overflow: hidden;}
.in_abouttxta{line-height: 1.2; font-size:18px; padding: 15px 0 15px; text-transform: uppercase;}
.in_abouttxta span{display: block; width: 18px; height: 4px; background: #9d4400; margin: 15px 0 10px; overflow: hidden;}
.in_abouttxta p{font-size:20px; color: #9d4400; font-weight: 400; letter-spacing: 5px;}
.in_abouttxtb{width: 100%; height: auto; background: #f5f5f5; padding:15px; font-size: 14px; line-height:26px; color: #777777; overflow: hidden; margin-bottom: 20px;}
.in_abouttxtc{margin-bottom: 20px;}	

.inbg{width: 100%; height: auto; padding:0 0 40px; background: #f5f5f5; overflow: hidden;}
.in_case{width: 96%; height: auto; margin: 0 auto; overflow: hidden;}
.in_case .in_caseli{width: 100%; height: auto; float: left; margin-right: 0; text-align: center; line-height: 1; overflow: hidden;}
.in_caselia{width: 100%; height:auto; transition: all .5s ease 0s;}
.in_case .in_casea{ bottom:0px; margin-top:30px; text-align: center;}

.in_zzryw{width: 100%; height: auto; position: relative; overflow: hidden;}
.in_zzryul{width: 96%; height: auto; margin: 0 auto; overflow: hidden;}
.in_zzryul .in_zzryli{width: 100%; height: auto; overflow: hidden;}
.in_zzryul .in_zzryli div{width:calc(50% - 7.5px); height:calc((100vw * .96 / 2  - 7.5px) * .75); float: left; margin: 0 0 12px 0; overflow: hidden; line-height: 1;}
.in_zzryul .in_zzryli div:nth-child(5n - 4){width: 100%; height: auto; margin-right: 0;}
.in_zzryul .in_zzryli div:nth-child(3n),.in_zzryul .in_zzryli div:nth-child(5n){margin-left:0; float: right;}
.in_zzryul .in_zzryli div:hover{border: 2px solid #9d4400;}
.in_zzryul_l,.in_zzryul_r{display: none;}

.in_newsl{width: 100%; height: auto; float: inherit; line-height: 1; margin-bottom: 15px; overflow: hidden;}
.in_newsla{width: 100%; height: auto; overflow: hidden;}
.in_newslb{width: 100%; height: auto; background: #f7f7f7; padding: 0 20px; overflow: hidden;}
.in_newslb h2{width: 100%; height: 50px; line-height: 55px; font-size: 18px; font-weight: bold;color: #525252; overflow: hidden; white-space: nowrap; text-overflow:ellipsis;}


.in_newsr{width: 100%; height: auto; float: right; overflow: hidden;}
.in_newsrli{width: 100%; height:auto; margin-bottom:15px;}
.in_newsrlia{display: none;}
.in_newsrlib{width: calc(100%); height: auto; float: inherit; color: #777777;  overflow: hidden; padding: 0 20px; transition: all .5s ease 0s;}
.in_newsrlib h2{width: 100%; height:45px; line-height:45px; font-size: 18px; color: #525252; overflow: hidden; white-space: nowrap; text-overflow:ellipsis; transition: all .5s ease 0s;}

.foot{width: 100%; height: auto; background: #4b4b4b; color: #fff; line-height: 1; padding:20px 0; font-size: 14px; margin-top:40px; overflow: hidden; text-align: center;}
.foot_nav{margin-bottom: 15px; line-height: 1.5;}


/**/
.pg_top{position: fixed;}
.pg_banner{width: 100%; height:calc(100vw * .3); margin-top: 50px; background-size:auto 100%; background-position: center center; background-repeat: no-repeat;}

.pg_map{width: 100%; height: auto; line-height: 1; text-align: center; padding:15px 0 20px; font-size:24px; color: #9d4400; text-transform: uppercase; border-bottom: 1px solid #e0e0e0; overflow: hidden;}
.pg_map div{font-size: 0; margin-top: 10px;}
.pg_map div em{display: inline-block; vertical-align: middle; width:30px; height: 1px; background: #525252; overflow: hidden;}
.pg_map div span{display: inline-block; vertical-align: middle; font-size:18px; color: #525252; margin: 0 15px;}

.pg_nav{width: 100%; height: auto; padding: 25px 0 30px; overflow: hidden; text-align: center; font-size: 0;}
.pg_nav a{display: inline-block; vertical-align: top; width: auto; min-width: 135px; height: 40px; line-height: 40px; text-align: center; background: #f1f1f1; margin: 0 6px 12px; padding: 0 10px; font-size: 16px; color: #525252; overflow: hidden; transition: all .5s ease 0s;}
.pg_nav .pg_nuw,.pg_nav a:hover{background: #9d4400; color: #fff;}

.pg_fzlc{width: 100%; height: auto; background: url(../images/ig15.jpg) 74px top repeat-y; overflow: hidden;}
.pg_fzlcli{width: 100%; height:auto; margin-bottom: 20px; overflow: hidden;}
.pg_fzlclia{width:80px; height: auto; font-size: 16px; color: #9d4400; overflow: hidden; line-height: 1;}
.pg_fzlclia span{display: block; width: 10px; height: 10px; background: #9d4400; float: right; overflow: hidden; border-radius: 100%; margin-top: 3px;}
.pg_fzlclib{width: calc(100% - 90px); height: auto; float: right; background: #f5f5f5; padding:10px 25px; font-size: 14px; line-height: 32px; color: #777777; overflow: hidden;}

.pg_linksul{width: 100%; height: auto; font-size: 14px; overflow: hidden;}
.pg_linksul .pg_linksli{display:block; width:calc((100% - 20px) / 2); height:auto; line-height: 1; float: left; margin: 0 20px 20px 0; /*display:flex; flex-direction:column; flex-wrap:wrap; justify-content:center; align-items:flex-start; align-content:flex-start;*/ background:#f2f2f2;padding:2px;}
.pg_linksul .pg_linksli div{width:100%; height:100px;  background:#fff;}
.pg_linksul .pg_linksli div img{width:100%; height:100%; object-fit: contain;}
.pg_linksul .pg_linksli p{line-height:24px; text-align:center; font-size:14px; padding:10px;}
.pg_linksul .pg_linksli:nth-child(4n){margin-right:20px;}
.pg_linksul .pg_linksli:nth-child(2n){margin-right:0px;}

.pg_zzul{width: 100%; height: auto; overflow: hidden;}
.pg_zzli{width:calc(50% - 7.5px); height:calc((100vw * .96 / 2 - 7.5px) * .7526); float: left; margin: 0 0 15px 0;}
.pg_zzli img{transition: all .5s ease 0s;}
.pg_zzli:hover{padding: 8px; border: 2px solid #9d4400;}
.pg_zzli:nth-child(2n){float: right;}

.pg_newsli{width:100%; height: auto; float: inherit; line-height: 1; margin: 0 0 16px 0; overflow: hidden;}
.pg_newslia{width: 100%; height: auto; overflow: hidden;}
.pg_newslib{width: 100%; height: auto; background: #f7f7f7; padding: 0 15px 15px; overflow: hidden;}
.pg_newslib h2{width: 100%; height: 50px; line-height: 55px; font-size: 18px; color: #525252; overflow: hidden; white-space: nowrap; text-overflow:ellipsis;}
.pg_newslib p{line-height: 24px; color: #777777; font-size: 14px;}
.pg_newslib div{line-height: 26px; color: #777777; font-size: 14px; margin: 10px 0 15px;}
.pg_newsli:hover .pg_newslib h2{color: #9d4400;}
.pg_newsli:nth-child(3n){margin-right: 0;}

.pg_videoli{width:100%; height: auto; float: left; line-height: 1; margin: 0 0 20px 0; overflow: hidden;}
.pg_videolia{width: 100%; height:auto; overflow: hidden;}
.pg_videolib{width: 100%; height: auto; padding:10px 0 0; overflow: hidden;}

.pg_ygfcli{width:100%; height:auto; overflow: hidden; float: left; margin: 0 0 20px 0;}
.pg_ygfcli img{width: 100%; height: auto; transition: all .5s ease 0s;}


.pg_jrwmli{width: 100%; padding:20px;  float: inherit; transition: all .5s ease 0s;}
.pg_jrwmli:nth-child(2n){float: inherit;}	

/*PAGE*/
.s_newstitle{width: 100%; height: auto; text-align: center; font-size:16px; color: #333333; font-weight: bold; margin:30px 0 25px;}
.s_newstitle div{width: 100%; height:auto; padding: 10px 0; background: #f2f2f2; margin-top:15px; font-size: 14px; color: #666666; font-weight: 200;}
.s_newstitle div span{margin: 0 5px;}	
	
}
/* max 750 end */