.mobile-inner{ display:none;}
.pc{ display:block;}
.wap{ display:none;}
@media only screen and (min-width:1521px) and (max-width: 1700px){
.banner{ width:100%; height:650px; overflow:hidden; position:relative;font-size:0}
.b-img{ height:100%;  position:absolute; left:0; top:0;}
.b-img a{ display:block; height:100%; float:left;}
.b-list{ height:50px; padding-top:630px; position:relative; margin:0 auto;z-index:1;}
.bar-left em{ margin-top:255px;}
.bar-right em{ margin-top:255px;}
}
@media only screen and (min-width:1281px) and (max-width: 1520px){
.banner{ width:100%; height:600px; overflow:hidden; position:relative;font-size:0}
.b-img{ height:100%;  position:absolute; left:0; top:0;}
.b-img a{ display:block; height:100%; float:left;}
.b-list{ height:50px; padding-top:580px; position:relative; margin:0 auto;z-index:1;}
.bar-left em{ margin-top:245px;}
.bar-right em{ margin-top:245px;}
}
@media only screen and (min-width:1000px) and (max-width: 1280px){
.banner{ width:100%; height:500px; overflow:hidden; position:relative;font-size:0}
.b-img{ height:100%;  position:absolute; left:0; top:0;}
.b-img a{ display:block; height:100%; float:left;}
.b-list{ height:50px; padding-top:480px; position:relative; margin:0 auto;z-index:1;}
.bar-left em{ margin-top:185px;}
.bar-right em{ margin-top:185px;}
}

