/* by dingtiger 2019.4 */
@font-face {
  font-family: 'dinpro_b';
  src: url('../font/DINPro-Bold.eot');
  src: url('../font/DINPro-Bold.eot?#iefix') format('embedded-opentype'),
      url('../font/DINPro-Bold.woff2') format('woff2'),
      url('../font/DINPro-Bold.woff') format('woff'),
      url('../font/DINPro-Bold.ttf') format('truetype'),
      url('../font/DINPro-Bold.svg#dinpro_b') format('svg');
}

@font-face {
  font-family: 'dinpro';
  src: url('../font/dinpro.eot');
  src: url('../font/dinpro.eot?#iefix') format('embedded-opentype'),
      url('../font/dinpro.woff2') format('woff2'),
      url('../font/dinpro.woff') format('woff'),
      url('../font/dinpro.ttf') format('truetype'),
      url('../font/dinpro.svg#dinpro') format('svg');
}

*£ūmargin:0;padding:0;£ż
html,body{width:100%;height:100%;}
html,body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,blockquote,p { padding:0; margin:0; }
body {font-size:14px; line-height:24px; color: #777; font-family: "microsoft yahei","PingFang SC"; width:100%; overflow-x:hidden;}
ul,li {list-style: none; padding:0px; margin:0px}
img {border:0; margin:0px; padding:0px; display:block;}
input:focus {outline: none;}
.clean{clear:both;}

a:link {color: #777777;text-decoration: none;}
a:visited {color: #777777;text-decoration: none;}
a:hover {color:#07569f;text-decoration: none;}
a:active {color: #777777;text-decoration: none;}



/*menu*/
.menu{width:100%; height:100px; position:absolute;z-index:9999;  }
.menu ol{width:1200px; height:100px; margin:0 auto;}
.menu ol ul:nth-child(1){width:40%; height:90px; float:left; }
.menu ol ul:nth-child(2){width:60%;  height:100px;float:right; }
.menu ol ul:nth-child(2) li{width:16.66%; float:left;line-height: 100px;height:100px; text-align:right;  height: 100px; font-size: 16px;}
.menu ol ul:nth-child(2) li a:link{color: #fff;}
.menu ol ul:nth-child(2) li a:visited{color: #fff;}
.menu ol ul:nth-child(2) li a:hover{color: #f39700;}
.menu ol ul:nth-child(2) li a:active{color: #fff;}

/*menu*/
.menu2{width:100%; height:100px; position:absolute;z-index:9999; background-color: #153451;  }
.menu2 ol{width:1200px; height:100px; margin:0 auto;}
.menu2 ol ul:nth-child(1){width:40%; height:90px; float:left; }
.menu2 ol ul:nth-child(2){width:60%;  height:100px;float:right; }
.menu2 ol ul:nth-child(2) li{width:16.66%; float:left;line-height: 100px;height:100px; text-align:right;  height: 100px; font-size: 16px;}
.menu2 ol ul:nth-child(2) li a:link{color: #fff;}
.menu2 ol ul:nth-child(2) li a:visited{color: #fff;}
.menu2 ol ul:nth-child(2) li a:hover{color: #f39700;}
.menu2 ol ul:nth-child(2) li a:active{color: #fff;}


/*index_banner*/
.index_banner{width:100%; height:1000px;z-index:9998;}
.about_banner{width:100%; height:500px;z-index:9998;}
.swiper-container {width: 100%;height:100%;}
.swiper-slide{color:#fff;}
.txt-box{width:1200px; display:block; margin:105px auto 0 auto; text-align:left;}
.swiper-slide .title {font-size:60px; color:#ffffff; text-align:left; margin-top:350px;font-family:'dinpro_b'; line-height:60px;}
.swiper-slide .titlea {font-size:25px; color:#ffffff; text-align:left; margin-top:20px; line-height:30px;}
.swiper-slide .titleb {font-size:20px; color:#ffffff; text-align:left; margin-top:20px;font-family:'dinpro'; line-height:30px;}
.swiper-slide .titlec {font-size:50px; color:#ffffff; text-align:center; margin-top:200px;font-family:'dinpro_b'; line-height:60px;}
.swiper-slide .titled {font-size:20px; color:#ffffff; text-align:center; margin-top:10px; line-height:30px;}
.swiper-slide .titlee {font-size:18px; color:#ffffff; text-align:center; margin-top:10px;font-family:'dinpro'; line-height:30px;}


.con-box{width:1200px; height: 1000px; display:block; margin:0 auto; text-align:left;background: url(../image/ban_01.png) no-repeat center right; }
.con-box ul:nth-child(1){width: 40%;height: auto;float: left;}
.con-box ul:nth-child(2){width: 60%;height: auto;float: left;}

.con-box2{width:1200px; height: 1000px; display:block; margin:0 auto; text-align:left;background: url(../image/ban_02.png) no-repeat center right; }
.con-box2 ul:nth-child(1){width: 40%;height: auto;float: left;}
.con-box2 ul:nth-child(2){width: 60%;height: auto;float: left;}

.con-box3{width:1200px; height: 1000px; display:block; margin:0 auto; text-align:left;background: url(../image/ban_03.png) no-repeat center right; }
.con-box3 ul:nth-child(1){width: 40%;height: auto;float: left;}
.con-box3 ul:nth-child(2){width: 60%;height: auto;float: left;}

/*index_a*/
.index_a{width:1200px; height:auto; padding:60px 0 ; margin: 0 auto;}
.index_a ul:nth-child(1){text-align:center; margin-bottom:30px;background: url(../image/x_01.jpg) no-repeat center center; }
.index_a ul:nth-child(1) span{font-size: 30px;color:#07569f; }
.index_a ul:nth-child(1) font{font-size: 20px;color:#777777;}
.index_a ul:nth-child(2){width: 80%; margin: 0 auto;text-align:center; margin-bottom:30px;}
.index_a ul:nth-child(3){width: 80%; margin: 0 auto;text-align:center;color:#e5e5e5;font-size:20px;  }

/*index_b*/
.index_b{width:100%; height:auto;  margin: 0 auto;background-color: #eeeeee;}
.index_b ul{width:1200px;text-align:left;  height:auto;margin: 0 auto; }
.index_b ul li:nth-child(1) {width:45%;height:auto;float: left;margin-right: 5%; padding-top: 150px; }
.index_b ul li:nth-child(2) {width: 50%;height:auto;float: left;}
.index_b ul li:nth-child(1) span{font-size: 40px;color:#777777;line-height: 40px;}
.index_b ul li:nth-child(1) font{font-size: 50px;color:#07569f;line-height: 40px;}
.index_b ul li:nth-child(1) a{color: #777777;  padding: 5px 40px;border:1px solid #c5c5c5;}


/*index_c*/
.index_c{width:1200px;padding:60px 0; height:auto;  margin: 0 auto;}
.index_c ul:nth-child(1){text-align:center; margin-bottom:30px;background: url(../image/x_01.jpg) no-repeat center center; }
.index_c ul:nth-child(1) span{font-size: 30px;color:#07569f; }
.index_c ul:nth-child(1) font{font-size: 20px;color:#777777;}
.index_c ul:nth-child(2){width:100%; height:auto; margin:0 auto; text-align:center; margin-bottom:30px;}
.index_c ul:nth-child(3){width:100%; height:auto; margin:0 auto;  margin-bottom:40px;}
.index_c ul:nth-child(4){width:100%; height:auto; line-height: 50px; text-align:center;}

.index_c ul dd{width: 80%; margin: 0 auto; }
.index_c ul li{width:calc(48% - 2px); height:auto; float: left;  margin-right:4%; background-color: #f5f5f7; border:1px solid #c5c5c5; }
.index_c ul li:nth-child(2){margin-right: 0;  }
.index_c ul li img{margin:0 auto;}
.index_c ul li ol{width: calc(100% - 20px); line-height: 66px; display: block; height: 66px;background-color: #f5f5f7;  padding-left: 20px; background: url(../image/ind_09.jpg) no-repeat right center;}
.index_c ul li ol span{font-size: 20px;color:#07569f;text-align:left; }
.index_c ul li ol font{font-size: 14px;color:#777777;text-align:left; padding-left: 5px;}
.index_c ul a{color: #777777;  padding: 5px 40px;border:1px solid #c5c5c5;}


/*index_d*/
.index_d{width:100%;height:auto;padding:60px 0;  margin: 0 auto;}
.index_d_bg{background-image:url(../image/p.jpg); background-position:center; background-size:100%; position: relative;background-size:100%;background-repeat: no-repeat;background-position: 50% 50%;}

.index_d ul:nth-child(1){width:1200px; height:auto; margin:0 auto;text-align:center; margin-bottom: 60px;}
.index_d ul:nth-child(1) span{font-size:30px;color:#cecece;line-height: 40px;}
.index_d ul:nth-child(1) font{font-size:14px;color:#cecece;line-height: 40px;}

.index_d ul:nth-child(2){width:1200px; height:auto; margin:0 auto;text-align:center;}
.index_d ul:nth-child(2) ol{width:calc(16% - 2px); height:170px;color:#cecece; margin:0 auto;text-align:center;  padding-top: 20px; margin-right: 5%;float: left; border:1px solid #cecece;}
.index_d ul:nth-child(2) ol:nth-child(5n+5){margin-right: 0;}


/*index_e*/
.index_e{width:1200px; height:auto; padding:60px 0 ; margin: 0 auto;}
.index_e ul:nth-child(1){text-align:center; margin-bottom:30px;background: url(../image/x_01.jpg) no-repeat center center; }
.index_e ul:nth-child(1) span{font-size: 30px;color:#07569f; }
.index_e ul:nth-child(1) font{font-size: 20px;color:#777777;}
.index_e ul:nth-child(2){width: 80%; margin: 0 auto;text-align:center; margin-bottom:30px;}
.index_e ul:nth-child(3){width: 100%;height:auto;margin: 0 auto;}
.index_e ul:nth-child(3) li{width: 25%;  float: left;}


/*about_a*/
.about_a{width:1200px; height:auto; padding:60px 0 ; margin: 0 auto;}
.about_a ul:nth-child(1){text-align:center; margin-bottom:30px;background: url(../image/x_01.jpg) no-repeat center center; }
.about_a ul:nth-child(1) span{font-size: 30px;color:#07569f; }
.about_a ul:nth-child(1) font{font-size: 20px;color:#777777;}
.about_a ul:nth-child(2){width: 90%; margin: 0 auto;text-align:left; margin-bottom:30px;}
.about_a ul:nth-child(3){width: 90%; margin: 0 auto;text-align:center;color:#e5e5e5; font-size:20px; }


/*about_b*/
.about_b{width:100%; height:auto;  margin: 0 auto;background: url(../image/about_bj.jpg) no-repeat bottom center;}
.about_b ul{width:1200px;text-align:left;  height:auto;margin: 0 auto; padding: 60px 0; }
.about_b ul li:nth-child(1) {width:calc(49% - 2px);height:auto;float: left;margin-right: 2%;border:1px solid #b4b4b4; margin-bottom: 20px;}
.about_b ul li:nth-child(2) {width:calc(49% - 2px);height:auto;float: left; border:1px solid #b4b4b4;margin-bottom: 20px;}
.about_b ul li:nth-child(3) {width:calc(100% - 2px);height:auto;float: left;border:1px solid #b4b4b4;}

/*content*/
.td {width: 100%;height:auto;margin: 0 auto;padding:60px 0 0 0;}
.td ul:nth-child(1) {text-align:center; background: url(../image/x_01.jpg) no-repeat center center;;}
.td ul:nth-child(1) span{font-size: 30px;color:#07569f; }
.td ul:nth-child(1) font{font-size: 20px;color:#777777;}

#tabsb{ width:1200px;height:auto; padding:30px 0; margin: 0 auto; display:flex; -webkit-display:flex; justify-content:center; align-items:center;overflow:hidden;}
#tabsb li {width: 40%; height: 60px;  float:left; text-align:center; background-color:#07569f; margin:0 5px; }
#tabsb li img{margin:0 auto; padding-top: 20px;}
#tabsb a {position:relative;height: 60px; line-height: 60px;text-align:center; color:#FFF;  display:block;  font-size:18px; }
#tabsb a:hover {text-align:center;height: 60px; line-height: 60px; background-color:#f39700;  color:#FFF; display:block;}
#tabsb a:focus {text-align:center; height: 60px;  line-height: 60px; background-color:#f39700; color:#FFF;  display:block;}
#tabsb #currentb{z-index:3;color:#FFF; display:block;}
#contentb{width:1200px;height:auto;margin: 0 auto;padding:0 0 30px 0; }


/*left_menu*/
.left_menu{width:100%; text-align:center; text-align:center;padding:40px 0; }
.left_menu_a:link {color: #07569f;text-decoration: none; font-size:1.5em; background-color:#fff;  padding:8px 3vw; border-radius:5px; margin:0 10px;border:1px solid #07569f;}
.left_menu_a:visited {color: #07569f;text-decoration: none; font-size:1.5em; background-color:#fff; padding:8px 3vw; border-radius:5px; margin:0 10px;border:1px solid #07569f;}
.left_menu_a:hover {color:#fff;text-decoration: none; font-size:1.5em; background-color:#07569f;  padding:8px 3vw; border-radius:5px; margin:0 10px;}
.left_menu_a:active {color: #07569f;text-decoration: none; font-size:1.5em; background-color:#fff;  padding:8px 3vw; border-radius:5px; margin:0 10px;border:1px solid #07569f;}

.left_menu_b:link {color: #fff;text-decoration: none; font-size:1.5em; background-color:#07569f;  padding:8px 3vw; border-radius:5px; margin:0 10px;}
.left_menu_b:visited {color: #fff;text-decoration: none; font-size:1.5em; background-color:#07569f; padding:8px 3vw; border-radius:5px; margin:0 10px;}
.left_menu_b:hover {color:#fff;text-decoration: none; font-size:1.5em; background-color:#07569f; padding:8px 3vw; border-radius:5px; margin:0 10px;}
.left_menu_b:active {color: #fff;text-decoration: none; font-size:1.5em; background-color:#07569f;  padding:8px 3vw; border-radius:5px; margin:0 10px;}

.contenta{width:100%; margin:0 auto; padding: 50px 0;}

/*n_pro*/
.n_pro{width:1200px; height:auto; margin:0 auto;}
.n_pro ul{width:calc(22% - 2px); height:auto; float:left; margin-bottom:30px; margin-right:4%; text-align:center;border:1px solid #c5c5c5;}
.n_pro ul:nth-child(4n+4){margin-right:0;}

.n_pro ul li:nth-child(1){width:100%; margin-bottom:20px; text-align:center;}
.n_pro ul li:nth-child(2){width:100%; text-align:center;}

.n_pro_span1{padding:5px 30px; background-color:#07569f; color:#FFF;  font-size:18px; line-height:24px;}
.n_pro_span1:link {padding:5px 30px; background-color:#07569f; color:#FFF;  font-size:18px; line-height:24px;}
.n_pro_span1:visited {padding:5px 30px; background-color:#07569f; color:#FFF;  font-size:18px; line-height:24px;}
.n_pro_span1:hover {padding:5px 30px; background-color:#07569f; color:#FFF;  font-size:18px; line-height:24px;}
.n_pro_span1:active {padding:5px 30px; background-color:#07569f; color:#FFF;  font-size:18px; line-height:24px;}

.n_pro_span2{color:#07569f; font-size:12px; line-height:20px;}


/*product*/
.product_more{width:1200px; margin:0 auto; padding:6vh 0 6vh 0;}
.product_more ul:nth-child(1){width:100%; margin-bottom:20px; text-align:left;}
.product_more ul{width:100%;}
.product_more ul li:nth-child(1){width:30%; float:left;}
.product_more ul li:nth-child(2){width:65%; margin-left:5%; float:left;}
.product_more ul span{font-size:2em; font-weight:bold; color:#07569f;}

.product_more ul:nth-child(2){width:100%;  text-align:left; }
.product_more ul li dd:nth-child(1){width:calc(100% - 20px);color:#FFF; background-color:#07569f; padding-left: 20px;  }
.product_more ul li dd:nth-child(2){width:100%; padding: 20px 0;  }
.product_more ul li dd:nth-child(3){width:calc(100% - 20px);color:#FFF; background-color:#07569f; padding-left: 20px;  }
.product_more ul li dd:nth-child(4){width:100%; padding: 20px 0;  }

.product_more_ul_li_img{width:100%; margin:0 auto 3vh auto;border:1px solid #c5c5c5;}
.pro_b1{font-size:16px; font-weight:bold;}


/*contact_a*/
.contact_a{width:1200px; height:auto; padding:60px 0 ; margin: 0 auto;}
.contact_a ul:nth-child(1){text-align:center; margin-bottom:30px;background: url(../image/x_01.jpg) no-repeat center center; }
.contact_a ul:nth-child(1) span{font-size: 30px;color:#07569f; }
.contact_a ul:nth-child(1) font{font-size: 20px;color:#777777;}
.contact_a ul:nth-child(2){width: 100%; margin: 0 auto;text-align:left; }
.contact_a ul:nth-child(2) li{width: 50%; margin: 0 auto;text-align:left;float: left;}
.contact_a ul:nth-child(2) li p{color:#07569f;font-size: 16px;line-height: 30px;}

.map{width:100%; height:600px; padding-top: 100px; background-position:center; background-repeat:no-repeat; background-size:cover;z-index:99999; }

.equqq {width: 100%;height:auto;margin: 0 auto; padding:60px 0;}
.equqq ul{width: 1200px;height:auto; margin: 0 auto;}
.equqq ul:nth-child(1){text-align:center; margin-bottom:30px;background: url(../image/x_01.jpg) no-repeat center center; }
.equqq ul:nth-child(1) span{font-size: 30px;color:#07569f; }
.equqq ul:nth-child(1) font{font-size: 20px;color:#777777;}
.equqq ul:nth-child(2){width: 1000px;text-align:center;margin-bottom: 50px;}
.equqq ul:nth-child(3) li{width: 49%;height: auto;margin-right: 2%;  float: left; margin-bottom: 50px;}
.equqq ul:nth-child(3) li:nth-child(2n+2) {margin-right: 0;}

/*bottom*/
.bottom{width:100%; height:auto; background-color:#07569f; padding:50px 0;}
.bottom ul{width:1200px; height:auto; clear:both; margin:0 auto;background: url(../image/logo2.jpg) no-repeat left top;; background-size: 20%;;}
.bottom ul li{float:left; color:#FFF; font-size:14px; }
.bottom ul li:nth-child(1){float:left; padding-top: 60px;height: 100px; }
.bottom ul li:nth-child(2){float:right;padding-top: 20px; margin-left:60px;height: 150px; border-left:1px solid #0e4d87; padding-left:60px;}
.bottom ul li:nth-child(3){float:right;padding-top: 20px; margin-left:60px;height: 150px; border-left:1px solid #0e4d87; padding-left:60px;}
.bottom ul li:nth-child(4){float:right;padding-top: 20px; margin-left:60px;height: 150px; border-left:1px solid #0e4d87; padding-left:60px;}
.bottom ul li:nth-child(5){float:right;padding-top: 20px; margin-left:60px;height: 150px; border-left:1px solid #0e4d87; padding-left:60px;}
.bottom ul:nth-child(2){display:none;}

.bottom ul li p{font-size:16px; color:#fff; line-height:16px;}
.bottom ul li p a {font-size:16px; color:#fff; line-height:16px;}
.bottom ul li p a:hover  {font-size:16px; color:#fff; line-height:16px;text-decoration:underline;}
.bottom ul li a {font-size:14px; color:#fff; line-height:16px;}
.bottom ul li a:hover  {font-size:14px; color:#fff; line-height:16px;text-decoration:underline;}


.bottom_a{width:100%; height:40px; background-color: #0e4d87;}
.bottom_a ul{width:1200px; height:40px; margin:0 auto;}
.bottom_a ul li{width:50%; float:left; line-height:40px;  font-size:13px; color:#c5c5c5;}
.bottom_a ul li:last-child{text-align:right;}