/*自定义部分*/
body{ font-size:14px; overflow-x:hidden; }
h1,h2,h3,h4,h5,dl{ margin-top: 0em;}
a:hover{ text-decoration: none;}
ul{ margin: 0px; padding: 0px;}
li{ list-style: none;}

.top{ background: #0059b7; line-height: 40px;color: #fff;}
.top-z a{ color: #fff; margin-right: 40px;}
.top-r span{ margin-left: 30px;}
.top-r span i{ margin-right: 5px;}
.icon {width: 1em;height: 1em;font-size: 2.2rem;}
.wapmenu{ display: none;}
.navbar-contact-hover { position: absolute; left: 0px;  margin-top: 0px; z-index: 999; visibility: hidden; width: 98px; height: 98px; background: #fff; opacity: 0;filter: alpha(opacity=0);-webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease;-ms-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease;}
.navbar-contact-hover:before {display: block; content: "";  border-width: 5px;  border-style: solid;  border-color: transparent transparent #ffffff transparent;  position: absolute;  left: 40%;  bottom: 100%;}
.navbar-contact-hover img { width: 98px; height: 98px;padding: 7px;}
.header-nav {position: relative;}
.header-logo {float: left;}
.header-logo a {display: block;color: #055ac5;text-decoration: none; padding: 5px 0px;}
.header-logo a img {height: 70px; display: block;border: none;}
.header-nav-list {float: right;}
.header-nav-list ul {float: left; margin-bottom: 0rem; margin-top: 0px;}
.header-nav-list ul li {position: relative;display: block;float: left;}
.header-nav-list ul li a {color: #616161;padding: 26px 20px;font-size: 16px;line-height: 28px;background: none;position: relative;display: block;}
.header-nav-list ul li a:hover {color: #055ac5;border-bottom: 2px solid #055ac5;}
.header-nav-list ul li .cur {color: #055ac5; border-bottom: 2px solid #055ac5;}
.aui-dow-box {position: absolute;padding: 30px 0;background-color: #ffffff;visibility: hidden;opacity: 0;filter: alpha(opacity=0); -ms-transform: translateX(-50%); -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%);  -o-transform: translateX(-50%);  transform: translateX(-50%); -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -ms-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; -webkit-box-shadow: 0 2px 6px rgba(0, 0, 0, 0.3); -moz-box-shadow: 0 2px 6px rgba(0, 0, 0, 0.3); box-shadow: 0 2px 6px rgba(0, 0, 0, 0.3);}
.aui-dow-box-list {width: 1200px;height: 500px;padding: 30px 10px 30px 10px;z-index: 1;}
.drop-down:hover .aui-dow-box-list {top: 100%;visibility: visible;opacity: 1;filter: alpha(opacity=100);}
.aui-about-dow { opacity: 0;visibility: hidden;position: absolute;left: 0;top: 110%;min-width: 170px;padding: 8px 10px;background: #fff;border-radius: 2px;z-index: 99;box-shadow: 0 2px 6px rgba(0, 0, 0, 0.3);-webkit-transition: all 0.25s ease-in-out;-moz-transition: all 0.25s ease-in-out;-o-transition: all 0.25s ease-in-out;}
.drop-down:hover .aui-about-dow {top: 100%;opacity: 1;visibility: visible;-webkit-transition: all 0.25s ease-in-out;-moz-transition: all 0.25s ease-in-out;-o-transition: all 0.25s ease-in-out;filter: alpha(opacity=100);}
.header-nav-list .aui-about-dow li a {padding: 0;line-height: inherit;display: block;padding: 8px 0 8px 15px;color: #313131;font-size: 16px;
-webkit-transition: all 0.3s ease;-moz-transition: all 0.3s ease;-ms-transition: all 0.3s ease;-o-transition: all 0.3s ease;transition: all 0.3s ease;font-size: 14px;color: #616161;}
.header-nav-list .aui-about-dow li a:hover {color: #e60012;border-bottom: 0px solid #e60012;}
.header-nav-list .aui-about-dow li {width: 100px;}
.header-nav-weChat { position: relative;}
.header-nav-weChat:hover .navbar-contact-hover, .header-nav-weChat:hover .navbar-contact-shadowl, .header-nav-weChat:hover .navbar-contact-shadowr {visibility: visible;opacity: 1;filter: alpha(opacity=100);-webkit-box-shadow: 0 2px 6px rgba(0, 0, 0, 0.3);-moz-box-shadow: 0 2px 6px rgba(0, 0, 0, 0.3);box-shadow: 0 2px 6px rgba(0, 0, 0, 0.3);-webkit-transition: all 0.3s ease;-moz-transition: all 0.3s ease;-ms-transition: all 0.3s ease;-o-transition: all 0.3s ease;transition: all 0.3s ease;}
.wban{ display:none}
.proiteam{ float: left; width: 25%;  min-height: 450px; }
.proiteamimg{ text-align: center;}
.proiteamimg span{ border-radius: 50%; background: #e8e4e4;  height: 100px; width: 100px; display: block; left: 50%; position: relative; margin-left: -50px; padding-top: 10px;}
.proiteamimg span i{ font-size: 50px; }
.proiteamimg h3{ margin-top: 10px;}
.proiteamtext{ margin-top: 10px;}
.header-nav-list ul li .aui-dow-box .proiteamtext a{ padding: 2px 0px; margin-left: 112px;}
.header-nav-list ul li .aui-dow-box .proiteamtext a:hover{ border: 0;}

 .header.header-fixed {
  box-shadow:0 5px 30px rgba(0,22,84,0.1);
  -webkit-box-shadow:0 5px 30px rgba(0,22,84,0.1);
  background:#fff;
  position:fixed;
  z-index:999;
  width:100%;
  top:0;
  -webkit-transition:.2s ease-in;
  -o-transition:.2s ease-in;
  transition:.2s ease-in;
  -webkit-animation-duration:.5s;
  animation-duration:.5s;
  -webkit-animation-name:slideInDown;
  animation-name:slideInDown
 }
.nbanner img{ width: 100%;}

.foot{background: #2a2a2a; padding: 20px 0px; color: #fff;}
.foot-t{ border-bottom: 1px solid #424242; padding-bottom: 20px;}
.links a { color: #fff; margin-right:10px ;}
.tel , .mail , .dz{border-bottom: 2px solid #e50012; padding: 10px 30px; color: #999999;display:inline-block}
.foot-t i{ margin-right: 5px;}
.foot-n{ margin-top: 30px;}
.footiteamnav h2{ font-size: 18px; color: #c6c6c6; margin-bottom: 10px;}
.footiteamnav a{  display: block; color: #999999; line-height: 26px;}
.footiteamright{}
.flogo{float: left; margin-right: 20px;}
.fewm{ float: left;}
.copyright{font-size: 12px; line-height: 40px;color: #666666;}
.conleft img{ height: 30px; margin-top: 5px;}
.conright{ text-align: right;}
.conright a{ color: #666666;  padding: 0 10px; }
.conleft img ,.ftext{float: left;}
.copyright a{ color: #666666;  padding: 0 10px; }

.flogo h2{ font-size: 18px; color: #c6c6c6; margin-bottom: 10px;}



.m3-select> select{ width: 32%; float: left; margin-right: 1.3%;}


.m1{ padding: 50px 0px;}
.m1 h1{font-size: 32px;}
.m1 h5{ color: #ccc;}
.m1-n{ margin-top: 80px;}
.m1-n>.container>.row>.col{ margin-bottom: 40px;}
.iteam1 i{ padding: 30px;border-radius: 50%;}
.iteam1 a i{ color: #fff; font-size: 38px;}
.iteam1 p{margin-top: 40px; margin-bottom: 30px;}
.iteam1 a p{color: #000;font-size: 16px; }
.iteam1 a:hover i{background-color: #56a1fc;}
.iteambg1{ background-color: #56a1fc; }
.iteambg2{ background-color: #ff9257; }
.iteambg3{background-color: #fb0dbb;}
.iteambg4{ background-color: #7775fa; }
.iteambg5{ background-color: #62c87c; }
.iteambg6{ background-color: #f25449; }
.iteambg7{ background-color: #d272f7; }
.iteambg8{ background-color: #48c0db; }
.iteambg9{ background-color: #62a8fb; }
.iteambg10{ background-color: #f95e86; }
.iteambg11{ background-color: #6c6ae7; }
.iteambg12{ background-color: #64a9fb; }


.m2{ padding: 80px 0px; background-color: #f8f9fd;}
.m2 h1{font-size: 32px;}
.m2 h5{ color: #ccc;}
.m2-n{ margin-top: 70px;}
.m2-iteam{ background-color: #f0f0f0;} 
.m2-iteam img{ width: 100%; height: 190px;}
.m2-iteam h5{ font-size: 16px;}
.m2-iteam p{ color: #b9b9b9;}
.m2-iteam a{ font-size: 14px;}
.m2-n>.container>.row>.col{ margin-bottom: 30px;}

.classa a{ color: #000;}

.m3{ background: url(../images/bookbg.png) no-repeat center/cover; padding: 80px 0px; }


.m6{ padding: 50px 0px;}
.m6 h1{font-size: 32px;}
.m6 h5{ color: #ccc;}
.m6-n{ margin-top: 80px;}
.m6-n img{ width:100%}
.znsciteam { padding-top: 30px;}
.znsciteam h1{ font-size: 30px;}
.znsciteam h3{ font-size: 22px; margin: 10px 0px;}
.znsciteam p{ color: #666;margin-bottom: 50px; margin-top: 20px;}
.znsciteam a{ border: 1px solid #666; padding: 8px 35px; color: #000000; border-radius: 20px; }
.znsciteam a:hover{ border: 1px solid #ff0000; color: #ff0000;  }
.pwz{ padding: 20px 0px; border-bottom: 1px solid #e9edf8;}
.pwz-r{ text-align: right;}
.pwz-r a{ color: #999;}
.pwz-r i{ color: #999;}
.class-a a{ color: #666; font-size: 16px; padding: 0 10px;}
.class-a>.active{ color:#e60012; position: relative;}
.class-a>.active::after{ position:absolute; left: 2%; bottom: -23px; content: ''; width: 96%;  background:rgba(230, 0, 18, 1); height: 2px;} 
.class-a a:hover{ color: #e60012;}

.class-a1 a{ color: #666; font-size: 16px; padding: 0 10px;}
.class-a1>.active{ color:#e60012; position: relative;}
.class-a1>.active::after{ position:absolute; left: 2%; bottom: -23px; content: ''; width: 96%;  background:rgba(230, 0, 18, 1); height: 2px;} 
.class-a1 a:hover{ color: #e60012;}

.page{ padding: 50px 0px; line-height: 30px;}
.page img{ max-width: 100%;}


.niteam{ border-bottom: 1px solid #e3e3e3; padding-bottom: 40px; padding-top: 40px;}
.niteam img{ width: 300px; height: 220px;}
.niteam h5{ font-size: 18px; line-height: 30px;}
.niteamdata{ color: #999; margin-top: 20px;}
.niteambody{ color: #999; margin-top: 20px; margin-bottom: 20px;}
.niteam a{ color: #e60012; margin-top: 10px;}

.picfy{ margin-top: 50px;}
.picfy a{ color: #707070;}
.picfy p{ margin-bottom: 0px;}

.m1-list-iteam .proLi {
 position:relative;
 overflow:hidden;
 padding:1rem;
 height:auto
}
.m1-list-iteam .proLink {
 position:relative;
 display:block;
 width:100%;
 height:100%;
 overflow:hidden;
 transition:all .5s ease;
 border:1px solid rgba(243,243,243,1)
}
.m1-list-iteam .proLink::after {
 content:'';
 position:absolute;
 left:0;
 bottom:0;
 width:0;
 height:2px;
 background-color:#1d5ca7;
 transition:all .5s ease
}
.m1-list-iteam .proTitle {
 position:relative;
 text-align:center;
 padding:0 20%;
 overflow:hidden;
 text-overflow:ellipsis;
 white-space:nowrap;
 color:#000;
 font-size:20px;
 height:70px;
 line-height:70px;
 transition:all .5s ease
}
.m1-list-iteam .search {
 position:absolute;
 left:10px;
 top:-10px;
 display:block;
 width:20px;
 height:20px;
 color:#fff
}
.m1-list-iteam .proImgBox {
 position:relative;
 width:100%;
 height:0;
 padding-bottom:60%;
 overflow:hidden
}
.m1-list-iteam .proImg {
 position:absolute;
 top:50%;
 left:50%;
 transform:translate(-50%,-50%) scale(1);
 width:100%;
 transition:all 2s ease .5s
}
.m1-list-iteam .proSummry {
 padding:20px 30px 0
}
.m1-list-iteam .iconfont {
 transition:.5s
}
.m1-list-iteam .sum {
 display:-webkit-box;
 overflow:hidden;
 -webkit-line-clamp:2;
 -webkit-box-orient:vertical;
 text-overflow:ellipsis;
 line-height:1.5;
 color:#000
}
.m1-list-iteam .lookMore {
 width:100%;
 padding:1rem 0 2rem;
 text-align:center;
 font-size:14px;
 color:#1d5ca7;
 font-family:Oswald
}
.m1-list-iteam .proTitle::before {
 content:'';
 position:absolute;
 left:-170px;
 top:-70px;
 width:140px;
 height:140px;
 background-color:#1d5ca7;
 transform:rotate(45deg);
 transition:all .5s ease
}
.m1-list-iteam .proLi:hover .proTitle::before {
 left:-100px
}
.m1-list-iteam .proLi:hover .proImg {
 transform:translate(-50%,-50%) scale(1.1)
}
.m1-list-iteam .proLi:hover .lookMore .iconfont {
 margin-left:5px
}
.m1-list-iteam .proLi:hover .proLink {
 box-shadow:0 0 20px #ddd
}
.m1-list-iteam .proLi:hover .proLink::after {
 width:100%
}

.m1-list>.row{ margin: 50px 0px ; }

.page>.container>.row-cols-2>.col{ margin-bottom:10px}
.footdb{ display:none}

@media(max-width:767px) {
	.top{line-height:40px;}
	.top-z a{ color: #fff; margin-right: 5px;}
	.top-r{ display: none;}
	.header-nav-list{ display: none;}
	.header-logo a{padding: 10px 0px;}
	.header-logo a img{ height: 50px;}
	.wapmenu{ display: block;}
	.am-menu-offcanvas1 .am-menu-toggle{ top:8px; color: #ffb701;right: -10px; font-size: 20px; line-height: 54px;}
	
	.waph1 h1{width: 100%; display: block; font-size: 16px; color: #fff; float: left;}
	.waph3{ font-weight: bold;}
	/* .wapli50{ display: block; float: left;} */
	.wapli50 a{ width: 33%; float: left; padding: .4rem 0;}
	.am-offcanvas-bar{ width: 220px;}
	
	.tabbtn li a{ font-size: 16px;margin: 0 5px;}
	.procont{ margin-top:20px}
	.proiteams{ width: 32%;}
	.product{ margin: 50px 0px;}
	.projt{ display: none;}
	.proyd{ display: block; margin-top: 20px; }
	.swiper-pagination{ position: static;}
	.swiper-pagination span{ margin: 0 5px;}
	.swiper-pagination-bullet-active{ background-color: #ff0000;}
	
	.m2-iteam img{ width: 100%; height: 120px;}
	.iteam1 a i{ padding: 12px;border-radius: 50%; font-size:32px}
  .iteam1 a p{font-size:14px}
	.m1-n>.container>.row>.col{ margin-bottom: 20px;}
	.iteam1 p{margin-top: 20px; margin-bottom: 20px;}
	.m1 h1{font-size: 26px;}
	.m2 h1{font-size: 26px;}
	.m2{ padding: 60px 0px; }
	.niteam>.media{display: block;}
	.niteam img{ width: 100%; margin-bottom: 10px;}
  .pban{ display:none}
  .wban{ display:block}
  .card-title{font-size:14px}
  .m6-n{ margin-top: 0px;}
  .footdb{height: 60px;
width: 100%;
background-color: #0180e9;
position: fixed;
bottom: 0;
  z-index:999;
  border-top:solid 1px #fff;
  padding-top:3px;
    padding-bottom:10px
}
  .footdb{ display:block}
  .footdb a{ width:33%; float:left; text-align:center;color:#fff;}
  .footdb img { width:30px;height:30px;}
	}