* {-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
.about_banner{ width: 100%; }
.about_banner img{ width: 100%; }

.cn_title{font-size: 24px;line-height: 36px;font-weight: bold; text-align: center; padding-top: 40px;}
.en_title{font-family: 'Arial Black', sans-serif;font-size: 48px;line-height: 1;color: #0047BA; text-align: center;}
.cn_txt{ font-size: 16px; width: 1000px; margin: 0 auto; text-align: center; padding-top: 20px;}
.box1{width: 100%;background: url(../images/technical_02.jpg) no-repeat 50% 100%;background-position: center bottom; padding-bottom: 50px; }
.box1 dl{ width: 1200px; margin: 0 auto; padding:20px; background: #fff; margin-top: 50px; }
.box1 dl img{ width: 100%; }


.box2{width: 100%; padding-bottom: 50px; }
.box2 dl{ width: 900px; margin: 0 auto; margin-top: 40px; text-align: center; border-top: 1px solid #f0f0f0; padding-top: 30px;}
.box2 dl img{ max-width: 100%;}


.box3{width: 100%;background: url(../images/technical_05.jpg) no-repeat 50% 100%;background-position: center bottom; padding-bottom:220px; }
.big_title{ width: 1200px; margin: 0 auto; color: #0047BA; font-weight: bold; border-bottom: 1px solid #bebdbc; margin-top: 50px; padding-bottom: 10px; font-size: 18px;}
.box3 .box3_con{ width: 1200px; margin: 0 auto;display:flex;align-items:stretch;-webkit-align-items:stretch;flex-wrap:wrap; background: #fff; margin-top: 40px; padding: 30px 60px;}
.box3 .box3_con dd{ width: 40%; display: flex; justify-content: center;align-items: center; padding-right: 50px; font-size: 18px; line-height:32px;}
.box3 .box3_con dt{ width: 60%; }
.box3 .box3_con dt img{ width: 100%; }



.box4{width: 100%;background:#ececec; position: relative; padding-bottom: 80px;}
.box4 .box4_con1{ width: 1200px; margin: 0 auto;display:flex;align-items:stretch;-webkit-align-items:stretch;flex-wrap:wrap; margin-top: -150px; position: absolute; left: 50%; margin-left: -600px;}
.box4 .box4_con1 dd{ width: 45%; }
.box4 .box4_con1 dd img{ width: 100%; }
.box4 .box4_con1 dt{ width: 55%; display: flex; justify-content: center;align-items: center; padding: 40px; font-size: 16px; line-height:32px; background: #0047BA; color: #fff;}

.box4 .box4_con2{ width: 1200px; margin: 0 auto; padding-top: 280px;}
.box4 .box4_con2_1{ width: 100%;display:flex;align-items:stretch;-webkit-align-items:stretch;flex-wrap:wrap; background: #fff; border-radius: 30px; overflow:hidden; border:1px solid #c3c3c3;}
.box4 .box4_con2_1 dd{ width: 45%; padding:30px; }
.box4 .box4_con2_1 dd img{ width: 100%; }
.box4 .box4_con2_1 dt{ width: 55%;  padding: 40px; font-size: 16px; line-height:32px;}
.box4 .box4_con2_1 dt p{ color: #959595; padding-top: 30px; }


.box5{width: 100%;background:#fff; position: relative;}
.box5 .box5_txt{ font-size: 16px; width: 1200px; margin:0 auto; padding-top: 20px; line-height: 32px; }
.box5 ul{ width: 1200px; margin:0 auto; padding-top: 20px; padding-bottom: 50px;display:flex;align-items:stretch;-webkit-align-items:stretch;flex-wrap:wrap;}
.box5 ul li{ position: relative; font-size: 16px; line-height: 26px; padding-top: 10px; padding-bottom: 10px; padding-left: 25px; width: 50%;}
.box5 ul li:after{ content: ""; background: none; width: 6px; height: 6px; border-radius: 100%; left: 0; position: absolute; border:2px solid #9fa7c8; top: 17px; }
.box5 .box5_con{ width: 1200px; margin: 0 auto;display:flex;align-items:stretch;-webkit-align-items:stretch;flex-wrap:wrap; margin-top: 0px; }
.box5 .box5_con dd{ width: 60%; }
.box5 .box5_con dd img{ width: 100%; }
.box5 .box5_con dt{ width: 40%; display: flex; justify-content: center;align-items: center; padding-right: 50px; font-size: 18px; line-height:32px; background: #d2dbea; padding-left: 50px;}
.box5 .box5_txt{ font-size: 16px; }


.box6{width: 100%;background:#fff; position: relative; padding-bottom: 80px;}
.box6 dl{ text-align: center; padding-top: 60px; width: 900px;  margin:0 auto;}
.box6 dl img{  max-width: 100%;}
.box6 dd{ width: 1200px; margin:0 auto; font-size: 18px; line-height: 32px;  padding-top: 30px;}


.box7{width: 100%;background: url(../images/technical_13.jpg) no-repeat 50% 100%;background-position: center bottom; padding-bottom:100px; padding-top: 20px;}
.box7 .box7_con{ width: 1200px; margin: 0 auto;display:flex;align-items:stretch;-webkit-align-items:stretch;flex-wrap:wrap; margin-top:50px; }
.box7 .box7_con dd{ width: 25%; display: flex; justify-content: center;align-items: center;}
.box7 .box7_con dd img{ width: 100%; }
.box7 .box7_con dt{ width: 75%; display: flex; justify-content: center;align-items: center; padding-left: 30px; font-size: 18px; line-height:32px; }

.box8{width: 100%;background:#fff; position: relative; padding-bottom: 80px;}
.box8 .box8_title{ width: 1200px; margin: 0 auto; color: #000; font-weight: bold; border-bottom: 1px solid #bebdbc; margin-top: 50px; padding-bottom: 10px; font-size: 18px;}

.box8 dl{ font-size: 16px; width: 1200px; margin:0 auto; padding-top: 20px; line-height: 32px; }
.box8 ul{ width: 1200px; margin:0 auto; padding-top: 20px; padding-bottom: 20px;display:flex;align-items:stretch;-webkit-align-items:stretch;flex-wrap:wrap;}
.box8 ul li{ position: relative; font-size: 16px; line-height: 26px; padding-top: 10px; padding-bottom: 10px; padding-left: 25px; width: 100%;}
.box8 ul li:after{ content: ""; background: none; width: 6px; height: 6px; border-radius: 100%; left: 0; position: absolute; border:2px solid #9fa7c8; top: 17px; }
.box8 .box8_txt{ font-size: 16px; width: 1200px; margin:0 auto; padding-top: 20px; line-height: 32px;  border-top: 1px solid #d8d8d8}

.box9{width: 100%;background: url(../images/technical_10.jpg) no-repeat 50% 100%;background-position: center bottom; padding-bottom:100px;}
.box9 .box9_tit{ width: 100%; text-align: center; background: #0047BA; color: #fff; font-size: 24px; font-weight: bold; line-height: 80px; }
.box9 ul{ width: 1200px; margin:0 auto; margin-top: 100px; display:flex;align-items:stretch;-webkit-align-items:stretch;flex-wrap:wrap;}
.box9 ul li{ width: 30%; margin-right: 5%; margin-bottom: 5%; border-radius: 10px; overflow: hidden;box-shadow:0px 2px 17px 1px rgba(0,0,0,0.3);}
.box9 ul li:nth-child(3n){ margin-right: 0 }
.box9 ul li dl{ width: 100%;}
.box9 ul li dl img{width: 100%;}
.box9 ul li dd{ text-align: center; width: 100%; background: #dedede; font-size: 18px; padding: 10px 20px; line-height: 30px; min-height: 80px;display: flex; justify-content: center;align-items: center;}
.box9 ul li dt{ display: none;  line-height: 80px;font-size: 18px; border-radius: 0 0 10px 10px;min-height: 80px;}
.box9 ul li dt img{ width: 28px; height: 28px; margin-left:10px;}
.box9 ul li:hover dd{ display: none; }
.box9 ul li:hover dt{ display: block; background: #0047BA; color: #fff; text-align: center;}