@charset "utf-8";
/* CSS Document */



.banner{ float:left; width:100%;}
.position{float:left; width:100%; background:#f2f2f2; line-height:36px; color:#666; font-size:14px;}
.position a{line-height:36px; color:#666; font-size:14px;}
.position a:hover{ color:#333;}
.content{ float:left;  width:100%; padding:30px 0px; background:#fff;}
.title{float:left;  width:100%; font-weight:bold;font-size:18px;text-align:center;}
.about{ line-height:30px; margin-bottom:30px; color:#333; }
.about img{ margin-top:20px; }

.contact1{ float:left; width:100%;line-height:36px; margin-top:15px; margin-bottom:30px; font-size:18px; color:#333; background:url(../img/page_09.png) right center no-repeat;}
.c2{line-height:36px; font-size:18px;}
.l-top{ background:url(../img/page_05.jpg) right center no-repeat #20beca; line-height:74px;  color:#fff; font-size:24px; text-indent:30px;}
.l-img{ float:left; width:100%;}
.l-img img{width:100%;}
.list1{ float:left; width:100%; }
.list{ margin:0; padding:0;background:#f5f5f5;}
.list li{ width:100%; line-height:50px;  border-bottom: 1px  solid #eee; text-indent:30px;}
.list > li.active-li  > a{ background: url(../img/page_13.png)right 15px center no-repeat #20beca;color:#fff;display:block; }
.list > li.active-li >ul> li.active-li  > a{ background: url(../img/page_13.png)right 15px center no-repeat #20beca;color:#fff;display:block; }
.list li a{ color:#666; font-size:16px; display:block; background:url(../img/page_12.png) right 15px center no-repeat;border-top: 1px  solid #eee;}
.list li a:hover{ background: url(../img/page_13.png)right 15px center no-repeat #20beca; color:#fff;}
.list li ul{margin-left:0px;}
.list li ul li{ border-bottom:none;  background:none; }
.list li ul li a{ font-weight:normal; color:#666; text-align:center;}
.list li ul li a:hover{ background:none; color:#333;}
.active-li a{ background: url(../img/page_13.png)right 15px center no-repeat #20beca;color:#fff;display:block; }
.l-tip{float:left; width:100%; margin-top:50px; background:url(../img/page_18.png)  right center no-repeat #ededed;}
.l-tel{ padding:25px 30px; line-height:30px; color:#666; font-size:14px;}
.l-tel h2{ background:url(../img/page_16_15.jpg) left center no-repeat; font-size:18px; line-height:30px; font-weight:bold; text-indent:30px;}
.l-search{float:left; width:100%; margin-top:50px; background:url(../img/page1_03.png)  right bottom no-repeat #ededed;padding:30px 30px 60px;}
.l-search h2{ font-size:28px; color:#666; font-weight:bold; text-align:center;}
.l-class{ width:100%; border:#d9d9d9 solid 1px; line-height:38px; font-size:14px; height:38px !important; margin-top:30px; text-indent:10px; color:#999;}
.l-input{ width:100%;border:#d9d9d9 solid 1px; line-height:38px; height:38px !important;  margin-top:20px;text-indent:10px;color:#999;}
.l-btn{width:100%; background:#20beca; line-height:38px; height:38px !important;  margin-top:20px; text-align:center;color:#fff; font-size:18px; border:none;}
/* right*/
.r-up{ float: left; width:100%; border-left: solid #20beca 4px;line-height:35px; font-size:24px; text-indent:10px; color:#20beca;}
.right-c h2{ font-size:36px; font-weight:bold;color:#333;}
.right-c h3{ border-bottom: 4px #d3d3d3 solid;padding:10px 0px; color:#333;}
.right-c td{border:solid 1px #ddd; width:auto;}
.r-down td{border:solid 1px #ddd; }
.right-c{line-height:30px; font-size:14px;}
.right-c table {
    width: 100% !important;
}
.r-down{  float: left;margin:15px 0px;width:100%; line-height:30px; font-size:14px; color:#333;}
.right-c img{
	margin: 0 auto;
    display: block;
    max-width: 100%;
    height: auto !important;
	}
	
	.r-select{ float:left; width:100%; padding:20px; border:solid 7px #d9d9d9; color:#666; line-height:24px;margin-bottom:30px;}
	.checkbox-inline{ margin-left:20px !important;}
	input[type=checkbox]{ width:20px; height:20px; margin-left:-30px !important;}
/* product*/
.product li {float:left; overflow:hidden; }
.product li img{width:auto;     max-width: 100%;text-align:center;display:inline; border:solid 1px #ddd; }
.product p{ float:left; width:100%; line-height:35px; color:#333; background:#ddd; font-size:14px; text-align:left; text-indent:15px; }
.product  a:hover{ font-weight:bold;}
/* news
.news { margin:0; padding:0;}
.news  li{ width:100%; line-height:40px; border-bottom: dotted 1px #cbcccb; background: url(../img/index_32.png) left center no-repeat; text-indent:10px;}
.news li a{ color:#333;padding-left:10px; display:block; }
.news  li a:hover{ color:#0380ce;}
.news  span{ float:right; color:#999; padding-right:10px;}
.title{ float:left; width:100%;  font-size:16px; line-height:30px; text-align:center;border-bottom: dotted 1px #cbcccb; font-weight:bold; margin-bottom:10px;}
.news-show img{ width:100%  !important; height:auto !important; margin: 0 auto; max-width:100%; }

*/
.job ,. float:left; width:100%; margin:0;  padding:20px;{ float:left; width:100%; margin:0;  padding:20px;}
.job li{  width:100%;  float:left;text-align:center; line-height:42px;}
.job li a:hover{font-weight:bold;}
.job_t{ font-weight:bold; font-size:16px;border-bottom:4px #d3d3d3 solid; }
.j-blue{ background:#d9edf7;}
.j-white{ background:#fff;}
.caigou li{  width:100%;  float:left;line-height:42px;border-bottom:1px #d3d3d3 solid;}
.touzi li{ width:100%; margin-bottom:20px; float:left;border-bottom: 1px #d3d3d3 dotted;}
.touzi li a{ color:#fff;padding-left:10px; display:block; }
.news{ float:left; width:100%; margin:0;  padding:20px;}
.news li{  width:100%; margin-bottom:20px; float:left;border-bottom: 1px #d3d3d3 dotted;}
.news li a{ color:#333;padding-left:10px; display:block; }
.news  li a:hover{ color:#20beca;}
.news  span{ float:right; color:#999; padding-right:10px;}
.news li.topnews{border-bottom: 1px #d3d3d3 dotted;padding-bottom: 20px; background:none;text-indent:0px; }
.newsimg {width:20%; float:left; height:auto;}
.newsimg img {
	
    width: auto;
	max-width:100%;
    height: auto;;

    
}
.news-r{ float:right; width:78%;}
.newstitle span{ color:#333; font-size:24px;}
.newstitle a{ color:#333; font-size:16px; font-weight:bold;}
.newstitle a:hover{ color:#20beca;}
.newsdetail {
    color: #333;
    font-size: 14px;
    line-height: 30px;
}
.newsdate{ color:#666;}
/* honor*/
.honor{ width:100%; margin:0; padding:0;}
.honor li{text-align:center; margin:10px 0px;  }
.honor li img{ height:190px; width:auto;     max-width: 100%;text-align:center;display:inline;}
.honor li p{width:100%; line-height:30px; color:#333; background:#eee;margin-top:10px;}
/* pro*/
.p_intro{ float:left; width:100%;height:auto ; text-align:center;}
.p_intro img{ height:auto !important; margin: 0 auto; max-width:100%; }
.p_intro h2{ font-size:16px;line-height:24px; font-weight:bold; margin-top:10px; text-align:center;}
.p_intro h4 span{ background:#f1f1f1; color:#0254b8;line-height:40px;display:block;}
.input-text {
    display: block;
    width: 100%;
    height: 34px;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.42857143;
    color: #555;
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
    border-radius: 4px;
	}
	@media (min-width: 767px){
.input-text {
    width: 70%;
}
}
.input-text1 {
    width: 100%;
}
.text-c{ width:100%; float:left; text-align:center;}
.price{ width:120px; line-height:40px; margin-top:20px;}
.price a{  color:#fff;font-size:16px; display:block; background:#20beca;text-align:center; }
.price a:hover{font-weight:bold; }
.pro-nav{  float:left; text-align:center;line-height:50px; background:#eee; margin-bottom:10px;}
.pro-nav a{font-size:16px; color:#333;  font-weight:bold;}
.blue{ background:#20beca;}
.blue a{ color:#fff;}

.n_top{ float:left;  margin-bottom:10px; width:100%;}
.n_con{float:left; width:100%; }
.home_news_title li{float:left; }
.normaltab {BACKGROUND:#eee;TEXT-ALIGN: center; LINE-HEIGHT: 50px; font-size:16px;  COLOR: #333;}
.hovertab {BACKGROUND:#20beca; TEXT-ALIGN: center; LINE-HEIGHT: 50px; COLOR: #fff; font-size:16px;}
.r-pro{position:relative;overflow:hidden;}
.r-pro > img {

  transition: .1s transform;
  transform: translateZ(0);

  /* hack */
}
.r-pro:hover {
  z-index: 1;
}

.r-pro:hover > img {
  transform: scale(1.2, 1.2);
  transition: .3s transform;
}

.cf:before, .cf:after {
  display: table;
  content: "";
  line-height: 0;
}

.cf:after {
  clear: both;
}
.t-gray{background-color:#eee;}
.dis { DISPLAY: block; width:100%;}
.undis {DISPLAY: none;}
#allmap{float:left; width:100%;  height:500px;}
		.BMapLabel{max-width:none !important;}

.network_se{min-height: 64px;border: 1px solid #ddd;z-index: 13;padding: 0 20px;background: #eee;}
.network_se .nte_se_o{float:left;line-height: 64px;font-size: 16px;color: #5a5a5a;margin-right: 10px;}
.sele{ float:left;width: 16%;height: 23px;line-height: 23px;border: 1px solid #dadada;text-indent: 5px;margin-right: 10px;margin-top: 20px;position: relative;}

.netse_btn{float:left;}
.netse_inp input{float:left;height: 16px;line-height: 16px;border: 1px solid #dadada;width:140px;background: #fff;margin-top: 20px;margin-left: 10px;padding-left: 15px;box-sizing:content-box;padding: 3.5px 0;}
.netse_btn input{ float:left;width: 45px;height: 24px;background: #20beca;color: #fff;text-align: center;margin-top: 20px;outline: none;border: none;cursor: pointer;}
.BMap_bubble_content{ line-height:24px; height:auto;}
	@media (max-width: 767px){
.network_se{min-height:100px; padding: 0 10px;}
.form-inline .nte_se_o{font-size: 14px;}
.netse_inp input{width:40%;}
.sele{width:28%;}

}

/*锟斤拷展锟斤拷锟斤拷*/
.yuangong{ float:left; width:100%;}
.yuangong1 {position: relative;height: auto;overflow: hidden;margin-bottom: 25px;}
.nzuo {background:url(../img/index83.png) no-repeat;width: 58px;height: 58px;display: block;position: absolute;left:0px;top: 35%;}
.nyou {background:url(../img/index84.png) no-repeat;width: 58px;height: 58px;display: block;position: absolute;right:0px;top: 35%;}
.yuangong1 a.nzuo:hover {background:url(../img/index85.png) no-repeat;}
.yuangong1 a.nyou:hover {background:url(../img/index86.png) no-repeat;}
.yuangong2 {background:url(../img/index87.png) no-repeat bottom center;width: 80%;height: auto;margin: 0 auto;}
.yuangong2 img {width: 100%;height: auto;overflow: hidden;}
.yuanxw { float:left;width: 100%;margin:0 auto;}
.riqi { float:left;width: 100%;overflow: hidden;line-height: 23px;font-family: "Arial";font-size: 14px;color: #333;text-align: center;}
.riqi span {background:#d30011;display: block;}
.riqi em {background:#e60012;display:block;}
.wenzjs { float:left;width: 100%;overflow: hidden;line-height: 36px; height:auto; padding:0px 10px;}
.wenzjs h3 {color: #333;font-size: 18px;}
.wenzjs p {font-size: 14px;color: #666;line-height: 18px;}
.yuangl {float:left; width:100%;height: 140px;position: relative;margin: 0 auto;}
.nzuo1 {background:#ececec url(../img/index19.png) no-repeat center 48%;width: 28px;height: 128px;display: block;position: absolute;left:0px;top:7px;}
.nyou2 {background:#ececec url(../img/index20.png) no-repeat center 48%;width: 28px;height: 128px;display: block;position: absolute;right:0px;top: 7px;}
.yuangl a.nzuo1:hover{background:#ececec url(../img/index21.png) no-repeat center 48%;}
.yuangl a.nyou2:hover{background:#ececec url(../img/index22.png) no-repeat center 48%;}
.yuangl1 {width:87%;height: 138px;overflow: hidden;margin: 0 auto;position: relative;}
.yuangl1 ul {position: absolute;width: 9999px;overflow: hidden;_zoom:1;}
.yuangl1 ul li {display: block;float: left;width: 175px;height: 137px;margin-right: 6px;}
.yuangl1 ul li a {display: block;padding: 7px 2px 2px 2px;width: 173px;}
.yuangl1 ul li a:hover,.yuangl1 ul li a.cur {background:url(../img/index93.png) no-repeat;}
.yuangl1 ul li a img {width: 100%;height: auto;}
/*锟斤拷展锟斤拷锟斤拷1*/
.h-title{width:100%; margin:0 auto; line-height:45px; color: #20beca ; background:#eee; font-weight:bold; font-size:20px; text-align:center;}
.dev_list { width: 100%; float: left; }
.dev_list ._list {float: left; width: 100%; }
.dev_list li { float: left; width: 100%; padding: 35px 0 25px 0; background: url(../img/line1.gif) repeat-y  center; }
.dev_list li .info { width: 50%; float: right; }
.dev_list li .info .txt { line-height: 24px; margin-bottom: 15px; }
.dev_list li .info .img { height: auto; width:100%;}
.dev_list li .info .img img { width:100%; height: 271px; }
.dev_list li .date { float: left;  width: 40%; font-weight: bold; font-size: 20px; margin-right: 15px; text-align:right; }
.date:hover{ color:#20beca;}
.dev_list li .foot { width: 44px;left:43%;height:47px; margin-right: 10px;    display: inline-block; position: absolute; background: url(../img/foot.gif) no-repeat;}

.dev_list li.li02 .info {width: 48%; float: left; text-align:right;  }
.dev_list li.li02  .info .img { height: auto; width:100%;float: right; }
.dev_list li.li02 .date {text-align:left;float: right;  width: 43%; font-weight: bold; font-size: 20px; margin-right: 0px; }
.dev_list li.li02 .foot {left:50%; background: url(../img/foot1.gif) no-repeat;}
@media(max-width:768px){
	.kfoutbox{
		display:none !important;
	}

	nav.nav-bar-element .navbar-collapse .navbar-nav>li>a {
    padding: 10px 0px 10px !important;
	line-height:30px;
	}

.dev_list li.li02 .info{float: left; text-align:left; }
.dev_list li .info{ width: 40%; float: left; }
.dev_list ._list{ width:auto;}

.dev_list li.li02  .info .img{ float: left;}

._zi{

overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;

}

.newsdetail{


overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;

}

.logo{width:50%;}
.linkhot ul li{ padding: 0 5px; margin-top:20px;}
}