@charset "utf-8";
/* CSS Document */

.about_a1{ float: left; width: 100%; height: 140px; background: #fff;}
.about_a1 li{ float: left; width: 299px; height: 140px; text-align: center;}
.about_a1 li span{ float: left; width: 100%;}
.about_a1 li span:nth-child(1){ font-size: 26px; font-weight: bold; margin-top: 40px;}
.about_a1 li span:nth-child(2){ font-size: 16px; margin-top: 10px;}
.about_a1 li:hover{ background: #1f286f; color: #fff;}

.about_a2{ float: left; width: 100%; height: 700px; background: url("../images/present_2.jpg") no-repeat; position: relative;}
.about_a2 .div1{ width: 960px;position: absolute; top: 120px; left: 50%; min-height: 200px; margin-left: -472px; border-radius: 10px; background: #fff; padding-bottom: 50px;}
.about_a2 .div1 span:nth-child(1){ float: left; width: 100%; text-align: center; font-weight: bold; font-size: 30px; color: #333; margin-top: 30px;}
.about_a2 .div1 span:nth-child(2){ float: left; width: 100%; text-align: center; font-size: 18px;text-transform:uppercase; margin-top: 21px;}
.about_a2 .div1 span:nth-child(3){ float: left; width: 100%; text-align: center; font-size: 18px;}
.about_a2 .div1 span:nth-child(5){ display: block; width: 41px; height: 2px; margin: 0 auto; margin-top: 15px; background: #1f286f;}
.about_a2 .div1 span:nth-child(7){ display: block; width: 765px; margin: 0 auto; font-size: 14px; line-height: 24px; color: #666;margin-top: 20px; text-align: center;}
.about_a2 .div1 span:nth-child(7) a{ display: block;font-size: 25px; margin-top: 40px;}

.about_a3{ float: left; width: 100%; height: 700px; background: url("../images/present_3.jpg") no-repeat;}
.about_a3 span:nth-child(1){ float: left; width: 100%; font-size: 30px; line-height: 40px; margin: 198px 0 0 17px; color: #333;}
.about_a3 span:nth-child(1) b{ float: left; width: 100%;}
.about_a3 span:nth-child(2){ float: left; width: 470px; font-size: 14px; line-height: 24px; color: #666; margin:52px 0 0 19px;}



.about_b1{ float: left; width: 100%;}
.about_b1 .span1{ float: left; width: 100%; text-align: center; font-weight: bold; font-size: 30px;}
.about_b1 .span2{ float: left; width: 100%; text-align: center;  font-size: 30px; margin-top: 15px;}
.about_b1 .span3{ display: block; margin: 0 auto; width: 710px; text-align: center; font-size: 14px; line-height: 24px; color: #666; margin-top: 35px;}
.about_b1 ul:nth-child(5){ float: left; width: 100%; margin-top: 70px;}
.about_b1 ul:nth-child(5) li{ float: left; width: 390px; margin-right: 15px;}
.about_b1 ul:nth-child(5) li:nth-child(3){ margin-right: 0;}
.about_b1 ul:nth-child(6){ float: left; width: 100%; margin: 100px 0;}
.about_b1 ul:nth-child(6) li{ float: left; width: 145px; height: 60px; padding-left: 73px; margin-left: 63px;}
.about_b1 ul:nth-child(6) li span{ float: left; width: 100%;}
.about_b1 ul:nth-child(6) li span:nth-child(1){ font-size: 24px; font-weight: bold;}
.about_b1 ul:nth-child(6) li span:nth-child(2){ font-size: 24px;}
.about_b1 ul:nth-child(6) li:nth-child(1){ background: url("../images/b1_ul1.jpg") left center no-repeat;}
.about_b1 ul:nth-child(6) li:nth-child(2){ background: url("../images/b1_ul2.jpg") left center no-repeat;}
.about_b1 ul:nth-child(6) li:nth-child(3){ background: url("../images/b1_ul3.jpg") left center no-repeat;}
.about_b1 ul:nth-child(6) li:nth-child(4){ background: url("../images/b1_ul4.jpg") left center no-repeat;}

.about_b2{ float: left; width: 100%;}
.about_b2 .span1{ float: left; width: 100%; text-align: center; font-weight: bold; font-size: 30px; margin-top: 105px;}
.about_b2 .span2{ float: left; width: 100%; text-align: center;  font-size: 30px; margin-top: 15px;}
.about_b2 .span3{ float: left; width: 100%; text-align: center; font-size: 14px; line-height: 24px; color: #666; margin-top: 35px;}
.about_b2 ul{ float: left; width: 100%; margin-top: 60px; margin-bottom: 110px;}
.about_b2 li{ float: left; width: 176px; height: 176px; border: 2px solid #1f286f; border-radius: 50%; margin-left: 20px;}
.about_b2 li span{ float: left; width: 100%; text-align: center;}
.about_b2 li span:nth-child(1){ font-size: 18px; margin-top: 27px; padding-top: 40px; background: url("../images/b2_1.png") top no-repeat;}
.about_b2 li span:nth-child(2){ font-size: 16px; color: #666; margin-top: 7px;}
.about_b2 li:nth-child(2) span:nth-child(1){ background-position: 70px -65px;}
.about_b2 li:nth-child(3) span:nth-child(1){ background-position: 70px -130px;}
.about_b2 li:nth-child(4) span:nth-child(1){ background-position: 70px -195px;}
.about_b2 li:nth-child(5) span:nth-child(1){ background-position: 70px -260px;}
.about_b2 li:nth-child(6) span:nth-child(1){ background-position: 70px -325px;}

.about_b3{ float: left; width: 100%;}
.about_b3 .span1{ float: left; width: 100%; text-align: center; font-weight: bold; font-size: 30px; margin-top: 105px;}
.about_b3 .span2{ float: left; width: 100%; text-align: center;  font-size: 30px; margin-top: 15px;}
.about_b3 .span3{ float: left; width: 100%; text-align: center; font-size: 14px; line-height: 24px; color: #666; margin-top: 35px;}
.about_b3 ul{ float: left; width: 100%; height: 465px; background: url("../images/about_b3.png") 70px 0 no-repeat; margin: 70px 0;}
.about_b3 li{ float: left; font-size: 16px; font-weight: bold; width: 90px; text-align: center; margin:43px 0 65px 78px;}
.about_b3 li:nth-child(-n+13){ margin-left: 78px;}
.about_b3 li:nth-child(1),.about_b3 li:nth-child(8),.about_b3 li:nth-child(15),.about_b3 li:nth-child(22){margin-left: 53px;}


.about_b4{ float: left; width: 100%; color: #fff;}
.about_b4 .span1{ float: left; width: 100%; text-align: center; font-weight: bold; font-size: 30px; margin-top: 105px;}
.about_b4 .span2{ float: left; width: 100%; text-align: center;  font-size: 30px; margin-top: 15px;}
.about_b4 .span3{ float: left; width: 100%; text-align: center; font-size: 14px; line-height: 24px; margin-top: 35px;}
.about_b4 ul{ float: left; width: 100%; margin: 55px 0;}
.about_b4 li{ float: left; width: 150px; text-align: center; font-size: 14px;}
.about_b4 li span{ float: left; width: 100%; margin-top: 25px;}

.about_c1{ float: left; width: 100%; margin-bottom: 118px;}
.about_c1 .span1{ float: left; width: 100%; text-align: center; font-weight: bold; font-size: 30px;}
.about_c1 .span2{ float: left; width: 100%; text-align: center; font-size: 30px;}
.about_c1 .span3{ float: left; width: 100%; text-align: center; font-size: 14px; line-height: 24px; margin: 35px 0 60px 0;}

.about_c2{ float: left; width: 100%; margin: 100px auto;}
.about_c2 .span1{ float: left; width: 100%; text-align: center; font-size: 30px;}
.about_c2 .span2{ float: left; width: 100%; text-align: center; font-weight: bold; font-size: 30px;}
.about_c2 .span3{ float: left; width: 100%; text-align: center; font-size: 14px; line-height: 24px; margin: 35px 0 60px 0;}

.about_d1{ float: left; width: 100%; margin-bottom: 118px;}
.about_d1 .span1{ float: left; width: 100%; text-align: center; font-weight: bold; font-size: 30px;}
.about_d1 .span3{ float: left; width: 100%; text-align: center; font-size: 14px; line-height: 24px; margin: 35px 0 60px 0;}


.about_d3{ float: left; width: 100%; margin: 100px auto;}
.about_d3 .span1{ float: left; width: 100%; text-align: center; font-weight: bold; font-size: 30px;}
.about_d3 .span2{ float: left; width: 100%; text-align: center; font-size: 30px;}
.about_d3 .span3{ float: left; width: 100%; text-align: center; font-size: 14px; line-height: 24px; margin: 35px 0 60px 0;}


.about_e1{ float: left; width: 100%; }
.about_e1 .span1{ float: left; width: 100%; text-align: center; font-weight: bold; font-size: 30px;}
.about_e1 .span2{ float: left; width: 100%; text-align: center; font-size: 30px;}
.about_e1 .span3{ float: left; width: 100%; text-align: center; font-size: 14px; line-height: 24px; margin: 35px 0 60px 0;}

.about_e2{ float: left; width: 100%; height: 650px; color: #fff; background: url("../images/culture_2.jpg") no-repeat;}
.about_e2 li{ float: left; width: 155px; height: 180px; }
.about_e2 li span:nth-child(1){ float: left; width: 100%; text-align: center; font-size: 26px; padding-top: 88px;}
.about_e2 li span:nth-child(2){ float: left; width: 100%; text-align: center; font-size: 14px; margin-top: 10px;}

.about_e2 ul:nth-child(1) li:nth-child(1){ margin:106px 0 0 136px;}
.about_e2 ul:nth-child(1) li:nth-child(2){ margin:109px 0 0 112px;} 
.about_e2 ul:nth-child(1) li:nth-child(3){ margin:104px 0 0 110px;} 
.about_e2 ul:nth-child(1) li:nth-child(4){ margin:106px 0 0 101px;} 
.about_e2 ul:nth-child(3) li:nth-child(1){ margin:88px 0 0 136px;}
.about_e2 ul:nth-child(3) li:nth-child(2){ margin:88px 0 0 112px;}
.about_e2 ul:nth-child(3) li:nth-child(3){ margin:88px 0 0 106px;}
.about_e2 ul:nth-child(3) li:nth-child(4){ margin:88px 0 0 104px;}
.about_e2 ul:nth-child(1) li:nth-child(1) span:nth-child(1){ background: url("../images/e2_1.png") center 0 no-repeat;}
.about_e2 ul:nth-child(1) li:nth-child(2) span:nth-child(1){ background: url("../images/e2_2.png") center 0 no-repeat;}
.about_e2 ul:nth-child(1) li:nth-child(3) span:nth-child(1){ background: url("../images/e2_3.png") center 0 no-repeat;}
.about_e2 ul:nth-child(1) li:nth-child(4) span:nth-child(1){ background: url("../images/e2_4.png") center 0 no-repeat;}
.about_e2 ul:nth-child(3) li:nth-child(1) span:nth-child(1){ background: url("../images/e2_5.png") center 0 no-repeat;}
.about_e2 ul:nth-child(3) li:nth-child(2) span:nth-child(1){ background: url("../images/e2_6.png") center 0 no-repeat;}
.about_e2 ul:nth-child(3) li:nth-child(3) span:nth-child(1){ background: url("../images/e2_7.png") center 0 no-repeat;}
.about_e2 ul:nth-child(3) li:nth-child(4) span:nth-child(1){ background: url("../images/e2_8.png") center 0 no-repeat;}



.bjie{ float: left; margin:100px 0 100px 83px;} 
.bjie li{display: inline-block; width: 85px; height: 50px; padding-left: 66px; margin-right: 140px;}
.bjie li span{ float: left; width: 100%;font-size: 20px;}
.bjie li a{ float: left; width: 100%;font-size: 14px; color: #1f286f;}
.bjie li:nth-child(1){ background: url("../images/bjie1.jpg") left center no-repeat;}
.bjie li:nth-child(2){ background: url("../images/bjie2.jpg") left center no-repeat;}
.bjie li:nth-child(3){ background: url("../images/bjie3.jpg") left center no-repeat;}
.bjie li:nth-child(4){ background: url("../images/bjie4.jpg") left center no-repeat; margin-right: 0;}



.about_d2{ float: left; width: 100%;background:#f7f7f7; padding-bottom: 120px;}
.about_d2 .div1{ float: left; width: 100%; height: 1px; background: #999;}
.about_d2 .div1 span{ float: left; width:16px; height: 16px; background: #1f286f; margin: 0 192px; margin-top: -9px;}
/*单页头部开始*/
#four_flash{ float: left; position:relative;width:1200px;height:395px; margin-top: 40px;}
#four_flash .flashBg{width:1200px;height:395px; margin:0 auto;position:relative;overflow:hidden;}
#four_flash .flashBg ul.mobile{width:2000%;height:395px; position:absolute;top:15; left:0;}
#four_flash .flashBg ul.mobile li{float:left;width:394px;height:395px;margin-left:9px; background: #fff; border-radius: 15px;}
#four_flash .flashBg ul.mobile li span:nth-child(1){float:left;width:100%; font-size: 30px; font-weight: bold; color: #1f286f; margin: 40px 0 0 40px;}
#four_flash .flashBg ul.mobile li span:nth-child(2){ float: left; width: 100%; font-size: 16px; line-height: 28px; margin: 10px 0 0 40px;}
#four_flash .but_left{width:40px;height:120px; position:absolute; top:125px; left:-115px; background:url("../images/jt.png") center no-repeat,#333;}
#four_flash .but_right{width:40px;height:120px; position:absolute; top:125px; right:-131px; background:url("../images/jt1.png") center no-repeat,#333;}
#four_flash .but_left:hover{background:url("../images/jt.png") center no-repeat,#1f286f;}
#four_flash .but_right:hover{background:url("../images/jt1.png") center no-repeat,#1f286f;}