/* 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:#1c337d;text-decoration: none;}
a:active {color: #777777;text-decoration: none;}

.top:link {color: #ffffff;text-decoration: none;}
.top:visited {color: #ffffff;text-decoration: none;}
.top:hover {color:#fff332;text-decoration: none;}
.top:active {color: #ffffff;text-decoration: none;}

.top2:link {color: #1c337d;text-decoration: none;}
.top2:visited {color: #1c337d;text-decoration: none;}
.top2:hover {color:#1c337d;text-decoration: underline;}
.top2:active {color: #1c337d;text-decoration: none;}

/*menu*/
.menu{width:100%; height:80px; position:fixed; margin:0 auto;background-color:#1c337d; z-index:999;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);}
.menu ol{width:1200px; height:80px; margin:0 auto;}
.menu ol ul:nth-child(1){width:30%;float: left;height: 70px;padding-top: 10px;}
.menu ol ul li{float:left;width:10%;height:80px;position:relative;text-align:center;line-height:80px;color: #ffffff;}
.menu ol ul li a {color:#ffffff; display:block; width:100%;}
.menu ol ul li a:hover {color:#fff;}
.menu ol ul li:nth-child(7) a {background-color:#fff332;color:#1c337d; display:block; width:100%;}
.menu ol ul li:nth-child(7) a:hover {background-color:#fff332;color:#1c337d; text-decoration: underline;}

.menu ol ul li ul{display:none;position:absolute;z-index:10000;top:80px;left:-25%;width:150%;height:auto;background:rgba(25,51,125,0.8);border-bottom:none;}
.menu ol ul li ul li{display:block;width:100%;float:none;margin-right:0;height:35px; position:relative; line-height:35px; font-size:12px; border-bottom:1px solid #1c337d;}
.menu ol ul li ul li:last-child{border:none;}

.menu ol ul li.navmoon {width:10%;height:80px;line-height:80px;}
.menu ol ul li.navmoon a {color:#ffffff; display:block; width:100%;}
.menu ol ul li.navhome a:hover {color:#fff332;}
.menu ol ul li.navmoon ul {display:block;}
.menu ol ul li.navmoon ul a {display:block;width:100%;height:35px;line-height:35px;}
.menu ol ul li.navmoon ul a:hover {background:#fff332; color:#1c337d;}


 /*yincang*/
.head_a{ display: none;}
.sp_nav{ display: none;}
.sp_nav_se{ display: none;}
.sjj_nav{ display: none;}
.bottom_aa{ display: none;}
.bottom_bb{ display: none;}


/*add*/
.add{width:100%; height:1000px; padding-top: 80px; }
.swiper-container {width: 100%;height:100%;}
.swiper-slide{color:#fff;}
.txt-box{width:100%; display:block; margin:0 auto; text-align:center;}
.swiper-slide .title {font-size:25px; color:#ffffff; text-align:center; margin-top:450px; line-height:30px; }
.swiper-slide .titlea {font-size:60px; color:#ffffff; text-align:center; margin-top:20px; line-height:60px;  font-weight:bold;}


/*add2*/
.add2{width:100%; height:600px; padding-top: 80px; }
.add2 ul:nth-child(1){font-size:25px; color:#ffffff; text-align:center; margin-top:240px; line-height:30px;}
.add2 ul:nth-child(2){font-size:60px; color:#ffffff; text-align:center; margin-top:20px; line-height:60px;  font-weight:bold;}




/*index_a*/
.index_a{width: 100%;height:auto;margin: 0 auto;padding: 80px 0 0 0; }
.index_a ul{width: 1200px;height: auto;margin: 0 auto;text-align: center;}
.index_a ul:nth-child(1){margin-bottom: 50px;text-align: center;}
.index_a ul:nth-child(1) span{color: #1c337d;font-size: 30px;line-height: 30PX; }

.index_a ul li{width:30%;height:150px;margin-right: 5%; float: left;}
.index_a ul li:nth-child(3n+3){margin-right: 0;}
.index_a ul li font{font-family:'dinpro'; font-size:35px; color:#003686; margin-bottom:10px; display:block;}
.index_a dd {width: 100%;height:auto;margin: 0 auto;}


/*index_b*/
.index_b{width: 100%;height:auto;margin: 0 auto;padding: 80px 0; }
.index_b ul{ width: 1200px;height: auto;margin: 0 auto; }

.index_b ul:nth-child(1){margin-bottom: 50px; text-align: center;}
.index_b ul:nth-child(1) span{color: #1c337d;font-size: 30px; }
.index_b ul:nth-child(1) font{color: #777777;font-size: 30px; }

.index_b ul li{width:calc(18.4% - 2px);height: 80px;float: left;margin-right: 2%;background-color:#ffffff; text-align: center; padding-top: 140px; border:1px solid #eee;}
.index_b ul li:hover{width:calc(18.4% - 2px);height: 80px;float: left;margin-right: 2%;background-color:#1c337d; color:#fff332; text-align: center; padding-top: 140px;border:1px solid #eee;}
.index_b ul li:nth-child(5){margin-right: 0;}
.index_b ul li span{font-size: 16px;}

.index_b ul li:nth-child(1){background-image:url(../image/index_03a.png); background-repeat:no-repeat; background-size:70%; background-position:center top;}
.index_b ul li:nth-child(1):hover{background-image:url(../image/index_033a.png); background-repeat:no-repeat; background-size:70%; background-position:center top;}
.index_b ul li:nth-child(2){background-image:url(../image/index_04a.png); background-repeat:no-repeat; background-size:70%; background-position:center top;}
.index_b ul li:nth-child(2):hover{background-image:url(../image/index_044a.png); background-repeat:no-repeat; background-size:70%; background-position:center top;}
.index_b ul li:nth-child(3){background-image:url(../image/index_05a.png); background-repeat:no-repeat; background-size:70%; background-position:center top;}
.index_b ul li:nth-child(3):hover{background-image:url(../image/index_055a.png); background-repeat:no-repeat; background-size:70%; background-position:center top;}
.index_b ul li:nth-child(4){background-image:url(../image/index_02a.png); background-repeat:no-repeat; background-size:70%; background-position:center top;}
.index_b ul li:nth-child(4):hover{background-image:url(../image/index_022a.png); background-repeat:no-repeat; background-size:70%; background-position:center top;}
.index_b ul li:nth-child(5){background-image:url(../image/index_01a.png); background-repeat:no-repeat; background-size:70%; background-position:center top;}
.index_b ul li:nth-child(5):hover{background-image:url(../image/index_011a.png); background-repeat:no-repeat; background-size:70%; background-position:center top;}


/*index_c*/
.index_c{width:100%;height:auto;padding:80px 0;  margin: 0 auto;}
.index_c_bg{background-image:url(../image/quan.jpg); background-position:center; background-size:100%; position: relative;background-size:100%;background-repeat: no-repeat;}

.index_c ul{width:500px; height:150px; margin:100px auto;text-align: center; background-color:#1c337d; padding: 100px 30px;}
.index_c ul font{font-size:60px; color:#ffffff; text-align:center; line-height:80px;  }
.index_c ul span{font-size:14px; color:#ffffff; text-align:center; line-height:30px; }


/*index_d*/
.index_d{width:100%;height:auto;padding:80px 0;margin: 0 auto;}
.index_d ul{width:1200px;height:auto;margin: 0 auto;}

.index_d ul:nth-child(1){margin-bottom: 50px; text-align: center;}
.index_d ul:nth-child(1) span{color: #1c337d;font-size: 30px;}
.index_d ul:nth-child(1) font{color: #777777;font-size: 30px; }

.index_d ul li:nth-child(1){width: 60%;height:300px; margin-right: 1%;float: left;background-color: #efefef; margin-bottom: 10px;}
.index_d ul li:nth-child(2){width: 39%;height:300px; float: left;background-color: #efefef;margin-bottom: 10px;}
.index_d ul li:nth-child(3){width: 39%;height:300px; margin-right: 1%;float: left;background-color: #efefef;}
.index_d ul li:nth-child(4){width: 60%;height:300px; float: left;background-color: #efefef;}


/*index_e*/
.index_e{width:100%;height:auto;padding:80px 0;margin: 0 auto;background-color: #efefef;}
.index_e ul{width:1200px;height:auto;margin: 0 auto;}

.index_e ul:nth-child(1){margin-bottom: 50px; text-align: center;}
.index_e ul:nth-child(1) span{color: #1c337d;font-size: 30px;  }
.index_e ul:nth-child(1) font{color: #777777;font-size: 30px; }

.index_e ul li{width: calc(32% - 30px);height: auto;margin-right: 2%; float: left; background-color: #ffffff; box-shadow:0 0 10px rgba(0,0,0,0.1); -webkit-box-shadow:0 0 10px rgb(0,0,0,0.1); -moz-box-shadow:0 0 10px rgb(0,0,0,0.1); padding: 15px;}
.index_e ul li:nth-child(3n+3){margin-right: 0;}


/*about_a*/
.about_a{width: 100%;height:auto;margin: 0 auto;padding: 80px 0 0 0; }
.about_a ul{width: 1200px;height: auto;margin: 0 auto;text-align: center;}
.about_a ul:nth-child(1){margin-bottom: 50px;text-align: center;}
.about_a ul:nth-child(1) span{color: #1c337d;font-size: 30px;line-height: 30PX; }

.about_a ul li{width:30%;height:150px;margin-right: 5%; float: left;}
.about_a ul li:nth-child(3n+3){margin-right: 0;}
.about_a ul li font{font-family:'dinpro'; font-size:35px; color:#003686; margin-bottom:10px; display:block;}
.about_a dd {width: 100%;height:auto;margin: 0 auto;}
/*about_a*/


/*about_b*/
.about_b{width:100%; height:auto; padding:80px 0; background-image:url(../image/quan2.jpg); background-repeat:no-repeat; background-size:cover; background-position:center top;}
.about_b ul{width:1200px; height:auto; clear:both; margin:0 auto;}
.about_b ul:nth-child(1){margin-bottom:50px; text-align:center; }
.about_b ul:nth-child(1) span{color: #495c97;font-size: 30px;line-height: 30PX; }

.about_b ul li{width:calc(32% - 2px); float:left; padding:40px 0; border:1px solid #2f4485; text-align:center; margin-right:2%;
transition: background 0.3s;margin-bottom: 20px;
-moz-transition: background 0.3s; /* Firefox 4 */
-webkit-transition: background 0.3s; /* Safari 和 Chrome */
-o-transition: background 0.3s; /* Opera */
cursor:pointer;
}
.about_b ul li:nth-child(3n+3){width:calc(32% - 2px); float:left; padding:40px 0; border:1px solid #2f4485; text-align:center; margin-right:0px; margin-bottom: 20px;}
.about_b ul li dd{font-size:48px; line-height:64px; color:#ccc;}
.about_b ul li dd img{margin: 0 auto;}
.about_b ul li:hover{width:calc(32% - 2px); ; border:none; background-color:#fff332; color:#1c337d;border:1px solid #fff332;
transition: background 0.2s;
-moz-transition: background 0.2s; /* Firefox 4 */
-webkit-transition: background 0.2s; /* Safari 和 Chrome */
-o-transition: background 0.2s; /* Opera */
cursor:pointer;
}
.about_b ul li:hover dd{color:#FFF;}




/*about_c*/
.about_c {width: 100%;height: auto;padding: 80px 0; background-color: #efefef;}
.about_c ul{width:1200px; height:auto; clear:both; margin:0 auto;}
.about_c ul:nth-child(1){margin-bottom:50px; text-align:center; }
.about_c ul:nth-child(1) span{color: #1c337d;font-size: 30px;line-height: 30PX; }

.about_c ul li:nth-child(1){width:35%;height: auto;float: left;margin-right: 15%; padding: 40px 0; border-bottom:1px solid #495c97;}
.about_c ul li:nth-child(2){width:50%;height: auto; float: left;}
.about_c ul li span{color: #495c97;font-size: 40px;line-height: 60PX;}
.about_c ul li font{color: #1c337d;font-size: 20px;line-height: 40PX;}

/*about_d*/
.about_d {width: 100%;height: auto;padding: 80px 0; }
.about_d ul{width:1200px; height:auto; clear:both; margin:0 auto;}
.about_d ul:nth-child(1){margin-bottom:50px; text-align:center; }
.about_d ul:nth-child(1) span{color: #1c337d;font-size: 30px;line-height: 30PX; }

.about_d ul li{width:calc(15% - 2px);height: 80px;float: left;margin-right: 2%; margin-bottom: 20px;  border:1px solid #e5e5e5;}
.about_d ul li:nth-child(6n+6){margin-right: 0; }


/*about_e*/
.about_e {width: 100%;height:auto;margin: 0 auto 80px auto;}
.about_e ul {width:1200px;height: auto;margin: 0 auto;}

/*about_f*/
.about_f {width: 100%;height: auto;padding: 80px 0;}
.about_f ul{width: 1200px;height: auto;margin: 0 auto;}
.about_f ul:nth-child(1){margin-bottom:50px; text-align:center; }
.about_f ul:nth-child(1) span{color: #1c337d;font-size: 30px;line-height: 30PX; }

.about_f ul li{width: 32%;height: auto;float: left;margin-right: 2%;line-height: 20px;text-align:center;}
.about_f ul li:nth-child(3n+3){margin-right: 0;}


/*about_g*/
.about_g {width: 100%;height: auto;padding:0 0 80px 0;}
.about_g ul{width: 1200px;height: auto;margin: 0 auto;}
.about_g ul:nth-child(1){margin-bottom:50px; text-align:center; }
.about_g ul:nth-child(1) span{color: #1c337d;font-size: 30px;line-height: 30PX; }

.about_g ul li{width: 32%;height: auto;float: left;margin-right: 2%;line-height: 20px;text-align:center;}
.about_g ul li:nth-child(3n+3){margin-right: 0;}


/*equ_a*/
.equ_a {width: 100%;height: auto;padding: 80px 0; }
.equ_a ul{width:1200px; height:auto; clear:both; margin:0 auto;}
.equ_a ul:nth-child(1){margin-bottom:50px; text-align:center; }
.equ_a ul:nth-child(1) span{color: #1c337d;font-size: 30px;line-height: 30PX; }

.equ_a ul li{width: 22%;height: 265px;float: left;margin-right: 4%; background-color: #e5e5e5; margin-bottom: 48px;}
.equ_a ul li:nth-child(4n+4){margin-right:0;}


/*equ_b*/
.equ_b {width: 100%;height: auto;padding:0 0 80px 0; }
.equ_b ul{width:1200px; height:auto; clear:both; margin:0 auto;}
.equ_b ul:nth-child(1){margin-bottom:50px; text-align:center; }
.equ_b ul:nth-child(1) span{color: #1c337d;font-size: 30px;line-height: 30PX; }

.equ_b ul li{width: 22%;height: 265px;float: left;margin-right: 4%; background-color: #e5e5e5; margin-bottom: 48px;}
.equ_b ul li:nth-child(4n+4){margin-right:0;}


/*pro*/
.pro {width: 100%;height: auto;padding:40px 0 0 0; }
.pro ul{width:1200px; height:auto; clear:both; margin:0 auto;}
.pro ul:nth-child(1){margin-bottom:50px; text-align:center; }
.pro ul:nth-child(1) span{color: #1c337d;font-size: 30px;line-height: 30PX; }

/*cp*/
.cp {width: 100%;height: auto;}
.cp ul {width: 1200px;height: 50px;margin: 0 auto;text-align: center;line-height: 50px;}


/*tabsb*/
#tabsb{overflow:hidden; width:1200px; margin:0 auto 80px auto; height:auto; padding:0; display:flex; -webkit-display:flex; justify-content:center; align-items:center;}
#tabsb li {width:15%; margin:0 1%; float:left;text-align:center; height:50px; background-color:#eee; line-height:50px;  font-size:16px;border-radius:3px;}
.cllue:link { background-color:#1c337d; color:#fff; display:block; width:100%;  font-size:16px;border-radius:3px;}
.cllue:visited { background-color:#1c337d; color:#fff; display:block; width:100%; font-size:16px;border-radius:3px;}
.cllue:hover { background-color:#1c337d; color:#fff; display:block; width:100%; font-size:16px;border-radius:3px;}
.cllue:active { background-color:#1c337d; color:#fff; display:block; width:100%;  font-size:16px;border-radius:3px;}


/*product_a*/
.product_a {width: 100%;height: auto;padding:0 0 80px 0;}
.product_a ul{width: 1200px;height: auto;clear:both; margin:0 auto;}
.product_a ul li{width: calc(32% - 2px);height: 300px;float: left; margin-right: 2%; background-color: #efefef; margin-bottom: 30px;border:1px solid #e5e5e5;}
.product_a ul li:nth-child(3n+3){margin-right: 0;}
.product_a ul li span{width: 100%;height: 40px;line-height: 40px; color: #ffffff;display:block; background-color: #1c337d;border-bottom:5px solid #fff332; text-align: center; }


/*pro_content*/
.pro_content{width:1200px; height:auto; margin:80px auto;}
.pro_content ul:nth-child(1){text-align:center;  padding-bottom: 20px; font-size:34px; color:#1c337d;border-bottom:1px solid #e5e5e5;}
.pro_content ul{width:1200px; margin:0 auto;margin-bottom:20px; }
.pro_content ul img{margin: 0 auto;}


/*news*/
.news {width: 100%;height: auto;padding:80px 0; }
.news ul{width:1200px; height:auto; clear:both; margin:0 auto;}
.news ul:nth-child(1){margin-bottom:50px; text-align:center; }
.news ul:nth-child(1) span{color: #1c337d;font-size: 30px;line-height: 30PX; }

.news ul li{width: calc(100% - 60px);height: auto;border: 1px solid #e5e5e5; padding: 30px; margin-bottom: 30px;}
.news ul li dd:nth-child(1){width: 60%;height: auto;margin-right:10%;float: left;}
.news ul li dd:nth-child(2){width: 30%;height:220px;float: left;}

.news ul li dd:nth-child(1) ol:nth-child(1) {width: 100%;height: auto;line-height: 40px; color: #1c337d;font-size: 16px;}
.news ul li dd:nth-child(1) ol:nth-child(2) {width: 100%;height: 20px;line-height: 20px; color: #777;font-size: 12px;border-bottom: 1px solid #e5e5e5; padding-bottom: 5px; }
.news ul li dd:nth-child(1) ol:nth-child(3) {width: 100%;height: auto;padding: 20px 0;}
.news ul li dd:nth-child(1) a{color: #ffffff; background-color: #1c337d; padding: 5px 30px;}


/*news_content*/
.news_content{width:1200px; height:auto; margin:80px auto;}
.news_content ul:nth-child(1){text-align:center;  padding-bottom: 20px; font-size:25px; color:#1c337d;border-bottom:1px solid #e5e5e5;}
.news_content ul{width:1200px; margin:0 auto;margin-bottom:20px; }
.news_content ul img{margin: 0 auto;}
.news_content ul font{font-size: 12px;color: #777777;}

/*contact_a*/
.contact_a{width:1200px; height:auto; margin:0 auto; padding:80px 0;}
.contact_a ul{width:1200px; height:auto; margin:0 auto; text-align:center;}
.contact_a ul li:nth-child(1){width:60%; height:auto; float:left; text-align:left; }
.contact_a ul li:nth-child(2){width:40%; height:auto; float:left; text-align:left; }
.contact_a ul font{color:#1c337d;font-size: 24px; }
.contact_a ul span{color:#717171;font-size:14px;display:block;}
.contact_a ul li dd{width: calc(100% - 40px);height:50px;line-height: 50px; margin-right: 5%;float: left; padding-left: 40px;}

/*n_add*/
.n_add{width:100%; height:60vh;}


/*inputa*/
.inputa{width:calc(100% - 42px); border:1px solid #eee; background:none; padding:10px 20px; color:#808080; margin-bottom:10px;}
.inputb{width:calc(100% - 42px); height:100px; border:1px solid #eee; background:none; padding:10px 20px; color:#808080; margin-bottom:10px;}
.inputc{width:150px; background:#1c337d; padding:10px 20px; font-family:'dinpro'; color:#fff; border:none; margin-top:10px; box-shadow:0 0 5px rgba(0,0,0,0.2); -webkit-box-shadow:0 0 5px rgb(0,0,0,0.2); -moz-box-shadow:0 0 5px rgb(0,0,0,0.2);}


/*bottom*/
.bottom{width: 100%;height:auto;padding:40px 0 0 0;margin: 0 auto;background-color: #1c337d;}
.bottom ul{width:1200px;height:auto;margin: 0 auto; color:#cdd2e2;}

.bottom ul li:nth-child(1){width: calc(35% - 11px); height: 110px; background-image:url(../image/logo2.png); background-repeat:no-repeat; background-size:30%; background-position:left top;border-right:1px solid #495c97;padding-right: 10px; float: left; padding-top: 60px;font-size: 12px;}
.bottom ul li:nth-child(2){width: calc(12% - 21px); height: 170px;border-right:1px solid #495c97;padding:0 10px; float: left;font-size: 12px;}
.bottom ul li:nth-child(3){width: calc(12% - 21px); height: 170px;border-right:1px solid #495c97;padding:0 10px; float: left;font-size: 12px;}
.bottom ul li:nth-child(4){width: calc(17% - 21px); height: 170px;border-right:1px solid #495c97;padding:0 10px; float: left;font-size: 12px;}
.bottom ul li:nth-child(5){width: calc(12% - 21px); height: 170px;border-right:1px solid #495c97;padding:0 10px; float: left;font-size: 12px;}
.bottom ul li:nth-child(6){width: calc(12% - 11px); height: 170px;border-right:1px solid #495c97;padding-left:10px; float: left;font-size: 12px;}
.bottom ul li a{color:#cdd2e2;font-size: 12px;}

.bottom ul:nth-child(2){height: 40px; line-height: 40px; text-align: center;color:#495c97;font-size: 12px; border-top:1px solid #495c97; margin-top:  40px;}
.bottom ul:nth-child(2) a{color:#495c97; text-decoration: underline;}















@media only screen and (min-width: 720px) and (max-width: 1200px){
	
body {font-size:12px; }

 /*menu*/
.menu ol{width:95%;}

 /*yincang*/
.head_a{ display: none;}
.sp_nav{ display: none;}
.sp_nav_se{ display: none;}
.sjj_nav{ display: none;}
.bottom_aa{ display: none;}
.bottom_bb{ display: none;}
	

/*add*/
.add{ height:600px;  }
.swiper-slide .title {margin-top:220px;}
.swiper-slide .titlea {font-size:50px;}


/*add2*/
.add2{ height:400px;  }
.add2 ul:nth-child(1){font-size:14px;  margin-top:140px; }
.add2 ul:nth-child(2){font-size:50px;}


/*index_a*/
.index_a ul{width: 95%;}
.index_a ul:nth-child(1) span{font-size: 22px;}

.index_a ul li{width:45%;height:150px;margin-right: 10%; }
.index_a ul li:nth-child(2n+2){margin-right: 0;}
.index_a ul li:nth-child(3){margin-right: 10%;;}

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

.index_b ul:nth-child(1) span{font-size: 22px; }
.index_b ul:nth-child(1) font{font-size: 22px; }

.index_b ul li{height: 50px; padding-top: 70px;}
.index_b ul li:hover{width:calc(18.4% - 2px);height: 50px;margin-right: 2%;  padding-top: 70px;}
.index_b ul li:nth-child(5){margin-right: 0;}
.index_b ul li span{font-size: 12px;}


/*index_c*/
.index_c_bg{background-size:80%;}

.index_c ul{padding: 50px 30px;}
.index_c ul font{font-size:40px;  }


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

.index_d ul:nth-child(1) span{font-size: 22px;}
.index_d ul:nth-child(1) font{font-size: 22px; }

.index_d ul:nth-child(2) li:nth-child(1){height:auto; }
.index_d ul:nth-child(2) li:nth-child(2){height:auto; }
.index_d ul:nth-child(2) li:nth-child(3){height:auto; }
.index_d ul:nth-child(2) li:nth-child(4){height:auto; }


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

.index_e ul:nth-child(1) span{font-size: 22px;  }
.index_e ul:nth-child(1) font{font-size: 22px; }


/*about_a*/
.about_a ul{width: 95%;}
.about_a ul:nth-child(1) span{font-size: 22px; }

.about_a ul:nth-child(2) li{width:45%;margin-right: 10%;}
.about_a ul:nth-child(2) li:nth-child(2n+2){margin-right: 0;}


/*about_b*/
.about_b{width:100%; height:auto; padding:80px 0; background-image:url(../image/quan2.jpg); background-repeat:no-repeat; background-size:cover; background-position:center top;}
.about_b ul{width:95%; height:auto; clear:both; margin:0 auto;}
.about_b ul:nth-child(1){margin-bottom:50px; text-align:center; }
.about_b ul:nth-child(1) span{color: #495c97;font-size: 30px;line-height: 30PX; }

.about_b ul li{width:calc(32% - 2px); float:left; padding:40px 0; border:1px solid #2f4485; text-align:center; margin-right:2%;
transition: background 0.3s;margin-bottom: 20px;
-moz-transition: background 0.3s; /* Firefox 4 */
-webkit-transition: background 0.3s; /* Safari 和 Chrome */
-o-transition: background 0.3s; /* Opera */
cursor:pointer;
}
.about_b ul li:nth-child(3n+3){width:calc(32% - 2px); float:left; padding:40px 0; border:1px solid #2f4485; text-align:center; margin-right:0px; margin-bottom: 20px;}
.about_b ul li dd{font-size:48px; line-height:64px; color:#ccc;}
.about_b ul li dd img{margin: 0 auto;}
.about_b ul li:hover{width:calc(32% - 2px); ; border:none; background-color:#fff332; color:#1c337d;border:1px solid #fff332;
transition: background 0.2s;
-moz-transition: background 0.2s; /* Firefox 4 */
-webkit-transition: background 0.2s; /* Safari 和 Chrome */
-o-transition: background 0.2s; /* Opera */
cursor:pointer;
}
.about_b ul li:hover dd{color:#FFF;}


/*about_c*/
.about_c ul{width:95%; }
.about_c ul:nth-child(1) span{font-size: 22px; }

.about_c ul:nth-child(2) li:nth-child(1){ padding: 10px 0; }
.about_c ul:nth-child(2) li span{font-size: 20px;line-height: 30PX;}
.about_c ul:nth-child(2) li font{font-size: 16px;line-height: 20PX;}
	

/*about_d*/
.about_d ul{width:95%; }
.about_d ul:nth-child(1) span{font-size: 22px; }

.about_d ul:nth-child(2) li{width:calc(22% - 2px);height: auto; margin-right: 4%; }
.about_d ul:nth-child(2) li:nth-child(4n+4){margin-right: 0; }
	
	
/*about_e*/
.about_e {width: 100%;height:auto;margin: 0 auto 80px auto;}
.about_e ul {width:95%;height: auto;margin: 0 auto;}
	
	
	/*about_f*/
.about_f {width: 100%;height: auto;padding: 80px 0;}
.about_f ul{width: 95%;height: auto;margin: 0 auto;}
.about_f ul:nth-child(1){margin-bottom:50px; text-align:center; }
.about_f ul:nth-child(1) span{color: #1c337d;font-size: 30px;line-height: 30PX; }

.about_f ul li{width: 32%;height: auto;float: left;margin-right: 2%;line-height: 20px;text-align:center;}
.about_f ul li:nth-child(3n+3){margin-right: 0;}


/*about_g*/
.about_g {width: 100%;height: auto;padding:0 0 80px 0;}
.about_g ul{width: 95%;height: auto;margin: 0 auto;}
.about_g ul:nth-child(1){margin-bottom:50px; text-align:center; }
.about_g ul:nth-child(1) span{color: #1c337d;font-size: 30px;line-height: 30PX; }

.about_g ul li{width: 32%;height: auto;float: left;margin-right: 2%;line-height: 20px;text-align:center;}
.about_g ul li:nth-child(3n+3){margin-right: 0;}



/*equ_a*/
.equ_a ul{width:95%; }
.equ_a ul:nth-child(1) span{font-size: 22px; }

.equ_a ul:nth-child(2) li{width: 32%;margin-right: 2%; }
.equ_a ul:nth-child(2) li:nth-child(3n+3){margin-right:0;}
	
/*equ_b*/
.equ_b ul{width:95%; }
.equ_b ul:nth-child(1) span{font-size: 22px; }

.equ_b ul:nth-child(2) li{width: 32%;margin-right: 2%; }
.equ_b ul:nth-child(2) li:nth-child(3n+3){margin-right:0;}


/*pro*/
.pro ul{width:95%; }
.pro ul:nth-child(1) span{font-size: 22px;}
	
/*cp*/
.cp {width: 100%;height: auto;}
.cp ul {width: 95%;height: 50px;margin: 0 auto;text-align: center;line-height: 50px;}


/*tabsb*/
#tabsb{ width:95%; }


/*product_a*/
.product_a ul{width: 95%;}
.product_a ul li{height: auto;}
.product_a ul li:nth-child(3n+3){margin-right: 0;}


/*pro_content*/
.pro_content{width:95%; margin:0 auto;}
.pro_content ul:nth-child(1){ font-size:22px; }
.pro_content ul{width:95%; margin:0 auto;margin-bottom:20px; }
.pro_content ul img{margin: 0 auto;width: 90%;}


/*news*/
.news ul{width:95%; }
.news ul:nth-child(1) span{font-size: 22px; }

.news ul:nth-child(2) li{width: calc(100% - 40px); padding: 20px; }
.news ul:nth-child(2) li dd:nth-child(1){width: 60%;margin-right:3%;}
.news ul:nth-child(2) li dd:nth-child(2){width: 37%; }


/*news_content*/
.news_content{width:95%;}
.news_content ul:nth-child(1){ font-size:22px; }
.news_content ul{width:95%;  }
.news_content ul img{width: 90%;}


/*contact_a*/
.contact_a ul{width:95%;}
.contact_a ul li:nth-child(1){width:100%; margin-bottom: 20px; }
.contact_a ul li:nth-child(2){width:100%;  }
.contact_a ul font{color:#1c337d;font-size: 24px; }
.contact_a ul span{color:#717171;font-size:14px;display:block;}
.contact_a ul li dd{width: calc(35% - 60px);margin-right: 10%;padding-left: 60px;}
.contact_a ul li dd:nth-child(2n+2){width: calc(45% - 60px);margin-right: 0; padding-left: 60px;}
	
	
/*inputa*/
.inputa{width:calc(90% - 42px); border:1px solid #eee; background:none; padding:10px 20px; color:#808080; margin-bottom:10px;}
.inputb{width:calc(90% - 42px); height:100px; border:1px solid #eee; background:none; padding:10px 20px; color:#808080; margin-bottom:10px;}
.inputc{width:150px; background:#1c337d; padding:10px 20px; font-family:'dinpro'; color:#fff; border:none; margin-top:10px; box-shadow:0 0 5px rgba(0,0,0,0.2); -webkit-box-shadow:0 0 5px rgb(0,0,0,0.2); -moz-box-shadow:0 0 5px rgb(0,0,0,0.2);}	


/*n_add*/
.n_add{width:100%; height:50vh;}





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

.bottom ul:nth-child(1) li:nth-child(1){width: calc(37% - 21px);padding-right: 10px; }
.bottom ul:nth-child(1) li:nth-child(2){width: calc(12% - 31px);padding:0 15px;}
.bottom ul:nth-child(1) li:nth-child(3){width: calc(12% - 31px);padding:0 15px;}
.bottom ul:nth-child(1) li:nth-child(4){width: calc(15% - 31px);padding:0 15px;}
.bottom ul:nth-child(1) li:nth-child(5){width: calc(12% - 31px);padding:0 15px;}
.bottom ul:nth-child(1) li:nth-child(6){width: calc(12% - 11px);padding-left:15px;}

	
}















@media only screen and (min-width: 220px) and (max-width: 720px){
	
body {font-size:12px; line-height:22px; }

 /*yincang*/
.menu{ display: none;}
.bottom{ display: none;}
	
	
/*head*/
.head_a{width:100%;display: block; height:50px; position:fixed; top:0; background-color:#fff; z-index:99999; box-shadow: 0 0 3px rgba(0,0,0,0.2); -webkit-box-shadow: 0 0 3px rgb(0,0,0,0.2); -moz-box-shadow: 0 0 3px rgb(0,0,0,0.2);}
.head_a ul{width:95%; height:50px; margin:0 auto;}
.head_a ul li{width:50%; float:left; height:50px;}
.head_a ul li:nth-child(1){display:flex; -webkit-display:flex; justify-content:left; align-items:center;}
.head_a ul li:nth-child(2){text-align:right; font-family:Arial, Helvetica, sans-serif; line-height:50px;}

/*mob nav*/
.sp_nav{width:7vw; float:right;display: block;  position:relative; cursor:pointer; height:7vw; margin-top:15px;z-index:99998;}
.sp_nav span{display:block;background:#1c337d;width:7vw;height:3px;position:absolute;left:0;transition:all ease 0.35s}
.sp_nav span:nth-of-type(1){top:0px}
.sp_nav span:nth-of-type(2){top:8px}
.sp_nav span:nth-of-type(3){top:16px}
.sp_nav_se span:nth-of-type(1){top:8px;transform:rotate(45deg)}
.sp_nav_se span:nth-of-type(2){width:0}
.sp_nav_se span:nth-of-type(3){top:8px;transform:rotate(-45deg)}

.sjj_nav{position:fixed;z-index:99998;background:#eee;width:100%; height:100%; font-size:1em; line-height:40px; top:-100%; left:0;overflow:auto;overflow-x:hidden;transition:top ease 0.35s; display: block;}
.nav_show{top:50px;}
.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:30px;}
.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:#616161;width:100%; display:block;}
.sjj_nav ul li ul li a{color:#999;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:#1c337d}
.sjj_nav ul li ul li>ul{margin-left:10px}

	
	
	
/*add*/
.add{ height:250px; padding-top: 50px; }
.swiper-slide .title {font-size:14px;  margin-top:90px; line-height:20px; }
.swiper-slide .titlea {font-size:30px;  margin-top:20px; line-height:30px;  }


/*add2*/
.add2{height:200px; padding-top: 50px; }
.add2 ul:nth-child(1){font-size:14px; margin-top:70px; line-height:20px; }
.add2 ul:nth-child(2){font-size:30px;  margin-top:20px; line-height:30px;}


/*index_a*/
.index_a{padding: 40px 0 0 0; }
.index_a ul{width: 95%;}
.index_a ul:nth-child(1) span{color: #1c337d;font-size: 20px; }

.index_a ul li{width:45%;height:150px;margin-right: 10%; }
.index_a ul li:nth-child(2n+2){margin-right: 0;}
.index_a ul li:nth-child(3){margin-right: 10%;;}
.index_a ul li font{ font-size:30px; }



/*index_b*/
.index_b{padding: 40px 0; }
.index_b ul{ width: 95%;}
	
.index_b ul:nth-child(1){margin-bottom: 20px; }
.index_b ul:nth-child(1) span{font-size: 20px; }
.index_b ul:nth-child(1) font{font-size: 20px; }

.index_b ul li{height: 70px; padding-top: 50px;}
.index_b ul li:hover{width:calc(18.4% - 2px);height: auto;float: left;margin-right: 2%;padding-top: 70px;}
.index_b ul li:nth-child(5){margin-right: 0;}
.index_b ul li span{font-size: 12px;line-height: 20px;}



/*index_c*/
.index_c{padding:40px 0; }
.index_c_bg{ background-size:40%; }

.index_c ul{width:70%;height:auto; margin:30px auto; padding: 30px;}
.index_c ul font{font-size:30px; line-height:50px;  }
.index_c ul span{font-size:12px; line-height:20px; }


/*index_d*/
.index_d{padding:40px 0;}
.index_d ul{width:95%;}

.index_d ul:nth-child(1){margin-bottom: 20px; }
.index_d ul:nth-child(1) span{font-size: 20px;}
.index_d ul:nth-child(1) font{font-size: 20px; }

.index_d ul li:nth-child(1){width: 60%;height:auto; margin-right: 1%;}
.index_d ul li:nth-child(2){width: 39%;height:auto;}
.index_d ul li:nth-child(3){width: 39%;height:auto; margin-right: 1%;}
.index_d ul li:nth-child(4){width: 60%;height:auto; ;}


/*index_e*/
.index_e{width:100%;padding:40px 0;}
.index_e ul{width:95%;}

.index_e ul:nth-child(1){margin-bottom: 20px; }
.index_e ul:nth-child(1) span{font-size: 20px;  }
.index_e ul:nth-child(1) font{font-size: 20px; }

.index_e ul li{width: calc(100% - 30px);height: auto;margin-bottom:20px; }


/*about_a*/
.about_a{padding: 40px 0 0 0; }
.about_a ul{width: 95%;}
.about_a ul:nth-child(1){margin-bottom: 20px;}
.about_a ul:nth-child(1) span{font-size: 20px; }

.about_a ul li{width:45%;height:150px;margin-right: 10%; }
.about_a ul li:nth-child(2n+2){margin-right: 0;}
.about_a ul li:nth-child(3){margin-right: 10%;;}
.about_a ul li font{ font-size:30px; }
.about_a dd {width: 100%;height:auto;margin: 0 auto;}


/*about_b*/
.about_b{width:100%; height:auto; padding:80px 0; background-image:url(../image/quan2.jpg); background-repeat:no-repeat; background-size:cover; background-position:center top;}
.about_b ul{width:95%; height:auto; clear:both; margin:0 auto;}
.about_b ul:nth-child(1){margin-bottom:50px; text-align:center; }
.about_b ul:nth-child(1) span{color: #495c97;font-size: 30px;line-height: 30PX; }

.about_b ul li{width:calc(32% - 2px); float:left; padding:40px 0; border:1px solid #2f4485; text-align:center; margin-right:2%;
transition: background 0.3s;margin-bottom: 20px;
-moz-transition: background 0.3s; /* Firefox 4 */
-webkit-transition: background 0.3s; /* Safari 和 Chrome */
-o-transition: background 0.3s; /* Opera */
cursor:pointer;
}
.about_b ul li:nth-child(3n+3){width:calc(32% - 2px); float:left; padding:40px 0; border:1px solid #2f4485; text-align:center; margin-right:0px; margin-bottom: 20px;}
.about_b ul li dd{font-size:48px; line-height:64px; color:#ccc;}
.about_b ul li dd img{margin: 0 auto;}
.about_b ul li:hover{width:calc(32% - 2px); ; border:none; background-color:#fff332; color:#1c337d;border:1px solid #fff332;
transition: background 0.2s;
-moz-transition: background 0.2s; /* Firefox 4 */
-webkit-transition: background 0.2s; /* Safari 和 Chrome */
-o-transition: background 0.2s; /* Opera */
cursor:pointer;
}
.about_b ul li:hover dd{color:#FFF;}


/*about_c*/
.about_c {padding: 40px 0; }
.about_c ul{width:95%; }
.about_c ul:nth-child(1){margin-bottom:20px; }
.about_c ul:nth-child(1) span{font-size: 20px;}

.about_c ul li:nth-child(1){width:100%; padding: 20px 0;text-align: center; }
.about_c ul li:nth-child(2){width:100%;padding: 20px 0;  margin: 0 auto;text-align: center;}
.about_c ul li img{width: 80%; margin: 0 auto;}
.about_c ul li span{color: #495c97;font-size: 18px;line-height: 24PX;text-align: center;}
.about_c ul li font{color: #1c337d;font-size: 12px;line-height: 20PX;text-align: center;}

/*about_d*/
.about_d {padding: 40px 0; }
.about_d ul{width:95%; }
.about_d ul:nth-child(1){margin-bottom:20px; }
.about_d ul:nth-child(1) span{font-size: 20px;}

.about_d ul li{width:calc(22% - 2px);height: auto;float: left;margin-right: 4%; margin-bottom: 20px; }
.about_d ul li:nth-child(4n+4){margin-right: 0; }
.about_d ul li:nth-child(6){margin-right: 4%;}
.about_d ul li:nth-child(12){margin-right: 0;}
.about_d ul li:nth-child(18){margin-right: 4%;}


/*about_e*/
.about_e {width: 100%;height:auto;margin: 0 auto 40px auto;}
.about_e ul {width:95%;height: auto;margin: 0 auto;}
	
	
	/*about_f*/
.about_f {width: 100%;height: auto;padding: 40px 0;}
.about_f ul{width: 95%;height: auto;margin: 0 auto;}
.about_f ul:nth-child(1){margin-bottom:20px; text-align:center; }
.about_f ul:nth-child(1) span{color: #1c337d;font-size: 20px;line-height: 30PX; }

.about_f ul li{width: 32%;height: auto;float: left;margin-right: 2%;line-height: 20px;text-align:center;}
.about_f ul li:nth-child(3n+3){margin-right: 0;}


/*about_g*/
.about_g {width: 100%;height: auto;padding:0 0 40px 0;}
.about_g ul{width: 95%;height: auto;margin: 0 auto;}
.about_g ul:nth-child(1){margin-bottom:20px; text-align:center; }
.about_g ul:nth-child(1) span{color: #1c337d;font-size: 20px;line-height: 30PX; }

.about_g ul li{width: 32%;height: auto;float: left;margin-right: 2%;line-height: 20px;text-align:center;}
.about_g ul li:nth-child(3n+3){margin-right: 0;}



/*equ_a*/
.equ_a {padding: 40px 0; }
.equ_a ul{width:95%; }
.equ_a ul:nth-child(1){margin-bottom:20px;  }
.equ_a ul:nth-child(1) span{font-size: 20px; }

.equ_a ul li{width: 49%;height: auto;margin-right: 2%; margin-bottom: 10px;}
.equ_a ul li:nth-child(2n+2){margin-right:0;}

	
/*equ_b*/
.equ_b {padding:0 0 40px 0; }
.equ_b ul{width:95%; }
.equ_b ul:nth-child(1){margin-bottom:20px;  }
.equ_b ul:nth-child(1) span{font-size: 20px; }

.equ_b ul li{width: 49%;height: auto;margin-right: 2%; margin-bottom: 10px;}
.equ_b ul li:nth-child(2n+2){margin-right:0;}

	

/*pro*/
.pro {width: 100%;height: auto;padding:40px 0 0 0; }
.pro ul{width:95%; }
.pro ul:nth-child(1){margin-bottom:20px; }
.pro ul:nth-child(1) span{color: #1c337d;font-size: 20px;}
	
/*cp*/
.cp {width: 100%;height: auto;margin-top: 20px;}
.cp ul {width: 95%;height: auto;margin: 0 auto;text-align: center;line-height: 20px;}


/*tabsb*/
#tabsb{width:95%;margin:0 auto 40px auto; }
#tabsb li {width:18%; margin:0 1%;text-align:center; height:40px;  line-height:40px;  font-size:12px;}
.cllue:link {  font-size:12px;}
.cllue:visited {font-size:12px;}
.cllue:hover { font-size:12px;}
.cllue:active {  font-size:12px;}


/*product_a*/
.product_a {padding:0 0 40px 0;}
.product_a ul{width: 95%;}
.product_a ul li{width: calc(49% - 2px);height: auto;margin-right: 2%;margin-bottom: 20px;}
.product_a ul li:nth-child(2n+2){margin-right:0;}
.product_a ul li:nth-child(3n+3){margin-right:2%;}
.product_a ul li:nth-child(6n+6){margin-right:0;}


/*pro_content*/
.pro_content{width:95%;  margin:40px auto;}
.pro_content ul:nth-child(1){ padding-bottom: 20px; font-size:16px; }
.pro_content ul{width:95%;margin-bottom:20px; }
.pro_content ul img{margin: 0 auto; width: 90%;}


/*news*/
.news {padding:40px 0; }
.news ul{width:95%; }
.news ul:nth-child(1){margin-bottom:20px;  }
.news ul:nth-child(1) span{font-size: 20px; }

.news ul li{width: calc(100% - 60px);height: auto; padding: 30px; margin-bottom: 20px;}
.news ul li dd:nth-child(1){width: 100%;height:auto; margin-bottom: 20px;}
.news ul li dd:nth-child(2){width: 100%;height:auto;}
.news ul li dd:nth-child(1) ol:nth-child(1) {font-size: 16px;}


/*news_content*/
.news_content{ width:95%;margin:40px auto;}
.news_content ul:nth-child(1){padding-bottom: 20px; font-size:16px; }
.news_content ul{width:95%; margin:0 auto;margin-bottom:20px; }
.news_content ul img{margin: 0 auto; width: 95%}

/*contact_a*/
.contact_a{width:95%;  padding:40px 0;}
.contact_a ul{width:100%;}
.contact_a ul li:nth-child(1){width:100%; }
.contact_a ul li:nth-child(2){width:100%;  }
.contact_a ul font{color:#1c337d;font-size: 16px; }
.contact_a ul span{color:#717171;font-size:12px;display:block;}
.contact_a ul li dd{width: calc(100% - 20px);height:30px;line-height: 30px; float: left; padding-left: 20px;}

/*n_add*/
.n_add{width:100%; height:40vh;}


/*inputa*/
.inputa{width:calc(100% - 42px); border:1px solid #eee; background:none; padding:10px 20px; color:#808080; margin-bottom:10px;}
.inputb{width:calc(100% - 42px); height:100px; border:1px solid #eee; background:none; padding:10px 20px; color:#808080; margin-bottom:10px;}
.inputc{width:150px; background:#1c337d; padding:10px 20px; font-family:'dinpro'; color:#fff; border:none; margin-top:10px; box-shadow:0 0 5px rgba(0,0,0,0.2); -webkit-box-shadow:0 0 5px rgb(0,0,0,0.2); -moz-box-shadow:0 0 5px rgb(0,0,0,0.2);}


/*bottom*/
.bottom_aa{width:100%; height:auto; padding:2vh 0; background-color:#eee; text-align:center; display: block;}
.bottom_bb{width:100%; height:auto; padding:0.8vh 0 0.8vh 0;  text-align:center;background-color: #1c337d; color:#fff; line-height:0.7em; display: block;}
.bottom_bb span{font-size:0.6em; color:#FFF;}