@font-face{
	font-family:trump_gothic_east;
	src: url('../fonts/trump_gothic_east.eot');
	src: url('../fonts/trump_gothic_east.eot?#iefix') format('embedded-opentype'),
		url('../fonts/trump_gothic_east.woff2') format('woff2'),
		url('../fonts/trump_gothic_east.woff') format('woff'), 
		url('../fonts/trump_gothic_east.ttf') format('truetype'),
		url('../fonts/trump_gothic_east.svg#trump_gothic_east') format('svg');
}
.s_width{width:88%;margin: 0 auto}

/*footer*/

.footer{ background: #ffffff }
.footer .f_nav{ width:88%; margin:0 auto; border-bottom:1px solid rgba(255,255,255,0.1);}
.footer .f_nav ul{ display:flex;justify-content:space-between}
.footer .f_nav li{ line-height:145px; width:calc(100%/9); text-align:center }
.footer .f_nav li a{ color:#d5d5d5; font-size:16px; }
.footer .f_nav li a:hover{ color:#fff; }
.footer .s_width{ padding:65px 0 65px 0 ; display:flex;display:-webkit-flex;justify-content:space-between}
.footer .footer_line{width:1px;height:240px;background: rgba(0,0,0,0.1)}
.footer strong{ display: block; font-size:18px; line-height:25px; color:#1966ae; margin-bottom:25px; }
.footer span{ display: block; background: #1966ae;width:50px;height:2px; margin-bottom:25px; }
.footer .f_fenlei{ width:20%;}
.footer .f_fenlei ul{ display:flex;justify-content:space-between;flex-wrap:wrap;}
.footer .f_fenlei li{ line-height:40px; width:44%; text-align:center;border:1px solid rgba(0,0,0,0.1);margin:0 0 8px 0 }
.footer .f_fenlei li a{ color:#7d8087; font-size:15px; }
.footer .f_fenlei li a:hover{ color:#222;}
.footer .f_contact{ }
.footer .f_contact div{ line-height:33px; color:#7d8087; font-size:15px;}
.footer .f_erweima{width:10%}
.footer .f_erweima img{width:100%;max-width:176px}
.footer .f_logo{width:30%}
.footer .f_logo img{width:100%;max-width:409px}

.footer_p{ line-height:75px; text-align:center; font-size:15px; color:#898989; background: #f2f7fa}
.footer_p a{ color:#898989}
.footer_p a:hover{ color:#333}

.section{background-position:50% 50%;background-size:100%;background-repeat: no-repeat;overflow: hidden;}

.section1 {position: relative; background-image: url(../images/img/01.jpg)}
.section2 {position: relative; background-image: url(../images/img/02.jpg)}
.section3 {position: relative; background-image: url(../images/img/03.jpg)}
.section4 {position: relative; background-image: url(../images/img/04.jpg)}
.section5 {position: relative; background-image: url(../images/img/05.jpg)}
.section6 {position: relative; background-image: url(../images/img/06.jpg)}



.section_n{ width:100%;height:100%;position:relative;}

/*one*/
.section1 .section_n{display: flex;align-items: center;}
.section_a{width:80%; margin: 0 auto;height:840px; padding:100px 0 0 0; display: flex;justify-content: space-between; overflow: hidden; align-items: center}
.section_a_text{}
.section_a_text strong{ display: block;font-size: 36px;color:#1475d0; margin: 0 0 65px 0}
.section_a_text p{  margin:65px 0 0 0}
.section_a_text strong span{ color:#263450; display: block}



.section_a_img{height:673px; position: relative}
.s_a_img_a{ text-align: right;}
.s_a_img_b{ position: absolute;left:0; bottom:0;}


/*two*/
.section2 .section_n{display: flex;align-items: center;}
.section_b{width:80%; margin: 0 auto;height:640px; padding:100px 0 0 0; }
.section_b_text{text-align: center; padding: 0 0 45px 0}
.section_b_text div{ font-size: 35px;color:#1475d0;font-weight: bold; padding:0 0 22px 0}
.section_b_text div span{  color:#263450;font-weight: normal;}
.section_b_text i{display: block;width:96px;margin: 0 auto;height:2px;background: #1475d0}
.section_b_text p{ font-size: 15px;color:#505050;line-height: 65px;}

.chanpin_con{ display: flex;justify-content:space-between; flex-wrap: wrap}
.chanpin_con li{width:350px; height:350px; background: #fff; position:relative; border-radius:350px;-webkit-box-shadow: 0 0 25px rgba(0,0,0,0.08);  box-shadow: 0 0 25px rgba(0,0,0,0.08); overflow: hidden;border:5px solid rgba(255,255,255,0.1)}
.chanpin_con .pro_pic img{ width:100%; transition:0.4s ease; -moz-transition:0.4s ease; -webkit-transition:0.4s ease; }
.chanpin_con li:hover{background: #2c84d6;border:5px solid #2c84d6}
.chanpin_con li:hover div.pro_pic img{ transform:scale(1.1,1.1); -moz-transform:scale(1.1,1.1); -webkit-transform:scale(1.1,1.1);}
.chanpin_con .pro_pic{ width:100%; position:relative; z-index: 1;overflow: hidden;}
.chanpin_con .pro_text{ position: relative; text-align: center;line-height:58px;}
.chanpin_con .pro_text a{ color:#2e2e2e; font-size:17px;}
.chanpin_con li:hover .pro_text a{color: #fff}



/*three*/
.section3 .section_n{display: flex;align-items: center;}
.section_c{width:80%; margin: 0 auto;height:100%; display: flex;justify-content: space-between; overflow: hidden; align-items: center }
.section_c_text{width:45%; height:480px;  display: flex;justify-content: space-between; flex-direction: column;overflow: hidden;padding:45px 0 0 0}
.section_c_text div strong{display: block;font-size: 35px;color: #263450;padding:25px 0 0 0; }
.section_c_text div i{display: block;width:97px;height:2px;background: #263450;margin: 30px 0 0 0}
.section_c_text p{ font-size: 15px;line-height: 30px; color:#263450}


.xinlai{width:40%;height:100%;border-left:1px solid rgba(255,255,255,0.2);border-right:1px solid rgba(255,255,255,0.2);}
.xinlai_num #wrap { overflow: hidden;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
.xinlai_num section { display: flex;justify-content: space-around; flex-wrap:wrap; align-items: center;padding:65px 0 0 0}
.xinlai_num .jumbo {font-size:75px; color: #263450; font-family: trump_gothic_east; line-height:40px; display:inline-block; }
.xinlai_num #wrap .xinlai_num_li{ width:50%;height:50vh;padding:55px 0 0 0; font-size:15px; color:#263450; box-sizing:border-box; text-align: center; display: flex;justify-content: center; flex-direction: column;align-items: center; border-right:1px solid rgba(255,255,255,0.2); border-bottom:1px solid rgba(255,255,255,0.2)}
.xinlai_num #wrap .xinlai_num_li span{ padding:0 0 0 15px; font-size:18px; color:#263450; }
.xinlai_num #wrap .xinlai_num_li p{ font-size:15px; color:#263450; text-align:center;line-height:45px;padding:0 0 0 0}
.xinlai_num #wrap .xinlai_num_li:nth-child(2n){  border-right:0 solid rgba(255,255,255,0.2); }
.xinlai_num #wrap .xinlai_num_li:nth-child(3){ padding:0 0 35px 0;  }
.xinlai_num #wrap .xinlai_num_li:nth-child(4){ padding:0 0 35px 0;  }




/*four*/
.section4 .section_n{display: flex;align-items: center;}
.section_d{width:80%; margin: 0 auto;height:640px; padding:70px 0 0 0; }
.honor_t{ display: flex;justify-content: space-between; flex-wrap:wrap; margin: 0 0 45px 0}
.honor_t .honor_tt{   text-align: left;width:442px;}
.honor_t .honor_tt p{ font-size:35px; color:#263450;padding:15px 0 0 0;font-weight: bold;}
.honor_t .honor_tt span{display: block;width:97px;height:2px;background: #263450;margin: 30px 0 0 0}
.honor_t a {display:block;width:194px;height:70px;line-height: 70px;margin:35px 0 0 0; color: #263450; font-size: 16px;	border: 1px solid rgba(0,0,0,0.1);padding: 0 20px 0 25px;}
.honor_t a span {
	font-size: 16px;
	padding-right: 40px; display: block;
	display:block;
	background: url("../images/img/jiajia.png") no-repeat right center;line-height: 70px;
	-webkit-transition: 0.3s;
	-o-transition: 0.3s;
	transition: 0.3s;
}

.honor_con{ display: flex;justify-content:space-between; flex-wrap: wrap}
.honor_con li{width:24%;background: #fff; position:relative;padding:20px 0 0 0; }
.honor_con .pro_pic img{ width:100%; transition:0.4s ease; -moz-transition:0.4s ease; -webkit-transition:0.4s ease; }
.honor_con li:hover div.pro_pic img{ transform:scale(1.1,1.1); -moz-transform:scale(1.1,1.1); -webkit-transform:scale(1.1,1.1);}
.honor_con .pro_pic{ width:90%;margin:0 auto;position:relative; z-index: 1;overflow: hidden;}
.honor_con .pro_text{ position: relative; text-align: center;line-height:58px;}
.honor_con .pro_text a{ color:#2e2e2e; font-size:14px;}



.section5 .section_n{display: flex;align-items: center;}
.honor_t .news_tt{   text-align: left;width:217px;}
.news_con{ display: flex;justify-content:space-between; flex-wrap: wrap}
.news_con li{width:24%;background: #fff; position:relative; }
.n_date{width:81px;height:84px;position: absolute;left:0;top:0; background: #147ed0;color:#fff;font-size: 15px; text-transform: uppercase;padding:20px 0 0 10px; z-index: 2}
.n_date strong{font-size: 18px;}
.n_pic{ width:100%;margin:0 auto;position:relative; z-index: 1;overflow: hidden;}
.n_pic img{ width:100%; transition:0.4s ease; -moz-transition:0.4s ease; -webkit-transition:0.4s ease; }
.n_text{ position: relative; line-height:25px;padding:15px 20px}
.n_text span{  color:#252525; font-size: 15px; line-height:26px;}
.n_text p{  color:#838383; font-size: 14px; line-height:22px;padding:15px 0}
.n_text a{ color:#7c7c7c; font-size:14px; text-transform: uppercase}

/*five*/
.section6 .section_n{display: flex;align-items: center;}
.section_e{width:80%; margin: 0 auto;height:545px; padding:70px 0 0 0; display: flex;justify-content: space-between;}
.contact_in{width:50%; display: flex;flex-direction: column;justify-content: space-between}
.contact_map{width:45%;height:475px;}
.contact_map iframe{width:100%;height:475px;}
.honor_t .cc_tt{ text-align: left;width:384px;}
.con_dd{ padding:30px 0 0 0}
.con_dd ul{ position: relative; display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap;}
.con_dd ul li{width: 50%; position: relative; display: flex; justify-content: flex-start; margin-bottom: 50px;}
.con_dd ul li:nth-child(3){ margin-bottom: 0;}
.con_dd ul li:nth-child(4){ margin-bottom: 0;}
.con_dd ul li div{margin-left: 40px;}
.con_dd ul li div em{font-size: 18px; font-weight: bold;line-height: 50px;color: #263450; font-style: normal;}
.con_dd ul li div p{font-size: 15px; color: #263450;  line-height:27px;}
.con_dd ul li span{position: relative; z-index: 1; height: 95px; width: 95px; background: #29bcfd; line-height: 60px; text-align: center; border-radius: 50%; font-size: 20px; color: #fff; z-index: 1; box-shadow: 0 10px 30px 0 rgba(191,191,191,.6); -webkit-transition: all .4s ease-out 0s; -moz-transition: all .4s ease-out 0s; -ms-transition: all .4s ease-out 0s; -o-transition: all .4s ease-out 0s; transition: all .4s ease-out 0s; display: flex; justify-content: center; align-items: center;}
.con_dd ul li span:after{content: ""; position: absolute; z-index: 0; left: 50%; top: 50%; transform: translateX(-50%) translateY(-50%); display: block; width: 88px; height: 88px; background: #7acff5; border-radius: 50%; animation: pulse-border 1500ms ease-out infinite; z-index: -1; opacity: .54;}
@keyframes pulse-border{0%{transform:translateX(-50%) translateY(-50%) translateZ(0) scale(1);opacity:1}100%{transform:translateX(-50%) translateY(-50%) translateZ(0) scale(1.5);opacity:0}}




/*section_b*/
.section_b_a{width:50%;height:100%;position: absolute;top:0;left:0;opacity:0;background-position:50% 50%;background-size:100%;background-repeat: no-repeat;background-image: url('../images/img/biao_a.jpg');cursor: pointer;}
.section_b_b{width:50%;height:100%;position: absolute;bottom:0;right:0;opacity:0;background-position:50% 50%;background-size:100%;background-repeat: no-repeat;background-image: url('../images/img/biao_b.jpg');cursor: pointer;}
.biao_a{width:325px;height:430px;position: absolute;top:17%;left:7%;opacity:0; display: flex;justify-content: space-between;flex-direction: column}
.biao_a .biao_title{font-size: 36px;color: #128ccf}
.biao_a .biao_line{width:2px;height:53px;background: #128ccf}
.biao_a p{ font-size: 17px; color: #6a6a6a;line-height: 36px;}
.biao_a a{ font-size: 16px; color: #6a6a6a;line-height: 41px; width:125px;border: 1px solid rgba(0,0,0,0.1); text-align: center}




/*section_c*/
.section_c_a{width:50%;height:100%;position: absolute;top:0;left:0;opacity:1;background-position:50% 50%;background-size:100%;background-repeat: no-repeat;background-image: url('../images/img/biao_c.jpg'); cursor: pointer;}
.section_c_b{width:50%;height:100%;position: absolute;bottom:0;right:0;opacity:1;background-position:50% 50%;background-size:100%;background-repeat: no-repeat;background-image: url('../images/img/biao_d.jpg');cursor: pointer;}



.section_b_a:hover,.section_b_b:hover,.section_c_a:hover,.section_c_b:hover{background-size:105%;}


@media only screen and (max-width:1700px){ /**/
	.biao_a{height:330px;}
	.biao_a p{font-size: 15px;line-height:24px;}
	.s_width{width:94%}
	.footer .s_width{display:flex;justify-content:space-between;padding:35px 0 35px 0}
	
}

@media only screen and (max-width:1400px){ /**/
	.biao_a{height:330px;}
	.biao_a p{font-size: 15px;line-height:24px;}

}

@media only screen and (max-width:1500px){ /**/
	.section4 .tigong{display: none}

}

/*banner*/
.slider { float: left; }

.slider .jquery-reslider .slider-block {
  width: 100%;
  height: 100%;
  position: absolute;
  z-index: 97;
  background-position: 50% 50%;
  background-size: cover;
  opacity: 0;
}

.slider .jquery-reslider .slider-direction {
  width: 60px;
  height: 60px;
  position: absolute;
  top: 45%;
  z-index: 99;
  cursor: pointer;
}

.slider .jquery-reslider .slider-direction.slider-direction-prev {
  left: -80px;
  background: url('../images/prev.png') no-repeat;
  transition:all 1s ease;
}

.slider .jquery-reslider .slider-direction.slider-direction-prev:hover {
  background: url('../images/prev_h.png') no-repeat;
}

.slider .jquery-reslider .slider-direction.slider-direction-next {
  right: -80px;
  background: url('../images/next.png') no-repeat;
  transition:all 1s ease;
}

.slider .jquery-reslider .slider-direction.slider-direction-next:hover {
  background: url('../images/next_h.png') no-repeat;
}
.slider .jquery-reslider .slider-dots {
  position: absolute;
  width: 100%;
  text-align: center;
  bottom: 80px;
}

.slider .jquery-reslider .slider-dots li {
  width: 15px;
  height: 15px;
  border-radius: 100px;
  display: inline-block;
  margin: 10px;
  border: 1px solid #ffffff;
  cursor: pointer;
}

.slider .jquery-reslider .slider-dots li.active { background-color: #ffffff; }
@media only screen and (max-width:1780px) {
	.chanpin_con li{width:280px; height:280px;}
	.section_a,.section_b,.section_c,.section_d,.section_e{width:90%}
	.section_b_text div{font-size: 35px;}
	.section_c_text div strong{font-size: 40px;}
	.xinlai_num .jumbo{font-size: 55px;}
	.honor_t .honor_tt p{font-size: 35px;}
	.con_dd ul li div{margin-left: 26px;}
	
}
@media only screen and (max-width:1550px){ 
	.section_a{height: 540px;padding: 70px 0 0 0;}
	.section_a_img{height: 470px;}
	.s_a_img_a img{width:62%}
	.s_a_img_b{width:40%;left: 43px;}
	.s_a_img_b img{width:100%}
	.section_a_text strong{font-size: 36px}
	.section_a_text div img{ width:80%}
	.n_text span{font-size: 14px;}
	.chanpin_con_h{width:85%;margin: 0 auto}
	.chanpin_con li{width:250px; height:250px;}
	.section_b{padding:130px 0 0 0;}
	.honor_t a span{line-height: 60px;}
	.honor_t a{line-height: 60px;height: 60px;}
}

@media only screen and (max-width:1430px) {
	.chanpin_con li{width:230px; height:230px;}
	.section_b,.section_c,.section_d,.section_e{width:95%}
	.section_a{width:85%}
	.con_dd ul li div{margin-left:20px;}
}
