html,body{width: 100%;height: 100%;min-width: 1200px;}
*{margin:0;padding:0;font-family:"微软雅黑";}
li{list-style:none;}
a{color:black;text-decoration:none;}
input{border:none;outline:none;}
h1,h2,h3,h4,h5,h6{font-size:16px;font-weight:normal;}
.clearfix{clear: both;}
i,em{font-style:normal;}
.width12{width: 1200px;margin: 0 auto;}
.width13{width: 1300px;margin: 0 auto;}
.dn{display: none;}
/*首页多出底部部分*/
.SY_footer{width: 100%;background: #000;height: 60px;}
.fp-auto-height.fp-section,

.fp-auto-height .fp-slide,

.fp-auto-height .fp-tableCell{

    height: 60px !important;

}
/*首页多出底部部分*/
/*下拉*/
.pro_lest{position: absolute;left: 0;top: 110px;width: 100%;background: rgba(0,0,0,.8);border-radius: 4px;box-shadow: 0 0 10px #333;display: none;z-index: 9999;padding-top: 20px;}
.ttt{width: calc(100%/7);float: left;padding: 20px;box-sizing: border-box;}
.pro_lest .ttt i{color: #fff;line-height: 30px;text-align: center;display: inline-block;font-size: 16px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;width: 100%;}
.ttt:hover{background: #004fba;border-radius: 6px;}
.pro_lest .tttpro_typeIMG img{width: 100%;border-radius: 6px;border: 4px solid #fff;box-sizing: border-box;transition: all .5s;}
.pro_lest .ttt a{line-height: 30px!important;display: block;text-align: center;}
.ttt:hover img{transform:scale(1.1);}
/*.ttt:hover i{display: none;}*/
.nav li a{
    display: block;
    width: 100%;
    height: 100%;
    text-align: center;
    line-height: 120px;
    font-size: 16px;
    color: #303030;
}

.header{
	width: 100%;
	height: 110px;	
	position: fixed;
	top: 0;
	left: 0;
	background: rgba(255,255,255,.6);
	z-index: 99;
}
.head{
	width: 80%;
	margin: 0 auto;
	transition: all .5s;
	height: 100%;
}
#logo{
	float: left;
	width: 265px;
	height: 91px;
	margin-top: 8px;
}
.nav{
	float: right;
	height: 100%;
}
.head ul li{
	float: left;
	width: 126px;
	height: 100%;
}
.head ul li a{display: block;text-align: center;line-height: 110px;}
.head ul li:hover{
	background: #0049b7;
}
.head ul li:hover a{
	color: #fff;
}
.page1{
	background: url("/images/ping1_bj.jpg")center center no-repeat;
	background-size: cover;
}
.page1_2{
	background: url("/images/ping1_2_bj.jpg")center center no-repeat;
	background-size: cover;
}
.page1_3{
	background: url("/images/ping1_3_bj.jpg")center center no-repeat;
	background-size: cover;
}
.page2{
	background: url("/images/ping2_bj.jpg")center center no-repeat;
	background-size: cover;
}
.page3{
	background: url("/images/ping3_bj.jpg")center center no-repeat;
	background-size: cover;
}
.page5{
	background: url("/images/ping5_bj.jpg")center center no-repeat;
	background-size: cover;
	position: relative;
}
.page6{
	background: url("/images/ping6_bj.jpg")center center no-repeat;
	background-size: cover;
	position: relative;
}
.page7{
	background: url("/images/ping7_bj.jpg")center center no-repeat;
	background-size: cover;
	position: relative;
}
/*屏一*/
.page1 h2{font-size: 76px;color: #fff;text-align: center;display: block;}
.p1_section{margin-top: 70px;display: inline-block;width: 100%;}
.p1_tab{width: 340px;height: 48px;background: #0049b7;border-radius: 22px;margin: 0 auto;margin-top: 46px;}
.p1_tab span{float: left;margin-left: 50px;margin-top: 8px;margin-right: 10px;}
.p1_tab i{float: left;font-size: 33px;color: #fff;font-family: impact;margin-top: 3px;}
/*屏二*/
.p2_section{width: 80%;margin: 0 auto;padding-top: 130px;}
.p2_pro_type{float: left;width: 16%;margin-top: -20px;}
.p2_pro_type h2{font-size: 64px;font-family:impact;color: #fff;}
.p2_pro_type h3{font-size: 32px;color: #fff;float: left;}
.p2_pro_type span{float: left;display: block;width: 70px;height: 4px;background: #ffae00;margin-top: 30px;margin-left: 8px;}
.pro_typeBox{float: left;width: 82%;}
.pro_typeBox li{float: left;margin: 0 6px 10px 0;}
.pro_typeBox li a:hover{background: #0049b7;color: #fff;border: 1px solid #0049b7;}
.pro_typeBox li a{width: 166px;height: 41px;text-align: center;line-height: 41px;display: block;border: 1px solid #000;transition: all .2s;}
.pro_All{width: 1300px;margin: 0 auto;overflow: hidden;margin-top: 46px;}
.pro_box{width: 2600px;}
.pro_All ul{width: 1300px;float: left;}
.pro_All ul li{width: 306px;height: 218px;float: left;margin-right: 18px;margin-bottom: 18px;}
.pro_All ul li a{width: 307px;height: 100%;display: block;position: relative;overflow: hidden;}
.pro_All ul li img{display: block;width: 100%;height: 100%;transition: all .3s;}
.pro_All ul li:hover img{transform: scale(1.2);}
.pro_All ul li p{position: absolute;width: 100%;left: 0;bottom: 0;height: 40px;line-height: 40px;text-align: center;color: #fff;
background: rgba(0,0,0,.5);
}
/*屏三*/
.p3_section{width:1300px;margin:0 auto;padding-top: 130px;}
.p3_left{float: left;width: 600px;}
.p3_right{float: right;width: 700px;position: relative;z-index: 2;}
.p3_right p{line-height: 30px;margin-bottom: 40px;position: relative;z-index: 1;font-size: 16px;}
.p3_right a{width: 142px;height: 45px;display: block;line-height: 45px;text-align: center;background: #ffae00;color: #fff;transition: all .2s;}
.p3_right a:hover{background: #666;}
.p3_ye{position: absolute;right: 0;top:0;z-index: 0;

}
.p3_ye img{
 -webkit-animation:yezi 10s ease-in infinite both;
         animation:yezi 10s ease-in infinite both;
}
@-webkit-keyframes yezi{
	0%,100%{
	-webkit-transform:translateX(0px);
	        transform:translateX(0px);
	}
	50%{
	-webkit-transform:translateX(30px);
	        transform:translateX(30px);
	}
 }
@keyframes yezi{
	0%,100%{
	-webkit-transform:translateX(0px);
	        transform:translateX(0px);
	}
	50%{
	-webkit-transform:translateX(30px);
	        transform:translateX(30px);
	}
 }
.page3{position: relative;}
/*屏四*/
.page4{position: relative;}
.page4 video{width: 100%;height: 100%;
	position: absolute;left: 0;top: 0;
	z-index: -11;
	object-fit:fill;
}
.p4_bj{width: 100%;height: 100%;background: rgba(4,68,163,.6);}
.p4_section{width:1300px;height: 100%;padding-top: 258px;margin: 0 auto;text-align: center;vertical-align: middle;}
.p4_center{display: inline-block;}
.p4_left{float: left;margin-top: 0px;}
.p4_right{float: right;margin-top: 0px;}
.p4_center{width: 446px;height: 439px;background: url("/images/p4_quan04.png")no-repeat;text-align: center;}
.p4_section span h2{font-size: 22px;color: #ffa800;font-weight: bold;margin-bottom: 8px;}
.p4_section span p{font-size: 14px;color: #fff;line-height: 28px;}
.p4_section span{display: block;width: 377px;height: 188px;text-align: left;transition: all .3s;cursor: pointer;}
.p4_section span:hover{transform: translateY(-20px);}
.p4_text01,.p4_text02,.p4_text04,.p4_text03{padding-top: 35px;}
.p4_text01,.p4_text03{margin-bottom: 80px;}
.p4_text03,.p4_text04{padding-left: 65px;}
.p4_text01{background: url("/images/p4_text1.png")no-repeat;box-sizing: border-box;}
.p4_text02{background: url("/images/p4_text2.png")no-repeat;box-sizing: border-box;}
.p4_text03{background: url("/images/p4_text3.png")no-repeat;box-sizing: border-box;}
.p4_text04{background: url("/images/p4_text4.png")no-repeat;box-sizing: border-box;}
.quan_03{width: 357px;height: 357px;background: url("/images/p4_quan03.png")no-repeat;display: inline-block;margin-top: 41px;text-align: center;}
.quan_02{width: 310px;height: 309px;background: url("/images/p4_quan02.png")no-repeat;display: inline-block;margin-top: 24px;text-align: center;}
.quan_02 h2{font-size: 40px;font-weight: bold;color: #fff;margin-top: 104px;text-align: center;}
.quan_02 span{width: 37px;height: 37px;background: url("/images/p4_quan01.png")no-repeat;display: inline-block;margin: 8px 0;}
.quan_02 i{font-size: 24px;color: #fff;display: block;text-align: center;}
/*屏五*/
.p5_title{display: inline-block;}
.page5{overflow: hidden;}
.p5_section{margin-top: 50px;margin-left: 150px;position: relative;z-index: 1;}
.p5_titleL{float: left;}
.p5_titleR{float: left;margin-top: 10px;margin-left: 35px;line-height: 26px;}
.p5_titleL h2{font-size: 60px;color: #004fba;font-family: impact;text-transform:uppercase;}
.p5_titleB h3{font-size: 32px;float: left;}
.p5_titleB span{display: block;float: left;height: 4px;width: 100px;background: #ffae00;margin-top: 40px;margin-top: 32px;margin-left: 14px;}
.case_All{width: 622px;overflow: hidden;margin-top: 46px;position: relative;z-index: 3;}
.case_box{width: 1244px;}
.case_All ul{width: 622px;float: left;}
.case_All ul li{width: 293px;height: 212px;float: left;margin-right: 18px;margin-bottom: 18px;}
.case_All ul li a{width: 100%;height: 100%;display: block;position: relative;}
.case_All ul li a img{width: 100%;height: 100%;display: block;}
.case_All ul li p{position: absolute;width: 100%;left: 0;bottom: 0;height: 40px;line-height: 40px;text-align: center;color: #fff;
background: rgba(0,0,0,.5);
}
.p5_a{width: 900px;margin-top: 55px;position: relative;z-index: 2;}
.p5_a a:hover{background: #004fba;color: #fff;}
.p5_a span{width: 68%;height: 1px;background: #afb0af;display: block;float: left;margin-top: 20px;margin-right: 22px;}
.p5_a a{float: left;width: 123px;height: 38px;displays: block;color: #555;border: 1px solid #979897;text-align: center;line-height: 38px;transition: all .2s;}
/*球*/
.qiu_nei{position: relative;width: 100%;height: 100%;z-index: 2;}
.qiu_nei p{width: 201px;height: 55px;background: url("/images/qiu_nei.png")no-repeat;}
.diqiu{position: absolute;right: -140px;bottom: -260px;width: 980px;height: 982px;z-index: 2;
background: url("/images/diqiu.png")no-repeat;
background-size: 100% 100%;
-webkit-animation:dong_1 120s linear infinite;
         animation:dong_1 120s linear infinite;
}
.diqiu:hover{
animation-play-state:paused;
-webkit-animation-play-state:paused; /* Safari 和 Chrome */
}
.qiu_nei li{width: 201px;height: 82px;background: url("/images/qiu_nei.png")no-repeat;position: absolute;
/*-webkit-animation:Dtext 120s linear infinite;
         animation:Dtext 120s linear infinite;*/
}
.qiu_nei li a{font-size: 18px;width: 100%;display: block;text-align: center;margin-top: 8px;}
.diqiu .qiu_nei li:nth-child(1){top: 85px;left: 211px;}
.diqiu .qiu_nei li:nth-child(2){top: 268px;left: 266px;}
.diqiu .qiu_nei li:nth-child(3){top: 112px;left: 530px;}
.diqiu .qiu_nei li:nth-child(4){top: 285px;left: 572px;}
.diqiu .qiu_nei li:nth-child(5){top: 435px;left: 34px;}
.diqiu .qiu_nei li:nth-child(6){top: 616px;left: 168px;}
.diqiu .qiu_nei li:nth-child(7){top: 803px;left: 258px;}
.diqiu .qiu_nei li:nth-child(8){top: 420px;left: 444px;}
.diqiu .qiu_nei li:nth-child(9){top: 528px;left: 491px;}
.diqiu .qiu_nei li:nth-child(10){top: 685px;left: 418px;}
.diqiu .qiu_nei li:nth-child(11){top: 448px;left: 755px;}
.diqiu .qiu_nei li:nth-child(12){top: 610px;left: 710px;}
.diqiu .qiu_nei li:nth-child(13){top: 773px;left: 620px;}
/*.diqiu .qiu_nei li:nth-child(6) a{transform: rotate(180deg);}
.diqiu .qiu_nei li:nth-child(7) a{transform: rotate(180deg);}
.diqiu .qiu_nei li:nth-child(9) a{transform: rotate(180deg);}
.diqiu .qiu_nei li:nth-child(10) a{transform: rotate(180deg);}
.diqiu .qiu_nei li:nth-child(12) a{transform: rotate(180deg);}
.diqiu .qiu_nei li:nth-child(13) a{transform: rotate(180deg);}*/


/*动画*/
@-webkit-keyframes dong_1{
	0%{
	-webkit-transform:rotate(0deg);
	        transform:rotate(0deg);
	}
	100%{
	-webkit-transform:rotate(360deg);
	        transform:rotate(360deg);
	}
 }
@keyframes dong_1{
	0%{
	-webkit-transform:rotate(0deg);
	        transform:rotate(0deg);
	}
	100%{
	-webkit-transform:rotate(360deg);
	        transform:rotate(360deg);
	}
 }

@-webkit-keyframes Dtext{
	0%{
	-webkit-transform:rotate(0deg);
	        transform:rotate(0deg);
	}
	100%{
	-webkit-transform:rotate(-360deg);
	        transform:rotate(-360deg);
	}
 }
@keyframes Dtext{
	0%{
	-webkit-transform:rotate(0deg);
	        transform:rotate(0deg);
	}
	100%{
	-webkit-transform:rotate(-360deg);
	        transform:rotate(-360deg);
	}
 }
/*屏6*/
.p6_section{width: 1300px;margin: 0 auto;}
.p6_title{width: 319px;height: 66px;background: url("/images/p6_title.png")no-repeat;margin: 0 auto;text-align: center;}
.p6_title h2{font-size: 32px;color: #004fba;margin-top: 30px;display: inline-block;}
.p6_All li{width: 400px;box-sizing: border-box;border: 3px solid #c0c6c9;float: left;margin-right: 50px;padding: 18px;transition: all .2s;}
.p6_All li:hover{background: #004fba;transform: translateY(-16px);border: 3px solid #004fba;}
.p6_All li:hover h2{color: #fff;}
.p6_All li:hover p{color: #fff;}
.p6_All li:hover i{color: #fff;}
.p6_All li:hover span{background: url("/images/p6_date2.png")no-repeat;}
.p6_All li:nth-child(3){margin-right: 0;}
.p6_All{margin-top: 53px;}
.p6_img{width: 100%;}
.p6_img img{width: 100%;display: block;}
.p6_All li h2{font-size: 16px;margin: 20px 0 10px 0;}
.p6_All li p{font-size: 14px;color: #333;margin-bottom: 20px;}
.p6_date span{float: left;display: block;width: 16px;height: 16px;background: url("/images/p6_date.png")no-repeat;margin-top: 3px;margin-right: 8px;}
.p6_date i{float: left;font-size: 14px;color: #575757;}
/*屏7*/
.p7_section{text-align: center;width: 1300px;margin: 0 auto;padding-top: 110px;}
.p7_title{width: 440px;margin: 0 auto;text-align: center;}
.p7_title h2{text-align: center;width: 100%;font-size: 40px;font-weight: bold;color: #fff;}
.p7_title i{margin: 20px 0;display: block;text-align: center;}
.p7_title h3{font-size: 40px;font-weight: bold;color: #ffae00;text-align: center;}
.p7_type{margin-top: 40px;text-align: center;}
.p7_type li{display: inline-block;padding: 0 45px;background: #004fba;height: 110px;vertical-align: middle;margin: 0 22px;}
.p7_type li span{float: left;display: block;}
.p7_type li p{float: left;color: #fff;display: block;margin-top: 40px;margin-left: 12px;}
.p7_type li:nth-child(1) span{width: 32px;height: 36px;display: block;background: url("/images/p7_img01.png")no-repeat;margin-top: 34px;}
.p7_type li:nth-child(2) span{width: 38px;height: 32px;display: block;background: url("/images/p7_img02.png")no-repeat;margin-top: 35px;}
.p7_type li:nth-child(3) span{width: 31px;height: 40px;display: block;background: url("/images/p7_img03.png")no-repeat;margin-top: 32px;}
.p7_erwei{width: 396px;margin: 0 auto;margin-top: 50px;}
/*手机部分*/
.header_Sj{width: 100%;}
.nav_but{display: none;float: right;width: 66px;height: 66px;}
.head .nav_but img{display: block;width: 100%;height: 100%;opacity: .8;}
/*foot*/
.footer{background: #353535;width: 100%;min-width: 1300px;}
.foot{padding-top: 66px;box-sizing: border-box;padding-bottom: 20px;}
.foot_logo{float: left;}
.foot h2{color: #fff;font-weight: bold;}
.foot span{display: block;background: #9a9a9a;width: 30px;height: 1px;margin: 16px 0;}
.foot_nav{float: left;margin-left: 100px;}
.foot_nav ul{width: 270px;}
.foot_nav li{float: left;margin-right: 40px;margin-bottom: 10px;}
.foot_nav li a{color: #fff;}
.foot_text{float: left;}
.foot_text p{color: #fff;line-height: 28px;}
.foot_erwei{float: right;margin-top: 26px;}
.foot_erwei img{margin-bottom: 12px;}
.foot_erwei li{float: left;margin-left: 18px;}
.foot_erwei li p{color: #fff;text-align: center;}
/*最底部*/
.foot_buttom{width: 100%;height: 48px;background: #000;min-width: 1200px;}
.f_center{height: 100%;width: 1300px;margin: 0 auto;display: flex;align-items: center;}
.f_center a{color: #fff;}
.f_center p{color: #fff;margin-left: 154px;}
.f_img01{margin-left: 100px;margin-right: 100px;}
#fb_02 a{display: block;margin-top:10px;}
/*内页*/
.box_box{width:600px;height:140px;padding-top:20px;background-color:rgba(255,255,255,0.85);position: absolute;bottom:0;left:50%;margin-left:-300px;text-align: center;}
.box_box h3{font-size:30px;font-weight:bold;color:#004fba;height:36px;line-height:36px;text-align: center;}
.box_box h3 i{display: inline-block;width:80px;height:1px;vertical-align: middle;background-color:#004fba;margin:0 10px;}
.box_box img{height:26px;display: inline-block;margin-right: 10px;}
.box_box .bb_call{font-size:20px;color:#004fba;font-family:impact;margin-top:20px;text-align: center;}
.box_box p{color:#707070;margin-top:10px;text-align: center;}
.box_box p a{display: inline-block;color:#707070;padding-top:6px;font-size:14px;}
.box_box p a:hover{color:#004fba;}
#nyba{position: relative;}
img {
    border: 0;
    vertical-align: middle;
    max-width: 100%;
}
@media screen and (max-width:1610px){
	.p5_section{margin-left: 50px;}
	.head{width: 85%;}
	.diqiu{right: -220px;}
}
@media screen and (max-width:1515px){
	.head ul li{width: 100px;}
}
@media screen and (max-width:1445px){
	.pro_All ul li{width: 240px;height: 180px;}
	.pro_All ul li a{width: 100%;}
	.pro_All ul{width: 1032px;}
	.pro_box{width: 2064px;}
	.pro_All{width: 1032px;}
}
@media screen and (max-width:1308px){
	.p3_section{width: 1200px;}
	.p4_section{width: 1200px;}
	.p6_section{width: 1200px;}
	.p6_All li{width: 372px;margin-right: 40px;}
	.p3_right{width: 600px;}
	.head{width: 95%;}
}
@media screen and (max-width:1195px){
	.page1 h2{font-size: 60px;}
	.p2_section{width: 90%;}
	.pro_typeBox{float: none;}
	.p2_pro_type{float:none;margin-bottom: 16px;}
}
@media screen and (max-width:1068px){
	.nav_but{width: 71px;height: 71px;margin-top: 19px;}
	.head ul li{margin: 0 15px;}
}
@media screen and (max-width:990px){
	.page1 h2{font-size: 50px;}
	.p2_pro_type{width: 40%;}
	.pro_typeBox{width: 100%;}
}
@media screen and (max-width:680px){
	#logo{width: 180px;height: 56px;margin-top: 14px;}
	.nav_but{width: 36px;height: 36px;}
	.header{height: 85px;}
	.nav_but{margin-top: 16px;}
	.page1 h2{font-size: 40px;}
	.pro_typeBox li a{font-size: 12px;width: 110px;height: 28px;line-height: 28px;}
	.pro_All ul li p{font-size: 14px;}
	.pro_All ul li{width: 180px;height: 150px;margin-right: 10px;}
	.pro_All ul{width: 760px;}
	.pro_box{width: 1520px;}
	.pro_All{width: 760px;}
	.p2_pro_type{width: 80%;}
	.p2_pro_type h2{font-size: 40px;}
	.p2_pro_type h3{font-size: 26px;}
	.pro_All{margin-top: 20px;}
	.p2_section{width: 96%;padding-top: 130px;}
	.pro_type{margin-top: 10px;}
}