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


@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:12px; 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:#0074b9;text-decoration: none;}
a:active {color: #777777;text-decoration: none;}

/*menu*/
.mobilemenu{display:block; position:fixed; top:0; height:50px; width:100%; z-index:99999; background-color:#fff;}
.mobilemenu ul{width:90%; margin:0 auto;}
.mobilemenu ul li:nth-child(1){display:flex; -webkit-display:flex; justify-content:left; align-items:center;}
.mobilemenu ul li{width:50%; float:left; height:50px;}
.mobilemenu ul li img{height:40px;}

/*mob nav*/
.sp_nav{width:6.5vw;float:right;position:relative;cursor:pointer;height:7vw;margin-top:2.5vh;}
.sp_nav span{display:block;background:#0074b9;width:6.5vw;height:2px;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:7px}
.sp_nav span:nth-of-type(3){top:14px}
.sp_nav_se span:nth-of-type(1){top:7px;transform:rotate(45deg)}
.sp_nav_se span:nth-of-type(2){width:0}
.sp_nav_se span:nth-of-type(3){top:7px;transform:rotate(-45deg)}

.sjj_nav{position:fixed;z-index:9999;background-color:rgba(255,255,255,1);opacity:1; width:100%; height:calc(100% - 50px); font-size:1em; line-height:40px; top:-100%; left:0;overflow:auto;overflow-x:hidden;transition:top ease 0.35s;}
.nav_show{top:50px;}
.sjj_nav dd{ position:absolute; bottom:15px; left:5%; line-height:20px; color:#CCC; width:90%; text-align:left;}
.sjj_nav dd span{font-size:10px;}
.sjj_nav ul li i{position:absolute;top:6px;right:0px; height:30px;}
.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 #eee solid;position:relative;line-height:50px; width:90%; margin:0 auto;}
.sjj_nav>ul >li:last-child{border-bottom:1px #eee solid;}
.sjj_nav ul li ul{display:none}
.sjj_nav ul li a{color:#333;width:80%}
.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:#ea0012}
.sjj_nav ul li ul li>ul{margin-left:10px}


/*add*/
.add{width:100%; height:400px; margin-top:50px;}
.swiper-container {width: 100%;height:100%;}
.swiper-slide{color:#fff;}
.txt-box{width:100%; display:block; margin:0 auto; text-align:center;}
.swiper-slide .titlea {font-size:20px; color:#0074b9; text-align:center; margin-top:70px; line-height:40px; }
.swiper-slide .titleb {font-size:30px; text-align:center; line-height:40px;text-transform:uppercase;font-weight: bold;color:rgba(0,0,0,0);-webkit-text-stroke: 1px #0074b9; font-family:'dinpro_b'}
.swiper-slide .titlec {font-size:30px;  text-align:center; line-height:40px;text-transform:uppercase;font-weight: bold;color:rgba(0,0,0,0); -webkit-text-stroke: 1px #0074b9;}


/*add2*/
.add2{width:100%; height:250px; margin-top:50px;}
.add2 ul {width:90%; height: auto;margin: 0 auto; text-align: center; padding-top: 70px;}
.add2 ul span{font-size: 25px;color:#0074b9; line-height:30px;}
.add2 ul p{font-size:30px; color:rgba(0,0,0,0); text-align:center; line-height:30px;text-transform:uppercase;letter-spacing:3px;font-weight: bold;}
.stroke {-webkit-text-stroke: 1px #0074b9;}


/*index_a*/
.index_a {width: 100%;height: auto;padding:60px 0;}
.index_a ul{width:95%;height: auto;margin: 0 auto;}
.index_a ul li{width:100%;height: auto;float:left;}
.index_a ul li:nth-child(2){margin-top:20px;}
.index_a ul li span{font-size: 20px;color:#0074b9; line-height:24px;}
.index_a ul li font{font-size: 30px;color:#0074b9; line-height:40px;font-family: 'Nexa';}
.index_a ul li p{font-size: 20px;color:#aaaaaa; line-height: 24px;}
.index_a ul li dd{width:100%;}

.index_a ul li a{color: #ffffff; background-color: #0074b9; padding: 10px 50px;}


/*index_b*/
.index_b{width: 100%;height: auto;padding: 60px 0 50px 0;background-image:url(../../image/quan.jpg); background-position:center; background-size:cover; position:relative;}
.index_b ul:nth-child(1){text-align:center;}
.index_b ul{width: 90%;height: auto;margin: 0 auto;}
.index_b ul span{font-size: 20px;color:#0074b9; line-height: 24px;text-transform:uppercase;}
.index_b ul p{font-size: 20px;color:#aaa; line-height: 30px;}

.index_b ul li {width:calc(50% - 5px); height:auto; float:left; margin-right:10px; margin-bottom:10px; background-color:#fff; border-radius:0 0 8px 8px; box-shadow:0 0 3px rgba(0,0,0,0.1); -webkit-box-shadow:0 0 3px rgb(0,0,0,0.1); -moz-box-shadow:0 0 3px rgb(0,0,0,0.1);}
.index_b ul li:nth-child(2n+2){margin-right: 0;}

.index_b ul li dd{padding:5px 20px;}
.index_b ul li img{width:100%;}



#gla{
	overflow:hidden;
	margin:0 auto;
	position:relative;
	background-image:url(../image/quan.jpg); background-position:center; background-size:100%; position: relative;background-size:100%;background-repeat: no-repeat;
	padding: 80px 0;
}
#gla ol{width: 1200px;height: auto;margin: 0 auto; text-align:center;}
#gla ol span{font-size: 25px;color:#0074b9; line-height: 30px; text-transform:uppercase;}
#gla ol p{font-size: 20px;color:#aaa; line-height: 30px;}
#gla ol img{margin:0 auto;}

#gla_box{
	width:100%;
	height:500px;
	margin:-50px auto 0 auto;
}

#gla_box ul{
	width:1200px;
	margin:0 auto;
	height:500px;
}

.gla_inbox{
	overflow:hidden;
	position:relative;
	background-color:#fff;
}
.gla_inbox font{
	font-size:14px;
	width:100%;
	color:#fff;
	line-height:30px;
	background:rgba(0,116,185,0.6);
	text-align:center;
	display:block;
}
.gla_inbox a{
	padding:3px 15px;
	display:block;
	position:absolute;
	bottom:20px;
	left:25px;
	background:rgba(0,116,185,0.5);
	color:#fff;
	font-family:'dinpro';
}
.gla_inbox img{
	width:100%;
}
.roundabout-holder {
	height: 300px;
	width: 700px;
}
.roundabout-moveable-item {
	display:block;
	height: 300px;
	width: 500px;
	cursor: pointer;
}
.roundabout-in-focus {
	cursor: auto;
}

/*index_c*/
.index_c{width: 100%;height: auto;padding: 60px 0;}
.index_c ul:nth-child(1){width:90%; height: auto;margin: 0 auto;}
.index_c ul:nth-child(1) span{font-size: 20px;color:#0074b9; line-height: 24px;text-transform:uppercase;}
.index_c ul:nth-child(1) p{font-size: 20px;color:#aaaaaa; line-height:30px;}

.index_c ul:nth-child(2){width: 90%;height: auto;margin: 0 auto; margin-top:30px;}
.index_c ul:nth-child(2) li:nth-child(1){width: 60%;margin-right: 2%;float: left; margin-bottom: 20px; background-color: #e5e5e5;}
.index_c ul:nth-child(2) li:nth-child(2){width: 38%;float: left; margin-bottom: 20px;background-color: #e5e5e5;}

/*index_d*/
.index_d{width:100%; height:auto; margin: 0 auto;}
.index_d ul:nth-child(1){width:100%;}
.index_d ul:nth-child(2){width:100%; background-color:#efefef;}
.index_d ul:nth-child(2) span{font-size:20px; color:#0074b9; line-height:24px;text-transform:uppercase;}
.index_d ul:nth-child(2) p{font-size: 20px;color:#aaaaaa; line-height: 24px;}

.index_d ul li{width:90%; margin:0 auto; padding:30px 0;}
.index_d ul li font{width:40%; line-height:30px; float:left; background: url(../../image/ind_05.jpg) no-repeat left center; padding-left:20px;}
.index_d ul li a{color: #ffffff; background-color: #0074b9; padding: 10px 50px;}
.index_d ul li dd{width: 100%;}

/*index_e*/
.index_e{width: 100%;height: auto;padding:60px 0 50px 0;}
.index_e ul:nth-child(1){width:90%;height: auto;margin: 0 auto;}
.index_e ul:nth-child(1) span{font-size:20px;color:#0074b9; line-height:24px;text-transform:uppercase;}
.index_e ul:nth-child(1) p{font-size: 20px;color:#aaaaaa; line-height:24px;}

.index_e ul:nth-child(2) {width:90%;height: auto;margin: 0 auto;margin-top: 50px;}
.index_e ul:nth-child(2) li{width:calc(100% - 30px); height:200px; background-color: #ffffff; box-shadow:0 0 3px rgba(0,0,0,0.1); -webkit-box-shadow:0 0 3px rgb(0,0,0,0.1); -moz-box-shadow:0 0 3px rgb(0,0,0,0.1); padding: 15px; margin-bottom:10px;}
.index_e ul li dl{font-size:16px; color:#fff; margin-bottom:10px; background-color:#0074b9;}
.index_e ul li dd{border-bottom:1px solid #eee; line-height:30px;}
.index_e ul li dd span{font-size:11px; color:#ccc;}

/*par*/
.par {width:100%;height: auto;padding:60px 0;background-color:#efefef; }
.par ul{width: 90%; height: auto;margin: 0 auto;}
.par ul:nth-child(1){margin-bottom:20px;}
.par ul ol:nth-child(1){width:100%;float: left;text-align: left; margin-bottom:10px;}
.par ul ol:nth-child(2){width:100%;float:right;text-align: left;}

.par ul ol:nth-child(1) span{font-size: 20px;color:#0074b9; line-height:24px;text-transform:uppercase;}
.par ul ol:nth-child(1) p{font-size: 20px;color:#aaaaaa; line-height:24px;}

.par ul li{width:calc(33% - 4px);border:1px solid #e5e5e5; margin-right:3px; float:left;margin-bottom:2px;}
.par ul li:nth-child(5n+5){margin-right: 0;}

/*pk*/
.pk {width: 90%;height: auto;padding: 60px 0;margin: 0 auto;}
.pk ul:nth-child(1){width:100%;height:auto; margin-bottom:10px;}
.pk ul:nth-child(2){width:100%;height:auto;}
.pk ul span{font-size: 20px; color:#0074b9; line-height:24px; text-transform:uppercase;}
.pk ul p{font-size: 20px;color:#aaaaaa; line-height: 30px;}

/*js*/
.js{width: 100%;height: auto;padding:60px 0;margin: 0 auto;background-color: #efefef; }
.js ul{width: 90%;height: auto;margin: 0 auto;}
.js ul:nth-child(1){margin-bottom:30px;}
.js ul span{font-size: 20px;color:#0074b9; line-height:24px;text-transform:uppercase;}
.js ul p{font-size: 20px;color:#aaaaaa; line-height: 30px;}

.new_content{width: 90%;height: auto;padding: 60px 0;margin: 0 auto;}
.new_content ul{width: 100%;height: auto;}
.new_content ul:nth-child(1){margin-bottom: 10px; border-bottom: 1px solid #cccccc;text-align: center;}
.new_content ul:nth-child(1) p{font-size: 16px;color:#0074b9;line-height: 35px;}
.new_content ul:nth-child(1) span{font-size: 12px;color:#aaaaaa;}

.new_content ul:nth-child(2){padding: 20px 0;}

/*par2*/
.par2 {width:100%;height: auto;padding:60px 0;}
.par2 ul{width: 90%;height: auto;margin: 0 auto;}
.par2 ul:nth-child(1){margin-bottom: 30px; }
.par2 ul ol:nth-child(1){width:100%;text-align: left; margin-bottom:10px;}
.par2 ul ol:nth-child(2){width: 100%;text-align: left;}

.par2 ul ol:nth-child(1) span{font-size: 25px;color:#0074b9; line-height: 30px;text-transform:uppercase;}
.par2 ul ol:nth-child(1) p{font-size: 20px;color:#aaaaaa; line-height: 30px;}

.par2 ul li{width:calc(33% - 4px);border:1px solid #e5e5e5; margin-right:3px; float:left;margin-bottom:2px;}

/*pro_a*/
.pro_a {width: 90%;height: auto;padding: 60px 0 50px 0;margin: 0 auto;}
.pro_a ul:nth-child(1) li{width:100%; height:auto; text-align:center;}
.pro_a ul:nth-child(1) li img{margin:0 auto;}
.pro_a ul:nth-child(1) li p{width:150px;height: 30px;line-height: 30px;text-align: center; display: block; background-color:#0074b9;font-size: 25px;color: #ffffff; margin:0 auto;}
.pro_a ul:nth-child(1) li font{font-size: 24px;line-height: 35px; color: #777777; }
.pro_a ul:nth-child(1) li span{font-size: 12px;line-height: 30px;color: #aaaaaa;text-transform:uppercase; }
.pro_a ul:nth-child(1) li a{color: #777777; padding: 10px 50px;border:1px solid #e5e5e5; }
.pro_a ul:nth-child(1) li a:hover{color: #ffffff; background-color: #0074b9; padding: 10px 50px;border:1px solid #0074b9; }

.pro_a ul:nth-child(2){margin-top: 50px;}
.pro_a ul:nth-child(2) li:nth-child(1) {width: calc(100% - 20px);height: 30px;border-left:5px solid #0074b9; line-height: 30px; background-color: #efefef; font-size: 16px; padding-left: 15px;}
.pro_a ul:nth-child(2) li:nth-child(2) {width: calc(100% - 20px);height: auto; padding: 20px;}

.pro_a ul:nth-child(3){margin-top: 20px;}
.pro_a ul:nth-child(3) li:nth-child(1) {width: calc(100% - 20px);height: 30px;border-left:5px solid #0074b9; line-height: 30px; background-color: #efefef; font-size: 16px; padding-left: 15px;}
.pro_a ul:nth-child(3) li:nth-child(2) {width: calc(100% - 20px);height: auto; padding: 20px;}


/*content*/
#tabsb{ width:90%;height:auto; margin: 0 auto;  }
#tabsb li {width:100%;float:left; text-align:center; height:40px;margin-bottom: 1px;}
#tabsb li:last-child {width:100%;float:left; text-align:center; height:40px;}
#tabsb a {position:relative; text-align:center; color:#FFF;background-color:#0074b9;line-height: 40px; width:100%;height:40px; display:block; font-size:16px;}
#tabsb a:hover,#tabsb a:focus {text-align:center;background-color:#0074b9; color:#FFF;line-height: 40px; width:100%;height:40px; display:block;}
#tabsb #currentb{z-index:3; background-color:#f39800;color:#FFF; line-height: 40px;width:100%;height:40px; display:block;}
#contentb{width:100%; }


/*a_pro*/
.a_pro{width:90%; height:auto; margin:20px auto 60px auto;  }


/*bottom*/
.bottom{width:100%; height:auto; padding:20px 0; background-color:#0074b9;}
.bottom ul{width:90%; margin:0 auto; height:auto; text-align:center; font-size:24px; }
.bottom ul a{color:#fff;}
.bottom ul a span{margin:0 auto; font-size:8px; color:#fff;}
.bottom ul a font{ font-size:10px;}

/*contact_a*/
.contact_a {width: 100%;height: auto;padding: 60px 0;}
.contact_a ul:nth-child(1){margin-bottom:50px;}
.contact_a ul{width:90%;height: auto;margin: 0 auto; text-align:center;}
.contact_a ul li{width:100%;height: auto; border-bottom:1px solid #eee; padding:25px 0;}
.contact_a ul span{font-size: 25px;color:#0074b9; line-height:30px;}
.contact_a ul p{font-size: 20px;color:#aaaaaa; line-height:30px;}
.contact_a ul font{font-size:20px; line-height:30px;}
.contact_a ul img{margin:0 auto;}

/*news_a*/
.news_a{width:100%; height:auto; padding:60px 0;}
.news_a ul:nth-child(1){margin-bottom:30px; text-align:left;}
.news_a ul:nth-child(1) ol{width:100%;}
.news_a ul ol:nth-child(1){ text-align:left; margin-bottom:10px;}
.news_a ul ol:nth-child(2){ text-align:left;}
.news_a ul{width:90%; height:auto; margin:0 auto;}

.news_a ul li{width:100%; border-bottom:1px solid #eee; padding:20px 0; font-size:12px; line-height:22px;}
.news_a ul li:nth-child(1){border-top:1px solid #eee;}

.news_a ul li font{font-size:16px; color:#000;}
.news_a ul li fonta{font-size:12px; font-family:Arial, Helvetica, sans-serif; color:#ccc;}
.news_a ul li img{float:left; width:30%; height:95px; margin-right:25px;}

.news_a ul span{font-size: 25px;color:#0074b9; line-height: 30px;text-transform:uppercase;}
.news_a ul p{font-size: 20px;color:#aaaaaa; line-height: 30px;}


/*news_down*/
.news_down{width:100%; height:auto; padding:60px 0;}
.news_down ul:nth-child(1){margin-bottom:30px; text-align:left;}
.news_down ul:nth-child(1) ol{width:100%;}
.news_down ul ol:nth-child(1){ margin-bottom:10px;}
.news_down ul ol:nth-child(2){ text-align:left;}
.news_down ul{width:90%; height:auto; margin:0 auto;}
.news_down ul:nth-child(2){border-top:1px solid #eee;}

.news_down ul li{width:100%; border-bottom:1px solid #eee; padding:10px 0; font-size:14px;}
.news_down ul li dd:nth-child(1){width:80%; float:left;}
.news_down ul li dd:nth-child(2){width:20%; float:left; text-align:right; font-size:12px;}
.news_down ul li:nth-child(2n+2){background-color:#f8f8f8;}

.news_down ul span{font-size: 20px;color:#0074b9; line-height:24px;text-transform:uppercase;}
.news_down ul p{font-size: 20px;color:#aaaaaa; line-height:24px;}


/*productlist*/
.productlist{width:100%; height:auto; padding:60px 0 0 0;}
.productlist ul:nth-child(1){margin-bottom:30px; text-align:left;}
.productlist ul:nth-child(1) ol{float:left; width:100%;}
.productlist ul:nth-child(2){border-top:1px solid #ddd;}
.productlist ul ol:nth-child(1){text-align:left; margin-bottom:10px;}
.productlist ul ol:nth-child(2){text-align:left;}
.productlist ul{width:90%; height:auto; margin:0 auto;}

.productlist ul li{width:100%; float:left; font-size:12px; padding:13px 0; border-bottom:1px solid #ddd; cursor:pointer;}
.productlist ul li:nth-child(2n+2){background-color:#f5f5f5;}
.productlist ul li:hover{background-color:#eee;}
.productlist ul li ol:nth-child(1){width:calc(70% - 20px); float:left; padding:0 10px;}
.productlist ul li ol:nth-child(2){width:calc(30% - 20px); float:left; padding:0 10px;}

.productlist ul li font{font-size:16px; color:#000;}
.productlist ul li img{width:100%; margin-bottom:15px;}

.productlist ul span{font-size: 25px;color:#0074b9; line-height: 30px;text-transform:uppercase;}
.productlist ul p{font-size: 20px;color:#aaaaaa; line-height: 30px;}



/*prolist*/
.prolist {width:90%; height: auto;margin: 0 auto 30px auto;}
.prolist ul{width:100%; height: auto;background-color: #fafafa; padding:20px 0; margin-bottom: 10px; text-align: center;}
.prolist ul font{font-size: 20px;color:#0074b9;height: 30px;line-height: 30px;text-align: center;}



/*about_a*/
.about_a{width:100%; height:auto; padding:60px 0;}
.about_a ul{width:90%; margin:0 auto;}
.about_a ul li{width:100%; margin-bottom:20px;}
.about_a ul li:nth-child(2){margin-right:0; width:100%;}

/*about_b*/
.about_b{width:100%; padding:25px 0; background-color:#454547;}
.about_b img{margin:0 auto;}

/*about_c*/
.about_c{width:100%; height:auto; padding:60px 0;}
.about_c ul:nth-child(1){margin-bottom:50px; text-align:center;}
.about_c ul{width:90%; height:auto; margin:0 auto;}
.about_c ul li{width:24.1%; float:left; margin-right:1.2%; margin-bottom:10px;}
.about_c ul li:nth-child(4n+4){margin-right:0;}
.about_c ul li img{width:100%;}
.about_c ul span{font-size: 25px;color:#0074b9; line-height: 30px;text-transform:uppercase;}
.about_c ul p{font-size: 20px;color:#aaaaaa; line-height: 30px;}

/*about_d*/
.about_d{width:100%; padding:60px 0; background-image:url(../../image/quan.jpg); background-position:center; background-size:cover; position:relative;}
.about_d ul{width:90%; margin:0 auto; height: auto;}
.about_d ul:nth-child(1) {margin-bottom:30px;}
.about_d ul:nth-child(1) span{font-size: 20px;color:#0074b9; line-height:24px;text-transform:uppercase;}
.about_d ul:nth-child(1) p{font-size: 20px;color:#aaa; line-height: 30px;}