@charset "utf-8";
/* CSS Document */
html,body{background: #fff; -webkit-user-select: none; user-select: none;}
img{max-width: 100%; max-height: 100%;}
.m_center{width:1200px; height: auto; margin: 0 auto;}
/**/
.top{width: 100%; height:100px; background:rgba(255,255,255,.8); position: fixed; top: 0; left: 0; z-index: 9999; transition: all .6s ease 0s;color: #fff; padding: 0 10.9375%;}
.logo{width:28%; height:100px; float: left; display: flex; flex-direction:row; flex-wrap:wrap; justify-content:flex-start; align-items:center; align-content:center; overflow: hidden; color: #fff; font-size: 16px;}
.logo img{max-width:100%; height: auto; overflow: hidden;}
.nav{width:auto; height:100px; line-height: 100px; font-size:0px; text-align: right; float: right;}
.nav a{display: inline-block; vertical-align: top; font-size: 16px; color: #525252; margin-left: calc(100vw * .052);}
.nav a:hover,.nav .nuw{color: #9d4400; font-weight: bold;}
.nav a:first-child{margin-left: 0;}

/* mobile nav 触发样式 */
.c_nav{width:30px; height:30px; background: none; border-radius: 5px; overflow: hidden; position: absolute; top: 50%; right: 0; z-index: 999; margin-top: -15px; cursor: pointer; display:none; flex-direction:column; flex-wrap:wrap; justify-content:center; align-items:center; align-content:center; transition: all .4s ease 0s;}
.c_nav span{display: block; width:20px; height: 2px; background: #333; margin:2px auto; overflow: hidden; transform:rotate(0deg); transition: all .4s ease 0s;}
.c_nuw{border-radius: 100%; border: 1px solid #ccc; transform:rotate(360deg);}
.c_nuw span:nth-child(1){transform:rotateZ(45deg)translate(1px,0px); transform-origin: center; width:20px; margin: 0;}
.c_nuw span:nth-child(2){transform:rotateY(180deg); opacity: 0; display: none;}
.c_nuw span:nth-child(3){transform:rotateZ(-45deg)translate(1px,-1px); transform-origin: center; width:21px; margin: 0;}

/* banner */
.in_banner{width:100%; height:740px; position: relative; line-height: 1; text-transform: uppercase; margin:0 auto; overflow: hidden;}
.in_banner .swiper-slide{position: relative;}
.in_banner .swiper-slide a{display: block; width: 100%; height: 100%; background-size:auto 100%; background-position: center center; background-repeat: no-repeat;}
.in_banner .in_bannera{width: 100%; height: 10px; vertical-align: top; bottom:30px; position: absolute; z-index: 3; text-align: center;}
.in_banner .in_bannera .swiper-pagination-bullet{display: inline-block; vertical-align: top; width: 10px; height: 10px; margin: 0 5px; background: #fff; opacity: 1;}
.in_banner .in_bannera .swiper-pagination-bullet-active{background: #9d4400;}

.in_title{width: 100%; height: auto; line-height: 1; overflow: hidden; text-align: center; margin: 65px auto 50px; font-size: 14px; color: #777777;}
.in_title div{font-size: 0; margin-bottom: 15px;}
.in_title div em{display: inline-block; vertical-align: middle; width: 60px; height: 2px; background: #525252; overflow: hidden;}
.in_title div span{display: inline-block; vertical-align: middle; font-size: 30px; color: #525252; margin: 0 35px;}

.in_aboutimg{width: 514px; height: 378px; float: left; overflow: hidden;}
.in_abouttxt{width: 646px; height: auto; float: right; overflow: hidden;}
.in_abouttxta{width: 100%; height: auto; line-height: 1; font-size: 22px; color: #525252; font-weight: bold; padding: 10px 0 20px; text-transform: uppercase;}
.in_abouttxta span{display: block; width: 18px; height: 4px; background: #9d4400; margin: 25px 0 20px; overflow: hidden;}
.in_abouttxta p{font-size: 30px; color: #9d4400; font-weight: 400; letter-spacing: 5px;}
.in_abouttxtb{width: 100%; height: 200px; background: #f5f5f5; padding: 30px 15px; font-size: 14px; line-height: 30px; color: #777777; overflow: hidden; margin-bottom: 20px;}
.in_abouttxtc{display: block; width: 210px; height: 20px; line-height: 20px; font-size: 14px; color: #9d4400; text-align: right; background: url(../images/in5.png) left center no-repeat; overflow: hidden; text-transform: uppercase;}

.inbg{width: 100%; height: auto; padding:0 0 40px; background: #f5f5f5; overflow: hidden;}
.in_case{width: 1200px; height: auto; margin: 0 auto; overflow: hidden;}
.in_case .in_caseli{width: 375px; height: auto; float: left; margin-right: 35px; text-align: center; line-height: 1; overflow: hidden;}
.in_caselia{width: 100%; height: 280px; transition: all .5s ease 0s;}
.in_caselib h2{font-size: 18px; line-height:45px; color:#525252;}
.in_caselib div{font-size: 14px; line-height: 22px; color: #777777; text-align: left;}
.in_case .in_caseli:hover .in_caselia{padding: 8px; border: 2px solid #9d4400;}
.in_case .in_casea{width: 100%; height: 10px; vertical-align: top; bottom:30px; position:inherit; z-index: 3; margin-top: 50px; text-align: center;}
.in_case .in_casea .swiper-pagination-bullet{display: inline-block; vertical-align: top; width:8px; height:8px; margin: 0 6px; background: #525252; opacity: 1;}
.in_case .in_casea .swiper-pagination-bullet-active{background: #9d4400;}

.in_zzryw{width: 100%; height: auto; position: relative; overflow: hidden;}
.in_zzryul{width: 1200px; height: auto; margin: 0 auto; overflow: hidden;}
.in_zzryul .in_zzryli{width: 100%; height: 429px; overflow: hidden;}
.in_zzryul .in_zzryli div{width: 277px; height: 208px; float: left; margin: 0 0 12px 0; overflow: hidden; line-height: 1;}
.in_zzryul .in_zzryli div:nth-child(5n - 4){width: 570px; height: 429px; margin-right: 43px;}
.in_zzryul .in_zzryli div:nth-child(3n),.in_zzryul .in_zzryli div:nth-child(5n){margin-left:33px;}
.in_zzryul .in_zzryli div:hover{border: 2px solid #9d4400;}
.in_zzryul_l,.in_zzryul_r{width:42px; height: 42px; line-height: 42px; text-align: center; background:#9d4400; color:rgba(255,255,255,.5); font-size:36px; position: relative; position: absolute; top: 50%; left:calc(100vw * .07); margin-top: -21px; z-index: 5; cursor: pointer; transition: all .5s ease 0s;}
.in_zzryul_l:hover,.in_zzryul_r:hover,.in_zzryul_l:hover:after,.in_zzryul_r:hover:after{background: #9d4400; color: #fff;}
.in_zzryul_r{left:inherit; right:calc(100vw * .07);}

.in_newsl{width: 415px; height: auto; float: left; line-height: 1; overflow: hidden;}
.in_newsla{width: 100%; height: 260px; overflow: hidden;}
.in_newslb{width: 100%; height: 220px; 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_newslb p{line-height: 24px; color: #777777; font-size: 14px;}
.in_newslb div{line-height: 26px; color: #777777; font-size: 14px; margin: 10px 0 15px;}
.in_newsl:hover .in_newslb h2{color: #9d4400;}

.in_newsr{width: 750px; height: auto; float: right; overflow: hidden;}
.in_newsrli{width: 100%; height:142px; background: #f7f7f7; overflow: hidden; transition: all .5s ease 0s; line-height: 1; margin-bottom: 27.5px;}
.in_newsrlia{width: 226px; height: 142px; float: left; overflow: hidden; transition: all .5s ease 0s;}
.in_newsrlia img{width: 100%; height: 100%; max-width: inherit; max-height: inherit; transition: all .5s ease 0s;}
.in_newsrlib{width: calc(100% - 226px); height: 142px; float: right; 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;}
.in_newsrlib p{line-height: 24px;font-size: 14px; margin-bottom: 5px;}
.in_newsrlib div{line-height: 26px; font-size: 14px; margin: 0px 0 15px;}
.in_newsrli:hover{background: #9d4400;}
.in_newsrli:hover .in_newsrlia{padding: 5px;}
.in_newsrli:hover .in_newsrlib,.in_newsrli:hover .in_newsrlib h2{color: #fff;}
.in_newsrli:last-child{margin-bottom: 0;}

.foot{width: 100%; height: auto; background: #4b4b4b; color: #fff; line-height: 1; padding:30px 0; font-size: 14px; margin-top:60px; overflow: hidden; text-align: center;}
.foot_nav{margin-bottom: 15px;}
.foot_nav a{color: #fff; margin-right:8px;}
.foot_nav a:before{content: ""; display: inline-block; vertical-align: middle; width: 0; height: 12px; border-left: 1px solid #626262; border-right: 1px solid #262626; margin-right:15px;}
.foot_nav a:first-child:before{display: none;}
.foot a:hover{text-decoration: underline;}
.foot_txtaa a{margin: 0 15px; display: inline-block; vertical-align: top; width: 26px; height: 26px; margin-bottom: 25px;}
.foot_txt{font-size: 12px; line-height: 24px; color: #bbbbbb;}

/**/
.pg_top{position: inherit;}
.pg_banner{width: 100%; height: 320px; 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: 60px; height: 1px; background: #525252; overflow: hidden;}
.pg_map div span{display: inline-block; vertical-align: middle; font-size:18px; color: #525252; margin: 0 25px;}

.pg_nav{width: 100%; height: auto; padding: 25px 0 40px; 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; 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) 96px top repeat-y; overflow: hidden;}
.pg_fzlcli{width: 100%; height:auto; margin-bottom: 20px; overflow: hidden;}
.pg_fzlclia{width: 102px; height: auto; font-size: 16px; color: #9d4400; overflow: hidden; float: left; 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% - 145px); height: auto; float: right; background: #f5f5f5; padding:10px 25px; font-size: 14px; line-height: 32px; color: #777777; overflow: hidden;}

.s_text{font-size:14px; line-height: 30px; color: #525252;}
.pg_linksul{width: 100%; height: auto; font-size: 14px; overflow: hidden;}
.pg_linksul .pg_linksli{display:block; width:calc((100% - 60px) / 4); 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:140px;  background:#fff;}
.pg_linksul .pg_linksli div img{width:100%; height:100%; object-fit: contain;}
.pg_linksul .pg_linksli p{line-height:40px; text-align:center; font-size:14px;}
.pg_linksul .pg_linksli:nth-child(4n){margin-right:0;}


.pg_zzul{width: 100%; height: auto; overflow: hidden;}
.pg_zzli{width: 372px; height: 280px; float: left; margin: 0 42px 20px 0; overflow: hidden; transition: all .5s ease 0s; display:flex; flex-direction:column; flex-wrap:wrap; justify-content:center; align-items:center; align-content:center}
.pg_zzli img{transition: all .5s ease 0s;}
.pg_zzli:hover{padding: 8px; border: 2px solid #9d4400;}
.pg_zzli:nth-child(3n){margin-right: 0;}


.pg_newsli{width:391px; height: auto; float: left; line-height: 1; margin: 0 13.5px 16px 0; overflow: hidden;}
.pg_newslia{width: 100%; height: 246px; overflow: hidden;}
.pg_newslib{width: 100%; height: 220px; background: #f7f7f7; padding: 0 20px; 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:391px; height: auto; float: left; line-height: 1; margin: 0 13.5px 25px 0; overflow: hidden;}
.pg_videolia{width: 100%; height:220px; overflow: hidden;}
.pg_videolib{width: 100%; height: auto; padding:15px 0 0; overflow: hidden;}
.pg_videolib h2{width: 100%; height:30px; line-height: 30px; font-size: 16px; color: #525252; overflow: hidden; white-space: nowrap; text-overflow:ellipsis; background: url(../images/in7.png) left center no-repeat; padding-left: 35px;}
.pg_videolib p{line-height: 24px; color: #777777; font-size: 14px; text-align: center; margin-top: 5px;}
.pg_videoli:hover .pg_videolib h2{background: url(../images/in6.png) left center no-repeat; color: #9d4400; font-weight: bold;}
.pg_videoli:nth-child(3n){margin-right: 0;}

.pg_ygfcli{width:372px; height:auto; overflow: hidden; float: left; margin: 0 42px 20px 0;}
.pg_ygfcli img{width: 100%; height: 280px; transition: all .5s ease 0s;}
.pg_ygfcli p{width: 100%; height:40px; line-height: 40px; text-align: center; color: #232017; font-size: 16px;}
.pg_ygfcli:hover p{color: #9d4400; font-weight: bold;}
.pg_ygfcli:nth-child(3n){margin-right: 0;}

.pg_jrwmli{width: 577px; height: auto; min-height: 700px; border: 1px solid #e7e7e7; overflow: hidden; padding: 40px; margin-bottom: 20px; float: left; transition: all .5s ease 0s;}
.pg_jrwmlia{line-height: 1; font-size: 20px; font-weight: bold; border-bottom: 1px solid #e7e7e7; padding-bottom: 20px; margin-bottom: 20px;}
.pg_jrwmli:hover{background: #f5f5f5; border-color: #f5f5f5;}
.pg_jrwmli:nth-child(2n){float: right;}

.pg_case .in_caseli{margin-bottom:30px;}
.pg_case .in_caseli:nth-child(3n){margin-right: 0;}

.s_newstitle{width: 100%; height: auto; text-align: center; font-size:20px; color: #333333; font-weight: bold; margin:30px 0 35px;}
.s_newstitle div{width: 100%; height:auto; color: #9d4400; padding: 10px 0; background: #f2f2f2; margin-top:10px; font-size: 14px; font-weight: 200;}
.s_newstitle div span{margin: 0 50px;}


/**/
.mta{margin-bottom: 60px;}

/*分页*/
.pg_fy{width: 100%; height: auto; text-align: center; margin:40px auto 0px; overflow: hidden;}
.pg_fy a{display: inline-block; vertical-align: top; width:auto; padding: 0 10px; height:28px; line-height: 26px; text-align: center; border: 1px solid #dddddd; font-size: 14px; color: #777777; margin: 0 3px; transition: all .6s ease 0s;}
.pg_fy a:hover,.pg_fy .pg_fnuw{border-color: #9d4400; background: #9d4400; color: #fff;}
.pg_fy .pg_fyddd{border:none;}