@charset "utf-8";


body,h1,h2,h3,h4,h5,h6,hr,p,blockquote,dl,dt,dd,ul,ol,li,pre,form,fieldset,legend,button,input,textarea,th,td{margin:0;padding:0;}
body{font:12px/1.5 tahoma,arial,\5b8b\4f53; margin:0 auto; overflow-x:hidden;font-family:"微软雅黑";}
h1,h2,h3,h4,h5,h6{font-size:100%; }
p{ color:#000; line-height:24px;}
ul,ol{list-style:none;}
button,input,select,textarea{font-size:100%;}
table{border-collapse:collapse;border-spacing:0;}
img{border:0;vertical-align: middle;}
a{ text-decoration:none; cursor: pointer; color:#1277B6;}
a:hover{text-decoration:none; color:#CC0000;}
.clear{clear:both;}
li{ font-size:14px; }
li a{color:#333;}
em,i{ font-style:normal;}
.fl {float: left;}
.fr {float: right;}
strong{color:#4476AB;font-weight:400;font-size:16px}
.main{ width:1200px; position:relative; margin:0 auto; clear:both;}

body{ position:relative; background: url(/ybj/xhtml/img/tpgj2020bg.jpg) no-repeat 0 0; background-size: cover;}


.page2{ margin-top:180px;}
.page2 .fl{ width:684px; height:411px; position:relative;}
.page2 .fl em{ position:absolute; right:-13px; top:30px;}

.page2 .fr{ width:483px; height:411px; position:relative;}
.page2 .fr dl{ width:483px; height:185px; background:url(/ybj/xhtml/img/tpgj2020yb_03.jpg) no-repeat 0 0; margin-top:15px;}
.page2 .fr dl a{display: inline-block;padding: 4% 5%;}
.page2 .fr dl dt{ width:150px; height:150px; overflow:hidden; float:left;}
.page2 .fr dl dt img{ width:150px; height:150px; border-radius:100%}
.page2 .fr dl dd{ font-size:22px; color:#222; float: left;
    width: 218px;
    margin-left: 21px;
}

.page2 .fr dl.n2{background:url(/ybj/xhtml/img/tpgj2020yb_04.jpg) no-repeat 0 0;}




.jy_news{ margin-top:20px;}
.jy_news .fl_img{ width:244px; height:120px; float:left;}
.jy_news .fr_con{ float:left; border:1px solid #4080ee; height:118px; width:955px; border-left:none}
.jy_news .fr_con a{ padding: 10px 30px; display:inline-block;}
.jy_news .fr_con h3{ font-size:24px; color:#222; margin-bottom:10px;}
.jy_news .fr_con p{ font-size:18px; color:#555; line-height:26px; text-indent:2em;}


.swiper-button-next{ right:-100px !important; background:url(/ybj/xhtml/img/tpgj2020r.png) no-repeat 0 0 !important; width:60px!important; height:60px !important; background-size:60px 60px!important;}
.swiper-button-prev{ left:-100px !important; background:url(/ybj/xhtml/img/tpgj2020l.png) no-repeat 0 0 !important; width:60px !important ;height:60px!important;background-size:60px 60px!important;}


.nav{ width:1300px; margin:0 auto; position:relative}
.nav_con li{ float:left; height:60px; width:80px; margin:10px 0 20px; text-align:center;}
.nav_con li a{ font-size:18px; color:#111; background:url(/ybj/xhtml/img/tpgj2020in.png) no-repeat center; display:block;height: 60px;}
.nav_con li a i{display: block;
    padding-top: 58px;}
.nav_con li a.nava, .nav_con li a:hover{ background:url(/ybj/xhtml/img/tpgj2020on.png) no-repeat center;}


.page3{ margin-top:100px;}
.page3 li{ float:left; padding:1.5%; width:20%; background:#fff; margin:2% 10px 1%; text-align:center}
.page3 li h3{ font-size:18px; color:#222; margin-bottom:10px;}

.page3 li img{ width:195px; height:135px; margin-bottom:8px;}

.page3 .bignews img{ width:480px; height:320px; float:left; margin-right:20px; margin-left:10px;}
.page3 .bignews h2{ font-size:24px; color:#222;}
.page3 .bignews p{ font-size:18px; margin-top:10px; color:#222; line-height:30px;}


.page1 .tt{ width:1200px; position:relative;}
.page1 .tt img{ position:absolute; animation-delay: 0.5s;}



.animated{webkit-animation-duration: .8s;
    -webkit-animation-fill-mode: both;
    animation-duration: .8s;
    animation-fill-mode: both;}
	
@-webkit-keyframes bounceInDown{0%, 60%, 75%, 90%, to{-webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);animation-timing-function: cubic-bezier(.215, .61, .355, 1)}
	0%{-webkit-transform: translate3d(0, -3000px, 0);opacity: 0;transform: translate3d(0, -3000px, 0)}
	60%{-webkit-transform: translate3d(0, 25px, 0);opacity: 1;transform: translate3d(0, 25px, 0)}
	75%{-webkit-transform: translate3d(0, -10px, 0);transform: translate3d(0, -10px, 0)}
	90%{-webkit-transform: translate3d(0, 5px, 0);transform: translate3d(0, 5px, 0)}
	to{-webkit-transform: translateZ(0);transform: translateZ(0)}
	}
@keyframes bounceInDown{0%, 60%, 75%, 90%, to{-webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);animation-timing-function: cubic-bezier(.215, .61, .355, 1)}
	0%{-webkit-transform: translate3d(0, -3000px, 0);opacity: 0;transform: translate3d(0, -3000px, 0)}
	60%{-webkit-transform: translate3d(0, 25px, 0);opacity: 1;transform: translate3d(0, 25px, 0)}
	75%{-webkit-transform: translate3d(0, -10px, 0);transform: translate3d(0, -10px, 0)}
	90%{-webkit-transform: translate3d(0, 5px, 0);transform: translate3d(0, 5px, 0)}
	to{-webkit-transform: translateZ(0);transform: translateZ(0)}
	}	
.bounceInDown {
    -webkit-animation-name: bounceInDown;
    animation-name: bounceInDown;
}	
	
	.page1 .tt img.p1{ left:0; top:158px;}
.page1 .tt img.p2{ right: 133px;
    top: 501px;
	webkit-animation-duration: 1.8s;
    -webkit-animation-fill-mode: both;
    animation-duration: 1.8s;
    animation-fill-mode: both;}