/* CSS Document */
body{
	line-height:180%;
	margin:0px auto;
	/* background:url(../images/bodyback.jpg) repeat-x; */
	font-size:12px;
	 width:100%;
	 font-family:'Arial','Microsoft YaHei'; color: #555;
    background: url(../img/bg.png) top repeat-x;;
}
p,ul,big,small,b,span,font,h2,h1,dl,dd,small{;padding:0px;margin-top:0px;margin:0px;  font-family:'Arial','Microsoft YaHei';}
ul{padding:0px;margin-top:0px;margin:0px;}
li{ list-style:none;}
ul{list-style:none;}
a { color:#555; text-decoration:none;outline:none;blr:expression(this.onFocus=this.blur());}
a:hover{ color:#2373aa; text-decoration:none ;}
.wrap{ width:1070px; margin:0 auto}
img{ border:none}
.fl{ float:left}
.fr{ float:right}
.h20{ height:20px; clear:both;}
.h10{ height:10px; clear:both;}
.clear{ clear:both}
.clear2{ clear:both; height:20px;}
input{ outline:none; font-family:"Microsoft Yahei";}

::-webkit-input-placeholder { /* WebKit browsers */
  color: #999;
  font-size: 14px;
}

::-moz-placeholder { /* Mozilla Firefox 19+ */
  color: #999;
  font-size: 14px;
}

:-ms-input-placeholder { /* Internet Explorer 10+ */
  color: #999;
  font-size: 14px;
}   

.nbanner img{ max-width:100%;}
.nbanner{ text-align:center;}

.ztitle{ text-align:center; padding-top:20px; padding-bottom:8px;}
.ztitle font{ font-size:24px; display:block; margin-bottom:5px; line-height:24px;}
.ztitle span{ display:inline-block; width:400px; border-bottom:#ddd 1px solid; height:10px;}
.ztitle small{ font-size:16px; display:inline-block; background:#fff; padding:0px 10px;}
.menu2 { text-align:center; padding:20px 0;}
.menu2 a{ display:inline-block; padding:10px 20px; font-size:14px; border:#ddd 1px solid; border-radius:5px; margin:0 5px;}
.menu2 a:hover ,.menu2 a.on{ background:#1a73c4; color:#fff;}
.menu3{ background:#f9f9f9; height:64px; border-bottom:#e7e7e7 1px solid; text-align:center}
.menu3 a{ display:inline-block; line-height:64px;  font-size:18px; padding:0px 18px;}
.menu3 a:hover,.menu3 a.on{ background:#4e5556; color:#fff;}

.bannerlogo{  background:#adcaee;  background:url(../img/bannerbg.png) no-repeat; background-size:100% 100%;margin-bottom:20px;   border-radius: 5px;}
.bannerlogo ul{}
.bannerlogo li { float:left; width:14.28%; text-align:center; padding:40px 0; }
.bannerlogo li img{ height:50px;   transition: all 0.50s ease-in-out 0s;}
.bannerlogo li:hover1 img{ transform: rotateY(-180deg);}
.bannerlogo li:hover{ }

/******************************
 ** 内页架构
 ******************************/
.sidebar { float:right; width:164px; }
.side-menu { position: relative;    }
 
 
 
.hr10{ clear:both; height:10px;}
.hr20{ clear:both; height:20px;}
.hr30{ clear:both; height:30px;}
.hr40{ clear:both; height:40px;}
.f24{ font-size:24px;}.f20{ font-size:20px;}
.f18{ font-size:18px;}
.f16{ font-size:16px;}
.f14{ font-size:14px}
 .text_center{ text-align:center;}
 .row{ margin-left:-15px; margin-right:-15px;}
 .rowitem{ margin-left:15px; margin-right:15px;}
 .rowitem img{ max-width:100%;}
 .col_3{ width:33.3%; float:left;}
 .col_4{ width:25%; float:left;}
 .col_2{ width:50% ; float:left;}
 .col_5{ width:20% ; float:left;}
 .col_6{ width:16.66667% ; float:left;}
 
 .zttitle{ text-align:center;}
 .zttitle .zbig{ font-size:36px; margin-bottom:4px;}
 .zttitle .zsmall{ font-size:20px; line-height:48px;}
 .zttitle .zsmall:before{ content:" "; width:300px; height:1px; background:#ddd; display:inline-block; margin-right:15px; position:relative; top:-5px;}
 .zttitle .zsmall:after{ content:" "; width:300px; height:1px; background:#ddd; display:inline-block; margin-left:15px;position:relative; top:-5px;}


 .part1{ padding:40px 0;}
 .part1 ul li { text-align:center; font-size:16px; line-height:2; padding:40px 0 0}
 .part1 ul li p{ line-height:2;}
 
 
.part4 ul li p{ font-size:16px; text-align:center; line-height:2; margin-bottom:15px;}

.side-menu{ border:#cedcec 1px solid; border-radius:5px; padding-bottom:10px;}
.side-title{  color:#fff;    line-height:48px}
.side-title big{ display:block; font-size:18px; color:#2373aa;  font-weight:900;     font-weight: 900;
    text-align: center; background: url(../img/line2.png) top repeat-x; border-bottom:#cedcec 1px solid; }
.side-title small{ display:block; font-size:18px;}
.side-list{ margin:0 5px 0px 5px; background:#fff; border-radius:5px; padding:10px 0 }
.side-list ul{border-left:#ddd 0px solid;border-right:#ddd 0px solid;margin: 0 20px; }
.side-list li{  line-height:32px; }
.side-list li a{ font-size:14px; font-weight:900; color:#2373aa; background:url(../img/line622.png) left center no-repeat; background-position:bottom; padding-left:20px; display:block; background-position: bottom;
    background-size: 100% 1px;     border-bottom: #cedcec 1px solid;}
.side-list li:hover a,.side-list li.on a{background: #2373aa; background:url(../img/line622.png) left center no-repeat #2373aa; background-position:bottom;color:#fff;  }
 
.side-head { height:34px; line-height:34px; padding:10px 0 10px 10px; font-size:20px; background:none;  }
.side-con { margin-bottom:20px; position:relative; top:20px; }
.side-con .side-head { height:40px; line-height:40px; background:#1a73c4; }
.side-con .side-head h2 { font-size:16px; font-weight:normal; color:#fff; padding:0 0  0 15px; }
.side-con .main { padding:10px 10px 15px; line-height:25px; border:1px solid #ddd;background: #fff; border-radius:0 0 5px 5px; }
.side-con .main img{ max-width:100%; margin-bottom:5px;}

.container { float:right; width:748px; }
.location { height:35px; border-bottom:1px solid #ddd; position:relative; line-height:35px; margin-bottom:10px;  }
.location font { font-size:20px; float:left;  }
.location .io {   float:right;color:#666; }
.location .io b { color:#999; }
.content { padding:20px; border:1px solid #ddd; margin-bottom:20px; }


.list-news1 li{ line-height:35px; border-bottom:#ececec 1px solid; overflow:hidden;}
.list-news1 li a{ float:left; background:url(../images/arr1.png) left center no-repeat; padding-left:15px; display:block}
.list-news1 li span{ float:right; color:#666}

.list-news2 li{border-bottom:#ececec 1px solid; overflow:hidden; padding-bottom:1%; margin-bottom:1%}
.list-news2 li.odd{  }
.list-news2 li span{ display:block; overflow:hidden;}
.list-news2 li span a{ font-size:16px; line-height:35px;}
.list-news2 li span font{ float:right}
.list-news2 li p{ font-size:12px; line-height:180%;}

.list-news3 li{border-bottom:#ececec 1px solid; overflow:hidden; padding-bottom:2%; margin-bottom:2%}
.list-news3 li a.litpic{ float:left; display:block; width:20%;}
.list-news3 li a.litpic img{ width:100%;}
.list-news3 li span{ float:right; display:block; width:78%;}
.list-news3 li.noimg span{ width:100%; float:none}
.list-news3 li span a{ font-size:16px; line-height:200%; margin-bottom:5px;}
.list-news3 li span font{ display:inline-block; margin-top:5px;}

.list-news4 li{border-bottom:#ececec 1px solid; float:left; overflow:hidden;  width:32%; margin-right:2%; margin-bottom:2%; padding-bottom:2%;}
.list-news4 li.last{ margin-right:0;}
.list-news4 li a.litpic{   display:block; }
.list-news4 li a.litpic img{ width:100%; height:160px;}
.list-news4 li span{   display:block; }
.list-news4 li.noimg span{ width:100%; float:none}
.list-news4 li span a{ font-size:14px; height:40px; line-height:40px; overflow:hidden; display:block; }
.list-news4 li span font{ display:inline-block; margin-top:5px;}


/* shownews*/
.vtitle{ font-size:22px; line-height:30px; text-align:center; padding-top:20px;  margin-bottom:20px;  color:#000;;}
.vdes{  text-align:center; color:#A8A6A6; border-bottom:1px dotted #CCCCCC;border-top:1px dotted #CCCCCC; ; margin-bottom:10px; padding:4px 0;}
.ArticleMessage a:link{ text-align:center;color:#A8A6A6;}
.vcon{  line-height:180%; padding:10px 10px; }
.vcon img{ max-width:100%;}
.vpages { border:#f1f1f1 1px solid; background:#f7f7f7; padding:10px; margin:10px;}

ul,li{ margin:0; padding:0; list-style:none}
/*简单产品列表*/
.prolist ul{ }
.prolist li{ float:left; margin-top:10px; width:32%; margin-right:2%; }
.prolist li.last{ float:right; margin-right:0;}
.prolist li a.txt{ display:block; text-align:center; line-height:30px;}
.prolist li a.img123{ display:block;  border:#efefef 1px solid;  }
.prolist li a.img123 img{ height:180px; display:block; width:100%;}

/*简单产品列表*/
.prolist1 ul{ }
.prolist1 li{ float:left; margin-top:10px; width:32%; margin-right:2%; position:relative;height:180px; }
.prolist1 li.last{ float:right; margin-right:0;}
.prolist1 li a.txt{ display:block; text-align:center; line-height:36px; position:absolute; bottom:0px; left:0; color:#fff; width:100%; font-size:14px; z-index:3}
.prolist1 li a.img{ display:block;    height:180px;}
.prolist1 li span{position:absolute; bottom:0px; left:0; width:100%; background:#000; z-index:2; background:#000; height:36px;/* older safari/Chrome browsers */  
    -webkit-opacity: 0.8;  
    /* Netscape and Older than Firefox 0.9 */  
    -moz-opacity: 0.8;  
    /* Safari 1.x (pre WebKit!) 老式khtml内核的Safari浏览器*/  
    -khtml-opacity: 0.8;  
    /* IE9 + etc...modern browsers */  
    opacity: .8;  
    /* IE 4-9 */  
    filter:alpha(opacity=80);  
    /*This works in IE 8 & 9 too*/  
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";  
    /*IE4-IE9*/  
    filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=80);  }
 
/*面包屑导航*/
.vpos{ height:40px; line-height:40px; border-bottom:#d9d9d9 1px solid;}
.vpos font{ float:left; font-size:18px; margin-left:10px;}
.vpos span{ float:right; margin-right:10px;}
 
.footerbg{background: url(../img/footerbg.png) top repeat-x; height:100px;}
.footer { background:#2373aa; padding:5px 0 5px;color: #343434; position: relative; text-align:center; color:#fff; border-radius: 5px;}
.footer a{color: #fff;}
.footermap_title{ font-size:16px; font-weight:900; color:#2373aa; margin-bottom:10px; }

.footermap{background:url(../img/bannerbg1.png) no-repeat; background-size:100% 100%; padding:20px 20px; margin-top:20px; clear:both}
.footnav li{ float:left; width:20%;}
.footnav li .item{ width:60%;}
.footnav li a.big{ font-size:16px; font-weight:900; color:#2373aa; border:#b6c6e0 0px solid; border-radius:5px; display:block; overflow:hidden}
.footnav li a.big span{ background:#e8ecf3; display:block ; text-align:center; border:#fff 2px solid;border-radius:5px;}
.footnav li a.big:hover span{background:#2373aa; color:#fff;}
.footnav .footererji a{ display:block; padding-left:32px;  line-height:32px; background:url(../img/line6.png) left center no-repeat; background-position:bottom; background-size:100% 1px}
.footnav .footererji a:hover{color:#000;  }
.leftlx{ border:#cedcec 1px solid;border-radius: 5px; margin:20px 0; }
.dtitle{display: block; margin-bottom:10px; text-align: center;
    font-size: 18px;
    color: #2373aa;border-bottom: #cedcec 1px solid;
    
    font-weight: 900; padding:15px 0 15px 0px; background: url(../img/line2.png) top repeat-x;}
.leftlxeweima{padding:15px;}
.leftlxeweima span{ float:left; margin-right:5px;}
.leftlxeweima span img{width:26px;}
.leftlxeweima p{text-align: center; }.leftlxeweima p img{ width:80px;}
.leftlxtel{ border-top:#cedcec 1px solid;padding:10px 10px 0 10px;}
.leftlxtel span{ float:left; margin-right:5px;}
.leftlxtel span img{width:26px;}
.leftlxtel p{ float:left; font-size:16px; color:#2373aa}
.leftimg{border-radius: 5px; margin-bottom:8px;     overflow: hidden;}
.leftimg img{ width:100%;display:block;}


.text-hide{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}
.clear{ clear:both}
.maintitle{ font-size: 18px;
    color: #2373aa;
    font-weight: 900; margin-bottom:15px;}
.main{     border: #cedcec 1px solid;
    border-radius: 5px; float:left; width:83%;}
.mainbg{ background:url(../img/line2.png) top repeat-x;}
.main .mainin{ padding:20px;}
.hotlist li{  margin-top:10px; height:14px; line-height:14px; padding: 6px 0 14px 0;overflow:hidden;white-space:nowrap; font-size:12px; background: url(../img/line4.png) bottom repeat-x; }
 
.hotlist li a{ }
.hotlist li b{  padding:0 2px; font-size:12px; font-weight:900; width:24px; display:inline-block; text-align:center; position:relative; top:1px;  }
.hotlist li b img{height:13px;}
.hotlist li b.HOT{background:#2373aa; color:#fff; font-weight:900; }
.hotlist li font{ color:#aaaaaa; display:inline-block; margin:0 5px; font-size:14px;    width: 75px;}
.hotlist li span{ display:inline-block; margin:0 10px 0 10px;; min-width:50px;font-size:14px; font-weight:900; color:#2373aa}
.hotlist li p{ display:inline-block;  float:left;}
.hotlist li small{font-size:14px;}

.hotlist li.moreli{ text-align:right; padding-right:20px;}
.hotlist li.moreli div.dian { display:inline-block; padding-left:10px;}
.hotlist li.moreli div.dian i{background:#2373aa; display:inline-block; width:5px; height:5px; margin-right:3px; overflow:hidden; border-radius:50%;}

.brandlist li{ overflow:hidden;  margin-top:11px; padding:6px 0;    background:url(../img/line1.png) bottom repeat-x; padding-bottom:30px;}
 
.brandlist li a{ }
.brandlist li b{ float:left; width:228px; height:160px; border:#ddd 1px solid; text-align:center;
     }
.brandlist li b img{height: 78px;
    margin: 40px auto 0 auto; }
 
.brandlist li .txt{ float:right; width:530px; background:url(../img/line3.png) left center; padding-left:30px; background-repeat:no-repeat;}
.brandlist li span{   font-size:18px; color:#2373aa; font-weight:900; line-height:1; margin-bottom:10px; margin-top:5px;  display:block;}
.brandlist li p { color:#555; font-size:12px; line-height:2.6;}
.brandlist li p font{font-weight:900; font-size:12px; margin-left:10px;}
.brandlist li p font i{background:#2373aa; display:inline-block; width:5px; height:5px; margin-right:3px; overflow:hidden; border-radius:50%; }
/*.brandlist li:hover{background:url(../img/line1.png) bottom repeat-x #2373aa;}
.brandlist li:hover span{ color:#fff;}
*/
.bigtitle{ background:url(../img/line1.png) bottom repeat-x; padding-bottom:20px; margin-bottom:20px; font-size:20px; color:#2373aa; font-weight:900; }


.lxlist{ padding:10px;}
.lxlist li{ float:left; width:50%; font-size: 14px;
    color: #004080;  overflow:hidden; margin-bottom:20px;}
.lxlist li img{ vertical-align:middle; margin-right:10px;}
.lxlist li img.ic{ width:28px;}
.line1{ background:url(../img/line1.png) bottom repeat-x; height:8px; }

 
.lxlist1{ padding:10px;}
.lxlist1 li{ float:left; width:50%; font-size: 14px;
   overflow:hidden; margin-bottom:20px;}
.lxlist1 li img.ic{ float:left;  width:28px;}
.lxlist1 li font{ float:left; margin-left:10px;}

.about1_l{ float:left; width:24%;}
.about1_l img{ width:100%}
.about1_r{ float:right; width:72%; line-height:2.2}
.about1_r p{     text-align: justify;}

.about2{padding: 9px 0;}
.about2_l{ float:right; width:40%;}
.about2_l img{ width:100%}
.about2_r{ float:left; width:58% ;  line-height: 2.2;}


.about3_l{ float:left; width:55%;}
.about3_l img{ width:100%}
.about3_r{ float:right; width:40%}
.about3_r p{ text-align: justify;
    letter-spacing: 1px;}

.protitle{    line-height:16px;background: url(../img/line4.png) bottom repeat-x; margin-top: 10px;
    padding-bottom: 20px;
    }
    .protitle b{ background:#2373aa; color:#fff; display:inline-block; padding:0 5px; }.protitle b.NEW{background:#fff;color:#2373aa   ; border: #2373aa 1px solid;
}
.protitle font{font-size: 18px;
    color: #2373aa;
 top:2px;
    font-weight: 900;
    position: relative;display:inline-block; margin-right:50px;    }
	.protitle a{ font-size:12px;color: #2373aa;}
.protitle small{  color: #2373aa; font-size:16px; margin-bottom:20px; display:block}
.protitle a img{vertical-align:middle; height:13px;}
.probox1_p{font-weight:900; color:#000; font-size:14px; color:#2757a5}
.probox1_list{ margin:0 -15px;}
.probox1_list_item{ float:left; width:50%;}
.probox1_list_item_in{ margin:15px; text-align:justify; line-height:2; }
.probox1_list_item_in img{ max-width:100%;}
.probox1_list_item_in .probox1_list_item_p{padding:0 15px;} 
.probox1_list_item_p_leibie p{ background:url(../img/arr1.png) left center no-repeat; padding-left:20px; width: 40%;
    float: left; background-position: left 5px;margin-right: 4%; }
.probox1_list_item_title{ font-size:14px; color:#2373aa; margin-bottom:2px; position:relative; padding-left:15px;  }
.probox1_list_item_title:before{ background:#2373aa; height:3px; width:10px; position:absolute; left:0; top:12px; content:" ";}


.casetitle{  margin-bottom:15px; line-height:16px;background: url(../img/line1.png) bottom repeat-x;
    padding-bottom: 20px;
    margin-bottom: 20px;}.casetitle font{ float:right }
.casetitle b{font-size: 16px;
    color: #2373aa;
    font-weight: 900; display:inline-block; margin:0 20px 0 0; }
	.casetitle a{ font-size:14px;color: #2373aa;}
.casetitle a img{vertical-align:middle; height:16px;}


/*feedback*/
.ny_feed_ny {
	 
	overflow: hidden; margin-bottom:20px;
}
.ny_feed_tit {
	padding-bottom: 25px;
	border-bottom: 1px solid #e6e6e6;text-align: center; margin-top:40px;
	color: #787878;
	font-weight: normal;
	margin-bottom: 15px
}
.ny_feed_tit span {
	font-size: 26px;
	font-weight: bold;
	color: #2da0db;
	display: block;
	line-height: 30px ;margin-bottom:10px;
}
.ny_feed_ny form {
 
}
.lyb {
	position: relative;
	width: 100%; margin-top:25px;
}
.lyb.lyb-h{ width:49%; float:left}
.lyb font{ float:left; display:inline-block; width:90px; text-align:center; line-height:36px;}
.lyb input { float:left; width:70%;
	border: 1px solid #e7e7e7;
	color: #999;
	height: 32px;
	font-size: 1.1em;
	text-indent: 10px;
}

.lyb select { float:left; width:71%;
	border: 1px solid #e7e7e7;
	color: #999;
	height: 32px;
	font-size: 1.1em;
	text-indent: 10px;
}
.lyb textarea {
	width: 84%;
	border: 1px solid #e7e7e7; margin-top:25px;
	color: #999;
	height: 100px;
	font-size: 1.1em;
	 font-family: "微软雅黑";padding: 1%;
}
.lyb .web_btn{ position:absolute; width:auto; left:0; bottom:10px; width:70px; left:10px; }
.lyb img {
	position: absolute;
	top: 3px;
	right: 1px;
}
.lyb_tj {
	width: 50%;
	margin: 2em auto;
}
.lyb_tj input {
	width: 100%;
	background-color: #2da0db;
	border: 1px solid #2da0db;
	color: #fff;
	height: 3em;
	font-size: 1.3em;
	border-radius: 30px;
	cursor: pointer;
}
.ny_feed_l {
	 
}
.ny_feed_r {
 
}
@media (max-width:1199px) {
.ny_feed_l {
	width: 50%;
	float: left
}
.ny_feed_r {
	width: 47%;
	float: right
}
.ny_feed_r img {
	width: 100%;

	height: auto;
	overflow: hidden
}
}
@media (max-width:991px) {
.ny_feed_l {
	width: 45%;
	float: left
}
.ny_feed_r {
	width: 52%;
	float: right
}
}
@media (max-width:768px) {
.ny_feed_l {
	width: 99%;
	float: none
}
.ny_feed_r {
	display: none
}
}
@media (max-width:640px) {
.ny_news_ny {
	padding: 15px 0;
}
.lyb {
	width: 100%;
}
.lyb_tj {
	width: 50%;
}
}
@media (max-width:320px) {
.lyb_tj {
	width: 100%;
}
}
.ny_whxq dl {
	width: 25%;
	padding: 1em;
	float: left;
	font-size: 1.1em
}
.ny_whxq dl dt {
	width: 8em;
	height: 8em;
	margin: 0px auto;
	color: #2da0db;
	font-size: 1.3em;
	border-radius: 360px;
	border: 1px solid #f29c21;
	text-align: center;
}
.ny_whxq dl dt span {
	padding-top: 40%;
	display: block
}
.ny_whxq dl dd {
	margin-top: 2em;
	line-height: 1.8em;
	width: 100%;
	min-height: 6em
}

.lxnewsbox{background: url(../img/line1.png) bottom repeat-x; padding-bottom:20px; margin-bottom:20px;;}

.lx_title{     font-size: 20px;
    color: #2373aa;
    font-weight: 900; text-align:center; margin:60px 0 50px 0}
	.lx_erweima{ text-align:center;}
.lx_erweima_box{ border:#ddd 1px solid; padding:15px; display:inline-block}
.lx_erweima_box span{ display:block;}
.lx_erweima_box font{ display:block ;  }
.lx_erweima_box img{ width:88px;}
.lx_con{ font-size:14px;  line-height:2;background: url(../img/line3.png) left center;
    padding: 20px;background-repeat: no-repeat; margin-left:355px; margin-top:30px; margin-bottom:60px;
}
.lx_bottom_left{ float:left; width:40%}
.lx_bottom_right{ float:right; width:50%}
.lx_bottom_right_title {
    font-size: 18px;
    color: #2373aa;
    font-weight: 900; float:left;
   
}
.lx_bottom_right_p{ float:left;font-size: 14px; margin-left:32px; margin-top:-5px;
   line-height:1.7;}
.lx_bottom_right_p .p1{ padding-bottom:5px; margin-bottom:5px; background: url(../img/line6.png) left center no-repeat;
    background-position: bottom;
    background-size: 100% 1px;}