@charset "utf-8";
/* CSS Document */
body{ padding:0; margin:0;  font:normal 12px/200% Microsoft YaHei; color:#000;text-align:center; background:url(images/bg01.jpg) top center repeat-y;}
h1,h2,h3,h4,h5,h6,hr,p,blockquote,dl,dt,dd,ul,ol,li,pre,form,button,input,textarea,th,td{margin:0;padding:0;}
div{margin:0 auto;text-align:left;font:normal 12px/200% Microsoft YaHei;}
li,p{text-align:left;font:normal 12px/200% Microsoft YaHei;}
a:link,a:visited{color:#000; text-decoration:none;}
a:hover{color:#000; text-decoration:underline;}
img{ border:none;}
ol,ul,li{list-style:none;}
em,i{ font-style:normal;} 
/*clear*/
.clearfix:before,.clearfix:after {content:"";display:table;}
.clearfix:after{clear:both;overflow:hidden;}
.clearfix{zoom:1;}
/*other*/
h1,h2,h3,h4,h5,h6{ text-align:left;font:normal 12px/200% Microsoft YaHei;}
.w1000{ width:1000px;}
.w1060{ width:1060px;}
.fl{ float:left;}
.fr{ float:right;}

/*top*/
.top{ background:url(images/top.jpg) top center no-repeat; height:566px; overflow:hidden;}
.nav_con{ background:url(images/bg_nav.jpg) top center no-repeat; height:73px;}
.nav_con div{ line-height:73px; font-size:24px; text-align:center; color:#fff;}
.nav_con div i{ color:#fff;}
.nav_con div a{ margin:0 35px;}
.nav_con div a:link,.nav_con div a:visited,.nav_con div a:hover{ color:#fff;}

/*p1*/
.title_h2{ text-align:center; margin:60px auto 40px;}
.p1_con{ font-size:16px; color:#a63300; margin:0 auto 0px;}
/*p2*/
.p2_con{ margin:0px auto;}
.p2_con .fl{ width:690px; padding-top:5px;}

.device{ width: 690px; height: 420px; position: relative; overflow:hidden;}
.device .arrow-left1 { position: absolute; left:5px; bottom:12px; width: 17px; height: 30px; background:url(images/arrows.png) no-repeat top left; z-index:10;}
.device .arrow-right1 { position: absolute; right:5px;  bottom:12px;width: 17px; height: 30px; background:url(images/arrows.png) bottom left no-repeat; z-index:10;}
.device .swiper-container { height: 420px; width: 690px;}
.device .content-slide {}
.device .swiper-slide img{ width:690px; height:420px;}
.device .swiper-slide div p{ height:50px; line-height:50px; color:#fff; padding:0 35px; margin-top:-50px; position:relative; z-index:100;background-color: rgba(0,0,0,0.7);font-size:14px;}

.p2_con .fr{ width:330px; height:425px; overflow:hidden;}
.p2_con .fr strong{ font-size:22px; display:block; line-height:140%; margin-bottom:8px;}
.p2_con .fr p{ font-size:16px; line-height:180%; padding-bottom:20px;}
.p2_con .fr p:last-child{ padding-bottom:0;}

/*p3*/
.p3_con{ margin:0px auto;}
.p3_con h2{ background:url(images/bg_tt.png) center center no-repeat; font-size:38px; text-align:center; display:block; margin:0 auto 0px; color:#8f5d44; font-weight:bold;}
.p3_con h2 a,.p3_con h2 a:hover{ color:#8f5d44;}
.p3_con ul{ margin-bottom:30px;}
.p3_con ul li{box-sizing: border-box; background:#fff; border-radius:10px; margin:21px; float:left; width:310px; overflow:hidden;}
.p3_con ul li img{ display:block; width:310px; height:185px;}
.p3_con ul li div{ padding:12px 12px 12px 15px; height:115px; overflow:hidden;}
.p3_con ul li div b{ display:block; font-size:18px; line-height:140%; margin-bottom:5px;}
.p3_con ul li div p{ font-size:14px; color:#646464; line-height:180%; margin-bottom:8px;}
.p3_con ul li div p a,.p3_con ul li div p a:hover{ color:#646464;}
.p3_con ul li h6{ text-align:right; padding-right:12px; padding-bottom:12px;}
.p3_con ul li h6 i{ font-size:14px; padding-right:8px; color:#c60200;}
.p3_con ul li h6 em{ background:url(images/icon01.png) 0 0 no-repeat; height:18px; line-height:18px; padding-left:30px; font-size:14px; display:inline-block; color:#c60200;cursor:pointer;}
.p3_con .more{ text-align:right; font-size:22px; color:#8f5d44; margin:-20px 20px 20px auto;}
.p3_con .more a,.p3_con .more a:hover{color:#8f5d44;}

.copyright_bg{ background:url(images/bg_bt.png) top center no-repeat; height:139px; padding-top:400px; margin-top:-150px;}
.copyright{ text-align:center; color:#fff;}


.ListCon_2j{ margin:0px auto 20px; width:900px;}
.ListCon_2j ul{}
.ListCon_2j ul li{ background:url(images/dot.png) 0 13px no-repeat; padding-left:25px; font-size:18px; line-height:220%;}

.page_n{text-align:center;padding:20px 0;}
.page_n a{border:#dddad2 1px solid;background:#f7f6f3;padding:4px 15px;margin:5px;display: inline-block;}
.page_n a.common_current_page,.page_n a:hover{background:#ff6c00;color:#fff;text-decoration:none;border:1px solid #fff;}



/*202103xinzeng*/
.new_piclist_202103{ background:url(images/bg_red0312.png) top center no-repeat; width:1274px; height:1778px; margin:50px auto 0;}
.new_piclist_202103 h1{ text-align:center; padding:100px 0 0;}
.new_piclist_202103 h1 img{ margin:0 auto;}
.new_piclist_202103 h2{ text-align:center; background:url(images/dot_0312.png) center center no-repeat; color:#ff8417;font-size:38px;font-weight:bold; margin:30px auto 12px;}

.pic_list{ width:1080px; margin:15px auto; position:relative;}
.pic_list .arrow-left2 ,.pic_list .arrow-left3 ,.pic_list .arrow-left4{ position: absolute; left:5px; top:150px; width:20px; height: 32px; background:url(images/left_0312.gif) no-repeat top left; z-index:10;}
.pic_list .arrow-right2 ,.pic_list .arrow-right3,.pic_list .arrow-right4{ position: absolute; right:5px;top:150px;width:20px; height: 32px; background:url(images/right_0312.gif) bottom left no-repeat; z-index:10;}
.pic_list .swiper-container{ width:1000px; height:370px;}
.pic_list .swiper-slide{}
.pic_list .swiper-slide div{ background:#fff; border-radius:10px; width:310px; height:370px; padding:0;}
.pic_list .swiper-slide div img{ border-radius:10px 10px 0 0;}
.pic_list .swiper-slide div p{ padding:12px 12px 12px 15px; height:155px; overflow:hidden;font-size:14px; color:#646464; line-height:170%;}
.pic_list .swiper-slide div p b{ display:block;font-size:18px; line-height:140%; margin-bottom:5px; color:#000;}
.pic_list .swiper-slide div p b a:link,.pic_list .swiper-slide div p b a:visited,.pic_list .swiper-slide div p b a:hover{ color:#000;}



@media (min-device-width:780px) and (max-device-width:1060px),(min-device-width:780px) and (max-width:1060px),
       
	   {
		   
html,body{ width:1060px;}
		   
		   }
/* MEDIA QUERIES Mobile phone
---------------------------------------------------------------------- */	   
	   
@media (min-device-width:320px) and (max-width:689px),
       (max-device-width:480px)
	   {
.w1060{ width:100%; min-width:320px; max-width:480px;}
.top{ background:url(images/top.jpg) top center no-repeat; height:200px; overflow:hidden; background-size:170%;}
.nav_con div{ font-size:20px; line-height:180%;}
.nav_con div a{ float:left; margin:0 0 0 32px;}
.nav_con div i{ display:none;}
.title_h2 img{ width:40%; height:auto;}
.p1_con{ width:90%;}
.p2_con .fl{ width:100%; padding-top:0; float:none;}
.p2_con .fr{ width:90%; margin-top:20px; height: auto; overflow:hidden; float:none;}

.device{ width:100%; height:250px; position: relative; overflow:hidden;}
.device .swiper-container { height:250px; width: 100%;}
.device .swiper-slide img{ width:100%; height: 250px;}


.p3_con h2{ font-size:24px; background-size:40%;}
.p3_con ul li{box-sizing: border-box; background:#fff; border-radius:10px; margin:2%; float:left; width:46%; overflow:hidden;}
.p3_con ul li img{ display:block; width:100%; height:110px;}
.p3_con ul li div{ padding:12px 12px 12px 15px; height:160px; overflow:hidden;}
.p3_con ul li div b{ font-size:16px;}
.copyright_bg{ height:100px; padding-top:100px; margin-top:0px}
.copyright_bg div{ font-size:10px;}




/*202103xinzeng*/
.new_piclist_202103{width:100%; height:1310px; margin:50px auto 0; background-size:228%;}
.new_piclist_202103 h1 img{ width:80%; height:auto;}
.new_piclist_202103 h2{ text-align:center; background:url(images/dot_0312.png) center center no-repeat; color:#ff8417;font-size:32px;font-weight:bold; margin:20px auto 10px; background-size:60%;}

.pic_list{ width:100%; margin:20px auto; position:relative;}
.pic_list .arrow-left2 ,.pic_list .arrow-left3 ,.pic_list .arrow-left4{ position: absolute; left:0; top:120px; width:20px; height: 32px; background:url(images/left_0312.gif) no-repeat top left; z-index:10;}
.pic_list .arrow-right2 ,.pic_list .arrow-right3,.pic_list .arrow-right4{ position: absolute; right:0;top:120px;width:20px; height: 32px; background:url(images/right_0312.gif) bottom left no-repeat; z-index:10;}
.pic_list .swiper-container{ width:90%; height:250px;}
.pic_list .swiper-slide{}
.pic_list .swiper-slide{ width:33%; height:230px; padding:0;}
.pic_list .swiper-slide div{ width:99%; height:230px;}
.pic_list .swiper-slide div img{ width:100%; height:auto;}
.pic_list .swiper-slide div p{ padding:5px; height:125px; overflow:hidden;font-size:14px; color:#646464; line-height:150%;}
.pic_list .swiper-slide div p b{ display:block;font-size:16px; line-height:120%; margin-bottom:5px; color:#000;}
.pic_list .swiper-slide div p b a:link,.pic_list .swiper-slide div p b a:visited,.pic_list .swiper-slide div p b a:hover{ color:#000;}


}