/************************** 以下是页面样式 *************************/
/*头部*/
.top{position: relative;max-width: 1200px;margin:0 auto; background:#3985de}
.top_btn{width: 30px;height: 42px;background: url(../images/top_more.png) no-repeat center center;float: right;cursor: pointer; z-index:1000000000;}
.top_left{float: left;width: 45%;}
.top_right{float: left;}
.top_intr{font-size: 0;}
.top_intr .language a{display: inline-block;font-size: 14px;color:#1a92ed;padding: 0px  8px;border-right: 1px  solid  #e0e0e0;margin:10px 0px;}
.top_nav{position: absolute;left: 0px;width: 100%;padding-top: 10px;display: none;z-index: 9}
.top_nav .MainNav li{position: relative;}
.top_nav .MainNav li>a{padding:10px;line-height: 20px;display: block; color:#fff; }
.top_nav .MainNav li>a:hover{background: #1a92ed;color:#fff;}
.top_nav .MainNav li .Drop_down{display: none;}
.top_nav .MainNav li .Drop_down a{display: block;line-height: 20px;padding: 10px 10px 10px 20px;}
.top .online_shop{display: none}

@media (min-width:640px){ 
.top_left{width: 34%;margin-top: -4px;}
}

@media (min-width:768px){
.top_left{width: 34%;}
.top_btn{display: none;}
.top_nav{display: block;}
.top_right{float: right;width: 48%;}
.top_right .top_nav{position: static;}
.top_ico{font-size: 0}


.top_nav{padding-top: 15px;}
.top_nav .MainNav{float: right;}
.top_nav .MainNav li{padding:0px 5px;float: left;text-align: center; z-index:100000000000;}
.top_nav .MainNav li>a{font-size:14px;padding: 10px 0px;border-bottom: 2px solid transparent;}
.top_nav .MainNav li .Drop_down{position: absolute;z-index: 10;}
.top_nav .MainNav li .Drop_down a{padding-left: 10px;}
.top_nav .MainNav li>a:hover,.top_nav .MainNav li.on>a{background: none;border-bottom: 2px solid  #1a92ed;color:#333;}
.top .online_shop{display: block;float: right;line-height: 34px;display: block;width: 128px;border:1px solid #1a92ed;border-radius: 20px;height: 34px;text-align: center;color:#1a92ed;}
.top_nav .MainNav li .Drop_down{background: #1884d7;width: 160px;padding: 15px 0px 30px 0px;opacity: 0.8;border-radius: 0px 0px 10px 10px;left:-50%;margin-left: 12px;}
.top_nav .MainNav li .Drop_down a{padding: 0px;line-height: 36px;/*padding-left: 16px;*/text-align: center;color:#fff;font-size: 14px;height: 36px;}
.top_nav .MainNav li .Drop_down a:hover{background: #ffd300}
}

@media (min-width:850px){
.top_nav .MainNav li>a{font-size: 16px;}
}
@media (min-width:1200px){
.top_nav .MainNav li{padding: 0 15px 10px 15px;}
.top .online_shop{margin-left: 35px;}
.top_left{width: 40%;}
.top_right{width: 60%;}

}
@media (min-width:1366px){
.topbox{top:0px;width: 100%;background:#3985de;z-index: 2}
.top_nav{padding-top:12px;}
}
@media (min-width:1400px){
.top_left{width: 457px;height:85px;}
.top_left img{ margin-top:15px;}
.top_nav .MainNav li > a{padding: 11px 0px 21px 0px;}
.top_nav .MainNav li{padding: 0px 14px;}
.top_right{width:625px;}

}	

@media (max-width: 1024px) and (min-width: 481px){
.top{position: relative;max-width: 1200px;margin:0 auto; background:#3985de}
.top_btn{width: 30px;height: 42px;background: url(../images/top_more.png) no-repeat center center;float: right;cursor: pointer; z-index:1000000000;}
.top_left{float: left;width: 45%;}
.top_left img{ height:40px;}
.top_right{float:  right;}
.top_intr{font-size: 0;}
.top_intr .language a{display: inline-block;font-size: 14px;color:#1a92ed;padding: 0px  8px;border-right: 1px  solid  #e0e0e0;margin:10px 0px;}
.top_nav{position: absolute; float:right; right:0; left:50%;width: 50%;padding-top: 10px;display: none;z-index: 9}
.top_nav .MainNav li{position: relative;}
.top_nav .MainNav li>a{padding:10px;line-height: 20px;display: block; border-bottom:1px solid #666; font-weight:bold; color:#666; background-color:#fff; }
.top_nav .MainNav li>a:hover{background: #1a92ed;color:#fff;}
.top_nav .MainNav li .Drop_down{display: none;}
.top_nav .MainNav li .Drop_down a{display: block;line-height: 20px;padding: 10px 10px 10px 20px;}
.top .online_shop{display: none}
	
}

@media (max-width: 480px) and (min-width: 376px){
.top{position: relative;max-width: 1200px;margin:0 auto; background:#3985de}
.top_btn{width: 30px;height: 42px;background: url(../images/top_more.png) no-repeat center center;float: right;cursor: pointer; z-index:1000000000;}
.top_left{float: left;width: 45%;}
.top_left img{ height:30px; margin-top:5px;}
.top_right{float:  right;}
.top_intr{font-size: 0;}
.top_intr .language a{display: inline-block;font-size: 14px;color:#1a92ed;padding: 0px  8px;border-right: 1px  solid  #e0e0e0;margin:10px 0px;}
.top_nav{position: absolute; float:right; right:0; left:50%;width: 50%;padding-top: 10px;display: none;z-index: 9}
.top_nav .MainNav li{position: relative;}
.top_nav .MainNav li>a{padding:10px;line-height: 20px;display: block;font-weight:bold;  border-bottom:1px solid #666; color:#666; background-color:#fff; }
.top_nav .MainNav li>a:hover{background: #1a92ed;color:#fff;}
.top_nav .MainNav li .Drop_down{display: none;}
.top_nav .MainNav li .Drop_down a{display: block;line-height: 20px;padding: 10px 10px 10px 20px;}
.top .online_shop{display: none}
	
}


@media (max-width:375px){
.top{position: relative;max-width: 1200px;margin:0 auto; background:#3985de}
.top_btn{width: 30px;height: 42px;background: url(../images/top_more.png) no-repeat center center;float: right;cursor: pointer; z-index:1000000000;}
.top_left{float: left;width: 45%;}
.top_left img{ height:30px; margin-top:5px;}
.top_right{float:  right;}
.top_intr{font-size: 0;}
.top_intr .language a{display: inline-block;font-size: 14px;color:#1a92ed;padding: 0px  8px;border-right: 1px  solid  #e0e0e0;margin:10px 0px;}
.top_nav{position: absolute; float:right; right:0; left:50%;width: 50%;padding-top: 10px;display: none;z-index: 9}
.top_nav .MainNav li{position: relative;}
.top_nav .MainNav li>a{padding:10px;line-height: 20px;display: block;font-weight:bold;  border-bottom:1px solid #666; color:#666; background-color:#fff; }
.top_nav .MainNav li>a:hover{background: #1a92ed;color:#fff;}
.top_nav .MainNav li .Drop_down{display: none;}
.top_nav .MainNav li .Drop_down a{display: block;line-height: 20px;padding: 10px 10px 10px 20px;}
.top .online_shop{display: none}
	
}



@media screen and (min-width:1024px ) {
   /*左侧导航*/
   .bottom-1 .nav-bt{ padding: 23px 0 28px 0px;}
   .bottom-1 .nav-bt ul{ display: block; float: left; overflow: hidden;}
   .bottom-1 .nav-bt li{ float: left; padding:0px 52px 0px 30px;border-left: 1px solid #e7e7e7;height: 180px;}
   .bottom-1 .nav-bt li span{ display: block; padding-bottom: 15px;font-size: 16px;color:#333;}
   .bottom-1 .nav-bt li dd{ line-height: 25px; font-size: 12px;color:#c1c1c1;}
   .bottom-1 .nav-bt li dd a:hover{color:#1a92ed;}
   .bottom-1 .nav-bt .code{ float: right;}
   .bottom-1 .copyright{white-space: nowrap;}
   /*版权*/
   .bottom-1 .bottom-auxiliary{ padding:0px 0px 17px 0px;}
   .bottom-1 .nav-auiliary{ float: left;text-align: left;padding-bottom: 14px;}
   .bottom-1 .nav-auiliary em{ padding:  0 5px;}
   .bottom_contact{float: left;width: 510px;}
   .copyright{float: left;height: 14px;line-height: 14px;}
   .bottom_share{float: right;width: 22%;}
   .bottom-1 .nav-bt .code{width: 22%;}

   .bottom-1 .nav-auiliary a{margin-right:37px;}
}

.bottom_share .bdsharebuttonbox{position: relative;}
  .bottom_share .bdsharebuttonbox /*.bds_weixin */.bottom_ewm{display: block; width: 152px;}
@media screen and (min-width: 1200px) { 

  .bottom_share .bdsharebuttonbox .bottom_ewm {position: absolute; left: 0;top: -152px; width: 169px;}

}



/*tab导航*/
.homeban-2 .tablist{ position:absolute; left:50%; margin-left: -16px; bottom:5%; overflow: hidden;display: none;}
.homeban-2 .tablist li{ cursor:pointer; display:inline-block; width:8px; height:8px; border-radius:8px;  margin-right:3px; float: left;}

.Home_pro{padding-top: 11px;}
.Home_title{font-size: 0px;position: relative;}
.Home_title span{display: inline-block;font-size: 30px;color:#1a92ed;padding-bottom: 18px;border-bottom: 2px solid  #1a92ed;line-height: 30px;}
.Home_title b{font-weight: normal;display: inline-block;font-size: 12px;color:#a7cdf6;padding-left: 10px;text-transform:uppercase;}
.Home_part1 .pro_more{float: right;}
.Home_proList{padding-top: 38px;}
.Home_proList li{position: relative;width: 100%;margin-bottom: 20px;}
.Home_proList li img{border-bottom: 2px solid #1a92ed}
.Home_proList li .pro_intr{position: absolute;top:38px;left:38px;}
.Home_proList li .pro_intr span{display: block;font-size: 18px;color:#1a92ed;line-height: 20px;}
.Home_proList li .pro_intr b{font-weight: normal;line-height: 18px;color:#9fccee;font-size: 12px;text-transform:uppercase;word-break: break-word;}

.Home_part1{background: url(../images/Home_ico1.jpg) repeat-x left 49px;margin-bottom: 38px;}
.Home_abintr{padding-top: 38px;}
.Home_abintr .p{line-height: 24px;font-size: 14px;color:#777;margin:0;}
.index_more{display: block;width: 116px;border:1px solid #e5e8f0;border-radius: 20px;text-align: center;font-size: 14px;color:#4c5f81;line-height: 39px;height: 39px;background: #fff}
.index_more:hover{color:#1a92ed;}
.Home_abintr .index_more{float: right;margin:20px 0px;}
.Home_news{margin-top: 50px;}
.Home_news li{padding: 20px 0px;border-bottom: 1px solid  #f5f5f5;}
.Home_news .Home_newsinfo{padding-top: 38px;}
.Home_news .Home_newLeft a{display: block;line-height: 14px;height: 14px;color:#555;font-weight: bold;margin-bottom: 14px;text-overflow: ellipsis;white-space: nowrap;overflow:hidden;}
.Home_news .Home_newLeft .p{line-height: 24px;color:#777;font-size: 14px;}
.Home_news .Home_newdate b{font-weight: normal;float: right;padding-left: 10px;}
.Home_news .Home_newdate span{float: right;}
.Home_news .index_more{float: right;margin-top: 20px;}
@media (min-width:330px){
	.Home_proList li{float: left;width: 48%;margin:0 1%;margin-bottom: 20px;}
}
@media (min-width:640px){
   .homeban-2 .tablist{ margin-left: -30px;display: block;bottom:35px;}
   .homeban-2 .tablist li{ width: 18px; height: 18px; border-radius: 9px; margin-right: 9px;border:1px solid #fff;}
   .homeban-2 .tablist li.on{background:#1a92ed;border:none;}
   .Home_proList li{width:23%;}
}
@media (min-width:1200px){
.Home_part2{border-bottom: 1px solid #e5e8f0;/*margin-bottom: 82px;*/}
.Home_abintr .p{padding-top: 14px;width: 70%;}
.Home_about{float: left;width:68%;}
.Home_abintr .index_more{float: left;margin:58px 0px 0px 0px;}
.Home_abintr img{float: left;width: 80%;}
.Home_news{float: right;width: 32%;margin:0px;}
.Home_part1 .pro_more{float: none;position: absolute;right: 0px;bottom:-18px;}
.Home_news li{padding:0px;margin-bottom: 20px;padding-bottom: 20px;}
.Home_newsinfo{padding: 0px 10% 30px 10%;border-left:1px solid #e5e8f0;}
.Home_news .Home_newLeft{width: 64%;;float: left;}
.Home_newdate{float: right;width: 54px;background: #f3cf06 ;text-align: center;color:#fff;}
.Home_news .Home_newdate b{display: block;font-size: 23px;padding: 10px 0px 7px 0px;width: 100%;float: none;line-height: 23px;height: 40px;}
.Home_news .Home_newdate span{display: block;font-size: 12px;text-align: center;width: 100%;float: none;line-height: 12px;padding-bottom: 5px;}
.Home_newdate i{display: block;width: 100%;height: 15px;background:#fff url(../images/index_ico.png) no-repeat right bottom; }
.Home_news .index_more{margin:0px;}
.Home_proList li .pro_intr b{display: block;width: 145px;}
}
@media screen and (min-width: 1400px) { 

.Home_proList li{width: 327px;margin:0px 20px 72px 0px;}
}

/*二级导航*/
.otherContent .Current{display: none}
.slideBar_BG{padding:12px 0px;background: #faf8f9;}
.slideBar{width:100%;max-width: 1400px;margin:0 auto;}
.slideBar .sliderNav b{font-size: 18px;color:#666;display: inline-block;line-height: 36px;}
.slideBar .sliderNav .ul{white-space: nowrap;overflow-x: scroll;overflow-y: hidden;}
.slideBar .sliderNav li{display: inline-block;color:#666;padding: 0px 32px;margin-right: 7px;border-radius: 15px;height: 36px;line-height: 36px;font-size: 0px;}
.slideBar .sliderNav li:hover,.slideBar .sliderNav li.on{background: #1a92ed;}
.slideBar .sliderNav li:hover a,.slideBar .sliderNav li.on a{color:#fff;}
.slideBar .sliderNav li a{display: block;font-size: 14px;}

@media (min-width:1200px){
.otherContent .Current{display: block;}
.slideBar .sliderNav{float: left;}	
.slideBar .sliderNav .ul{white-space: normal;overflow-x:auto;}
.slideBar .Current{float: right;line-height: 36px;font-size: 14px;color:#596168;}
.slideBar .Current span{color:#1a92ed;}
}