a {color: rgb(51, 51, 51); text-decoration: none;}
a:hover {color: rgb(255, 102, 0); text-decoration: none;}
a:active {}

.my-navbar-brand{ font-size:1.5rem; font-weight:bold; font-family: "微软雅黑"}
.tel{ font-size:1.2rem; font-weight:bold; padding-left:30px; padding-right:20px;}
.tel span{ font-size:1rem; font-size:12px; font-weight:normal;display:block;}

.model_top_title {text-align: center; padding-top: 68px;}
.model_top_title h3 {padding: 0px 56px 22px; color: rgb(51, 51, 51); line-height: 1em; font-size: 24px; font-weight: normal; border-bottom-color: rgb(217, 217, 217); border-bottom-width: 1px; bo30px;rder-bottom-style: solid; display: inline-block; position: relative; }
.model_top_title h3 span {color: rgb(102, 102, 102); font-size: 24px;}
.model_top_title h3::after {left: 50%; width: 92px; bottom: -2px; margin-left: -46px; border-bottom-color: rgb(0, 118, 219); border-bottom-width: 3px; border-bottom-style: solid; display: block; position: absolute; content: ""; }
.model_top_title .des {color: rgb(179, 179, 179); padding-top: 20px; font-size: 14px; }
.model_top_title .more {color: rgb(236, 97, 0); line-height: 1em; padding-top: 25px; padding-right: 5px; font-family: Arial; float: right;}



