* {padding:0;margin:0;}
body {line-height:2em;color:#333;font-size:14px}
.clear {clear:both;height:0px;width:100%;font-size:1px;line-height:0px;visibility:hidden;overflow:hidden;}
.fl {float:left;}
.fr {float:right;}
li {list-style:none;}
img {border-style:none;}
a {color:#333;text-decoration:none;}
a:hover {color:#666;text-decoration:none;}
ul,ol,li,p,h1,h2,h3,h4,h5,h6,form,fieldset,table,td,img,div,dl,dt,dd,input {margin:0;padding:0;}

  .prosa2{ width:970px; border: 1px #2EBCEA solid;  margin-bottom: 20px;  }
  
  
.box {width:1200px;margin:0 auto;}
.logo {padding:25px 0 0 0;width:650px;}
.tel {text-align:right;padding:20px 0 0 0;line-height:2.2em;}
.tel span {color:#BF0E22;font-weight:bold;font-size:18px;}
.tel img {vertical-align:middle;}
.containers {width:1200px;height:38px;margin:0 auto;}
.menu {height:38px;line-height:38px;}
.menu li {float:left;position:relative;}
.menu li a:hover {background:url(navs.jpg);}
.menu li.focusa {background:url(navs.jpg);}
.menu li a {display:block;float:left;height:38px;line-height:38px;width:90px;color:#fff;background:url(nav2.jpg) no-repeat right;text-align:center;}
.menu li ul {position:absolute;left:0;background:#007DCF;width:108px;z-index:9999999999;display:none;}
.menu li ul a {width:108px;padding:0;background:none;/* text-indent:2em;*/}
.one {top:38px;}
.one li a:hover {background:url(navs.jpg);}
.menu li ul.two {left:108px;}
.one li a.more {background:url(../kf/vdrop.png) no-repeat 100px center;}
.one li a.more:hover {background:url( background:url(navs.jpg)   no-repeat 100px center;}
.menu li ul.hdw {left:108px;}
.menu li ul.hdwq {left:108px;}
 
 
 
#tactive {color:#fff;background:url(navs.jpg);}
.top {background:#EEEEEE;height:35px;line-height:35px;}
body.night .top {background:#3D3D3D;}
.coolbg {height:34px;width:80px;background:#2EBCEA;border:none;color:#ffffff;cursor:pointer; float: right} 
#search input:focus {color:#333}
.coolbg:hover {background:#E95A1F;text-decoration:none;color:#fff;}
.nav {height:38px;background:url(nav.jpg);margin-top:20px;}
.hp {border:1px solid #2EBCEA; min-height: 398px;}
.hp2 {border:1px solid #2EBCEA; min-height: 130px; }
.hps {width:210px;  border:1px solid #2EBCEA; min-height:100px}
.m20 {margin-top:20px;}
.m10 {margin-top:10px;}
.hpb {height:35px;line-height:35px;color:#fff;background:#2EBCEA;padding-left:10px; font-size: 16px}
.hpc {font-size:16px;border-bottom:1px #ccc solid;margin-top:10px;}
.hpd li {width:50%;float:left;}
.hpd {padding:6px 0 6px 0;}
.hpa {padding:0 10px;width:190px;}
.hd {width:765px;height:400px;margin-left:10px;}
.hnew {width:204px;height:400px;}
.hnewb a{height:37px;width:170px;line-height:35px;font-size:16px;  background:url(gbg.jpg) no-repeat; padding-left:34px; display:block ;margin-bottom: 10px;}
.hnewb2 a{height:37px;width:170px;line-height:35px;font-size:16px;  background:url(gbg.jpg) no-repeat; padding-left:34px; display:block  }
.hnew dd{ padding-bottom: 10px;}

.hpica{ width:220px; height:200px; line-height:200px; font-size:16px; color:#2EBCEA; font-weight:bold; text-align:center  }
.hpica a{  font-size:16px; color:#2EBCEA; font-weight:bold; text-align:center  ;width:220px; height:200px; display: block;}

.blue{ border-bottom:1px #2EBCEA solid; padding-bottom:20px}
#tactives{    color: #2EBCEA;}

.pros{ width:910px; margin-left:10px;}
.pros li a{ float:left; text-align:center; width:205px ;   margin:10px;overflow: hidden; text-overflow: ellipsis; white-space: nowrap;  }
.pros a:hover img{/* transform: scale(1.2); 放大*/	filter: saturate(150%);  /* 彩色鲜艳 */} 
.pros a:hover {box-shadow: 0 16px 32px 0 rgba(48, 55, 66, 0.15);/* 鼠标悬浮时盒子出现的阴影 */   transform: translate(0, -5px);/* 鼠标悬浮时盒子上移5px */  } 
.port-1b{ position: relative; overflow: hidden;width:205px ; height:145px;  }
.port-1b img{transition: 0.5s;width:205px ; height:145px; }
.pros li span{  height:45px; line-height:45px; display:block}
.more{  height:200px; background:#EEEEEE; line-height:1.5em;  width:30px;   }
.more a{ padding:30px 0 0 8px; display:block ; color:#2EBCEA;width:22px;}
.more a:hover{  color:#EA591E; }

 .pros3 { width: 430px;}
.pros3 li a{ float:left; text-align:center; width:430px ;   margin:20px 0 0 0;overflow: hidden; text-overflow: ellipsis; white-space: nowrap;  }
.pros3 a:hover img{ transform: scale(1.2);  	filter: saturate(150%);  /* 彩色鲜艳 */} 
.pros3 a:hover {    } 
.port-1b3{ position: relative; overflow: hidden;width:430px ; height:340px;  }
.port-1b3 img{transition: 0.5s;width:430px ; height:340px; }

.pros4 { width: 770px;}
.pros4 li a{ float: right; text-align:center; width:235px ;   margin:20px 0 0 20px;overflow: hidden; text-overflow: ellipsis; white-space: nowrap;  }
.pros4 a:hover img{ transform: scale(1.2);  	filter: saturate(150%);  /* 彩色鲜艳 */} 
.pros4 a:hover {    } 
.port-1b4{ position: relative; overflow: hidden;width:235px ; height:160px;  }
.port-1b4 img{transition: 0.5s;width:235px ; height:160px; }

 
.prosc li { float:left; text-align:center;    margin:8px 0 8px 19px;overflow: hidden; text-overflow: ellipsis; white-space: nowrap;  }

 
.prosc li:first-child {  margin:8px 0 8px 0;  }
 
 
 
.prosc li:last-child { float: right;  }


 
.prosc img:hover {     display: inline-block;
    -moz-transform:scaleX(-1);
    -webkit-transform:scaleX(-1);
    -o-transform:scaleX(-1);
    transform:scaleX(-1); } 
.port-1bc{ position: relative; overflow: hidden;width:116px ; height:113px;  }
.port-1bc img{transition: 0.5s;width:116px ; height:113px; }


.fn{ border: 1px #2EBCEA solid; height: 120px;   }
.fn li{ width: 240px ; float: left; text-align: center; background: url(li.png) no-repeat right ;border-top: 1px #2EBCEA solid;  }  

 .m-th{height:35px;line-height:35px;border-bottom:1px solid #ddd;  margin-bottom: 15px;}
 .m-th .mores a{float: right; padding-right: 5px; color: #666;}
 .mark {float:left;color:#2EBCEA; border-bottom:1px solid #2EBCEA;padding:0 0.05rem; font-size: 16px; font-weight: bold;}
 .mark .tp{  background:url(../kf/txt.png) no-repeat left center; padding-left: 30px; height: 20px;}
 
 .marks {float:left;color:#fff;  padding:0 20px; font-size: 16px; font-weight: bold; background-color: #2EBCEA;} 
 .m-ths{height:35px;line-height:35px;   }
 .m-ths .mores a{float: right; padding-right: 5px; color: #666;}



.fn li:nth-child(5n){background:none}   
.flogo { padding-right: 20px; background: url(li.png) no-repeat right ; margin-right: 20px;  }
.footer{ }
.cn{ width: 970px;  }
.cna{ width: 710px; padding: 20px;}
.cnb{  border: 1px #2EBCEA solid; width: 970px; }
.cnc{  width: 970px; }
 .p20{ padding: 20px;}

 .prosa{ width:970px; border: 1px #2EBCEA solid; padding: 0 0 20px 0;}
 .prosa li a{ float:left; text-align:center; width:210px ;   margin:20px 0 0 25px;overflow: hidden; text-overflow: ellipsis; white-space: nowrap;  }
 .prosa a:hover img{/* transform: scale(1.2); 放大*/	filter: saturate(150%);  /* 彩色鲜艳 */} 
 .prosa a:hover {box-shadow: 0 16px 32px 0 rgba(48, 55, 66, 0.15);/* 鼠标悬浮时盒子出现的阴影 */   transform: translate(0, -5px);/* 鼠标悬浮时盒子上移5px */  } 
 .port-1b{ position: relative; overflow: hidden;width:210px ; height:150px;  }
 .port-1b img{transition: 0.5s;width:210px ; height:150px; }
 .prosa li span{  height:45px; line-height:45px; display:block}
 
  	.ptcn li{   width: 138px; height: 38px;  line-height:38px; text-align:center; color:#fff; float:left; margin-left:80px; margin-top:20px   }
.ptcn li a{ color:#fff; display:block;background-image: url(bn.png) ;}
.ptcn li a:hover{ color:#fff; display:block;background-image: url(bns.png) ;}
 .bts{ text-align: center; padding-bottom: 30px;}
 
 
 .haz{ width: 100%}
 .haz li { line-height:32px; background:url(../kf/new.jpg) no-repeat left ; padding-left:15px; border-bottom:1px #F2F2F2 dashed   }
 .haz span#date{float:right;color:#999;}
 .badge {display:inline-block;padding:.25em .4em;font-size:75%;font-weight:700;line-height:1;text-align:center;white-space:nowrap;vertical-align:baseline;border-radius:.25rem;}
 							.badge-danger {color:#ffffff;background-color:#dc3545;}
 							.badge-warning {color:#ffffff;background-color:#ffc800;}
 							.badge-info {color:#ffffff;background-color:#0066ff;}
							
							
.pcn{width: 250px; height: 430px;  border: 1px #2EBCEA solid; padding: 10px;  }

.a3 li a{ float: left;; width: 300px;   display: block; padding: 10px 0 10px 17px }
.a3 img{ width: 300px; height: 145px; }
.a3{ background: #F2F2F1; width: 972px; line-height: 1em;   }


.a4 li a{ float: left;; width: 380px;   display: block; padding: 10px 0 10px 16px }
.a4 img{ width: 380px; height: 184px; }
.a4{ background: #F2F2F1;   line-height: 1em;   }


.topnav {width:190px;padding:0 10px;margin:0;list-style:none;}
				.topnav li {border-top:solid 1px #E5E8EA;}
				#active {border-top:none}
				.topnav li a {padding:0 5px 0 20px;display:block;text-decoration:none;text-align:left;background:url(../kf/r.png) no-repeat left center;line-height:37px;height:37px;}
				.topnav li a:hover {color:#2EBCEA;}
				.topnav ul {margin:0;padding:0;display:none;}
				.topnav ul li {margin:0;padding:0;clear:both;}
				.topnav ul li a {padding-left:40px;outline:0;background:url(../kf/r.png) no-repeat 20px}
				.topnav ul li a:hover {}
				.topnav ul ul li a {padding-left:60px;background:url(../kf/r.png) no-repeat  40px}
				.topnav ul ul li a:hover {}
				.topnav ul ul ul li a {padding-left:80px;background:url(../kf/r.png) no-repeat 60px}
				.topnav ul ul ul li a:hover {}
				.topnav span {float:right;height:37px;}
				.topnav .active a {color:#2EBCEA} 
				
				
	#hides {display:none;}
				.pagebar .pagination {display:flex;justify-content:center;margin:20px;}
				.pagination a {background:#fff;border:1px solid #ccc;color:#333;font-size:14px;padding:2px 12px;margin:0 5px;border-radius:3px;}
				.pagination span {color:#333;font-size:14px;padding:8px 2px;margin:0 5px;border-radius:3px;}
				.pagination a:hover {color:#2EBCEA;border:1px solid #2EBCEA;}
				.pagination a.page-num-current {color:#fff;background:#2EBCEA;border:1px solid #2EBCEA;}
				.page {text-align:center;}
				
				
				.tab_menus { clear:both;  height:32px; margin-top:20px; }
				.tab_menus li { float:left; text-align:center; cursor:pointer; list-style:none; margin-right:5px; background:#ECECEC;  border-bottom:none; line-height:32px; height:32px; padding:0 25px;    }
				 .tab_menus li a{ color:#000;  display:block; font-size:14px }
				.tab_menus li.hover { background:#2EBCEA; }
				.tab_menus li.selected { color:#FFF; background:#2EBCEA; }
				 .tab_menus li.selected a{ color:#FFF; background:#2EBCEA; }
				.tab_boxs { clear:both; padding:10px; border: 1px #2EBCEA solid; width: 910px; margin: 0 auto;  }
				.hide{display:none}
				
				.tab_menu { clear:both;  height:32px; margin-top:20px; }
				.tab_menu li { float:left; text-align:center; cursor:pointer; list-style:none; margin-right:5px; background:#ECECEC;  border-bottom:none; line-height:32px; height:32px; padding:0 45px;    }
				 .tab_menu li a{ color:#000;  display:block; font-size:14px }
				.tab_menu li.hover { background:#2EBCEA; }
				.tab_menu li.selected { color:#FFF; background:#2EBCEA; }
				 .tab_menu li.selected a{ color:#FFF; background:#2EBCEA; }
				.tab_box { clear:both; padding:10px; border: 1px #2EBCEA solid; width: 1178px; margin: 0 auto;  }
				.hide{display:none}
				.tab_boxs img{max-width:910px;height:auto;}
				
				
    #owl-demo { position: relative; width: 765px; height: 400px; margin-left: auto; margin-right: auto;}
            #owl-demo .item{ position: relative; display: block;}
            #owl-demo img { display: block; width: 765px; height: 400px;}
            #owl-demo b { position: absolute; left: 0; bottom: 0; width: 100%; height: 78px; background-color: #000; opacity: .5; filter: alpha(opacity=50);}
            #owl-demo span { position: absolute; left: 0; bottom: 37px; width: 100%;  color: #fff; text-align: center;}

            .owl-pagination { position: absolute; left: 0; bottom: 10px; width: 100%; height: 22px; text-align: center;}
            .owl-page { display: inline-block; width: 10px; height: 10px; margin: 0 5px; background-image: url(../hd/bg/bg15.png); *display: inline; *zoom: 1;}
            .owl-pagination .active { width: 25px; background-image: url(../hd/bg/bg16.png);}
            .owl-buttons { display: none;}
            .owl-buttons div { position: absolute; top: 50%; width: 40px; height: 80px; margin-top: -40px; text-indent: -9999px;}
            .owl-prev { left: 0; background-image: url(../hd/bg/bg17.png);}
            .owl-next { right: 0; background-image: url(../hd/bg/bg18.png);}
            .owl-prev:hover { background-image: url(../hd/bg/bg19.png);}
            .owl-next:hover { background-image: url(../hd/bg/bg20.png);}
			
			.usea{ width: 620px; margin: 20px auto;}
			.msnw{  margin: 0 auto;}