/* 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: #777;text-decoration: none;}
a:visited {color: #777;text-decoration: none;}
a:hover {color:#003686;text-decoration: none;}
a:active {color: #777;text-decoration: none;}

.language:link {color: #000;text-decoration: none;}
.language:visited {color: #000;text-decoration: none;}
.language:hover {color:#003686;text-decoration: none;}
.language:active {color: #000;text-decoration: none;}

.bottom_link:link {color: #fff;text-decoration: none;}
.bottom_link:visited {color: #fff;text-decoration: none;}
.bottom_link:hover {color:#fff;text-decoration:underline;}
.bottom_link:active {color: #fff;text-decoration: none;}

.manu_link:link {color: #fff;text-decoration: none; padding:8px 25px; margin:0 1px; background-color:#003686;}
.manu_link:visited {color: #fff;text-decoration: none;}
.manu_link:hover {color:#003686;text-decoration:underline; background-color:#fff000;}
.manu_link:active {color: #fff;text-decoration: none;}

.manu_link_a:link {color: #003686;text-decoration: underline; padding:8px 25px; margin:0 1px; background-color:#003686; background-color:#fff000;}
.manu_link_a:visited {color: #003686;text-decoration: underline; background-color:#fff000;}
.manu_link_a:hover {color:#003686;text-decoration:underline; background-color:#fff000;}
.manu_link_a:active {color: #003686;text-decoration: underline; background-color:#fff000;}

.menua:link {color: #777;text-decoration: none;}
.menua:visited {color: #777;text-decoration: none;}
.menua:hover {color:#003686;text-decoration: none;}
.menua:active {color: #777;text-decoration: none;}

.menub:link {color: #fff;text-decoration: none;}
.menub:visited {color: #fff;text-decoration: none;}
.menub:hover {color:#fff;text-decoration: none;}
.menub:active {color: #fff;text-decoration: none;}

.zp{font-size:30px; color:#003686; line-height:36px;}
font{font-size:12px; color:#aaa; font-family:'dinpro';}

/*head*/
.head{width:100%; height:auto; position:absolute; top:30px; z-index:2;}
.head ul{width:1200px; height:auto; margin:0 auto;}
.head ul li{width:50%; float:left; color:#FFF; font-size:16px; text-align:left;}
.head ul span{font-size:200px; float:right; color:#fff000;}

/*index_banner*/
.index_banner{width:100%; height:750px; background-color:#666;}
.txt-box{width:1200px; display:block; margin:100px auto 0 auto; text-align:left;}
.swiper-container {width: 100%;height:100%;}
.swiper-slide{color:#fff;}
.swiper-slide .title {font-size:34px; color:#ffffff; text-align:left; margin-top:300px; font-family:"dinpro"; line-height:36px;}
.swiper-slide .titlea {font-size:34px; color:#ffffff; text-align:left; margin-top:10px; line-height:30px;}

/*menu*/
.menu{width:100%; height:80px; position:absolute; top:670px; z-index:98; border-bottom:1px solid #f5f5f5;}
.menu ol{width:1200px; height:80px; margin:0 auto;}
.menu ol ul:nth-child(1){width:20%; background-color:#003686; height:100%; text-align:center; color:#fff000; float:left; background-image:none;}
.menu ol ul:nth-child(2){width:70%; background-color:#fff; float:left; height:100%;}
.menu ol ul:nth-child(3){width:10%; background-color:#fff000; float:left; height:100%; font-family:'dinpro_b'; line-height:80px; text-align:center;}
.menu ol ul:nth-child(4){display:none;}
.menu ol ul span{font-size:180px; line-height:80px;}

.menu ol ul:nth-child(2) li{float:left;width:16.66%;height:80px;position:relative;text-align:center;line-height:80px;}
.menu ol ul:nth-child(2) li ul {display:none;position:absolute;z-index:10000;top:80px;left:0;width:100%;height:auto;background:rgba(0,54,134,0.8);border-bottom:none;}
.menu ol ul:nth-child(2) li ul li {display:block;width:100%;float:none;margin-right:0px;height:40px;position:relative;line-height:40px;font-size:12px;}
.menu ol ul:nth-child(2) li.navmoon {background:#003686;width:16.66%;height:80px;line-height:80px;}
.menu ol ul:nth-child(2) li.navmoon a {color:#FFFFFF;}
.menu ol ul:nth-child(2) li.navhome a:hover {color:#FCFF00;}
.menu ol ul:nth-child(2) li.navmoon ul {display:block;}
.menu ol ul:nth-child(2) li.navmoon ul a {display:block;width:100%;height:40px;line-height:40px;}
.menu ol ul:nth-child(2) li.navmoon ul a:hover {background:#fff000; color:#003686;}

.fixed{width:100%;height:60px; position:fixed; top:0; background-color:#003686; box-shadow: 0 0 2px rgba(0,0,0,0.2); -webkit-box-shadow: 0 0 2px rgb(0,0,0,0.2); -moz-box-shadow: 0 0 2px rgb(0,0,0,0.2); z-index:98;}
.fixed ol{width:1200px; height:100%; margin:0 auto; border-bottom:none;}
.fixed ol ul:nth-child(1){width:20%; background-color:#003686; height:100%; text-align:left; color:#fff000; float:left; background-image:none;}
.fixed ol ul:nth-child(2){width:70%; background-color:#003686; float:left; height:100%;}
.fixed ol ul:nth-child(3){width:10%; background-color:#fff000; float:left; height:100%; font-family:'dinpro_b'; line-height:60px; text-align:center;}
.fixed ol ul:nth-child(4){display:none;}
.fixed ol ul span{font-size:180px; line-height:60px;}

.fixed ul:nth-child(2) li{float:left;width:16.66%;height:60px;position:relative;text-align:center;line-height:60px;}
.fixed ul:nth-child(2) li ul {display:none;position:absolute;z-index:10000;top:60px;left:0;width:100%;height:auto;background:rgba(0,54,134,0.8);border-bottom:none;}
.fixed ul:nth-child(2) li ul li {display:block;width:100%;float:none;margin-right:0px;height:40px;position:relative;line-height:40px;font-size:12px;}
.fixed ul:nth-child(2) li.navmoon {background:#003686;width:16.66%;height:60px;line-height:60px;}
.fixed ul:nth-child(2) li.navmoon a {color:#FFFFFF;}
.fixed ul:nth-child(2) li.navhome a:hover {color:#FCFF00;}
.fixed ul:nth-child(2) li.navmoon ul {display:block;}
.fixed ul:nth-child(2) li.navmoon ul a {display:block;width:100%;height:40px;line-height:40px;}
.fixed ul:nth-child(2) li.navmoon ul a:hover {background:#fff000; color:#003686;}

/*mob*/
.sp_nav{width:5vh; float:right;position:relative;cursor:pointer;height:8vh; z-index:9;}
.sp_nav span{display:block; width:5vh; height:3px; position:absolute;left:0;transition:all ease 0.35s;}
.sp_nav span:nth-of-type(1){top:2.8vh}
.sp_nav span:nth-of-type(2){top:3.8vh}
.sp_nav span:nth-of-type(3){top:4.8vh}
.sp_nav_se span:nth-of-type(1){top:3.8vh;transform:rotate(45deg)}
.sp_nav_se span:nth-of-type(2){width:0}
.sp_nav_se span:nth-of-type(3){top:3.8vh;transform:rotate(-45deg)}
.span_chacha{background:#fff;}
.span_chachaa{background:#fff000;}

.sjj_nav{position:fixed;z-index:95; background-color:#eee; width:100%; height:100%; font-size:1em; line-height:50px; top:-100%; left:0;overflow:auto;overflow-x:hidden;transition:top ease 0.35s;}
.nav_show{top:0; padding-top:9vh;}
.sjj_nav>ul>li:first-child{overflow:hidden;border-top:0}
.sjj_nav>ul>li:first-child>a{float:left;width:100%;}
.sjj_nav>ul>li:first-child .language{float:right;width:100%;overflow:hidden;line-height:50px;}
.sjj_nav>ul>li:first-child .language a{width:20%;float:left; text-align:center;color:#999; border-right:1px #ddd solid;}
.sjj_nav ul li i{position:absolute;top:5px;right:0px;border-left:1px #ddd solid;height:30px;padding:0px 7px 0 7px;}
.sjj_nav ul li i svg{transform:rotate(-90deg);transition:all ease 0.35s}
.sjj_nav ul li .sjj_nav_i_se svg{transform:rotate(0deg)}
.sjj_nav ul li{border-top:1px #ddd solid;margin-left:5vw;position:relative;line-height:40px;}
.sjj_nav>ul >li:last-child{border-bottom:1px #ddd solid;}
.sjj_nav ul li ul{display:none}
.sjj_nav ul li a{color:#888;width:80%}
.sjj_nav ul li ul li a{color:#aaa;display:block;text-align:left;}
.sjj_nav ul li i svg{width:20px;height:20px;fill:#999;}
.sjj_nav ul li .sjj_nav_i_se svg{fill:#0053a1}
.sjj_nav ul li ul li>ul{margin-left:10px}

/*index_a*/
.index_a{width:100%; height:auto; padding:80px 0 20px 0;}
.index_a ul:first-child{text-align:center; margin-bottom:60px;}
.index_a ul{width:1200px; height:auto; margin:0 auto; clear:both;}
.index_a ul li{width:22%; float:left; text-align:center; margin-left:8.5%; margin-bottom:60px;}
.index_a ul li span{font-family:'dinpro'; font-size:30px; color:#003686; margin-bottom:10px; display:block;}

/*index_b*/
.index_b{width:100%; height:auto; padding:80px 0;}
.index_b_bg{background-image:url(../image/product.jpg); background-position:center; background-size:100%; 
position: relative;
background-size:100%;
background-repeat: no-repeat;
background-position: 50% 50%;}

.index_b ul:nth-child(1){text-align:center; margin-bottom:60px; width:1200px; height:auto;}
.index_b ul{width:1200px; height:auto; clear:both; margin:0 auto;}
.index_b ul li{width:25%; height:200px; float:left; background-color:#FFF; display:flex; -webkit-display:flex; justify-content:center; align-items:center; font-size:16px; cursor:pointer;}
.index_b ul li ol{width:100%; height:100%; line-height:200px; text-align:center; color:rgba(255,255,255,0);}
.index_b ul li ol:hover{width:100%; height:100%; line-height:200px; text-align:center; color:rgba(255,240,0,1); background-color:rgba(15,54,121,0.9); font-size:50px;}

.index_b ul p{color:#FFF;}
.index_b ul dd{text-align:center;}
.index_b ul span{font-size:50px; line-height:50px; display:block; margin-bottom:10px; color:#CCC;}

/*index_c*/
.index_c{width:100%; height:auto; padding:80px 0;}
.index_c ul:first-child{text-align:center; margin-bottom:60px;}
.index_c ul{width:1200px; height:auto; clear:both; margin:0 auto;}
.index_c ul li{width:calc(22% - 2px); float:left; margin-right:4%; border:1px solid #eee; text-align:center; font-size:18px; height:220px; display:flex; -webkit-display:flex; justify-content:center; align-items:center; cursor:pointer;}
.index_c ul li:hover{width:22%; border:none; background-color:#003686; color:#fff000;}
.index_c ul li:last-child{margin:0;}

.index_c ul li span{ font-size:60px; display:block; color:#ccc; line-height:80px;}
.index_c ul li:hover span{color:#fff000;}

/*index_d*/
.index_d{width:100%; height:auto; padding:80px 0; background-color:#eee; background-image:url(../image/global.jpg); background-position:center;}
.index_d ul:first-child{text-align:center; margin-bottom:60px;}
.index_d ul{width:1200px; height:auto; clear:both; margin:0 auto;}
.index_d ul li{width:16.5%; float:left; margin-right:1px; background-color:#666; margin-bottom:1px;}
.index_d ul li:nth-child(6n+6){margin-right:0; width:16.5%;}

/*index_e*/
.index_e{width:100%; height:auto; padding:80px 0;}
.index_e ul:first-child{text-align:center; margin-bottom:60px;}
.index_e ul{width:1200px; height:auto; clear:both; margin:0 auto;}
.index_e ul li{width:calc(30% - 2px); float:left; margin-right:5%; border:1px solid #eee; font-size:12px; cursor:pointer;}
.index_e ul li:last-child{margin:0;}

.index_e ul li dd{margin:30px;}
.index_e ul li span{font-size:16px;}

/*bottom*/
.bottom{width:100%; height:auto; background-color:#003686; padding:80px 0;}
.bottom ul{width:1200px; height:auto; clear:both; margin:0 auto;}
.bottom ul li{float:left; color:#FFF; font-size:12px; height:250px;}
.bottom ul li:nth-child(1){float:left;}
.bottom ul li:nth-child(2){float:right; margin-left:60px; border-left:1px solid #465ea3; padding-left:60px;}
.bottom ul li:nth-child(3){float:right; margin-left:60px; border-left:1px solid #465ea3; padding-left:60px;}
.bottom ul li:nth-child(4){float:right; margin-left:60px; border-left:1px solid #465ea3; padding-left:60px;}
.bottom ul li:nth-child(5){float:right; margin-left:60px; border-left:1px solid #465ea3; padding-left:60px;}
.bottom ul:nth-child(2){display:none;}

.bottom ul li span{font-size:160px; line-height:10px; margin:0; padding:0;}
.bottom ul li p{font-size:16px; color:#FFF; line-height:16px;}
.bottom ul li font{font-size:12px; color:#FFF;}

.bottom_a{width:100%; height:40px; background-color:#3a5298;}
.bottom_a ul{width:1200px; height:40px; margin:0 auto;}
.bottom_a ul li{width:50%; float:left; line-height:40px; font-family:'dinpro'; font-size:12px; color:#FFF;}
.bottom_a ul li:last-child{text-align:right;}


/*about page*/
/*about_a*/
.about_a{width:100%; height:auto; padding:80px 0 0px 0;}
.about_a ul:first-child{text-align:center; margin-bottom:60px;}
.about_a ul{width:1200px; height:auto; margin:0 auto; clear:both;}
.about_a ul li{width:20%; float:left; text-align:center; height:150px; font-size:12px;}
.about_a ul li dd{width:75%; margin:0 auto;}
.about_a ul li span{font-family:'dinpro'; font-size:24px; color:#003686; margin-bottom:10px; display:block;}

/*about_b*/
.about_b{width:100%; height:auto;}

/*org*/
.org_a{width:1200px; height:auto; margin:0 auto; padding:80px 0;}
.org_a ul:nth-child(1){text-align:center; margin-bottom:60px;}
.org_a ul:nth-child(2){text-align:center; margin-bottom:40px;}
.org_a ul{width:1200px; height:auto; margin:0 auto; clear:both; text-align:center; font-size:16px;}
.org_a ul li{width:calc(20% - 16px); float:left; text-align:center; margin-right:20px;}
.org_a ul li:last-child{margin-right:0;}
.org_a_ul_img_first{width:30%;}
.org_a ul img{margin:0 auto 10px auto;}
.org_a ul span{font-size:12px; color:#999;}

/*his*/
.his_a{width:1200px; height:auto; margin:0 auto; padding:80px 0;}
.his_a ul:nth-child(1){text-align:center; margin-bottom:20px;}
.his_a ul{width:1200px; height:auto; margin:0 auto;}
.his_a ul li{width:32%; float:left; text-align:left; margin-right:2%; padding-top:40px; padding-bottom:10px; border-bottom:3px solid #003686; font-size:12px;}
.his_a ul li:nth-child(3n+3){margin-right:0;}
.his_a ul li span{font-size:30px; color:#003686; font-family:'dinpro_b';}

/*wh*/
.wh_a{width:1200px; height:auto; margin:0 auto; padding:80px 0;}
.wh_a ul:nth-child(1){text-align:center; margin-bottom:10px;}
.wh_a ul{width:1200px; height:auto; margin:0 auto;}
.wh_a ul li{width:32%; float:left; text-align:center; margin-right:2%; padding-top:50px; font-size:12px;}
.wh_a ul li:nth-child(3n+3){margin-right:0;}

.wh_a_ul_span1{font-size:20px; color:#ec8f25; font-family:'dinpro_b';}
.wh_a_ul_font1{font-size:60px; color:#ec8f25; line-height:60px;}

.wh_a_ul_span2{font-size:20px; color:#2fb1bd; font-family:'dinpro_b';}
.wh_a_ul_font2{font-size:60px; color:#2fb1bd; line-height:60px;}

.wh_a_ul_span3{font-size:20px; color:#818e8f; font-family:'dinpro_b';}
.wh_a_ul_font3{font-size:60px; color:#818e8f; line-height:60px;}

.wh_a_ul_span4{font-size:20px; color:#db2672; font-family:'dinpro_b';}
.wh_a_ul_font4{font-size:60px; color:#db2672; line-height:60px;}

.wh_a_ul_span5{font-size:20px; color:#066aaf; font-family:'dinpro_b';}
.wh_a_ul_font5{font-size:60px; color:#066aaf; line-height:60px;}


/*zs*/
.zs_a{width:1200px; height:auto; margin:0 auto; padding:80px 0;}
.zs_a ul:nth-child(1){text-align:center; margin-bottom:30px; width:500px;}
.zs_a ul{width:1200px; height:auto; margin:0 auto;}
.zs_a ul li{width:32%; float:left; text-align:center; padding-top:30px; margin-right:2%; font-size:12px;}
.zs_a ul li:nth-child(3n+3){margin-right:0;}

/*zt*/
.zt_a{width:1200px; height:auto; margin:0 auto; padding:80px 0;}
.zt_a ul:nth-child(1){text-align:center; margin-bottom:60px;}
.zt_a ul{width:1200px; height:auto; margin:0 auto;}

/*zr*/
.zr_a{width:1200px; height:auto; margin:0 auto; padding:80px 0;}
.zr_a ul:nth-child(1){text-align:center; margin-bottom:10px;}
.zr_a ul{width:1200px; height:auto; margin:0 auto;}
.zr_a ul li{width:25%; float:left; text-align:left; padding-top:50px; margin-right:12.5%; font-size:12px;}
.zr_a ul li:nth-child(3n+3){margin-right:0;}
.zr_a ul li span{font-size:20px; color:#003686;}

/*xs*/
.xs_a{width:1200px; height:auto; margin:0 auto; padding:80px 0;}
.xs_a ul:nth-child(1){text-align:center; margin-bottom:60px;}
.xs_a ul{width:1200px; height:auto; margin:0 auto;}

/*gl*/
.gl_a{width:1200px; height:auto; margin:0 auto; padding:80px 0;}
.gl_a ul:nth-child(1){text-align:center; margin-bottom:60px;}
.gl_a ul{width:1200px; height:auto; margin:0 auto;}
.gl_a ul li{width:calc(16.66% - 1px); float:left; text-align:center; padding-top:0; font-size:12px; border-right:1px solid #eee;}
.gl_a ul li:nth-child(6){border:none;}
.gl_a ul li span{font-size:20px;}
.gl_a ul li:nth-child(1) span{color:#80bf36;}
.gl_a ul li:nth-child(2) span{color:#f5ba29;}
.gl_a ul li:nth-child(3) span{color:#eb5b2a;}
.gl_a ul li:nth-child(4) span{color:#40aae1;}
.gl_a ul li:nth-child(5) span{color:#804c9b;}
.gl_a ul li:nth-child(6) span{color:#2e56a5;}

.gl_b{width:1200px; height:auto; margin:0 auto; padding:0 0 80px 0;}
.gl_b ul:nth-child(1){text-align:center; margin-bottom:60px;}
.gl_b ul{width:1200px; height:auto; margin:0 auto;}
.gl_b ul ol{width:calc(25% - 1.5px); float:left; text-align:center; font-size:16px; line-height:32px; padding:40px 0; color:#FFF; margin-right:2px; margin-bottom:2px;}
.gl_b ul ol:nth-child(4n+4){margin-right:0;}
.gl_b ul ol:nth-child(1){background-color:#13a195;}
.gl_b ul ol:nth-child(2){background-color:#4fa3db;}
.gl_b ul ol:nth-child(3){background-color:#a15082;}
.gl_b ul ol:nth-child(4){background-color:#d04339;}
.gl_b ul ol:nth-child(5){background-color:#eb624c;}
.gl_b ul ol:nth-child(6){background-color:#ef9a36;}
.gl_b ul ol:nth-child(7){background-color:#cec327;}
.gl_b ul ol:nth-child(8){background-color:#2eab6f;}
.gl_b ul ol span{font-size:50px; line-height:50px;}


/*nl*/
.nl_a{width:1200px; height:auto; margin:0 auto; padding:80px 0 60px 0;}
.nl_a ul:nth-child(1){text-align:center; margin-bottom:30px;}
.nl_a ul{width:1200px; height:auto; margin:0 auto;}
.nl_a ul li{width:25%; float:left; text-align:center; font-size:12px;}
.nl_a ul li dd{padding:30px;}
.nl_a ul li dd span{font-size:50px; font-family:'dinpro'; color:#003686;}

.nl_b{width:1200px; height:auto; margin:0 auto; padding:0 0 80px 0;}
.nl_b ul{width:23%; height:auto; float:left; margin-right:2.66%; margin-bottom:20px; text-align:left; font-size:12px;}
.nl_b ul:nth-child(4n+4){margin-right:0;}
.nl_b ul img{margin-bottom:8px;}

/*kz*/
.kz_a{width:1200px; height:auto; margin:0 auto; padding:80px 0;}
.kz_a ul:nth-child(1){text-align:center; margin-bottom:30px;}
.kz_a ul{width:1200px; height:auto; margin:0 auto;}

.kz_b{width:1200px; height:auto; margin:0 auto; padding:0 0 80px 0;}
.kz_b ul:nth-child(1){text-align:center; margin-bottom:60px;}
.kz_b ul{width:1200px; height:auto; margin:0 auto;}
.kz_b ul li{width:23%; height:auto; float:left; margin-right:2.3%; margin-bottom:20px; text-align:left; font-size:12px;}
.kz_b ul li:nth-child(4n+4){margin-right:0;}
.kz_b ul img{margin-bottom:8px;}

/*job*/
.job_a{width:1200px; height:auto; margin:0 auto; padding:80px 0 50px 0;}
.job_a ul:first-child{text-align:center; font-size:12px; width:500px; margin:0 auto 60px auto;}
.job_a ul li{width:100%; height:auto; border:1px solid #eee; margin-bottom:30px;}
.job_a ul li dd:nth-child(1){width:calc(100% - 50px); padding:15px 25px; float:left; background-color:#f5f5f5;}
.job_a ul li dd:nth-child(2){width:calc(100% - 50px); padding:15px 25px; float:left; font-size:12px;}

.job_a ul li dd ol{width:25%; float:left;}
.job_a ul li dd ol:nth-child(4){text-align:right;}

/*contact*/
.contact_a{width:1200px; height:auto; margin:0 auto; padding:80px 0;}
.contact_a ul:first-child{text-align:center; margin-bottom:60px;}
.contact_a ul{width:1200px; height:auto; margin:0 auto; text-align:center;}
.contact_a ul li:nth-child(1){width:40%; height:auto; float:left; text-align:left; font-size:12px;}
.contact_a ul li:nth-child(2){width:60%; height:auto; float:left; text-align:left; font-size:12px;}
.contact_a ul li span{font-size:16px;}
.contact_a ul li font{font-family:Arial, Helvetica, sans-serif;}

.inputa{width:50%; border:1px solid #aaa; background:none; padding:10px 20px; color:#808080; margin-bottom:10px;}
.inputb{width:calc(100% - 40px); height:100px; border:1px solid #aaa; background:none; padding:10px 20px; color:#808080; margin-bottom:10px;}
.inputc{width:150px; background:#003686; padding:10px 20px; font-family:'dinpro'; color:#fff; border:none; margin-top:10px;}

/*news_a*/
.news_a{width:100%; height:auto; padding:80px 0 50px 0;}
.news_a ul:first-child{text-align:center; margin-bottom:60px;}
.news_a ul{width:1200px; height:auto; clear:both; margin:0 auto;}
.news_a ul li{width:calc(30% - 2px); float:left; margin-right:5%; border:1px solid #eee; font-size:12px; margin-bottom:40px;}
.news_a ul li:nth-child(3n+3){margin-right:0;}

.news_a ul li dd{margin:30px;}
.news_a ul li span{font-size:16px;}

/*news_b*/
.news_b{width:100%; height:auto; padding:80px 0 50px 0;}
.news_b ul:first-child{text-align:center; margin-bottom:60px;}
.news_b ul{width:1200px; height:auto; clear:both; margin:0 auto;}
.news_b ul li:nth-child(1){border-top:1px solid #eee;}
.news_b ul li{width:100%; float:left; border-bottom:1px solid #eee; font-size:12px;}
.news_b ul li:nth-child(2n+2){ background-color:#f5f5f5;}

.news_b ul li dd:nth-child(1){width:calc(80% - 20px); float:left; line-height:50px; padding-left:20px;}
.news_b ul li dd:nth-child(2){width:calc(10% - 2px); float:left; line-height:50px; text-align:center; font-size:11px; color:#aaa; border-right:1px solid #eee; border-left:1px solid #eee;}
.news_b ul li dd:nth-child(3){width:10%; float:left; line-height:50px; text-align:center;}

/*product_a*/
.product_a{width:100%; height:auto; padding:80px 0 50px 0;}
.product_a ul:first-child{text-align:center; margin-bottom:60px;}
.product_a ul{width:1200px; height:auto; clear:both; margin:0 auto;}

.product_a ul li{width:calc(23.5% - 2px); float:left; font-size:12px; margin-right:2%; margin-bottom:30px; font-size:12px; font-family:'dinpro'; background-color:#eee; border:1px solid #eee;}
.product_a ul li:nth-child(4n+4){margin-right:0;}

.product_a_li:hover{background-color:#003686; color:#003686;}
.product_a_li:visited{background-color:#eee;}
.product_a_li:link{background-color:#eee;}
.product_a_li:active{background-color:#eee;}


.product_a ul li img{width:100%; height:170px;}
.product_a ul li dd{line-height:30px; margin-left:10px;}

.product_a ul ol:nth-child(1){width:60%; margin:0 auto 30px auto;}
.product_a ul ol:nth-child(2){width:100%; font-size:12px; word-wrap:break-word}

/*video*/
.video{width:1200px; height:auto; margin: 60px auto;}
.video ul:nth-child(1){width:100%;text-align:center; margin-bottom:60px;float:left;}
.video ul:nth-child(2){width:100%; height:auto; margin-bottom:60px;float:left;}


.cpp01{color: #003686; font-size:16px; line-height:40px;}

.yellow_title{color:#e45826; font-size:18px; line-height:18px; padding-bottom:20px;}

@media only screen and (min-width: 720px) and (max-width: 1200px){
/*head*/
.head ul{width:95%;}

/*index_banner*/
.txt-box{width:95%;}

/*menu*/
.menu ol{width:95%;}
.menu ol ul span{font-size:950%;}

.fixed ol{width:95%;}
.fixed ol ul span{font-size:950%;}

/*index_a*/
.index_a ul{width:95%;}
.index_a ul li{width:28%; float:left; text-align:center; margin-left:4%; margin-bottom:60px;}

/*index_b*/
.index_b ul:nth-child(1){width:95%;}
.index_b ul{width:95%;}

/*index_c*/
.index_c ul{width:95%;}

/*index_d*/
.index_d ul{width:95%;}

/*index_e*/
.index_e ul{width:95%;}

/*bottom*/
.bottom ul{width:95%;}
.bottom ul li{float:left; color:#FFF; font-size:12px; height:250px;}
.bottom ul li:nth-child(1){float:left;}
.bottom ul li:nth-child(2){float:right; margin-left:15px; border-left:1px solid #465ea3; padding-left:15px;}
.bottom ul li:nth-child(3){float:right; margin-left:15px; border-left:1px solid #465ea3; padding-left:15px;}
.bottom ul li:nth-child(4){float:right; margin-left:15px; border-left:1px solid #465ea3; padding-left:15px;}
.bottom ul li:nth-child(5){float:right; margin-left:15px; border-left:1px solid #465ea3; padding-left:15px;}

.bottom_a ul{width:95%;}

/*about page*/
/*about_a*/
.about_a ul{width:95%;}
.about_a ul li{width:25%;}

/*contact*/
.contact_a{width:95%;}
.contact_a ul{width:95%;}


/*job*/
.job_a{width:95%;}
.job_a ul:first-child{width:50%;}

/*news_a*/
.news_a ul{width:95%;}

/*news_b*/
.news_b ul{width:95%;}

/*news_b*/
.news_b ul{width:95%;}

/*product_a*/
.product_a ul{width:95%;}

/*org*/
.org_a{width:95%;}
.org_a ul{width:100%;}

/*his*/
.his_a{width:95%;}
.his_a ul{width:100%;}


/*wh*/
.wh_a{width:95%;}
.wh_a ul{width:100%;}

/*zs*/
.zs_a{width:95%;}
.zs_a ul{width:100%;}

/*zt*/
.zt_a{width:95%;}
.zt_a ul{width:100%;}

/*zr*/
.zr_a{width:95%;}
.zr_a ul{width:100%;}

/*xs*/
.xs_a{width:95%;}
.xs_a ul{width:100%;}

/*gl*/
.gl_a{width:95%;}
.gl_a ul{width:100%;}

.gl_b{width:95%;}
.gl_b ul{width:100%;}

/*nl*/
.nl_a{width:95%;}
.nl_a ul{width:100%;}

.nl_b{width:95%;}

/*kz*/
.kz_a{width:95%;}
.kz_a ul{width:100%;}

.kz_b{width:95%;}
.kz_b ul{width:100%;}

}

@media only screen and (min-width: 220px) and (max-width: 720px) {
.zp{font-size:1.8em; line-height:1em;}
font{font-size:0.8em;}

/*head*/
.head{top:70vh;}
.head ul{width:95%;}
.head ul li{font-size:0.8em;}
.head ul span{font-size:12em;}

/*index_banner*/
.index_banner{width:100%; height:75vh}
.txt-box{width:95%;}
.swiper-slide .title {font-size:1.4em; margin-top:33vh; line-height:1.2em;}
.swiper-slide .titlea {font-size:1.4em; margin-top:1vh; line-height:1em;}

/*menu*/
.menu{width:100%; height:8vh; top:0px; background-color:rgba(255,240,0,0.8); border:none; position:fixed;}
.menu ol{width:100%; height:8vh;}
.menu ol ul:nth-child(1){width:35%; background-color:none;}
.menu ol ul:nth-child(2){display:none;}
.menu ol ul:nth-child(3){display:none;}
.menu ol ul:nth-child(4){display:block; width:60%; float:left;}
.menu ol ul span{font-size:8em; line-height:8vh;}


.fixed{width:100%;height:8vh;}
.fixed ol{width:95%; height:8vh;}
.fixed ol ul:nth-child(1){width:35%; text-align:left; background-image:none;}
.fixed ol ul:nth-child(2){display:none;}
.fixed ol ul:nth-child(3){display:none;}
.fixed ol ul:nth-child(4){display:block; width:62.5%; float:left;}
.fixed ol ul span{font-size:8em; line-height:8vh;}

/*index_a*/
.index_a{padding:8vh 0 2vh 0;}
.index_a ul:first-child{text-align:center; margin-bottom:6vh;}
.index_a ul{width:95%;}
.index_a ul li{width:44%; margin-left:4%; margin-bottom:6vh; font-size:0.7em; line-height:1.6em;}
.index_a ul li span{font-size:2em; margin-bottom:1.5vh;}

/*index_b*/
.index_b{padding:8vh 0;}
.index_b ul:nth-child(1){margin-bottom:6vh; width:95%;}
.index_b ul{width:95%;}
.index_b ul li{width:calc(50% - 0.5px); height:18vh; font-size:0.8em; margin-bottom:1px; margin-right:1px;}
.index_b ul li:nth-child(2n+2){margin-right:0;}
.index_b ul li ol{width:100%; height:100%; line-height:18vh; color:rgba(255,255,255,0);}
.index_b ul li ol:hover{line-height:18vh; font-size:3em;}
.index_b ul span{font-size:3em; line-height:1em; margin-bottom:0.5vh;}


/*index_c*/
.index_c{padding:8vh 0 6vh 0;}
.index_c ul:first-child{margin-bottom:6vh;}
.index_c ul{width:95%;}
.index_c ul li{width:calc(48% - 2px); margin-right:4%; font-size:1em; height:calc(24vh - 2px); margin-bottom:2vh;}
.index_c ul li:nth-child(2n+2){margin-right:0;}
.index_c ul li:hover{width:48%; height:24vh;}
.index_c ul li span{ font-size:4em; line-height:1.2em;}


/*index_d*/
.index_d{padding:8vh 0;}
.index_d ul:first-child{margin-bottom:6vh;}
.index_d ul{width:95%;}
.index_d ul li{width:calc(33.33% - 2px); margin-bottom:1px;}
.index_d ul li:nth-child(6n+6){margin-right:0; width:calc(33.33% - 2px);}

/*index_e*/
.index_e{padding:8vh 0 6vh 0;}
.index_e ul:first-child{margin-bottom:6vh;}
.index_e ul{width:100%;}
.index_e ul li{width:100%; margin-right:0; border:none; font-size:0.8em; line-height:1.8em;}

.index_e ul li dd{ margin:20px 2.5%;}
.index_e ul li span{font-size:1.4em;}

/*news*/
.news {width: 100%;height: auto;margin: 0 auto;}
.news_title {width:1200px;height: auto; font-size:1.2em; line-height:1em;}
.news_content {width:1200px;height: auto;}

/*bottom*/
.bottom{width:100%; padding:4vh 0; background: linear-gradient(45deg,#003686,#0055d3);}
.bottom ul:nth-child(1){display:none;}
.bottom ul:nth-child(2){width:100%; text-align:center; display:block;}
.bottom ul a{font-size:2em; color:#fff000; line-height:1em;}

.bottom span{font-size:28px; color:#fff000;}

.bottom_a{display:none;}

/*about page*/
/*about_a*/
.about_a{padding:8vh 0 0 0;}
.about_a ul:first-child{margin-bottom:6vh;}
.about_a ul{width:95%;}
.about_a ul li{width:50%; height:15vh; font-size:0.7em; line-height:1.6em;}
.about_a ul li span{font-size:2em; margin-bottom:1.5vh;}

/*org*/
.org_a{width:95%; padding:8vh 0;}
.org_a ul:nth-child(1){margin-bottom:6vh; line-height:1.8em;}
.org_a ul:nth-child(2){margin-bottom:4vh;}
.org_a ul{width:100%; font-size:1.1em;}
.org_a ul li{width:28%; float:left; text-align:center; margin-right:8%; margin-bottom:3vh;}
.org_a ul li:nth-child(3n+3){margin-right:0;}
.org_a ul li:last-child{margin:auto;}
.org_a_ul_img_first{width:50%;}
.org_a ul img{margin:0 auto 1vh auto;}
.org_a ul span{font-size:0.8; color:#999;}

/*his*/
.his_a{width:95%; padding:8vh 0 4vh 0;}
.his_a ul:nth-child(1){text-align:center; margin-bottom:2vh;}
.his_a ul{width:100%;}
.his_a ul li:nth-child(1){background-image:none;}
.his_a ul li{width:100%; text-align:center; margin-right:0; padding:4vh 0 4vh 0; border:none; font-size:0.8em; background-image:url(../image/upjt.gif); background-repeat:no-repeat; background-position:center top;}
.his_a ul span{font-size:2.4em;}

/*wh*/
.wh_a{width:95%; padding:8vh 0;}
.wh_a ul:nth-child(1){margin-bottom:1vh;}
.wh_a ul{width:100%;}
.wh_a ul li{width:50%; margin-right:0; padding-top:5vh; font-size:0.8em;}

.wh_a_ul_span1 .wh_a_ul_span2 .wh_a_ul_span3 .wh_a_ul_span4{font-size:1.8em;}
.wh_a_ul_font1 .wh_a_ul_font2 .wh_a_ul_font3 .wh_a_ul_font4{font-size:8em; line-height:1em;}

/*zs*/
.zs_a{width:95%; padding:8vh 0;}
.zs_a ul:nth-child(1){margin-bottom:3vh; width:100%;}
.zs_a ul{width:100%;}
.zs_a ul li{padding-top:2vh;}

/*zt*/
.zt_a{width:95%; padding:8vh 0;}
.zt_a ul:nth-child(1){margin-bottom:6vh;}
.zt_a ul{width:100%;}

/*zr*/
.zr_a{width:95%; padding:8vh 0;}
.zr_a ul:nth-child(1){margin-bottom:1vh;}
.zr_a ul{width:100%;}
.zr_a ul li{width:100%; padding-top:5vh; font-size:0.8em; margin-right:0;}
.zr_a ul li span{font-size:1.6em;}

/*xs*/
.xs_a{width:95%; padding:8vh 0;}
.xs_a ul:nth-child(1){margin-bottom:6vh;}
.xs_a ul{width:100%;}

/*gl*/
.gl_a{width:95%; padding:8vh 0;}
.gl_a ul:nth-child(1){margin-bottom:2vh;}
.gl_a ul{width:100%;}
.gl_a ul li{width:calc(33.33% - 1px); font-size:0.8em; margin-top:4vh;}
.gl_a ul li:nth-child(3n+3){border:none;}
.gl_a ul li:nth-child(6){border:none;}
.gl_a ul li span{font-size:1.8em;}

.gl_b{width:95%; padding:0 0 8vh 0;}
.gl_b ul:nth-child(1){margin-bottom:6vh;}
.gl_b ul{width:100%;}
.gl_b ul ol{width:calc(50% - 1px); float:left; text-align:center; font-size:16px; line-height:32px; padding:40px 0; color:#FFF; margin-right:2px; margin-bottom:2px;}
.gl_b ul ol:nth-child(2n+2){margin-right:0;}
.gl_b ul ol span{font-size:50px; line-height:50px;}


/*nl*/
.nl_a{width:95%; padding:8vh 0 6vh 0;}
.nl_a ul:nth-child(1){text-align:center; margin-bottom:3vh;}
.nl_a ul{width:100%;}
.nl_a ul li{font-size:0.8em; width:50%}
.nl_a ul li dd{padding:3vh;}
.nl_a ul li dd span{font-size:3em;}

.nl_b{width:95%; padding:0 0 8vh 0;}
.nl_b ul{font-size:0.8em; width:100%; margin-right:0; margin-bottom:10px;}
.nl_b ul img{margin-bottom:0.8vh;}


/*kz*/
.kz_a{width:95%; padding:8vh 0;}
.kz_a ul:nth-child(1){margin-bottom:3vh;}
.kz_a ul{width:100%;}

.kz_b{width:95%; padding:0 0 8vh 0;}
.kz_b ul:nth-child(1){margin-bottom:6vh;}
.kz_b ul{width:95%;}
.kz_b ul li{width:100%; margin-right:0; margin-bottom:2vh; font-size:0.8em;}
.kz_b ul img{margin-bottom:0.8vh;}


/*contact*/
.contact_a{width:95%; padding:8vh 0;}
.contact_a ul:first-child{margin-bottom:6vh;}
.contact_a ul{width:95%;}
.contact_a ul li:nth-child(1){width:100%; text-align:center; line-height:1.8em; margin-bottom:5vh;}
.contact_a ul li:nth-child(2){width:100%;}
.contact_a ul li span{font-size:1.4em;}

.inputa{width:calc(100% - 40px);}
.inputb{width:calc(100% - 40px);}
.inputc{width:100%; height:5vh;}

/*job*/
.job_a{width:95%; padding:8vh 0 5vh 0;}
.job_a ul:first-child{margin:0 auto 6vh auto; width:100%;}
.job_a ul li{margin-bottom:3vh;}
.job_a ul li dd:nth-child(1){width:calc(100% - 5vh); padding:1.5vh 2.5vh;}
.job_a ul li dd:nth-child(2){width:calc(100% - 5vh); padding:1.5vh 2.5vh;}

.job_a ul li dd ol{width:50%; float:left;}
.job_a ul li dd ol:nth-child(4){text-align:left;}

/*news_a*/
.news_a{padding:8vh 0 6vh 0;}
.news_a ul:first-child{margin-bottom:6vh;}
.news_a ul{width:100%;}
.news_a ul li{width:100%; margin-right:0; border:none; font-size:0.8em; margin-bottom:0;}

.news_a ul li dd{margin:20px 2.5%;}
.news_a ul li span{font-size:1.4em;}

/*news_b*/
.news_b{padding:8vh 0 5vh 0;}
.news_b ul:first-child{margin-bottom:6vh;}
.news_b ul{width:95%;}
.news_b ul li{font-size:12px;}

.news_b ul li dd:nth-child(1){width:calc(60% - 20px); float:left; line-height:50px; padding-left:20px;}
.news_b ul li dd:nth-child(2){width:calc(20% - 2px); float:left; line-height:50px; text-align:center; font-size:11px; color:#aaa; border-right:1px solid #eee; border-left:1px solid #eee;}
.news_b ul li dd:nth-child(3){width:20%; float:left; line-height:50px; text-align:center;}

/*product_a*/
.product_a{padding:8vh 0 5vh 0;}
.product_a ul:first-child{margin-bottom:2vh;}
.product_a ul{width:100%;}
.product_a ul li{width:100%; margin-right:0%; margin-bottom:2vh; font-size:1em; border-left:none; border-right:none; border-bottom:none; border-top:1px solid #eee;}
.product_a ul li:nth-child(2n+2){ margin-right:0;}
.product_a ul li:nth-child(4n+4){ margin-right:0;}

.product_a ul li img{width:100%; height:100%;}
.product_a ul li dd{margin-left:2.5%; line-height:2em;}

.product_a ul ol:nth-child(1){width:95%; margin:0 auto 3vh auto;}
.product_a ul ol:nth-child(2){width:95%; font-size:0.8em; word-wrap:break-word; margin:0 auto;}

.cpp01{font-size:1.2em; line-height:1em;}

.yellow_title{font-size:1.6em; padding-bottom:2vh;}


.manu_link:link { display:block; padding:1.5vh 0; margin:0 0 3px 0.66%; background-color:#003686; width:49%; float:left;}
.manu_link:visited {color: #fff;text-decoration: none;}
.manu_link:hover {color:#003686;text-decoration:underline; background-color:#fff000;}
.manu_link:active {color: #fff;text-decoration: none;}

.manu_link_a:link { display:block; padding:1.5vh 0; margin:0 0 3px 0.66%; background-color:#fff000; width:49%; float:left;}
.manu_link_a:visited {color: #003686;text-decoration: underline; background-color:#fff000;}
.manu_link_a:hover {color:#003686;text-decoration:underline; background-color:#fff000;}
.manu_link_a:active {color: #003686;text-decoration: underline; background-color:#fff000;}
}