@charset "utf-8";
/* CSS Document */
body{ padding:0; margin:0;  font:normal 14px/200% Microsoft YaHei; color:#000000;text-align:center; background: url(images/top01.jpg) top center no-repeat #fff9eb ;}
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 14px/200% Microsoft YaHei;}
li,p{text-align:left;font:normal 14px/200% Microsoft YaHei;}
a:link,a:visited{color:#000000; text-decoration:none;}
a:hover{color:#000000; 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 14px/200% Microsoft YaHei;}
.w1200{ width:1200px;}
.w1000{ width: 1000px;}
.fl{ float:left;}
.fr{ float:right;}

body{ overflow-x: hidden;}
/*header*/
.top_box{ height: 746px; position: relative;}
.top_box .w1200{position: relative; margin: 0 auto; z-index: 10;}
.top_box .topTitle{ position: absolute; z-index: 10; left: 270px; top:110px;}
.top_box .topDun{ position: absolute; z-index: 10;top: 84px; right: 5px;}
.top_box .topLogo{ position: absolute; z-index: 10;top: 28px; left: 28px;}
.top_box .topBg{ position: absolute; z-index: 1; background:url(images/top01.jpg) top center no-repeat; height:746px; width: 100%;}

@-webkit-keyframes pulse_bg{
0%{-webkit-transform:scaleX(1);transform:scaleX(1)}
50%{-webkit-transform:scale3d(1.05,1.05,1.05);transform:scale3d(1.05,1.05,1.05)}
to{-webkit-transform:scaleX(1);transform:scaleX(1)}}
@keyframes pulse_bg{
0%{-webkit-transform:scaleX(1);transform:scaleX(1)}
50%{-webkit-transform:scale3d(1.05,1.05,1.05);transform:scale3d(1.05,1.05,1.05)}
to{-webkit-transform:scaleX(1);transform:scaleX(1)}}
.pulse_bg{-webkit-animation-name:pulse_bg;animation-name:pulse_bg;    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;     -webkit-animation-duration: 8s;
    animation-duration: 8s;-webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;}
@-webkit-keyframes fadeIn_bg{0%{opacity:0}to{opacity:1}}
@keyframes fadeIn_bg{0%{opacity:0}to{opacity:1}}
.fadeIn_bg{-webkit-animation-name:fadeIn_bg;animation-name:fadeIn_bg;}


/*p1*/
.bg_content{ background: #fff; padding:40px 0 20px; margin-top: -320px; position: relative; z-index: 20; margin-bottom: 30px;}

/*p1*/
.p1_con{ margin: 0 auto; width: 1120px;}
.p1_con .fl{width:700px;}
/*p1焦点图*/
.P1_Pic_Juli{width:700px;height:430px; position:relative;}
.P1_Pic_Juli .swiper-wrapper{}
.P1_Pic_Juli .swiper-slide{ position:relative;}
.P1_Pic_Juli .swiper-slide img{ display:block;}
.P1_Pic_Juli .swiper-slide p{background-color: rgba(0,0,0,0.7); color:#fff; font-size:16px; height:50px; line-height:50px; text-align:center; margin-top:-50px; position:relative; z-index:100; overflow:hidden;}
.P1_Pic_Juli .swiper-slide p a,.P1_Pic_Juli .swiper-slide p a:hover{ color:#fff;}
.P1_Pic_Juli .swiper-pagination{ color:#fff;font-size:14px;}
.P1_Pic_Juli .swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction{ text-align:left; width:92%; padding-left:8%; box-sizing:border-box;}
.P1_Pic_Juli .swiper-pagination-current{ color:#c00; font-size:18px; font-weight:bold;}
.P1_Pic_Juli .swiper-pagination-total{font-size:14px;font-weight:bold;}

.P1_Pic_Juli .swiper-button-next{ background:url(images/focus_right_b.png) no-repeat center;}
.P1_Pic_Juli .swiper-button-prev{ background:url(images/focus_left_b.png) no-repeat center}
.P1_Pic_Juli .swiper-button-next,.P1_Pic_Juli .swiper-button-prev{ width:40px; height:50px; top:100%; margin-top:-50px;}

.p1_con .fr{width:370px;position:relative;}
.p1_con .fr h1{ margin-bottom: 20px;}
.p1_con .fr div{ padding: 0px 10px 0 0; height: 370px; overflow-x: hidden; overflow-y: auto;}

.p1_con .fr p{ font-size: 18px; text-indent: 2em;text-align:justify;}

.p1_con .fr div::-webkit-scrollbar { width:6px; height:6px; background-image: linear-gradient(135deg, #eee 100%, #eee 100%, #eee 100%);}
.p1_con .fr div::-webkit-scrollbar-track { border-radius: 0;}
.p1_con .fr div::-webkit-scrollbar-thumb { border-radius: 0;  background-image: linear-gradient(135deg, #999 100%, #999 100%, #999 100%);  transition: all .2s;  border-radius: 0.25rem;}
.p1_con .fr div::-webkit-scrollbar-thumb:hover { background-color: #eee;}

/*p2*/
.p2_con{ margin: 50px auto 30px;}
.p2_con h1{ text-align: center; margin-bottom: 15px;}
.p2_con h1 img{ margin: 0 auto;}
.p2_con ul{}
.p2_con ul li{ float:left; width:360px; margin:20px 20px 0; text-align: left; font-size: 16px; height: 280px; overflow: hidden;line-height: 160%;}
.p2_con ul li img{ display:block; margin-bottom: 5px;}










@media (min-device-width:320px) and (max-width:1200px),
       (max-device-width:1200px)
	   {
		   html,body{ width:1200px;}

}