@media only screen and (min-width:240px) and (max-width: 900px){
.header{display:none;}
.mobile-inner{ display:block;}

.pc{ display:none;}
.wap{ display:block;}

/*手机导航start*/
.mobile-inner{width: 100%;margin:0 auto;background-color: #fafafa;position:fixed; left:0; top:0; z-index:99999;}
.mobile-inner img{width: 100%;margin-bottom: 30px;}
.mobile-inner p{color: #676767;	line-height: 25px;font-size: 16px;	padding-bottom: 30px;padding-right: 30px;padding-left: 30px;margin:0px;}
.mobile-inner-header{background-color: rgb(255,255,255);width: 100%;height: 50px;position: absolute;	top: 0px;left: 0px;}
.mobile-inner-header .mo-ser{width:35%;float:left; text-align:right; position:relative; margin-top:1.5em}
.mobile-inner-header .mo-ser .search__input{width:90%; text-align:left; height:24px; line-height:24px; border:1px solid #ccc; padding:5px 24px 5px 10px; border-radius:3px;}
.mobile-inner-header .mo-ser .search-sub{ position:absolute; right:2px; top:3px; width:24px; height:20px;
 background:url(../images/sers.png) no-repeat 0 0;border:0; background-size: auto 100%;}
.mobile-inner-header .mobile-inner-logo{ float:left; width:45%;}
.mobile-inner-header .mobile-inner-logo a{ display:inline-block;}
.mobile-inner-header .mobile-inner-logo img{ height:40px; width:auto; margin:5px 0 0 10px;}
.mobile-inner-header .mobile-inner-logo span{ float:right; margin-top:1.5em;}
.mobile-inner-header .mobile-inner-logo span a{ color:#ccc; border:1px solid #ccc; display:inline-block; padding:1px 5px; border-radius:5px; margin-top:16px;}
.mobile-inner-header-icon{color: #ffffff;height: 50px;font-size:25px;text-align: center;float:right;width: 50px;position: relative;-webkit-transition: background 0.5s;
	-moz-transition: background 0.5s;-o-transition: background 0.5s;transition: background 0.5s;}
.mobile-inner-header-icon:hover{background-color: rgba(255,255,255,0.2);cursor: pointer;}
.mobile-inner-header-icon span{	position: absolute;left: calc((100% - 25px) / 2);top: calc((100% - 1px) / 2);width: 25px;height: 1px;background-color: rgba(0,0,0,1);}
.mobile-inner-header-icon span:nth-child(1){transform: translateY(6px) rotate(0deg);}
.mobile-inner-header-icon span:nth-child(2){opacity:1;	}
.mobile-inner-header-icon span:nth-child(3){transform: translateY(-6px) rotate(0deg);}
.mobile-inner-header-icon-click span:nth-child(1){animation-duration: 0.5s;animation-fill-mode: both;animation-name: clickfirst;}		
.mobile-inner-header-icon-click span:nth-child(2){animation-duration: 0.5s;	animation-fill-mode: both;animation-name: fadeOut;}
.mobile-inner-header-icon-click span:nth-child(3){animation-duration: 0.5s;	animation-fill-mode: both;animation-name: clicksecond;}

@keyframes clickfirst {
  0% { transform: translateY(6px) rotate(0deg); }
  100% {  transform: translateY(0) rotate(45deg); }}	
@keyframes clicksecond {
	0% { transform: translateY(-6px) rotate(0deg);  }
  100% {  transform: translateY(0) rotate(-45deg); }}	
@keyframes fadeOut {
    0% { opacity: 1 }
    100% {  opacity: 0}}
.mobile-inner-header-icon-out span:nth-child(1){animation-duration: 0.5s;animation-fill-mode: both;animation-name: outfirst;}		
.mobile-inner-header-icon-out span:nth-child(2){}
.mobile-inner-header-icon-out span:nth-child(3){animation-duration: 0.5s;animation-fill-mode: both;animation-name: outsecond;}
@keyframes outfirst {
  0% {  transform: translateY(0) rotate(-45deg);  }
  100% {   transform: translateY(-6px) rotate(0deg);  }
}	

@keyframes outsecond {
  0% {    transform: translateY(0) rotate(45deg);  }
  100% {    transform: translateY(6px) rotate(0deg);  }
}
.mobile-inner-nav{	background-color: rgba(0,0,0,0.9);width: 100%;position: absolute;top: 50px;left: 0px;padding-top: 10px;padding-bottom: 20px;display: none;}
.mobile-inner-nav .moul li a{display: inline-block;line-height: 40px;text-decoration: none;width: 80%;margin-left: 10%;color: #FFFFFF;
	border-bottom: solid 1px rgba(255,255,255,0.3);	-webkit-transition: all 0.5s;-moz-transition: all 0.5s;-o-transition: all 0.5s;transition: all 0.5s;font-weight:300;}
.mobile-inner-nav .moul li ul li a{line-height: 30px;text-decoration: none;width: 80%;margin-left: 10%;color: #ccc;}
.mobile-inner-nav .moul li a span{ display:inline-block; margin-right:5px; float:right;}
.mobile-inner-nav a:hover{color: rgba(255,255,255,0.4);	border-bottom: solid 1px rgba(255,255,255,0.2);}
.mobile-inner-nav .mosmul li a{line-height: 30px;text-decoration: none;width: 80%;margin-left: 10%;color: #FFFFFF;}
.mobile-inner-nav .moul li ul{ margin-left:30px; display:none}
.mobile-inner-nav .moul li ul li dl{display:none}
.mobile-inner-nav .moul li ul li dl dd a{line-height: 30px;text-decoration: none;width: 80%;margin-left: 15%;color: #ccc;}

/*手机导航end*/

.headerKong{height:50px;}
.pageMain{width:98%; margin:0 auto;}
.pageMain2{width:100%; margin:0 auto;}
.margin50{ margin:30px 0 0}
.pagebg{ padding:40px 0;}

.titleBox{ width:100%; margin:0 0 30px 0;}
.titleBox h1{font-size: 25px;line-height:60px;} 
.titleBox h2{ font-size:25px;  color: #444;  font-weight: bold;  margin-top: -25px; } 
.titleBox p{font-size:1.4em; text-align:center}
.titleBox p span{ display:inline-block; width:50px; height:3px; background:#2ea7e0; margin-top:0px;}


.linebot{ border-bottom: 1px dashed #ccc; padding:0 0 40px 0 }
.pagebg{ padding:40px 0;}
.pagebg15{ padding:10px 0;}
/*-------顶部 end ---------*/
.banner{ width:100%; height:200px; overflow:hidden; position:relative;font-size:0}
.b-img{ height:180px;  position:absolute; left:0; top:0;}
.b-img a{ display:block; height:200px; float:left;}
.b-list{ height:50px; padding-top:185px; position:relative; margin:0 auto;z-index:1;}
.b-list span{ display:block;cursor:pointer; width:4px; height:4px; border-radius:50%; border:2px solid #fff; float:left; margin:0 5px; _margin:0 3px;}
.b-list .spcss{border:3px solid #14ab04;}
.bar-left{ position:absolute; z-index:1; display:block; width:100px; height:100%; left:0px; background:none; top:0px; display:none }
.bar-right{ position:absolute;z-index:1; display:block; width:100px; height:100%; right:0px; background:none; top:0px; display:none}

.three {padding: 0 0 70px;}
.three li { width:50%; margin-bottom:10px;}
.three li p {  font-size: 14px;}
.three li h4 {  font-size: 14px;  line-height: 40px;}
.three li h4 b { font-size: 40px;}
.three li h4 img { height:25px;
    position: absolute;
    margin-left: 10px;
    margin-top:2px;
}

.InProCl ul{ margin:0 auto; }
.InProCl ul li{ background:#fff; float:none; width:100%;  margin-right:0%; margin-bottom:25px; position:relative}
.InProCl ul li .pic img{height: 100%;}
.InProCl ul li:hover .box{ border:2px solid #AACD06; }
.InProCl ul li .pic{position: relative;overflow: hidden;} 
.InProCl ul li .pic img{height: 100%;}
.InProCl ul li .info{ margin:10px 5px; }
.InProCl ul li .info h1{font-size:1.2em;} 
.InProCl ul li .info p{ font-size:1em;line-height:20px;height:40px;} 


.InBoutL{ float:none; width:100%; margin-top:2em;}
.titleBox3 h1{font-size:2em; margin-bottom:20px; text-align:center}
.titleBox3 p{font-size:1.3em; text-indent:2em;margin-bottom:20px; color:#999}
.InBoutR{ float:none; width:100%;}
.InBoutR .img{ text-align:center;}
.InBoutR .img img{ width:100%;}
a.theme_button { border-radius:10px;margin: 0px 0 0; font-size:1.3em; background-color:#2ea7e0; color: #fff; padding: 10px 20px; display: inline-block; -webkit-transition: 0.6s ease;  -moz-transition: 0.6s ease;}
a.theme_button:hover { background-color:#999;}

.InClass{ margin:30px 0%;text-align:center;}
.InClass ul li{ cursor:pointer; text-align:center; display:inline-block; border-radius:6px; background: #eee; color: #333; font-size:1.2em; padding: 0px 10px; height:40px; line-height:40px; -webkit-transition: 0.6s ease;  -moz-transition: 0.6s ease;}

.inProHot .inLiPro ul li{float:none; width:100%;  margin-right:0%; margin-bottom:25px; position:relative}

.five_n { float:none; width:100%;  margin-top: 30px;}
.five_n li {float:none; width:100%;  background: #fff; margin: 20px 0% 0; border-radius: 100px; position: relative;  overflow: hidden;  z-index: 0;}
.five_n li h4 {font-size: 20px;font-weight: bold;  color: #444444;  white-space: nowrap; overflow: hidden; text-overflow: ellipsis;  line-height: 34px; margin-top: 15px;}
.five_n li p {font-size: 14px;color: #999999; display: block; line-height: 28px; white-space: nowrap;overflow: hidden; text-overflow: ellipsis;}
.five_n li img {float: left; margin-right: 15px;max-width: 60px; display: block; border:2px solid #bbbbbb; border-radius: 50%; transition: all 0.5s;}
.five_n li:hover img,
.five_n li.cur img {  transform: rotate(360deg);}
.five_n li:before { content: '';  display: block;  position: absolute;  width: 0;  height: 100%;  border-radius: 100px;   top: 0;  left: 0; transition: all .5s ease;  z-index: -1;}
.five_n li:hover:before,
.five_n li.cur:before {  width: 100%;}
.five_n li:hover h4,
.five_n li:hover p,
.five_n li.cur h4,
.five_n li.cur p {
    color: #fff;
}

.four_n li.cur a,
.four_n li a:hover,
.five_n li:before,
.five_c li a.more span {
    background: #2ea7e0;
}
.five_c {float:none; width:100%; 
    margin-top: 50px;
    box-sizing: border-box;
    padding-left: 5%;
}

.five_t em {
    display: block;
    font-size:40px;
    font-weight: bold;
    font-family: 'arial';
    color: #999;
    position: absolute;
    top: 0;
    left: 0;
    line-height: 110px;
}

.five_t {
    position: relative;
    padding-left:50px;
    margin-bottom: 35px;
}

.five_text {
    font-size: 16px;
    line-height: 30px;
    color: #666;
}

.five_c li a.more {
    width: 150px;
    display: block;
    line-height: 40px;
    border-radius: 4px;
    font-size: 14px;
    color: #fff;
    position: relative;
    margin-top: 10px;
    text-align: center;
}
.five_t h4 {
    font-size: 22px;
    font-weight: bold;
    line-height: 50px;
}

.five_t p {
    line-height: 35px;
    background: #2ea7e0;
    color: #fff;
    font-size: 12px;
    display: inline-block;
    padding: 0 15px;
}
.five_text {
    font-size: 12px;
    line-height: 30px;
    color: #666;
}

.eight_c {  margin-top: 20px;}

.eight_c li {
    width: 100%;
    float: none;
    margin: 30px 0% 0;
    background: #f4f6f8;
    border-radius: 5px;
    padding:5px;
    box-sizing: border-box;
}

.eight_c li span { background:#2ea7e0;
    color: #fff;
    font-family: arial;
    width:75px;
    float: left;
    text-align: center;
    padding: 7px 0;
    line-height: 25px;
    margin-right: 20px;
}

.eight_c li span b {
    display: block;
    font-size: 38px;
    line-height: 50px;
}

.eight_c li h4 {
    font-size: 18px;
    font-weight: bold;
    line-height: 30px;
    color: #333333;
    min-height: 25px;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;
    transition: all .5s ease;
}

.eight_c li p {
    font-size: 14px;
    color: #555555;
    line-height: 25px;
    min-height: 50px;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    margin-top: 10px;
}

/*底部*/
.footer{ border:1px solid #ccc;padding:20px 0; }
.footer h2{ font-size:1.4em; margin-bottom:20px;}
.footer p{ line-height:200%;}
.footer .fotC{ float:left; width:50%; display:none}
.footer .fotC2{ float:left; width:50%; display:none}
.footer .fotC .fotnav{ margin:0px 0 10px;}
.footer .fotC .fotnav h2{font-size: 16px; color: #fff; font-weight:bold;}
.footer .fotC .fotnav a{color:#fff;line-height:200%; display:block; margin-right:10px; font-size:14px;}
.footer .fotC .fotinfo a{color:#fff;line-height:200%; }
.footer .fotR{ float:none; width:100%;}
.footer .fotR .fotpro{font-size: 14px; color:#fff;line-height:200%;}

.banbox{ height:160px;}

.titleNow{ border-bottom:1px solid #ddd; line-height:40px; margin:10px 0 10px;}
.titleNow a{ font-size:1em;}
.titleNow a.ptna{ display:none }
.titleNow .port3{ display:none }
.ProLeft{ display:none}
.ProBody{float:none; width:100%;}
.proHot h1{ font-size:1.5em; color:#333; font-weight:600; margin-bottom:20px; text-align:center; }

.aBoutInfo{float:none; width:100%;}
.aBoutInfo .info{} 
.aBoutInfo p{ font-size:1.2em; line-height:180%;margin-bottom:5px;}

.aBoutInfo2{float:none; width:100%;}
.aBoutInfo2 h1{ font-size:1.6em; margin:0.5em 0; font-weight:bold; text-align:center;}
.aBoutInfo2 h2{ font-size:1em; color:#999; text-align:center; margin-bottom:15px;}
.aBoutInfo2 p{ font-size:1.2em; line-height:180%;margin-bottom:5px;}

.NewsList{float:none; width:100%;}
.NewsList ul li{ background:#fff;  margin-bottom:20px; position:relative}
.NewsList ul li .pic{float:none; width:100%; margin-right:0%;text-align:center;  position: relative;overflow: hidden;}
.NewsList ul li .info{float:none; width:100%;} 
.NewsList ul li .info h1{ font-size:1.2em;margin:10px 0;color:#000; overflow:hidden;} 
.NewsList ul li .info h1 i{ width:50px; color:#df0448} 
.NewsList ul li .info h2{ font-size:1.0em; color:#999; margin-bottom:10px;} 
.NewsList ul li .info p{ font-size:1.0em; line-height:180%;} 
.NewsList ul li .info a{ display:none} 

.InPro{ float:none; width:100%;}
.InPro ul li{ background:#fff; float:none; width:100%; margin-right:0%; margin-bottom:25px; position:relative}
.InPro ul li:nth-child(3n){margin-right:0%;}
.InPro ul li h1{font-size: 14px; text-align: center;  line-height: 40px; } 




}