@font-face{
font-family:'Microsoft YaHei';
src:url('/amods/fontfile.ttf');
}

body{
    background: #EEEEEE;
    font-family:'Microsoft YaHei',sans-serif;
}

ul{
    list-style-type: none ;
    
}

/*样式应用*/

/*返回按钮*/
.back_button{   
    width: 100%;
}

/*.index_img{*/
/*    height: 900px;*/
/*}*/
.main-nav-imge2{
    margin: 2% 1% 0;
    width: 6rem;
    height: 3rem;
}
/*导航栏*/
.pr1{
    background: #EEEEEE;
    border:none;
    padding: 2% 2.5% 1%;
    transition: background 0.3s;
}
.pr1:hover{
    color: #FFFFFF;
    background: #1A68C0;
}

/* 菜单与鼠标移入 */
.menu{
	width: 25%;
	height: 60px;
	background: #EEEEEE;
	line-height: 45px;
	text-align: center;
	position: relative;
	overflow: hidden;
	border:none;
}
.menu:hover{
	overflow: visible;
	background: #1A68C0;
	color: white;
	z-index: 999;
	cursor: pointer;
}
/* END */

/* 下拉菜单与鼠标移入 */
.drop{
    padding: 0;
    width: 18rem;
	height: 2.8rem;
	background: #EEEEEE;
	text-align: center;
	color: #000000;
	font-size: 1rem;
	/*font-size: 0.5rem;*/
    border-top: 1px solid #BBBBBB;

}
.drop:hover{
    /*width: 18rem;*/
	/*height: 3.8rem;*/
	background: #1A68C0;
	color: white;
}
/* END */




.pr3:hover{
    color: #FFFFFF;
    background: #1A68C0;
}
/*轮播下，产品展示*/
.pr4{
    width: 357px;
    border: none;

}

/*产品分类 product*/
.proimg{
    height: 20em;
}
.proimg1{
    height: 17em;
}
.por_card{
    margin-top: 6rem;
    background: #0f87d3;
}
/*.proimg2{*/
/*    height: 14rem;*/
/*}*/
.pr3{
    transition: background 0.3s;
}
.pr3:hover{
    color: #FFFFFF;
    background: #1A68C0;
}
.pr5{
    background: #FFFFFF;
    border:none;
    padding: 0 4%;
    transition: background 0.3s;
}
.pr5:hover{
    color: #FFFFFF;
    background: #1A68C0;
}
.carousel_butimg{
    position:absolute;
    bottom: -8%;
}
/*.index_background{*/
/*    background: #FFFFFF;*/
/*    margin: 0.1% 0.5% 0 0.5%;*/
/*}*/
/*产品分类 product 结束*/

.img1{
    margin: 1% 5% 1% 0;
}
.pr2{
    background: #EEEEEE;
}
.fo1{
    background: #2D3748; 
}
.fo2{
    padding-top: 3% ;
    background: #2D3748; 
}

/*轮播浮动*/
.lub2{
    position: relative;
    z-index: 1;  
}

/*中文版/英文版*/
.ind1{
    /*padding: 3% 5%;*/
    margin: auto 1%;
    border-radius: 5px;
    transition: background 0.3s;
}
.ind1:hover{
    color: #FFFFFF;
    background: #1A68C0;
}

/*新闻列表*/
.new1{
    margin : 1% 10% 0 10%;
}

/*.news_img{*/
/*    margin: 2em 2px;*/
/*}*/

.demo1{
    padding: 3%;
}
/*.news_list{*/
/*    height: 11.5em;*/
/*}*/
.news_more{
    position:absolute;
    top: 60%;
    right: 4%;
}
.new_related{
    margin: 6% 0;
}
/*.news_share{*/
/*    margin*/
/*}*/
/*.mod_z1{*/
/*    position: absolute;*/
/*    z-index: 15;*/
/*}*/