.class_nav{margin:0px auto;list-style:none; padding:0px; width:auto; text-align:center; border:0px solid #FF0000;width:100%;display: inline;white-space: nowrap;overflow-x:scroll;float:left;overflow-y:hidden;}
.class_nav li {margin: 0px 11px; display:inline-block;}
.class_nav li a {transition:500ms; padding-left:30px; padding-right:30px;  height: 50px; color: rgb(51, 51, 51); line-height: 50px; font-size: 14px; display: block; background-color: rgb(240, 240, 240); -webkit-transition: 500ms; -moz-transition: 500ms; text-align:center;}
.class_nav li a:hover {color: rgb(255, 255, 255); background-color: rgb(0, 118, 219);}
.class_nav li.active a {color: rgb(255, 255, 255); background-color: rgb(0, 118, 219);}




 

.cion{ border:0px solid #FF0000}
.services a {display: block; text-align:center;}
.services .img {display: inline-block; position: relative; }
.services .img em {position: relative; z-index: 1;}
.services .img span {left: 0px; top: 0px; width: 100%; display: none; position: absolute; z-index: 2;}
.services a:hover .img span { display: block}
.services .caption{ text-align:center;}
.services .caption h4 {color: rgb(51, 51, 51); line-height: 22px;  margin-top: 24px; margin-bottom: 20px;}
.services .caption  p {height: 57px; color: rgb(153, 153, 153); line-height: 1.6em; font-size: 12px;}





.in_decade {text-align: center; font-size: 0px;  position: relative; margin:50px auto; }
.in_decade li {margin: 0px 39px; display: inline-block;}
.in_decade li .num {width: 200px; padding-right: 30px; font-size: 40px; position: relative; color:#FFFFFF;}
.in_decade li .num em {top: 50%; width: 30px; height: 40px; text-align: center; right: 0px;   line-height: 34px; font-size: 40px; font-style: normal; margin-top: -20px; position: absolute;}
.in_decade li .num span {overflow: hidden; font-family: "Impact"; font-size: 90px; position: relative;}
.in_decade li .num::after {left: 0px; top: 50%; width: 100%; height: 5px; margin-top: -3px; display: none; position: absolute; content: ""; background-color: rgb(0, 118, 219);}
.in_decade li h3 {color: rgb(255, 255, 255); font-size: 14px; font-weight: normal; margin-top: 12px;}




.in_news_list {overflow: hidden; width:100%;}
.in_news_list ul {width:100%; padding:0px;}
.in_news_list li {width:100%;height: 100px; overflow: hidden; margin-top: 2px; background-color: rgb(255, 255, 255); 
  
  }
.in_news_list li a {padding: 5px 5px; overflow: hidden;  position: relative;  
display: -webkit-flex; display: flex;/*设为伸缩容器*/  
  flex-flow:row;/*伸缩项目单行排列*/  }
.in_news_list li a::after {
	border: 2px solid rgb(20, 72, 177); transition:500ms; border-image: none; left: 0px; top: 0px;  height: 96px; display: none; position: absolute; content: ""; -webkit-transition: 500ms; -moz-transition: 500ms;
}
.in_news_list .time {transition:500ms; width: 64px; height: 64px; text-align: center; color: rgb(255, 255, 255); margin-right: 10px;  background-color: rgb(153, 153, 153); -webkit-transition: 500ms; -moz-transition: 500ms; flex-shrink:0}
.in_news_list .time span {padding: 10px 0px; line-height: 0.86em; font-size: 24px; display: inline-block;}
.in_news_list .time p {font-size: 12px;}
.in_news_list .con { overflow: hidden; flex:1;/*这里设置为占比1，填充满剩余空间*/ }
.in_news_list .con h3 {transition:300ms; width: 100%; color: rgb(51, 51, 51); line-height: 1.3em; overflow: hidden; font-size:1.2em; font-weight: normal; float: left; display: inline-block; white-space: nowrap; -ms-text-overflow: ellipsis; -webkit-transition: 300ms; -moz-transition: 300ms;}
.in_news_list .con .p {transition:300ms; width: 100%; height: 36px; color: rgb(153, 153, 153); line-height: 18px; overflow: hidden; margin-top: 0px; float: left; -webkit-transition: 300ms; -moz-transition: 300ms;}

.in_schoolBox {transition:500ms; width: 376px; right: -800px; float: left; position: relative; opacity: 0; -moz-opacity: 0; -webkit-transition: 500ms; -moz-transition: 500ms;}
.in_news_list li a:hover {background-color: rgb(20, 72, 177);}
.in_news_list li a:hover::after {display: block;}
.in_news_list li a:hover .time {background-color: rgb(20, 72, 177);}
.in_news_list li a:hover h3 {color: rgb(255, 255, 255);}
.in_news_list li a:hover p {color: rgb(255, 255, 255);}



.links_con{ padding:0px 50px; }
.links_con h3 {color: rgb(6, 137, 249); font-size: 18px; font-weight: normal;  }
.links_con ul { padding:0px; }
.links_con li {color: rgb(102, 102, 102); font-size: 12px; margin-right: 9px; display: inline-block;}
.links_con a {color: rgb(102, 102, 102); margin-right: 9px;}
.links_con a:hover {color: rgb(255, 255, 255);}
.keyword {transition:1500ms; left: -100%; width: 100%; margin-top: 15px; position: relative; opacity: 0; -moz-opacity: 0; -webkit-transition: 1500ms; -moz-transition: 1500ms;}
.keyword h3 {color: rgb(253, 216, 19); font-size: 16px; font-weight: normal;}
.link_btn {transition:1500ms; right: -100%; bottom: 10px; position: absolute; opacity: 0; -moz-opacity: 0; -webkit-transition: 1500ms; -moz-transition: 1500ms;}
.link_btn li {padding-left: 12px; float: left; position: relative;}
.link_weixin_ewm {width: 129px; height: 130px; bottom: 38px; overflow: hidden; padding-bottom: 10px; display: none; position: absolute; background-image: url("about:blank");}



 
.footer {
	color: rgb(153, 153, 153);background: rgb(10, 10, 10);padding: 15px 0px; width: 100%; overflow: hidden; 
}
.footer a {
	color: rgb(153, 153, 153);
}
.footer a:hover {
	color: rgb(255, 255, 255);
}
.foot_copy {
	width: 460px; float: left; padding-left:30px; 
}
.foot_nav {
	font-size: 0px; float: right; margin-right:30px;
}
.foot_nav li {
	color: rgb(102, 102, 102); font-size: 12px; margin-right: 9px; display: inline-block;
}
.foot_nav a {
	color: rgb(102, 102, 102); margin-right: 9px;
}






.in_contact_con { text-align:center;	}
.in_contact_con ul {text-align: center;   display: block; }
.in_contact_con li {display: inline-block;}
.in_contact_con li {padding: 0px 33px;}
.in_contact_con li a {transition:500ms; width: 250px; height: 130px; color: rgb(255, 255, 255); font-size: 14px; display: block;  -webkit-transition: 500ms; -moz-transition: 500ms;}
.in_contact_con li a:hover {background-color: rgba(0, 118, 219, 1);}
.in_contact_con i {height: 48px; padding-top: 18px; margin-bottom: 24px; display: inline-block;}



.hangye{width:100%;
display:-webkit-flex;
display:flex;
flex-direction:row;
flex-wrap:wrap;
justify-content:flex-start;padding:0px;list-style:none;margin:0px;
}	
.hangye li{ padding:5px; list-style:none; width:150px;}	
.hangye li a{ display:block; padding:10px; border:1px solid #CCCCCC; text-align:center; font-size:12px !important  ;  }	
.hangye li a:hover{ display:block; padding:0px;  background:#0066FF;color:#FFFFFF; }
.hangye li ul{ position:absolute;display:none;border:1px solid #CCCCCC ;list-style:none;background:#FFFFFF; z-index:5; width:150px; padding:0px; margin:0px;}	
.hangye li:hover a{ background:#0066FF;color:#FFFFFF;padding:10px; }	
.hangye li:hover > ul{ display:block; width:150px; background-color:#FFFFFF; }
.hangye li:hover  ul > li{ float:left; list-style:none; padding:0px; margin:0px;  }	
.hangye li:hover   ul > li a{ padding:5px;color:#333333; border:0px; background: #F2F2F2;  }	
.hangye li ul > li a:hover{ padding:5px;background: #EAEAEA;color: #333333; }	

	
.select{ display:block; padding:10px; border:1px solid #CCCCCC; background:#0066FF; color:#FFFFFF !important ; }	
.select:visited{ display:block; padding:10px; border:1px solid #CCCCCC; background:#0066FF; color:#FFFFFF; } 
.selected_small{ padding:5px;background: #EAEAEA;color: #333333; }


.color{width:100%;
display:-webkit-flex;
display:flex;
flex-direction:row;
flex-wrap:wrap;
justify-content:flex-start;padding:0px;list-style:none;margin:0px;
}	
.color li{  list-style:none;margin:5px; display:inline-block;vertical-align:bottom}	
.color li a{ display:block; text-align:center;padding:0px;margin:0px; border:1px solid #CCCCCC; width:25px;height:25px;border-radius:25%; overflow:hidden; vertical-align:bottom; color:#FFFFFF;!important }	
.color li a:hover{ display:block; width:35px;height:35px;  }
.color li a:active{ display:block; width:35px;height:35px;  }



.mix-layer{display:block;width:100%;height:25%;}

.color_bg0{background:#fe0000}
.color_bg1{background:#ff6300}
.color_bg2{background:#fae242}
.color_bg3{background:#80d032}
.color_bg4{background:#198ede}
.color_bg5{background:#ff68ff}
.color_bg6{background:#FFFFFF }
.color_bg7{background:#000000}
.color_bg8{background:#999999}
.color_bg9{background:#990099}
.color_bg10{background:#964b00}

 
 .color_select{ width:35px !important;height:35px !important;vertical-align:bottom !important} 
 .color_select:visited{width:35px;height:35px;  } 
 .color_select:active{width:35px;height:35px;  } 	
 
 .hangye_small{padding:25px 0px;margin:25px 0px;   }	
 
 .hangye_small a{display:block; text-align:center;padding:5px 10px;margin:5px; float:left; border:1px solid #CCCCCC;   }	
 .hangye_small  a:hover{ background: #EAEAEA;color: #333333; }
 .hangye_small  .select{ background: #EAEAEA;color: #333333; } 
 
 
 .dem{}
 
 .demo .picbox{ width:320px; height:240px;  position:relative;}
  
 .demo .imgbox{ width:320px; height:240px; overflow:hidden;position:relative;}
 

.codemsg {left: 0px; width: 100%; height: 100%;   bottom: -390px; position: absolute;z-index: 9; border:0px solid #FF0000}
.codemsg img {left: 60px; top: 35px; width: 140px; height: 140px; position: absolute;}
.codelayer {background: rgb(0, 0, 0); left: 0px; width: 100%; height: 100%; position: absolute; opacity: 0.6;}
.codemsg .output {left: 60px; top: 50px; width: 140px; height: 140px; position: absolute; background:  #FFFFFF; padding:8px;}



 .phone {
background: url("../images/phone-small.png") no-repeat 0px 0px / cover; top: 50px; width: 75px; height: 155px; right:-15px; overflow: hidden; position: absolute; z-index: 10;
}
.phone-img {margin: 19px 4px; height: 120px; overflow: hidden; position: relative;}
.phone-img img {width: 100%; height: 100%;}


.demo .imgbox:hover img {transition:0.5s; transform: scale(1.1); -webkit-transform: scale(1.1, 1.1); -moz-transform: scale(1.1, 1.1);}
.phone:hover{transition:0.5s; transform: scale(1.1); -webkit-transform: scale(1.1, 1.1); -moz-transform: scale(1.1, 1.1); top:45px;}
.picbox .phone:hover   .codemsg{transition:0.5s;top:0px;left:0px; width:100%; height:100%; position: absolute;z-index: 9; background:#000000;}


 .logo{height:50px !important; max-height:50px;}
.list_c .pic img{ max-width:200px; max-height:200px;}
.list_c .tit{overflow:hidden; font-size:1.5rem; font-weight:500; margin-bottom:0.5rem; line-height:1.2;width:100% !important;  text-overflow: ellipsis !important;  }
.list_c .des{overflow:hidden ;font-size:1.2rem;  text-overflow: ellipsis !important; border:1px solid rad;}
.list_c .media-body{overflow:hidden;max-height:120px;}
@media (min-width: 768px){
	.logo{height:70px !important; max-height:70px;}
 	.list_c .pic img{width120px; height:auto;  max-width:120px;  max-height:120px; }
	.list_c .tit{}
	.list_c .des{width:500px; height:50px;  overflow:hidden ;font-size:1.2rem;  text-overflow: ellipsis !important; border:1px solid rad ;overflow:hidden;max-height:120px;}
	
	}