*{margin:0px; padding:0px; list-style:none; outline:none; font-family:Inter,SF Pro Text,Roboto,Helvetica Neue,Helvetica,Tahoma,Arial,PingFang SC,Microsoft YaHei;}
*{-webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box;/*边距边框包含在宽里面css3*/}
html{font-size:62.5%;/*10 ÷ 16 × 100% = 62.5%*/}
body{font-size:1.4rem;/*1.4 × 10px = 14px */ line-height:28px; color:#555; background:#FFF; overflow-x:hidden;}
html,body{height:100%;} 
img{border:0px; max-width:100%;}
a{color:#333; text-decoration:none; transition:0.3s; -webkit-transition:0.3s; -moz-transition:0.3s; }
a:hover{color:#0b6ea6;}
a, a:hover, a:visited, a:link, a:active , a:focus{
    text-decoration: none;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
.clear{clear:both; height:0px; font-size:0px;}



@font-face
{
font-family:lantingchaoxi;
src: url('../font/FZLTCXHJW.ttf'),
     url('../font/FZLTCXHJW.eot'); /* IE9+ */
}

@font-face
{
font-family:dincond;
src: url('../font/dincond.ttf'),
     url('../font/dincond.eot'),
	 url('../font/dincond.otf'); /* IE9+ */
}

@font-face
{
font-family:PingFang;
src: url('../font/PingFang.ttf');
}


/*滚动条整体样式*/
body::-webkit-scrollbar { 
 width: 4px; /*高宽分别对应横竖滚动条的尺寸*/
 height: 4px;
}
/*滚动条里面小方块*/
body::-webkit-scrollbar-thumb { 
 border-radius: 5px;
 -webkit-box-shadow: inset 0 0 5px rgba(250, 84, 84, 0.9);
 background: #e84545;
}
/*滚动条里面轨道*/
body::-webkit-scrollbar-track { 
 -webkit-box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2);
 border-radius: 0;
 background: #000;
}

.timea{transition:0.5s; -webkit-transition:0.5s; -moz-transition:0.5s;}

.color_a{color:#c4251c;}

.touying{-moz-box-shadow:0px 0px 10px rgba(0, 0, 0, 0.2); -webkit-box-shadow:0px 0px 10px rgba(0, 0, 0, 0.2); box-shadow:0px 0px 10px rgba(0, 0, 0, 0.2);}

.w1920{width:100%;}
.w1700{max-width:1700px; margin:0px auto; padding:0px 140px}
.w1400{max-width:1400px; margin:0px auto;}
.w1200{max-width:1200px; margin:0px auto;}
.relativea{position:relative;}
.hidden{overflow:hidden;}

@media screen and (max-width:1700px){
	.w1700{padding:0px 100px !important;}
	.w1400{padding:0px 20px !important;}
}


@media screen and (max-width:1400px){
	.w1400{padding:0px 50px !important;}
	html{font-size:55% !important;}
}

@media screen and (max-width:1200px){
	html{font-size:52% !important;}
	.w1700{padding:0px 30px !important;}
	.w1400{padding:0px 30px !important;}
	.w1200{padding:0px 30px !important;}
}

@media screen and (max-width:749px){
	.w1700{padding:0px 10px !important;}
	.w1400{padding:0px 10px !important;}
	.w1200{padding:0px 10px !important;}
}

/*inputyangshi*/
input:-moz-placeholder,  
textarea:-moz-placeholder{color:#bbb;}  
input:-ms-input-placeholder,  
textarea:-ms-input-placeholder{color:#bbb;}  
input::-webkit-input-placeholder,  
textarea::-webkit-input-placeholder{color:#bbb;}


@media screen and (max-width:1400px){
.top_logo img{ height: 50px !important; margin-top: 3rem !important;}
}

@media screen and (max-width:1199px){
	.top_w{display:none !important;}
	.top_sj{display:block !important;}
}

.top_w{width: 100%; height: 100px;}
.top_logo{float: left;}
.top_logo img{ height: 59px; margin-top: 2rem; display: block;}


/*web dh*/
@media screen and (max-width:1600px){
.ind_dh{margin-right:2% !important;}
.ind_dh ul li{padding:0 0px !important;}
.ind_dh ul li span{padding:0 2rem !important;}
}

@media screen and (max-width:1300px){
.ind_dh ul li span{padding:0 1.2rem !important;}
}
.ind_dh{height:85px; float:right; margin-right:2%;}
.ind_dh ul{padding:0;}
.ind_dh ul li{height:100px; text-align:center; padding:0 2px; float:left; position:relative;}
.ind_dh ul li span{display:block; padding:0 2rem;}
.ind_dh ul li span a{font-size:1.8rem; line-height:100px; color:#333; display:block;}
.ind_dh ul li .span01 a{color:#333;}
.ind_dh ul li span a i{margin-right:5px; font-size:1.8rem; vertical-align:-2px;}
.ind_dh ul li:hover span a{color:#0b6ea6;}
.ind_dh ul li .m_hover{color:#0b6ea6 !important;}
.ind_dh ul li div{width:auto; height:0px; opacity:0; -moz-opacity:0; filter:alpha(opacity=0); text-align:left; position:absolute; top:100px; left:50%; transform:translateX(-50%); -ms-transform: translateX(-50%); -webkit-transform:translateX(-50%); z-index:9999; transition:all 0.5s; padding:0 3rem; overflow:hidden;}
.ind_dh ul li div p{display:flex; display:-webkit-flex;}
.ind_dh ul li div a{display:block; text-align:center; line-height:45px; color:#fff; font-size:1.4rem; padding:0 3rem; white-space:nowrap; flex-wrap:nowrap;background:rgba(0,0,0,.4);}
.ind_dh ul li div a:hover{background:rgba(205,92,0,.6); color:#fff;}
.ind_dh ul li .divon{height:auto; overflow:visible; top:100px; opacity:1; -moz-opacity:1; filter:alpha(opacity=100);}
/*web dh*/

@media screen and (max-width:949px){
	.top_sjhd{display:block !important;}
	.top_sj .tel_sj{right:12% !important;}
}
@media screen and (max-width:750px){
	.top_sj .logo{padding-top:1.8rem !important;}
	.top_sj .logo img{max-height:3.8rem !important;}
	.top_sj .tel_sj{display: none !important;}
}

.top_sj{width:100%; height:60px; background:#fff; display:none; position:relative; box-shadow:0 1px 2px rgba(0,0,0,.1);}
.top_sj .logo{margin-left:3%; padding-top:1.2rem;}
.top_sj .logo img{max-height:5rem; display:block;}
.top_sj .tel_sj{ line-height:60px; font-size:1.8rem; position:absolute; right:15%; top:0px; margin:0 !important;}
.sj_dh{font-size:3rem; color:#555; display:block; position:absolute; right:4%; top:50%; transform:translateY(-50%); -ms-transform: translateY(-50%); -webkit-transform:translateY(-50%);}
.top_sjhd{height:60px; display:none;}

/*daohang*/
.sj_navbj{width:100%; height:100%; background:rgba(0,0,0,0.6); position:fixed; left:0; top:0; z-index:999; display:none;}
.sj_nav{width:80%; height:100%; background:#FFF; overflow-y:auto; position:absolute; top:0; right:-150%;}
.sj_nav dt{line-height:10rem; font-size:2rem; padding:0 10%; border-bottom:#eee 1px solid;}
.sj_nav dt i{font-size:3rem; vertical-align:-2px; margin-right:5px;}
.gbnav{font-size:3.4rem !important; position:absolute; right:15px; top:0px;}
.sj_nav dd{padding:0 10%;}
.sj_nav dd span{line-height:5rem; font-size:1.8rem; display:block; border-bottom:1px #ddd solid;}
.sj_nav dd span i{font-size:2.6rem; margin-right:10px; vertical-align:middle; display:inline-block;}
.sj_nav dd span .xlcd{font-size:2rem; margin-right:0; float:right;}
.sj_nav dd p{width:100%; display:none;}
.sj_nav dd p a{ padding-left:2rem; line-height:4rem; font-size:1.6rem; display:block; border-bottom:1px #eee solid;}
.sj_nav dd p a i{margin-right:5px;}
.sj_nav .navtel{padding:6% 10% 0 10%; line-height:2.4rem; font-size:1.8rem; display:flex;}
.sj_nav .navtel i{ font-size:2.2rem; margin-right:5px;}

.sj_nav .navfgs{padding:6% 10% 0 10%; line-height:2.4rem; font-size:1.8rem;}
.sj_nav .navfgs a{color:#0569af;}
.sj_nav .navfgs i{font-size:2.2rem; margin-right:5px;}


/*banner*/
@media screen and (max-width:1200px){
	.banner{display:none !important;}
	.banner_sj{display:block !important;}
}

.banner{height:auto; overflow:hidden; background:#fff; position:relative;}
.banner img{width:100%; height:auto; display:block;}
.banner_nr{width:100%; height:100%; position: relative;}

.banner_sj{overflow:hidden; background:#fff; position:relative; display:none;}
.banner_sj img{width:100%; height:auto; display:block;}
.banner_sjnr{width:100%; height:auto; position: relative;}

/*swiper dian*/
@media screen and (max-width:750px){
.swiper-pagination-bullet{width:20px !important; height:2px !important; border-radius: 0 !important;}
}
.swiper-pagination-bullet{width:10px; height:10px; border-radius: 50%;}
.swiper-pagination-bullets{bottom:1% !important;}
.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{background:#ff6a00;}

/*swiper banner_jiantou*/
.banner_btn_l,.banner_btn_r{width:5rem; height:5rem; border-radius:50%;background:rgba(0,0,0,0.3);}
.banner_btn_l:hover,.banner_btn_r:hover{background:rgba(0,0,0,0.5);}
.banner_btn_l i,.banner_btn_r i{line-height: 5rem; text-align: center; color:#FFF; display: block; margin: 0 auto;}

.banner_btn_l{position: absolute; top:49%; left:5rem; z-index: 99; cursor: pointer;}
.banner_btn_r{position: absolute; top:49%; right:5rem; z-index: 99; cursor: pointer;}

/*swiper banner_sj_jiantou */
.adsj_btn_l,.adsj_btn_r{width:2rem; height:2rem; border-radius:50%; background:rgba(0,0,0,0.0);}
.adsj_btn_l i,.adsj_btn_r i{line-height: 2rem; text-align: center; color:#ccc; display: block; margin: 0 auto;}

.adsj_btn_l{position: absolute; top:49%; left:1.4rem; z-index: 99; cursor: pointer;}
.adsj_btn_r{position: absolute; top:49%; right:1.4rem; z-index: 99; cursor: pointer;}
/*banner end************/

/*banner_ny end************/
@media screen and (max-width:750px){
.banner_ny{height: 150px !important;}
.banner_ny h3{line-height: 3rem !important; font-size: 2.2rem !important; padding-top: 7rem !important;}
.banner_ny span{font-size: 1.4rem !important;}
}
.banner_ny{ width: 100%; height: 350px; text-align: center; color: #FFFFFF;}
.banner_ny h3{ line-height: 5rem; font-size: 3rem; padding-top: 14rem;}
.banner_ny span{font-size: 2rem; display: block;}
/*banner_ny end************/

/*ind**********************************************************/
/*ind_biaoti*/
@media screen and (max-width:750px){
.ind_bta h1{line-height: 3rem !important; font-size:3rem !important;}
}
.ind_bta{ text-align:center;}
.ind_bta h1{line-height: 4rem; font-size:4rem; color: #000000;}
.ind_bta span{width: 4rem; height: 3px; background: #b82122; display: block; margin: 1.4rem auto;}
.ind_bta p{line-height: 2.5rem; font-size: 1.6rem;}
/*ind_biaoti end*/

/*ind_more*/
.ind_morea{width: 25rem; line-height: 5rem; border-radius: 10px; font-size: 1.6rem; display: block; text-align: center; background: #555555; color: #FFFFFF; margin: 0 auto 0 auto;}
.ind_morea:hover{background: #b82122; color: #FFFFFF;}
/*ind_more end*/

/*jianjie*/
@media screen and (max-width:750px){
	.ind_jjc{width: 100% !important; padding: 5rem 2rem 10rem 2rem !important;}
	.ind_jjc dt h2{font-size: 2.4rem !important;}
	.ind_jjc dd .dd_jj{line-height: 3rem !important; font-size: 1.6rem !important;}
	.ind_jjc dd ul{padding: 4rem 0 0 0 !important;}
	.ind_jjc dd ul li i{font-size: 5rem !important;}
	.ind_jjc dd ul li p{font-size: 1.4rem !important;}
}
.ind_jj{width: 100%; background: url("../images/inda01.jpg") top center; background-size: cover;}
.ind_jjc{width: 70%; padding: 8rem 0 15rem 0;}
.ind_jjc dt{ color: #000000; padding: 0 0 3rem 0;}
.ind_jjc dt h1{line-height: 4rem; font-size: 4rem;}
.ind_jjc dt h2{font-size: 3.2rem; padding: 2rem 0; font-weight: normal;}
.ind_jjc dt span{width: 4rem; height: 3px; background: #b82122; display: block;}
.ind_jjc dd{padding: 0;}
.ind_jjc dd .dd_jj{line-height: 4rem; font-size: 1.8rem;}
.ind_jjc dd ul{width:calc(100% + 10px); display: flex; flex-wrap: nowrap; padding: 7rem 0 0 0;}
.ind_jjc dd ul li{width: calc(25% - 10px); text-align: center;  margin-right: 10px; word-wrap: break-word;}
.ind_jjc dd ul li i{ line-height: 6rem;  font-size: 6rem; display: block; padding: 0 0 2rem 0;}
.ind_jjc dd ul li p{line-height: 2.5rem; font-size: 1.8rem;}
/*jianjie end*/

/*anli*/
@media screen and (max-width:750px){
	.ind_al ul{width:calc(100% + 10px) !important;}
	.ind_al ul li{width: calc(50% - 10px) !important; margin-right: 10px !important;  margin-bottom: 10px !important;}
}
.ind_al{width: 100%; background: #f6f6f6; padding: 7rem 0 8rem 0;}
.ind_al ul{width:calc(100% + 30px); display: flex; flex-wrap: wrap; padding: 4rem 0 2rem 0;}
.ind_al ul li{width: calc(33.33% - 30px); text-align: center;  margin-right: 30px;  margin-bottom: 30px;}
.ind_al ul li span{width: 100%; height: 0px; padding-bottom: 70%; display: block; background:#000000; overflow: hidden; position: relative;}
.ind_al ul li span img{width: 100%; min-height: 100%; display: block; position: absolute; left: 0; top:0; transition:all 0.5s;}
.ind_al ul li:hover span img{transform:scale(1.1); opacity: 0.7;}
.ind_al ul li h3{height: 6rem; line-height: 6rem; text-align: left; font-size: 1.8rem; padding: 0 6rem 0 2rem; background: #FFFFFF; font-weight: normal; overflow: hidden; position: relative;}
.ind_al ul li h3 i{position: absolute; top:0; right: 2rem; font-size: 2.4rem; color: #cccccc; display: block;}
/*anli end*/

/*xinwen*/
@media screen and (max-width:750px){
.ind_xwcl{width: 100% !important; float:none !important; margin-bottom: 2rem !important;}
.ind_xwcr{width: 100% !important; float: none !important;}
.ind_xwc dl dd img{width: 35% !important; height: 11rem !important;}
.ind_xwc dl dd span{width: 60% !important; padding-right: 2rem !important;}
.ind_xwc dl dd span font{ display: none !important;}
}
.ind_xw{width: 100%; background: url("../images/indc01.jpg") top center; background-size: cover; padding: 7rem 0 7rem 0;}
.ind_xwc{width: 100%; padding: 3rem 0 5rem 0;}
.ind_xwcl{width: 49%; float: left;}
.ind_xwcr{width: 49%; float: right;}
.ind_xwc dl{width: 100%;}
.ind_xwc dl dt{width: 100%; height: 0px; padding-bottom: 55%; background:#000000; overflow: hidden; position: relative;}
.ind_xwc dl dt img{width: 100%; min-height: 100%; display: block; position: absolute; left: 0; top:0; transition:all 0.5s;}
.ind_xwc dl dt:hover img{transform:scale(1.1); opacity: 0.7;}
.ind_xwc dl dt span{width: 100%; height: auto; padding: 1.4rem 5rem; color: #FFFFFF; display: block; position: absolute; left: 0; bottom: 0; z-index: 1; background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.9));}
.ind_xwc dl dt span font{display: block; line-height: 3rem; font-size: 1.8rem;}
.ind_xwc dl dt span h3{height: 3rem; line-height: 3rem; font-size: 2.2rem; overflow: hidden;}

.ind_xwc dl dd{width: 100%; background: #FFFFFF; margin-top: 2rem; position: relative;}
.ind_xwc dl dd:hover{box-shadow:0px 0px 10px rgba(0, 0, 0, 0.2);}
.ind_xwc dl dd img{width: 30%; height: 14rem; display: block;}
.ind_xwc dl dd span{width: 65%; display: block; padding-right: 5rem; position: absolute; top:0; right: 0;}
.ind_xwc dl dd span h3{height: 2rem; line-height: 2rem; font-size: 1.8rem; overflow: hidden; margin: 2rem 0 1.2rem 0;}
.ind_xwc dl dd span p{height: 4.4rem; line-height: 2.2rem; font-size: 1.4rem; overflow: hidden; color: #777;}
.ind_xwc dl dd span font{ font-size: 1.4rem; color: #777;}
/*xinwen end*/
/*ind end******************************************************************************************/


/*neiyeyangshi*************************************************************************/
@media screen and (max-width:1200px){
.left_navsj{ display: block !important;}
.ny_wzw{ display: none !important;}
}

.ny_wzw{width: 100%; height: 70px; background: #e5e5e5;}
.ny_wz{line-height: 7rem; float: right;}
.ny_wz i{font-size: 1.6rem; margin-right: 5px;}

/*left_ny*/
.left_nav{float: left; display:flex; flex-wrap: nowrap;}
.left_nav a{height: 50px; line-height: 50px; display:block; color: #000000; background: #FFFFFF; font-size: 1.8rem; margin:10px 20px 0 0; padding: 0 4rem; transform: skewX(-20deg);}
.left_nav .sub_a_hover{background: #1c89ca; color: #ffffff;}
/*left_ny end*/

/*left_nysj*/
.left_navsj{display:none;}
.left_navsjc{display:flex; flex-wrap:nowrap; margin:0 5px;}
.left_navsjc a{line-height:2.5rem; text-align:center; background:#999; color:#FFF; font-size:1.8rem; margin:10px 5px; padding:1.4rem 2rem; display:block; flex-grow:1;}
.left_navsjc .sub_a_hover{background:#0b6ea6;}
/*left_nysj end*/

/*tongyong_ny*/
@media screen and (max-width:750px){
.ny_c{padding: 1rem 0 !important;}
}
.ny_w{ width: 100%;}
.ny_c{ width: 100%; padding: 3rem 0;}
/*tongyong_ny end*/

/*lianxi*/
@media screen and (max-width:1500px){
.nylxc{max-width:92% !important;}
}
@media screen and (max-width:750px){
.nylxc{height:auto !important;}
.nylxc_nr{width:90% !important; position:static !important; }
.nylxc_nr dt{display:none;}
}
.nylx{ height:auto;}
.nylxc{max-width:1400px; height:0; margin:0 auto; position:relative;}
.nylxc_nr{width:40%; background:#FFF; border-radius:15px; overflow:hidden; position:absolute; top:10rem; right:0; z-index:99;}
.nylxc_nr dt{background:#183884; color:#FFF; padding:2rem 4rem;}
.nylxc_nr dt h3{font-size:2rem;}
.nylxc_nr dt p{font-size:2rem;}
.nylxc_nr dd{padding:3rem 4rem 5rem 4rem; font-size:1.6rem; line-height:4rem;}
/*lianxi end*/

/*neiyeyangshi end*************************************************************************/

/*bottom*/
@media screen and (max-width:1400px){
.bottom_bq{ text-align: center !important;}
.bottom_bq p{position:inherit !important;}
}
@media screen and (max-width:1200px){
.bottom_wnrc{margin-left: 10% !important;}
.bottom_wnrr{width: 110px !important;}
}
@media screen and (max-width:750px){
.bottom_wnrl{display: none !important;}
.bottom_wnrc{}
.bottom_wnrr{display: none !important; float: none !important; margin: 0 auto !important;}
}

.bottom_w{background:#333333; color:#cccccc; font-size:1.6rem;}
.bottom_w a{color: #cccccc;}
.bottom_w a:hover{color: #FFFFFF;}
.bottom_yqlj{width: 100%; line-height: 3rem; border-bottom: 1px #555555 solid; padding: 2rem 0 2rem 0;}
.bottom_yqlj a{color: #cccccc; padding: 0 1.6rem 0 0;}
.bottom_yqlj a:hover{color: #FFFFFF;}

.bottom_wnr{padding: 3rem 0; font-size: 1.6rem;}
.bottom_wnrl{width: 30%; float: left;}
.bottom_wnrl img{display: block; margin-top: 2rem;}
.bottom_wnrl p{ line-height: 3rem; padding: 3rem 0 0 0;}
.bottom_wnrc{ line-height: 4rem; float: left; margin-left: 20%;}
.bottom_wnrc i{margin-right: 5px;}
.bottom_wnrr{width: 140px; text-align: center; background: #FFFFFF; color: #333333; float: right;}
.bottom_wnrr img{display: block;}
.bottom_wnrr span{line-height: 2rem; padding-bottom: 1.4rem; display: block;}

.bottom_bq{width: 100%;line-height: 2.5rem; background: #292929; padding: 3rem 0;}
.bottom_bq p{position: absolute; top:0; right: 0;}

/*留言预定*/
.feed01{width:100%; height:auto;}
.feed02{width:100%; height:auto; margin:20px 0px;}
.feed02_a{width:100px; height:35px; line-height:35px; text-align:right; margin-right:10px; font-size:14px; float:left;}
.feed02_b{width:400px; height:35px; line-height:35px; float:left;}
.feed02_b span{color:#F00; font-size:16px;}
.feed02_c{width:400px; height:auto; line-height:22px; float:left;}
.feed03{height:auto; padding-left:110px; font-size:16px;}
.form01{width:380px; height:35px; line-height:35px;}
.form05{width:200px; height:35px; line-height:35px;}
.form02{width:50px; height:35px; line-height:35px;}
.form03{width:380px; height:90px; line-height:22px;}
.form04{width:100px; height:35px; cursor:pointer; margin-left:110px;}

@media screen and (max-width:960px){	
.kefu{display:none !important;}
}
.kefu{width:38px; height:auto; position:fixed; bottom:5%; right:1%; z-index:9999;}
.kefu i{font-size:2rem; line-height:38px; text-align:center; display:block; color:#FFF;}
.kefu .a01{width:38px; height:38px;  background:#999; border-radius:5px; margin-top:5px; cursor:pointer;}
.kefu .a01:hover{background:#ff6060;}
.kefu .a02{width:38px; height:38px;  background:#999; border-radius:5px; margin-top:5px; cursor:pointer; position:relative;}
.kefu .a02:hover{background:#ff6060;}
.kefu .a02 span{line-height:38px; text-align:center; white-space:nowrap; background:#ff6060; color:#FFF; border-radius:5px; position:absolute; right:40px; top:0px; z-index:999999; display:none; padding:0 10px;}
.kefu .a02:hover span{ display:block;}
.kefu .a03{width:38px; height:38px;  background:#999; border-radius:5px; margin-top:5px; cursor:pointer; position:relative;}
.kefu .a03:hover{background:#ff6060;}
.kefu .a03 .ewm{width:90px; max-width:100px; position:absolute; left:-92px; top:-10px; z-index:999999; display:none;}
.kefu .a03:hover .ewm{display:block;}



/*--详情页面--*/
@media screen and (max-width:749px){
.xq02{line-height:28px !important; padding:0 0 0rem 0 !important; font-size:2.2rem !important;}
.xq03 input{margin-left:1px !important;}
.xq03 font{display:none !important;}
.xq03 .icon-ketang{display:none !important;}
}
.xq01{width:100%; height:auto; margin:0px auto;}
.xq02{width:100%; height:auto; line-height:40px; padding:0px 0px 30px 0px; text-align:center; font-size:26px; color:#333;}
.xq03{width:100%; height:40px; line-height:40px; text-align:center; font-size:14px; background:#ececec;}
.xq03 i{margin-left: 5px;}
.xq03 input{ width: 20px; margin-right: 5px; display: inline-block;}

.xq04{width:100%; height:auto; padding:30px 0px; font-size:16px; line-height:25px;}
.xq05{width:100%; height:auto; padding-top:10px; font-size:16px; border-top:1px #CCCCCC solid;}


/**********内容样式************/
/**********纯图片展示***********/
@media screen and (max-width:1399px){	
.show_img ul li .div01 img{height:300px !important;}
}

@media screen and (max-width:1199px){	
.show_img ul li .div01 img{height:260px !important;}
}

@media screen and (max-width:749px){	
.show_img ul li{width:48% !important;}
.show_img ul li .div01 img{height:180px !important;}
.show_img ul li span{font-size:1.4rem !important; padding:0 10px !important;}
}

@media screen and (max-width:450px){	
.show_img ul li{width:48% !important;}
.show_img ul li .div01 img{height:130px !important;}
}
.show_img{width:100%; margin:0px auto; overflow:hidden;}
.show_img ul{width:103%; margin:0px auto;}
.show_img ul li{width:31%; height:auto; margin:0 2% 2% 0; position:relative; float:left;}
.show_img ul li .div01{width:100%; overflow:hidden; position:relative; background:#000;}
.show_img ul li .div01 i{width:20px; height:20px; font-size:5rem; color:#FFF; position:absolute; top:60%; left:0; right:0; margin:auto; transition:all 0.5s; opacity:0; -moz-opacity:0; filter:alpha(opacity=0);}
.show_img ul li:hover .div01 i{top:45%; opacity:0.7; -moz-opacity:0.7; filter:alpha(opacity=70);}
.show_img ul li .div01 img{width:100%; height:330px; margin:0 auto; display:block; transition:0.6s;}
.show_img ul li:hover .div01 img{transform:scale(1.2); opacity:0.5; -moz-opacity:0.5; filter:alpha(opacity=50);}
.show_img ul li span{height:50px; line-height:50px; text-align:center; display:block; font-size:1.6rem; background:#eee; padding:0 30px; overflow:hidden;}


/**********纯图片展示02***********/
@media screen and (max-width:1200px){
.show_pro ul li{width: calc(33.33% - 20px) !important;}
}
@media screen and (max-width:749px){
.show_pro ul li{width: calc(50% - 15px) !important; margin: 0 10px 10px 0 !important; padding: 10px !important;}
}

.show_pro{width: 100%;}
.show_pro ul{width: calc(100% + 20px); display: flex; flex-wrap: wrap;}
.show_pro ul li{width: calc(25% - 20px); margin: 0 20px 20px 0; padding: 20px; background: #FFFFFF; border-radius: 15px;}
.show_pro ul li:hover{ box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.1)}
.show_pro ul li span{width: 100%; height: 0px; padding-bottom: 100%; display: block; overflow: hidden; position: relative;}
.show_pro ul li span img{width: 100%; height: 100%; position: absolute; left: 0; top:0; transition:all 0.5s;}
.show_pro ul li:hover span img{transform:scale(1.1);}
.show_pro ul li h3{ height: 7.8rem; line-height: 2.5rem; font-size: 1.5rem; margin: 2rem 0 1.2rem 0; font-weight: normal; overflow: hidden;}
.show_pro ul li h4{width: 80%; line-height: 3rem; text-align: center; border: 1px #DBDBDB solid; font-size: 1.5rem; color: #333333; font-weight: normal; margin: 0 auto; padding: 0 10px; border-radius: 3rem;}
.show_pro ul li:hover h4{background: #ff6a00; border: 1px #ff6a00 solid; color: #ffffff;}

/**********新闻列表展示***********/
@media screen and (max-width:749px){	
.show_news{padding:2% 5% !important;}
.show_news ul li a{padding:20px 0px 40px 0 !important; line-height:20px !important; display:flex !important;}
.show_news ul li span{line-height:20px !important; left:15px !important; bottom:15px !important;}
}
.show_news{margin:0px auto; background:#f8f8f8; padding:2% 10%;}
.show_news ul li{font-size:1.6rem; border-bottom:#999 1px dotted; margin:0px auto; position:relative;}
.show_news ul li a{line-height:25px; display:block; padding:20px 150px 20px 0;}
.show_news ul li a i{font-size:1.4rem; margin-right:5px; vertical-align:middle;}
.show_news ul li span{line-height:70px; color:#555; position:absolute; right:0px; bottom:0px;}

/**********图文混排展示***********/
@media screen and (max-width:1200px){	
.show_news_img ul li a span h3{font-size:2rem !important;}
.show_news_img ul li a img{height:200px !important;}
}

@media screen and (max-width:750px){
.show_news_img{padding: 0rem 0 0rem 0 !important;}
.show_news_img ul li a span h4{display: none !important;}
.show_news_img ul li a img{height:130px !important;}
}


@media screen and (max-width:450px){	
.show_news_img ul li a img{width:100% !important; height: auto !important; float: none !important; margin-right: 0% !important;}
.show_news_img ul li a span{width:100% !important; float: none !important;}
.show_news_img ul li a span h3{height:auto !important; padding:2rem 0 0rem 0 !important;}
}

.show_news_img{width:100%; margin:0px auto; padding: 2rem 0 0rem 0;}
.show_news_img ul li{ width: 100%; text-align:left; margin-top:20px; padding: 20px; background: #f8f8f8; overflow: hidden;}
.show_news_img ul li:hover{ background: #eeeeee;}
.show_news_img ul li a{position:relative; display:block;}
.show_news_img ul li a img{width:30%; height:270px; display:block; margin-right: 5%; float: left;}
.show_news_img ul li a span{width:60%; height:auto; line-height:2.5rem; display:block; font-size:1.6rem; float: left;}
.show_news_img ul li a span h3{height:6.4rem; line-height:3.2rem; overflow: hidden; font-size:2rem; color:#333; margin:2rem 0 0 0; font-weight:normal; }
.show_news_img ul li:hover a span h3{ color: #0b6ea6}
.show_news_img ul li a span h4{line-height:3rem; font-weight:normal; color:#777; font-size:1.6rem; padding-top:15px; border-top:1px #999 dashed;}
.show_news_img ul li a span p{width:100%; line-height:5rem; font-size:1.6rem; color:#777; position:relative;}



/**********单页展示***********/
.show_single{width:100%; margin:0px auto;}
.show_single_t{font-size:20px; line-height:20px; color:#000000; text-align:center; padding-bottom:20px;}
.show_single_d{height:35px; line-height:35px; text-align:center; color:#FFFFFF; font-size:14px; background:#cbcbcb;}
.show_single_c{padding-top:10px; font-size:16px; line-height:35px;}

/**********上下图文混排展示***********/
@media screen and (max-width:749px){	
.show_news_img_sx ul li{width:46% !important;}
}

@media screen and (max-width:420px){	
.show_news_img_sx ul li .zw{min-height:auto !important; margin:10px auto !important;}
.show_news_img_sx ul li .zw h3{ height:3rem; line-height:3rem; font-size:1.8rem; font-weight:normal; overflow:hidden;}
.show_news_img_sx ul li .zw span{display:none !important;}
.show_news_img_sx ul li .zw p{display:none !important;}
}
.show_news_img_sx{width:100%; margin:0px auto; overflow:hidden;}
.show_news_img_sx ul{width:110%; height:auto;}
.show_news_img_sx ul li{width:29%; height:auto; margin-right:2%; margin-bottom:2%; float:left; background:#f8f8f8; position:relative;}
.show_news_img_sx ul li .img01{width:100%; height:0px; padding-bottom:70%; background:#000; overflow:hidden; position:relative;}
.show_news_img_sx ul li .img01 i{font-size:5rem; color:#FFF; display:block; position:absolute; top:55%; left:45%; margin:0 auto; transition:all 0.5s; opacity:0; filter:alpha(opacity=0);}
.show_news_img_sx ul li:hover .img01 i{top:45%; opacity:0.5; filter:alpha(opacity=50);}
.show_news_img_sx ul li .img01 img{width:100%; height:100%; display:block; transition:all 0.5s; position:absolute; left:0; top:0;}
.show_news_img_sx ul li:hover .img01 img{transform:scale(1.2); opacity:0.5; filter:alpha(opacity=50);}

.show_news_img_sx ul li .zw{width:85%; height:auto; min-height:170px; margin:20px auto;}
.show_news_img_sx ul li .zw h3{ height:3rem; line-height:3rem; font-size:1.8rem; font-weight:normal; overflow:hidden;}
.show_news_img_sx ul li .zw span{line-height:40px; font-size:1.4rem; color:#999;}
.show_news_img_sx ul li .zw p{ height:5.3rem; line-height:24px; font-size:1.4rem; color:#777; overflow:hidden;}
.show_news_img_sx ul li .zw p font{font-size:1.4rem; display:block; transition:all 0.5s; position:absolute; left:8%; bottom:30px;}
.show_news_img_sx ul li:hover .zw p font{color:#000;}


/*分页样式*/
@media screen and (max-width:749px){	
.PageNav_2 .PageTurn{line-height:25px !important; padding:0px 5px !important;}
.PageNav_2 .PageTurn_Disable{line-height:25px !important; padding:0px 5px !important;}
.PageNav_2 .PageNum{line-height:25px !important; padding:0px 5px !important;}
.PageNav_2 .PageNum_Disable{line-height:25px !important; padding:0px 5px !important;}
}
.page_area{padding:25px 0px; text-align:center; clear:both;}
.PageNav_2{display:block; width:100%; text-align:center; clear:both;}
.PageNav_2 .PageTurn{line-height:35px; border:#777 1px solid; background:#777; padding:0px 15px; color:#FFFFFF; display:inline-block; margin:2px;}
.PageNav_2 .PageTurn_Disable{line-height:35px; border:#777 1px solid; color:#fff; background:#777; padding:0px 15px; display:inline-block; margin:2px;}
.PageNav_2 .PageNum{line-height:35px; border:#777 1px solid; background:#777; color:#fff; padding:0px 15px; display:inline-block; margin:2px;}/*未选中样式*/
.PageNav_2 .PageNum_Disable{line-height:35px; color:#FFFFFF; border:1px solid #0b6ea6; background:#0b6ea6; padding:0px 15px; display:inline-block; margin:2px;}/*当前选中样式*/