/*客户反馈*/
.Fee1{
    margin: 0 10% 0 5%;
}
/*图片一*/
.img2{
    height: 15em;
    margin: 0.5% 0 1.5% 0;
}
/* article/details */
.nav1{
    position:fixed;
	top:0;
    z-index: 99;
    background: #EEEEEE;
  }

.de1{
    padding: 2em 0;
}

.ka1{
    margin: 2% 0;
}
.fud{
  position: relative;
  top: -3em;
  left: 0;
  right: 0;
  z-index: 9; /* z-index属性值大 */
}
.fud1{
  position: relative;
  z-index: 1;
}
.bw1{
    background: #FFFFFF;
    margin: auto;
}
.bw2{
    padding:0 3%;
}
.bw3{
    padding:0 0 0 5%;
}
/*轮播图*/
.lunb1{
    width: 100%;
}
.car1{
     margin-bottom: 3%;
}
/* article/details 结束 */

/*关于我们*/
.aboutus_contact{
    width: 100%;
    margin: 1% 0;
    background: white
}

.fonzies{
    margin: 1rem 0;
    font-size: 0.5rem;
}

.abo_list_nav{
    font-size: 10px;
}

/*EMD*/

/*首页产品跑马灯展示*/

	.box {
		/* 重点：盒子宽度 600 */
		width: 1875px;
		overflow: hidden;
	}
    .box ul {
      margin: 0;
      padding: 0;
      list-style: none;
      display: flex;
      height: 100%;
      animation: move 60s linear infinite;
    }
    /* hover 暂停，不用可去掉 */
    .box ul:hover {
      animation-play-state: paused;
    }
    .box ul a {
      /*height: 80%;*/
      /* 重点：单个图片宽度 200，相当于默认不动可见 3 个 */
      /*width: 480px;*/
      width: 20%;
      flex-shrink: 0;
    }
    .box ul li img {
      height: 100%;
      width: 100%;
    }
    @keyframes move {
      /* 为什么设置 -800px ？公式：主图张数 * 单个图片宽度（每轮主图只有 4 张，4 张照片为一个周期，如果需要轮播的主图为 7、8、9...张，都一样） */
          0% {  
            transform: translateX(0);  
          }  
          100% {  
            transform: translateX(-1785px); /* 图片总宽度的负值 */  
          }
    }

/*.fonzies{*/
/*    font-size: 1rem;*/
/*}*/


/*侧边栏*/
/*.scrollspy_example {*/
/*    position: relative;*/
/*    height: 300px;*/
/*    margin-top: .5rem;*/
/*    overflow: auto;*/
/*}*/





/*响应式*/
    
.main-nav {
    list-style-type: none;
    display:none;
}
.main-nav li {
    text-align:center;
    margin:15px auto;
}

.active {
    display:block;
}

/*针对桌面网页设计*/
@media (min-width:768px) {

    .main-nav {
        display: flex;
        margin-right:30px;
        flex-direction: row;
        justify-content: flex-end;
    }
    .navbar-toggle {
        display: none;
    }
    .cn1{
        display: block;
    }

}
@media screen and (max-width: 768px) {
   .phnone{
        display: none;
    } 
    /*.nav_4{*/
    /*    display: block;*/
    /*}*/
   .nav2{
       width: 100%;
    } 
    .news_list{
        font-size: 80%;
    }
    .news_list2{
        width: 60%;
        font-size: 80%;
    	white-space:nowrap; 
    	overflow:hidden; 
    }
    .fud{
      position: relative;
      top: 0;
      left: 0;
      right: 0;
      z-index: 9; /* z-index属性值大 */
    }
    .fo1{
        margin-top: 3%;
    }
    /*.univ_sear{*/
    /*    clear:none;*/
    /*    display: none;*/
    /*}*/
}
/*响应式*/











/*footer  网页脚部*/
.foot_a{
    text-decoration: none;
    color: #8a9bb4;
}
/*END*/