@font-face{
font-family: myNotoBlack;
src: url('../js/css/fonts/NotoSansCJK-Black.otf');
}
@font-face{
font-family: myNotoBold;
src: url('../js/css/fonts/NotoSansCJK-Bold.otf');
}
@font-face{
font-family: myNotoLight;
src: url('../js/css/fonts/NotoSansCJK-Light.otf');
}
@font-face{
font-family: myNotoRegular;
src: url('../js/css/fonts/NotoSansCJK-Regular.otf');
}
@font-face{
font-family: myNotoThin;
src: url('../js/css/fonts/NotoSansCJK-Thin.otf');
}

.salc100{ width: 100%; }


.blank15{ height: 15px; background-color: #fff; position: relative; z-index: 5555; }
.blank100{ height: 0px; clear: both; }
.blank120{ height: 120px; clear: both; }
a:hover{ color: #FF0000;}

.clrwht{ color: #fff; }
div,a,button{outline:none;}
   
body{ overflow-x: hidden;font-family: myNotoRegular; }
.header{ height: 120px; box-shadow: 0 2px 5px rgba(0,0,0,0); position: fixed; z-index: 9999; background-color: #fff; width: 100%; transition: all 1s; }

.headpage{ background-color: #fff;}
.onhang{box-shadow: 0 0px 5px rgba(0,0,0,0.28);}

.headerbox{}
.logo{  display: inline-block; position: absolute; left: 15px; top:0; z-index: 8785; }
.logo img{ height: 120px;}
.nav_box{ float: left; padding-left: 30%; padding-top: 35px; }
.top_nav{ display: inline-block; padding:0 20px; font-family: myNotoRegular; }
.top_nav>li>a{ color: #080404; font-size: 16px; }
.top_nav>li{ display: inline-block; line-height: 82px; padding:0 32px; position: relative; }
.top_nav>li:after{ content: ""; width: 80px; height: 2px;  background-color: #333; position: absolute; right: 0; left: 0; bottom: 0%; margin: 0 auto; display: none; }
.top_nav>li.active>a,.top_nav>li:hover>a{ color: #004680; }
.top_nav>li.active:after,.top_nav>li:hover:after{display: block;}

.colorbule{ /* color: #004680!important */; }

.top_nav .subclas{font-family: myNotoLight; padding:10px 0; line-height: 24px; font-size: 13px; position: absolute; top: 83px; left:0; background-color: rgba(255, 255, 255, 1); display: none;box-shadow: 0 0 5px rgba(0, 0, 0, 0.12); z-index: 90;  }
.top_nav .subclas>li{ position: relative; border:0px solid #333;width: 190px; padding:0 10px}
.top_nav .subclas>li i{ float: right;}
.top_nav .subclas a{color: #000;}
.top_nav .subclas>li>a{display: block; }
.top_nav .subclas .onthis>a{color: #004680;}

.top_nav .twostage{ padding:10px 0; display: none; position: absolute; background-color: rgba(255, 255, 255, 0.9); left: 210px; top: -10px;  box-shadow: 0 0 5px rgba(0, 0, 0, 0.12); z-index: 92; }
.top_nav .twostage>li{ position: relative;  border:0px solid #333; width: 130px; padding:0 10px; }
.top_nav .twostage>li>a{display: block; }

.top_nav .thrlevel{ padding:10px 0;  display: none;  position: absolute;background-color: rgba(255, 255, 255, 0.9); left: 150px; top: -10px; box-shadow: 0 0 5px rgba(0, 0, 0, 0.12); z-index: 93; }
.top_nav .thrlevel>li{ position: relative; border:0px solid #333;width: 110px;padding:0 10px;}
.top_nav .thrlevel>li>a{display: block; }
.top_nav .thrlevel>li:hover a{color: #004680;}

.subclas li{ height: 38px; line-height: 38px;}

.top_nav .navpro{ 
	/* left: -43px; */
	left:0;
	position: fixed;
	width: 100%;
	top: 117px;
}
.seek{padding:20px 0;}
.seek .seektitle{font-size: 24px;line-height: 32px;    padding-bottom: 16px;     border-bottom: 1px solid #ebebeb;  font-family: myNotoRegular; }
.seek .seektitle i{padding-left: 5px;}
.seek .seekcont{font-family: myNotoLight; display: flex; margin-top: 15px; }
.seek .seekcont dl{flex: 1;}
.seek .seekcont dl dt{    color: #000; padding:0 0 10px;}
.seek .seekcont dl dt a:hover{color: #000;}
.seek .seekcont dl dd{ border-left: 1px solid #ccc; padding-left: 10px;    color: #525252;}
.seek .seekcont dl dd a{ display: block; margin-bottom: 18px; height: 20px;}
.seek .seekcont dl dd a:hover{ text-decoration: underline;}

.top_nav .navother{left: -8px; width: 140px; text-align: center;}
.top_nav .navother li{width:140px; padding:0}
.top_nav .navabout{left: -1px;}




.header .san{ position: absolute; right: 20px; top: 23px; width:24px;height:16px; box-sizing:border-box;cursor:pointer;
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    -ms-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s;
}
.header .san span{
    width:100%;
    position:absolute;;
    height:2px;background:#000;
    display:block;
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    -ms-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s;
}
.header .san span:nth-child(1){top:0;}
.header .san span:nth-child(2){top:7px;}
.header .san span:nth-child(3){bottom:0;}

.header .san.cur{width:28px;height:22px;  background-color: transparent; top: 20px;  padding:10px 0px;  z-index: 212; display: flex; }
.header .san.cur span:nth-child(1){ background-color: #000;
    top: 50%;margin-top:-1px;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
}
.header .san.cur span:nth-child(2){ display: none; }
.header .san.cur span:nth-child(3){background-color: #000;
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(-45deg);
    bottom:50%;margin-bottom:-1px;
}
.header .san.cur{ transform: scale(0.9); }
.search{ position: absolute; right: 10px; top:65px;}
.search .searchbox{ display: inline-block; margin-right: 0px;}
.search .searchbox .sousuo{ vertical-align: 6px;}
.search .searchbox .rchen{color: #a5a5a6; font-size: 19px; margin: 0 0 0 10px; padding:0 0 0 8px; border-left: 3px solid #5d5e5e;}
.search .searchbox .rchen a{ color: #9f9fa0;}


.mc_search_xl {
    position: fixed;
    left: 0;
    top: 110px;
    width: 100%;
    height: 160px;
    border-top: 1px solid #dfdede;
    z-index: 119;
    background: #fff;
    display: none;
    transition: top 0.36s;
    box-shadow: 0 5px 16px 0 rgba(0, 0, 0, 0.06);
		
}
.mc_pos_center {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    /* width: 690px; */
}.mc_scm_form {
    width: 690px;
}
.mc_msc_box {
    font-size: 0;
    padding: 8px;
    border-bottom: 1px solid #dfdede;
}
.mc_msc_input {
    width: calc(100% - 30px);
    height: 26px;
    font-size: 16px;
    color: #333;
    line-height: 20px;
    padding: 3px 0;
    padding-right: 12px;
		border:none
}
.mc_msc_submit {
    font-size: 26px;
    color: #666666;
    width: 30px;
    vertical-align: top;
    position: absolute;
    top: 0;
    right: 0;
    cursor: pointer;
}
.mc_msc_submit img {
    width: 100%;
}


.interna{ right: 60px; top: 32px; position: absolute; width: 90px; z-index: 888;}
.interna a{   min-width: 60px; display: block; border: 0px solid #333; padding:3px 8px 3px 8px; font-size: 14px; line-height: 20px; height: 20px; color: #fff; }
.interna a:hover{color:#fff;}
.interna a span{ padding:0 3px 0 8px; min-width: 30px; display: inline-block; text-align: center;}
.interna a i{ display: inline-block; vertical-align: 1px; width: 9px; height: 5px; background: url(../images/public/icon01.png) no-repeat; }

.interna ul{ display: none; left: 0px;  padding:0px 0; border:0px solid #226cb3;   background-color: #0054a5;}
.interna ul li{ text-align: left; padding-left: 25px;  border-bottom:0px solid #226cb3;} 
.interna ul li a:hover{ color: #4887c3;}
.interna ul li:last-child{ border-bottom:none;}
.interna:hover ul{ display: block;}
.interna:hover a i{ width: 9px; height: 5px; background: url(../images/public/icon01s.png) no-repeat; }



.banner{  z-index: 444;  position: relative;}
.banner .projector img{ width: 100%;  }
.sinceits{position: absolute; width: 75%; margin:0 auto; left: 0; top: 20%; right: 0;}
.sinceits h2{}
.sinceits h2 p::before{content: ""; width: 68px; height: 4px;  background-color: #fa2b04; position: absolute;  left: 0; top: -20px; }
.sinceits h2 p{ position: relative; font-size: 80px; font-weight: bold; line-height: 100px;}
.sinceits h2 a{ margin-top: 30px; display: inline-block; padding:10px 30px; background-color: #f10909; color: #fff; font-size: 20px;}
.sinceits img{float: right; width: auto;}
.banner .swiper-pagination-bullet{ background-color: #fff; opacity:1 ;}
.banner .swiper-container-horizontal>.swiper-pagination-bullets, .banner .swiper-pagination-custom, .banner .swiper-pagination-fraction{width: 75%; margin:0 auto; left: 0; right: 0; bottom: 45px;}
.banner .swiper-pagination{ text-align: right; padding-right: 0px; display: inline-block; position: relative; width: auto; line-height: 18px;}
.banner .swiper-pagination-bullet{ width: 9px; height: 9px; border-radius: 0px; border:1px solid #666666; display: inline-block; margin:0 2px }
.banner .swiper-pagination-bullet-active{background: #666666; border:1px solid #8c8c8c;}

.banner .control{position: absolute;  bottom: 43px; width: 60%; right: 18%;  text-align: right;  height: 20px;}
.banner .swiper-button-next, .banner .swiper-button-prev{ display: inline-block;  z-index: 8555; position: relative;   bottom: auto; background: transparent; color: #666; line-height: 18px; width: 18px; height: 18px;  line-height: 18px; vertical-align: -1px;}
.banner .prevs01{ top: auto; right: auto; left: auto;  position: relative; padding-right: 5px; }
.banner .nexts01{ top: auto; right:auto; position: relative;}




.examine{ margin: 30px 150px 0 0 ; height: 40px; float: right; background-color: #fff; line-height:40px; color:#333; padding:0 0 0 10px;}
.examine input{width: 160px; height: 40px; line-height: 40px; border:none; background:transparent;}
.examine a{ display: inline-block; height:40px; width: 45px; text-align:center;}




/*鍚戜笅婊戝姩鐨勫姩鐢绘晥鏋�*/
@-webkit-keyframes drop {
  0%   { top:0px;  opacity: 0;}
  30%  { top:10px; opacity: 1;}
  100% { top:25px; opacity: 0;}
}
@keyframes drop {
  0%   { top:0px;  opacity: 0;}
  30%  { top:10px; opacity: 1;}
  100% { top:25px; opacity: 0;}
}
/*鍚戜笂婊戝姩鐨勫姩鐢绘晥鏋�*/
@-webkit-keyframes dropup {
  0%   { top:0px;  opacity: 0;}
  30%  { top:-10px; opacity: 1;}
  100% { top:-25px; opacity: 0;}
}
@keyframes dropup {
  0%   { top:0px;  opacity: 0;}
  30%  { top:-10px; opacity: 1;}
  100% { top:-25px; opacity: 0;}
}
/*搴旂敤鍔ㄧ敾锛屾坊鍔犳寜閽晥鏋�*/
.scroll-down {
   
    display: block;
    text-align: center;
    z-index: 10;
    -webkit-transition: all 0.125s ease-in-out 0s;
    -moz-transition: all 0.125s ease-in-out 0s;
    -ms-transition: all 0.125s ease-in-out 0s;
    -o-transition: all 0.125s ease-in-out 0s;
    transition: all 0.125s ease-in-out 0s;
}
.scroll-down span {
    position: relative;
    -webkit-animation-name: drop;
    -webkit-animation-duration: 1s;
    -webkit-animation-timing-function: linear;
    -webkit-animation-delay: 0s;
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-play-state: running;
    animation-name: drop;
    animation-duration: 1s;
    animation-timing-function: linear;
    animation-delay: 0s;
    animation-iteration-count: infinite;
    animation-play-state: running;
}

.scroll-up {
   
    display: block;
    text-align: center;
    z-index: 10;
    -webkit-transition: all 0.125s ease-in-out 0s;
    -moz-transition: all 0.125s ease-in-out 0s;
    -ms-transition: all 0.125s ease-in-out 0s;
    -o-transition: all 0.125s ease-in-out 0s;
    transition: all 0.125s ease-in-out 0s;
}
.scroll-up span {
    position: relative;
    -webkit-animation-name: dropup;
    -webkit-animation-duration: 1s;
    -webkit-animation-timing-function: linear;
    -webkit-animation-delay: 0s;
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-play-state: running;
    animation-name: dropup;
    animation-duration: 1s;
    animation-timing-function: linear;
    animation-delay: 0s;
    animation-iteration-count: infinite;
    animation-play-state: running;
}


.wrapper{ background-color: #f9f9f9; padding:30px 0; }

.modal-open {
    overflow: hidden;
}


.downward{ width: 73px;height: 73px; position: absolute; bottom: 10px; margin-left:-36px; left: 50%; text-align: center; z-index: 5556;}
.downward img{ width: 73px;}

.footer{ padding:50px 0 30px; background-color: #f5f5f8; border-top: 2px solid #c5c4c7;}
.footer .equipts{color: #221815;}
.equipts .equilogo{}
.equipts .equilogo h2{}
.equipts .equilogo h3{ font-family: myNotoRegular; font-size: 17px;padding:30px 0 0;}
.equipts .equilogo h3 em{ font-style: normal; font-size: 15px; display: block;}
.equipts .equilogo p{  font-family: myNotoLight; line-height: 24px; font-size: 16px; padding:25px 0 0;}
.footer .equitxt{padding-top: 76px;}
.equitxt ul{ display: flex; }
.equitxt li{ padding:0 10px;flex:1;}
.equitxt li:first-child{flex:2;}
.equitxt li h2{ font-size: 17px;}
.equitxt li p{ font-size: 13px; line-height: 30px; padding-top: 10px;display: block}
.equitxt li p span{ display: block;}

.equicode{ text-align: right;}
.equicode span{ display: inline-block;  padding:0 5px;}
.guage { display: inline-block; position: relative; border-radius: 5px; border:1px solid #5b555a; padding:5px 10px; font-size: 12px; margin-top: 5px;}
.langubox{position: absolute; top: 29px; background-color: #fff; border: 1px solid #333; width: 100%; text-align: center; left: -1px; border-radius: 0 0 5px 5px;  padding:8px 0; display: none;}
.langubox a{display: block;}
.guage:hover .langubox{ display: block;}
.gcode{padding:36px 0 0;}
.copyrt{ color: #bababc; padding:60px 0 10px; text-align: center; font-size: 12px; line-height:18px;}


/*==========================================璁惧鍒嗚鲸鐜� 寮€濮�=============================================*/

.phone{display:none;}
.pc{ display: block; }
.mobile{ display: none!important; }
.iphone{ display: none!important; }
.pcside{ display: block!important; }
@media screen and (max-device-width:1000px) {}

/*================璁惧灏忎簬760px=========================*/

@media (max-width: 767px){
.phone{display:block;}
.pc{ display: none; }
.mobile{ display: block!important; }
.pcside{ display: none!important; }
.iphone{ display: block!important; }

.header{ height: 60px; z-index: 555; position: fixed; background-color: #fff; }

.logo{ left: 0;}
.logo img{ height: 60px; }

.nav_box{ float: inherit; position:fixed;
   width: 100%;
    padding: 0;
    background: #004680;
    color: #fff;
    overflow: hidden;
    transform: translateX(100%);
    transition: all .5s ease-out;
		left: 0; top: 60px; z-index: 111; height: calc(100% - 60px);
}
.nav_box.act{ transform: translateX(0);}


.top_nav{ display:block; padding:20px 25px 20px;  }
.top_nav>li>a{ color: #fff!important;  font-size: 15px; width: 100%; display: block; }
.top_nav>li{     border-bottom: 1px solid rgba(255, 255, 255, .5); display: block; line-height: 40px; padding:0px 0px; position: relative; text-align: left;height: auto;}
.top_nav>li.active>a{font-weight: bold;}
.top_nav>li:after{ display: inline-block; display: none!important;}
.top_nav>li:last-child:after{display: none!important;}
.top_nav>li>a:hover{ color: #d10000; }


.top_nav ul li{height: auto;}

.top_nav .subclas{ padding:10px 0; line-height: 24px; font-size: 16px; position: relative; top: auto; left:auto; background-color: rgba(255, 255, 255, 0.1); display: none;box-shadow: 0 0 5px rgba(0, 0, 0, 0.12); z-index: 90;  }
.top_nav .subclas>li{ position: relative; border:0px solid #333;width: auto; padding:0 10px}
.top_nav .subclas>li i{ float: right;}
.top_nav .subclas a{color: #fff;}
.top_nav .subclas>li>a{display: block; font-size: 14px }
.top_nav .subclas .onthis>a{color: #fff;}

.top_nav .twostage{ padding:10px 0; display: none; position: relative; background-color: rgba(255, 255, 255, 0.1); left: auto; top: auto;  box-shadow: 0 0 5px rgba(0, 0, 0, 0.12); z-index: 92; }
.top_nav .twostage>li{ position: relative;  border:0px solid #333; width: auto; padding:0 10px; }
.top_nav .twostage>li>a{display: block; }

.top_nav .thrlevel{ padding:10px 0;  display: none;  position: relative;background-color: rgba(255, 255, 255, 0.1); left: auto; top: auto; box-shadow: 0 0 5px rgba(0, 0, 0, 0.12); z-index: 93; }
.top_nav .thrlevel>li{ position: relative; border:0px solid #333;width: auto;padding:0 10px;}
.top_nav .thrlevel>li>a{display: block; }
.top_nav .thrlevel>li:hover a{color: #004680;}


.top_nav .navother{left: auto; width: auto; text-align: center;}
.top_nav .navother li{width:auto; padding:0 10px; text-align: left;}
.top_nav .navabout{left: auto;}

.top_nav .navpro{ 
	left:auto;
	position: relative;
	width: auto;
	top: auto;
}
.seek{padding:10px 0;}
.seek .seektitle{font-size: 14px;line-height: 24px;    padding-bottom: 10px; }
.seek .seekcont{display: block; margin-top: 10px;font-size: 13px; }
.seek .seekcont dl{flex: 1;padding:3px 0;}
.seek .seekcont dl dt{ padding:0 0 5px;}
.seek .seekcont dl dd{ padding-left: 5px; }
.seek .seekcont dl dd a{ display:inline-block; margin-bottom: 0px; padding:0 5px; height: 18px;}




.top_nav .navother{left: 0px; width: auto; text-align: center;padding:0 15px;}
.top_nav .navother li{width:auto; padding:0}
.top_nav .navabout{left: -1px;}






.blank100{ height: 60px; clear: both; }
.blank120{ height: 60px; clear: both; }
.search{top:22px; right: 40px;}
.searchbox{ padding-right:10px;}
.interna{width: 100%; position: absolute; top: auto;  left: 0; bottom: 30px;text-align: center; z-index: 6656; }
.interna a{ display: inline-block; font-size: 14px;   color: #fff; background-size: 14px; border: none; background-size: 18px; padding:5px 8px 5px 35px; }
.interna ul{ border: none;}
.interna ul li{ border: none; text-align: center;}

.downward{ width: 30px;height: 30px; margin-left:-15px;}
.downward img{ width: 30px;}



.search .searchbox{ margin-right: 15px;}
.search .searchbox img{ width: 16px;}
.search .searchbox .sousuo{    vertical-align: 2px;}
.search .searchbox .rchen{font-size: 14px; margin: 0 0 0 8px; padding:0 0 0 5px; border-left: 2px solid #5d5e5e;}

.mc_search_xl {  top: 60px; width: 100%;    height: 80px;}
.mc_pos_center {width:90%}
.mc_scm_form {  width: 100%}
.mc_msc_box { padding: 0px;}
.mc_msc_input { width: calc(100% - 30px);  font-size: 16px;}
.mc_msc_submit { font-size: 16px;	width: 26px;}


.sinceits{ width: 88%; top: 15%;}
.sinceits h2 p::before{width: 38px; height: 2px;  top: -10px; }
.sinceits h2 p{ font-size: 18px;line-height:22px;}
.sinceits h2 a{ margin-top: 10px;  padding:5px 10px;  font-size: 12px;}
.sinceits img{float: right; width: 200px;}
.banner .swiper-container-horizontal>.swiper-pagination-bullets, .banner .swiper-pagination-custom, 
.banner .swiper-pagination-fraction{width: 90%; bottom: 15px;}


.banner .control{ bottom: 12px; width: 60%; right: 4%;  text-align: right;  height: 15px;}

.banner .swiper-button-next, .banner .swiper-button-prev{width: 10px; height: 15px;  line-height: 15px; vertical-align: -1px;}
.banner .swiper-button-next .layui-icon, .banner .swiper-button-prev .layui-icon{ font-size: 12px }
.banner .swiper-pagination-bullet{ width: 6px; height: 6px }
.banner .prevs01{padding-right:3px;}


/*foot mod*/

.footer{ padding:20px 0 10px; border-width: 1px;}
.equipts .equilogo h3{ font-size: 18px;padding:20px 0 0;}
.equipts .equilogo h3 em{font-size: 16px;}
.equipts .equilogo p{ line-height: 22px; font-size: 14px; padding:15px 0 0;}
.footer .equitxt{padding-top: 20px;}
.equitxt li{ padding:0 5px;}
.equitxt li h2{ font-size: 16px;}
.equitxt li p{ font-size: 14px; line-height: 22px; padding-top: 10px;}

.equicode{ text-align: center;}
.equicode span{ padding:0 5px;}
.guage {  font-size: 14px; }
.gcode{padding:20px 0 0;}
.copyrt{  padding:40px 0 10px; }



}



/*1280鍒嗚鲸鐜囦互涓婏紙澶т簬1700px锛�*/
@media screen and (min-width: 1700px){
   .layui-col-5ths {  width: 20%!important;  float: left; }
   .layui-container{ width: 1230px!important; }
}

/*XXX鍒嗚鲸鐜囦互涓婏紙澶т簬1500px锛�*/
@media screen and (min-width: 1500px) and (max-width: 1699px){
   .layui-col-5ths {  width: 20%!important;  float: left; }
   .layui-container{ width: 1230px!important; }


.banner .control{ bottom: 32px; width: 60%; right: 8%;  text-align: right;  height: 15px;}
	 



}


/*1280鍒嗚鲸鐜囦互涓婏紙澶т簬1400px锛�*/
@media screen and (min-width: 1400px) and (max-width: 1499px){
    .layui-col-5ths {  width: 20%!important;  float: left; }
   .layui-container{ width: 1230px!important; }




.banner .control{ bottom: 32px; width: 60%; right: 8%;  text-align: right;  height: 15px;}

}





/*1280鍒嗚鲸鐜囦互涓婏紙澶т簬1200px锛�*/
@media screen and (min-width: 1200px) and (max-width: 1399px) {
 .layui-col-5ths {   width: 20%!important;   float: left;  }
 .layui-container{ width: 1230px!important; }



.banner .control{ bottom: 32px; width: 60%; right: 4%;  text-align: right;  height: 15px;}

.top_nav .navpro{left: 0px;}


}
/*1100鍒嗚鲸鐜囷紙澶т簬960px锛屽皬浜�1199px锛�*/
@media screen and (min-width: 992px) and (max-width: 1199px) {

.layui-container{ width: 960px!important; }
.logo{ line-height: auto!important;} 
.logo img{ height: 80px; }

.nav_box{padding-left: 25%; padding-top: 0;}
.top_nav>li:after{ bottom: 4px; }
.top_nav .subclas{top: 80px;}
.top_nav .navpro{left: 0;}
.top_nav .navother{left: -19px;}
.top_nav .navabout{left: -15px;}

.interna{right: 30px;}
.examine{    margin: 30px 120px 0 0;}
.examine input{  width: 110px;}
.top_nav li{ padding:0 20px; }
.search { right: 10px; top: 30px;}
.search .searchbox{padding-right: 0px;}
.mc_search_xl{top: 80px;}

.header{ height: 80px;}
.blank120{ height: 80px; clear: both; }



.banner .control{ bottom: 32px; width: 60%; right: 4%;  text-align: right;  height: 15px;}


}

/*880鍒嗚鲸鐜囷紙澶т簬769px锛屽皬浜�991px锛�*/
@media screen and (min-width: 768px) and (max-width: 991px) {
.phone{display:block;}
.pc{ display: none; }
.mobile{ display: block!important; }
.pcside{ display: none!important; }
.iphone{ display: block!important; }

.header{ height: 60px; z-index: 555; position: fixed; background-color: #fff; }

.logo{ line-height: 60px; }
.logo img{ height: 60px; }

.nav_box{ float: inherit; position:fixed;
   width: 100%;
    padding: 0;
    background: #004680;
    color: #fff;
    overflow: hidden;
    transform: translateX(100%);
    transition: all .5s ease-out;
		left: 0; top: 60px; z-index: 111; height: calc(100% - 60px);
}
.nav_box.act{ transform: translateX(0);}


.top_nav{ display:block; padding:30px 25px 20px;  }
.top_nav a{ color: #fff!important;  font-size: 14px; width: 100%; display: block; }
.top_nav>li>a{font-size: 16px;}
.top_nav>li{     border-bottom: 1px solid rgba(255, 255, 255, .5); display: block; line-height: 40px; padding:0px 0px; position: relative; text-align: left;}
.top_nav>li.active>a{font-weight: bold;}
.top_nav>li:after{ display: inline-block; display: none!important;}
.top_nav>li:last-child:after{display: none!important;}
.top_nav>li>a:hover{ color: #d10000; }


.top_nav ul li{height: auto;}

.top_nav .subclas{ padding:10px 0; line-height: 24px; font-size: 16px; position: relative; top: auto; left:auto; background-color: rgba(255, 255, 255, 0.1); display: none;box-shadow: 0 0 5px rgba(0, 0, 0, 0.12); z-index: 90;  }
.top_nav .subclas>li{ position: relative; border:0px solid #333;width: auto; padding:0 10px}
.top_nav .subclas>li i{ float: right;}
.top_nav .subclas a{color: #fff;}
.top_nav .subclas>li>a{display: block; }
.top_nav .subclas .onthis>a{color: #fff;}


.top_nav .twostage{ padding:10px 0; display: none; position: relative; background-color: rgba(255, 255, 255, 0.1); left: auto; top: auto;  box-shadow: 0 0 5px rgba(0, 0, 0, 0.12); z-index: 92; }
.top_nav .twostage>li{ position: relative;  border:0px solid #333; width: auto; padding:0 10px; }
.top_nav .twostage>li>a{display: block; }

.top_nav .thrlevel{ padding:10px 0;  display: none;  position: relative;background-color: rgba(255, 255, 255, 0.1); left: auto; top: auto; box-shadow: 0 0 5px rgba(0, 0, 0, 0.12); z-index: 93; }
.top_nav .thrlevel>li{ position: relative; border:0px solid #333;width: auto;padding:0 10px;}
.top_nav .thrlevel>li>a{display: block; }
.top_nav .thrlevel>li:hover a{color: #004680;}

.top_nav .navother{left: auto; width: auto; text-align: center;}
.top_nav .navother li{width:auto; padding:0 10px; text-align: left;}
.top_nav .navabout{left: auto;}


.top_nav .navpro{ 
	left:auto;
	position: relative;
	width: auto;
	top: auto;
}
.top_nav .navpro .layui-container{width: auto!important;}
.seek{padding:10px 0;}
.seek .seektitle{font-size: 14px;line-height: 24px;    padding-bottom: 10px; }
.seek .seekcont{display: block; margin-top: 10px;font-size: 13px; }
.seek .seekcont dl{flex: 1;padding:3px 0;}
.seek .seekcont dl dt{ padding:0 0 5px;}
.seek .seekcont dl dd{ padding-left: 5px; }
.seek .seekcont dl dd a{ display:inline-block; width: auto; margin-bottom: 0px; padding:0 5px; height: 18px;}



.blank100{ height: 60px; clear: both; }
.blank120{ height: 60px; clear: both; }

.search{top:22px; right: 40px;}
.searchbox{ padding-right:10px;}
.interna{width: 100%; position: absolute; top: auto;  left: 0; bottom: 30px;text-align: center; z-index: 6656; }
.interna a{ display: inline-block; font-size: 14px;   color: #fff; background-size: 14px; border: none; background-size: 18px; padding:5px 8px 5px 35px; }
.interna ul{ border: none;}
.interna ul li{ border: none; text-align: center;}


.downward{ width: 50px;height: 50px; margin-left:-25px;}
.downward img{ width: 50px;}



.search .searchbox{ margin-right: 15px;}
.search .searchbox img{ width: 16px;}
.search .searchbox .sousuo{    vertical-align: 2px;}
.search .searchbox .rchen{font-size: 14px; margin: 0 0 0 8px; padding:0 0 0 5px; border-left: 2px solid #5d5e5e;}

.mc_search_xl {  top: 60px; width: 100%;    height: 80px;}
.mc_pos_center {width:90%}
.mc_scm_form {  width: 100%}
.mc_msc_box { padding: 0px;}
.mc_msc_input { width: calc(100% - 30px);  font-size: 16px;}
.mc_msc_submit { font-size: 16px;	width: 26px;}


.sinceits{ width: 88%; top: 15%;}
.sinceits h2 p::before{width: 38px; height: 2px;  top: -10px; }
.sinceits h2 p{ font-size: 18px;line-height:22px;}
.sinceits h2 a{ margin-top: 10px;  padding:5px 10px;  font-size: 12px;}
.sinceits img{float: right; width: 200px;}


.banner .control{ bottom: 12px; width: 60%; right: 4%;  text-align: right;  height: 15px;}

.banner .swiper-button-next, .banner .swiper-button-prev{width: 10px; height: 15px;  line-height: 15px; vertical-align: -1px;}
.banner .swiper-button-next .layui-icon, .banner .swiper-button-prev .layui-icon{ font-size: 12px }
.banner .swiper-pagination-bullet{ width: 6px; height: 6px }
.banner .prevs01{padding-right:3px;}


.footer{ padding:20px 0 10px; border-width: 1px;}
.equipts .equilogo h3{ font-size: 18px;padding:20px 0 0;}
.equipts .equilogo h3 em{font-size: 16px;}
.equipts .equilogo p{ line-height: 22px; font-size: 14px; padding:15px 0 0;}
.footer .equitxt{padding-top: 20px;}
.equitxt li{ padding:0 5px;}
.equitxt li h2{ font-size: 16px;}
.equitxt li p{ font-size: 14px; line-height: 22px; padding-top: 10px;}

.equicode{ text-align: left; padding-top: 20px;}
.equicode span{ padding:0 5px;}
.guage {  font-size: 14px; }
.gcode{padding:20px 0 0;}
.copyrt{  padding:40px 0 10px; }



}


















/*720鍒嗚鲸鐜囷紙澶т簬480px锛屽皬浜�767px锛�*/
@media only screen and (min-width: 480px) and (max-width: 767px){

.kindle01 img{ max-width: 100%;  }


}

 /*440鍒嗚鲸鐜囦互涓嬶紙灏忎簬479px锛�*/
@media only screen and (max-width: 479px) {

.kindle01 img{ max-width: 100%;  }




}
 /*鍐呴〉瀹�1500*/

.col-xs-5ths, .col-sm-5ths, .col-md-5ths, .col-lg-5ths {
    position: relative;
    min-height: 1px;
    padding-right: 10px;
    padding-left: 10px;
}
 
 @media screen and (min-width: 1160px){

 .layui-col-5ths {
        width: 20%;
        float: left;
    }
}