@charset "utf-8";
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 16px;
	font-family:"Microsoft Yahei",宋体,Verdana,Arial,Helvetica,Sans-serif;/*font-family:思源黑体 CN;*/
	font-weight:normal;
}

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {	display: block;}

ol, ul {	list-style: none;}
input,textarea{outline:none;}
blockquote, q {
	quotes: none;
}

blockquote:before, blockquote:after, q:before, q:after {
	content: '';
	content: none;	
}
/*input框自动填充背景色*/
input:-webkit-autofill {
	-webkit-box-shadow: 0 0 0 1000px #fff inset;	/**通过边框阴影遮挡住背景*/
	/*-webkit-text-fill-color: #333; !**填充字体颜色*!*/
}
body{ background:#fff;}
a,a:link,a:visited{color:#333333; text-decoration:none;}
a.active{color:#e50717; text-decoration:none;}
.cl{clear:both; visibility:hidden; font-size:0px; line-height:0px; width:100%; height:0; padding:0px; margin:0px;}

/*clear float*/
.clearfix:after {content:".";display:block;height:0;clear:both;visibility:hidden;}
/* Hides from IE-mac \*/
* html .clearfix {height:1%;}

.red,a.red:link,a.red:visited{color:#ee7800;}
a.red:hover {color:#ffb02c;}

.dot{color:#ff0000;}

/*header*/
.headerpage{clear:both; width:100%; margin:0 auto 0 auto; padding:0;   }
.headerpage:after, .headerpage:before {content: '';display: block;clear: both;height: 0;}

/*搜索*/
.sousuobg{ clear:both; width:100%; height:40px; line-height:40px; background:url(../images/topline.png) #f8f8f8 no-repeat top; overflow:hidden;}
.sousuo{ clear:both; max-width:1300px; margin:0 auto;}
.sousuo .dianhua{ float:right; width:60%; font-size:14px;  text-align:right; }
.sousuo .dianhua a{ display:inline-block; padding:0 5px; color:#333;}
.sousuo .dianhua span{ color:#c10c21; font-size:14px; line-height:40px; margin-left:10px;}

header{width:100%; background:#fff; box-shadow:0px 0px 8px #999;position:relative; z-index:99; padding:20px 0; }
.head{clear:both; margin:0 auto; max-width:1300px;}
header:after,header:before {content: '';display: block; clear: both; height: 0;}

header .logo{ float:left; width:350px; }
header .logo img{ vertical-align:middle;}

header .headerright{float:left; width:52%; padding:0px 0 0 0; margin:0 2%;  }
header .headerright img{ float:right;padding-top:5px;   }
header .headerright span{ font-size:28px; color:#e65802;  float:right; text-align:left;}
header .headerright span i{ font-weight:normal; font-style:normal;color:#999; line-height: 16px;}

header .wapnav{float:right; display:none;}

#trigger{ float:right; margin:33px 0 0 0; }
#trigger a{ margin:0px 18px 0 0; padding:0px 0 0 0; }
#trigger span{ border-left:1px solid #004ea2; background:url(../images/dianhua.png) no-repeat 15px 3px; padding:0 0 0 35px; color:#004ea2;  }

/*Banner大图调用 开始*/
.bannerwrap{clear:both; width:100%; margin:0 auto; padding:0; background:#e5e5e5;}
.bannerwrap .banner{position:relative;width:100%;margin:0 auto;padding:0;overflow:hidden;}
.bannerwrap .banner a{background-position:center;}
.bannerwrap .banner .mask{vertical-align:middle;position:absolute; width:100%; height:20px; right:0; bottom:10px; text-align:center; }
.bannerwrap .banner .mask span{color:#ffffff;padding:0 5px;text-align:center;line-height:15px;width:15px;height:15px;font-family:Arial;font-size:12px;cursor:pointer;overflow:hidden;margin:3px 1px;background-color:#ffffff; -webkit-border-radius: 50%;-moz-border-radius: 50%;-o-border-radius: 50%;border-radius: 50%; height:450px;}
.bannerwrap .banner .mask span.show{color:#fff;line-height:10px;width:10px;height:10px;font-size:12px;margin:0 1px;border:0;background-color:#ae1d2c;font-weight:bold;}
#showbanner{display:block;width:100%; text-align:center;background-position:top;background-repeat:no-repeat;}
#showbanner img{ max-width:100%; display:block;}
#showbanner img:after,#showbanner img:before {content: '';display: block;clear: both;height: 0;}
/*Banner大图调用 结束*/

/*首页样式*/
.biaoti{ text-align:center; margin:70px 0 47px 0; }
.biaoti a{ font-size:36px; font-weight:bold; color:#555555; display:block; background:url(../images/biaotibg.png) no-repeat center bottom; text-decoration:none; }
.biaoti a:hover{ color:#0046a2; }
.biaoti h3{ font-size:16px; color:#777777; background:url(../images/biaotiline.jpg) no-repeat center bottom; padding:25px 0; }

.newsbg{ overflow:hidden; width:100%; padding:0 0 5% 0; }
.newsbg .content{ margin:0 auto; max-width:1300px; margin-bottom:0%; clear:both; }
.newsbg .content dl{ float:left; width:31%; padding:0 0 0px 0; margin:0 3% 0 0;  }
.newsbg .content dl:nth-child(3){ margin:0px 0 0 0; }
.newsbg .content dl dt{ width:100%; clear:both; overflow:hidden; }
.newsbg .content dl dt p{ width:100%; padding:0 0 0 4%; line-height:54px; color:#fff;  font-size:18px; z-index:99; background:rgba(0,70,162,0.7); font-weight:normal; }
.newsbg .content img{ margin:0 auto; display:block; width:100%; transition: 588ms; }
.newsbg .content dl dd{ padding:5% 7%; line-height:24px; font-size:14px; color:#999999; border: 1px solid #e5e8eb; border-top:0px; transition: 588ms; }
.newsbg .content dl dd p{ overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp:2;}
.newsbg .content dl dd span{ display:block; background:url(../images/xinwendot.png) no-repeat right center; margin:5% 0 0% 0; padding:5% 0 5% 0; border-top:1px solid #e5e8eb; }
.newsbg .content dl dd h2{ font-size:18px; color:#333; margin:0 0 15px 0; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; }

.newsbg .gengduo{ margin:2% auto 0 auto; clear:both; overflow:hidden;  }

.newsbg .content dl:hover dd{ background:#0046a2; box-shadow:0px 0px 10px #777;  border: 1px solid #0046a2;}
.newsbg .content dl:hover dd{ color:#fff;}
.newsbg .content dl:hover dd h2{ color:#fff;}
.newsbg .content dl:hover a{ color:#fff; }
.newsbg .content dl:hover img {transform: scale(1.1); -webkit-transform: scale(1.1); -moz-transform: scale(1.1);}


.productbox{ background:#ebf0f4; clear:both; overflow:hidden; }
.productbox .content{ margin:0 auto; max-width:1300px; margin-bottom:2%; clear:both; overflow:hidden;}


.biaoti1{ margin:0px 0 20px 0; }
.biaoti1 a{  font-size:36px;  color:#fff; }

.shipinbox{ background:#063b76 url(../images/shipinbg.jpg);   }
.shipinbox .content{ margin:0 auto;  margin-bottom:0%; clear:both; overflow:hidden;  clear:both; overflow:hidden;}
.shipin{ float:left; width:50%; }
.shipin img{ display:block; width:100%; }
.c-preview {  background: #000;  background: -moz-linear-gradient(-45deg, #000000 0%, #000000 25%, #004ea1 50%, #0073f0 75%, #004ea1 100%);
  /* FF3.6-15 */
  background: -webkit-linear-gradient(-45deg, #000000 0%, #000000 25%, #004ea1 50%, #0073f0 75%, #004ea1 100%);
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(135deg, #000000 0%, #000000 25%, #004ea1 50%, #0073f0 75%, #004ea1 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  background-size: 400% 400%;  background-repeat: no-repeat;  display: flex;  width:100%;  height: 510px;  max-width: 100vw;  max-height: 100vh;  justify-content: center;  align-items: center;  color: #fff;
  position: relative;  cursor: pointer;  transition: .5s all;  margin:0px auto;}
.c-preview__img {  position: absolute;  left: 0;  top: 0;  /*background: #000 url(../images/shipin.jpg) no-repeat center center;  background-size: cover;*/  width: 100%;  height: 100%;  z-index: 1;  opacity: .5;  mix-blend-mode: screen;}
.c-preview__title {  position: relative;  z-index: 10;  text-transform: uppercase;  letter-spacing: .05em;}
.c-preview:hover {  background-position: 100% 100%;}
.c-preview:hover__title {  text-shadow: 0 0 20px black;}

.shipin_list{float:right; width:45%; padding:5% 0 0 5%; }
.shipin_sm{  padding:0% 5% 0 0%;  }
.shipin_sm h2{ font-size:18px; line-height:48px; text-decoration:underline; color:#fff; }
.shipin_sm h2 a{font-size:18px; line-height:48px; text-decoration:underline; color:#fff;overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp:1;}
.shipin_sm p{ line-height:26px; font-size:16px; margin:30px 0 50px 0; }
.shipin_sm:hover{}
.shipin_sm a.more{ display:block; clear:both; overflow:hidden; float:left; text-align:center; line-height:57px; font-size:16px; color:#fff; border:1px solid #fff; width:200px; margin:20px auto 0 auto;transition: 588ms; }
.shipin_sm a.more:hover{ background:#0073f0; }

/*首页简介*/
.aboutbox{ background:url(../images/iaboutbg.jpg) no-repeat bottom center; background-size:cover; clear:both; overflow:hidden; }
.aboutbox .content{ margin:0 auto 5% auto; max-width:1300px; clear:both; overflow:hidden; font-size:18px; color:#666666; line-height:36px; }
.aboutbg{  }
.aboutlist{ width:23.5%; float:left; margin:0 1.5% 0 0;}
.aboutlist:nth-child(4){ margin:0px 0 0 0; }
/*首页简介 end*/

/*vote*/
.vote{max-width:1300px; margin:0 auto;}
.vote h2{ text-align:center; text-align:center; font-size:30px; color:#f00;}
/*首页样式 end*/

/*尾*/
.footerbox{ clear:both; margin:0 auto 0 auto; width:100%; background:#063b76 url(../images/footerbg.jpg) repeat-x top; overflow:hidden;}
.footerbg{ border-top:1px solid #7b7b7b; }
.footer{clear:both; max-width:1300px; margin:0 auto; padding:2% 0 3% 0; overflow:hidden;}

.footerlx{ max-width:1300px; margin:2% auto; clear:both; overflow:hidden; color:#fff;  }
.footerlx dl{ float:left; width:26%; margin:0 2%; border:1px solid #7b7b7b; border-radius:8px; padding:1.5% 0 1.5% 3%; }
.footerlx dl dt{ float:left; margin:0 3% 0 0; }
.footerlx dl dd{ float:left; line-height:24px; }

.footmenu{ float:left; width:62%; }
.footmenu a:hover{color:#e50717; text-decoration:none;}
.footmenu dl{ float:left; width:23%; margin-right:0px;}
.footmenu dl:nth-child(2){ width:31%;}
.footmenu dl dt{ line-height:75px; margin:0 0 10px 0; }
.footmenu dl dt a{ font-size:18px; color:#fff; }
.footmenu dl dd{  width:100%; clear:both; margin-top:0px;}
.footmenu dl dd a{ font-size:16px; color:#889ebc; line-height:30px; }
.footmenu ul{ float:left; width:40%; }
.footmenu ul ol{ font-size:16px; color:#fff; line-height:30px; }
.footmenu ul li{ float:left; margin-top:0px; width:33%; }
.footmenu ul li a{ font-size:14px; color:#999999; line-height:27px; }

.footercontact{ float:left; padding:13px 0 0 0; }
.footercontact ul{}
.footercontact ul ol{ color:#fff; background:url(../images/dianhua_bt.png) no-repeat left center; padding:0px 0 0 34px; margin:75px 0 0 0; }
.footercontact ul strong{ font-size:26px; color:#fff; margin:10px 0 25px 0; display:block; }
.footercontact ul li{ color:#889ebc; line-height:30px; }

.erweima{ float:right; width:132px; text-align:center; font-size:14px; line-height:18px; background:#fff; padding:0 0 10px 0; margin:7% 0 0 0; }
.erweima img{ max-width:100%; display:block; margin:0 0 0px 0; }


.footerbottom{ font-size:16px; color:#677e9d; background:#052f63; line-height:26px; padding:20px 0; text-align:center; }
.footerbottom a{ font-size:16px; color:#677e9d; }
.footerbottom a:hover{color:#e50717;}
.footerbottom p{ font-size:14px; }
.footerbottom p a{ font-size:14px;}

.bt_contact{ max-width:1300px; margin:3% auto; overflow:hidden; clear:both;   }
.bt_contact dl{ float:left; width:24%; margin:0 1.5%; background:#f7f7f7; text-align:center; padding:5% 3%; }
.bt_contact dl dt{ }
.bt_contact dl p{ font-size:30px; margin:3% 0 3% 0; clear:both; overflow:hidden;}
.bt_contact dl dd{ line-height:26px; font-size:14px; margin:0% 0 3% 0; color:#999;  }
.bt_contact dl h2{ font-size:18px;  }

.linktitle{ text-align:center; background:url(../images/linkbg.jpg) no-repeat; background-size:cover; padding:35px 0 30px 0; }
.linktitle dl{ background:url(../images/mianline.gif) no-repeat bottom center; color:#fff; }
.linktitle dl dt{ font-size:44px; font-weight:bold; }
.linktitle dl dd{ font-size:18px;line-height:23px; padding:20px 0; }
.linktitle_about{ }

.zhuyi{ clear:both; overflow:hidden; width:1200px; margin:0 auto 40px auto; padding:25px 60px 25px 140px; background:#f1f1f1 url(../images/laba.png) no-repeat 30px 20px;}
.zhuyi p{ float:left; line-height:36px;}
.zhuyi p span{ color:#eb1c24; font-size:30px; }
.zhuyi a{ float:right; background:#eb1c24; padding:7px 60px; line-height:30px; color:#fff; margin:15px 0 0 0; }
.zhuyi a:hover{ background:#333; }

/*内页*/
.mainpage{clear:both; width:100%; margin:0px auto 5% auto; padding:0; }
.mainpage:after, .mainpage:before{content: '';display: block;clear: both;height: 0;}
.left{clear:both; overflow:hidden; padding:0 0%; margin:0 auto 20px auto; background:#f7f7f7; box-shadow:0px 4px 6px #ddd; }
.right{clear:both; max-width:1300px; margin:0 auto; padding:0 0%; background:#FFF; /*border:1px solid red;*/}	

.mainarea{ position:relative; clear:both; overflow:hidden; padding:10px 0 20px 0; min-height:360px; height:360px;}
[class].mainarea{height:auto;}
.mainarea div.content{font-size:14px; line-height:23px;}

.midpicarea{border:solid 1px #bbbbbb;z-index:5;cursor:crosshair;}
.bigpicarea{border:solid 1px #bbbbbb;overflow:hidden;position:absolute;z-index:6;}
.viewarea{border:solid 1px #fff;cursor:move; background-color:#999;filter:alpha(opacity=50);-moz-opacity:0.5;opacity:0.5;overflow:hidden;position:absolute; z-index:10;  }

.zoomsmall{margin-top:8px;}
.zoomsmall ul{clear:both;}
.zoomsmall ul li{float:left; margin:0 2px;}
.zoomsmall ul li img{border:solid 1px #bbbbbb; padding:2px; cursor:pointer;}

/*内页位置*/
.positioninfobox{ clear:both; margin:0 auto; width:100%; position:absolute; top:34%;  }
.posbox{  max-width:1300px; clear:both; overflow:hidden; margin:0 auto;}
.position{ line-height:40px; color:#fff; background:url(../images/way.png) no-repeat left center; padding:0 0 0 25px; }
.position a,.position a:link,.position a:visited {color:#fff;}
.position a:hover,.position font.active,.position a.active,.position a.active:link,.position a.active:visited{color:#d71820;}
.positioninfo{ padding:0px 0 0 0px; margin:0 0 20px 0; line-height:40px; color:#fff; font-size:36px; }

.menu1{ overflow:hidden; text-align:center; margin:20px auto 10px auto; }
.menu1 h2{display:none; }
.menu1 a {color:#000000; line-height:40px; margin:0px 5px; padding:10px 15px; font-size:16px; text-decoration:none; text-align:center; background:#e6e6e6; 	-webkit-transition: background-color 0.5s;	-moz-transition: background-color 0.5s; -o-transition: background-color 0.5s; transition: background-color 0.5s;}
.menu1 a:link,.menu1 a:visited{ }
.menu1 a:hover,.menu1 a.active,.menu1 a.active:link,.menu1 a.active:visited{background:#d71820; color:#FFFFFF;}

.menucp{ overflow:hidden; text-align:center; margin:20px auto 20px auto; }
.menucp h2{display:none; }
.menucp a {color:#000000; line-height:40px; margin:0px 5px; padding:10px 15px; font-size:16px; text-decoration:none; text-align:center; background:#e6e6e6; -webkit-transition: background-color 0.5s;	-moz-transition: background-color 0.5s; -o-transition: background-color 0.5s; transition: background-color 0.5s;}
.menucp a:link,.menucp a:visited{background:#e6e6e6;}
.menucp a:hover,.menucp a.active,.menucp a.active:link,.menucp a.active:visited{background:#0a51a3; color:#FFFFFF;}


.menu3{ clear:both; overflow:hidden; margin:30px auto 30px auto; max-width:1300px; }
.menu3 h4{ float:left; font-size:22px; line-height:20px;  }
.menu3 h3{float:left; padding:0px 3%; margin:0% 0%; /*width:10%;*/ border-right:1px solid #ddd;  }
.menu3 h3 a,.menu3 h3 a:link,.menu3 h3 a:visited{  display:block; text-align:center; padding:0px 0; color:#333; line-height:20px;
	-webkit-transition: background-color 0.5s ;
	-moz-transition: background-color 0.5s ;
	-o-transition: background-color 0.5s;
	transition: background-color 0.5s; }
.menu3 h3 a:hover,.menu3 h3 a.active,.menu3 h3 a.active:link,.menu3 h3 a.active:visited{ font-weight:bold; color:#063b76; text-decoration:none;}

.menu4{ clear:both; margin:0 auto; max-width:1300px;}
.menu4 ul{clear:both; margin:0 auto; text-align:center; padding-top:10px;}
.menu4 ul a { display:block; float:left; width:13%; background:#ffffff; color:#000; border:1px solid #dddddd; border-radius:15px; font-size:13px; line-height:20px; margin:5px 0.5% 5px 0.5%; text-decoration:none; padding:6px 15px; overflow:hidden;}
.menu4 ul a:hover,.menu4 ul a.active,.menu4 ul a.active:link,.menu4 ul a.active:visited{color:#fff; background:#d71820; border:none;
	-webkit-transition: background-color 0.3s ;
	-moz-transition: background-color 0.3s ;
	-o-transition: background-color 0.3s;
	transition: background-color 0.3s; }

.menu5{ clear:both; margin:0 auto; max-width:1300px;}
.menu5 ul{clear:both; margin:0 auto; text-align:center; padding-top:10px;}
.menu5 ul a { display:block; float:left; width:13%; background:#ffffff; color:#000; border:1px solid #dddddd; border-radius:15px; font-size:13px; line-height:20px; margin:5px 0.5% 5px 0.5%; text-decoration:none; padding:6px 15px; overflow:hidden;}
.menu5 ul a:hover,.menu5 ul a.active,.menu5 ul a.active:link,.menu5 ul a.active:visited{color:#fff; background: #ff8a84; border:none;
	-webkit-transition: background-color 0.3s ;
	-moz-transition: background-color 0.3s ;
	-o-transition: background-color 0.3s;
	transition: background-color 0.3s; }

.menu2{clear:both;}
.menu2 h3{padding:0; margin-bottom:10px; border:#FF0000 1px solid;float:left; width:20%;}
.menu2 h3 a {color:#000;line-height:32px;padding-left:40px; font-size:14px;text-decoration: none; float:left }
.menu2 h3 a:link,.menu2 h3 a:visited{background-image: url(../images/menu1.png);background-repeat:no-repeat; background-position:12px;  }
.menu2 h3 a:hover,.menu2 h3 a.active,.menu2 h3 a.active:link,.menu2 h3 a.active:visited{color: #ff6501;background-image: url(../images/menu1a.png);background-repeat: no-repeat;}

.menu2 ul{padding:0px;}
.menu2 li a {color:#000;line-height:32px; padding-left:40px;margin-bottom:8px;text-decoration: none; display:block;}
.menu2 li a:link,.menu2 li a:visited{background-image: url(../images/menu1.png);background-repeat:no-repeat; background-position:12px;}
.menu2 li a:hover,.menu2 li a.active,.menu2 li a.active:link,.menu2 li a.active:visited{color: #ff6501;background-image: url(../images/menu1a.png);background-repeat:no-repeat;}

.backtop{ text-align:right; margin:10px 0 20px 0;}
.infosearch{ margin:3% auto 0 auto; padding:0px 0px 0 0; border:0px solid red; text-align:center; width:60%; overflow:hidden; }
.infosearch input[type="text"]{width:60%; padding:0 20%; height:45px;border:1px solid #dddddd;-moz-border-radius: 3px;-webkit-border-radius:3px;border-radius:3px;padding-left:3px;background:rgba(255,255,255,.5); font-size:18px;  border-radius:30px; color:#333; }
.infosearch input[type="submit"]{background:#448fb0; cursor:pointer; border: 0px solid #448fb0;height:45px;width:45px;color:#ffffff;font-weight:bold; border-radius:30px; font-size:16px;}
.infosearch input[type="submit"]:hover{background:#be966c;}

.infodes{ clear:both; padding:10px 0; line-height:20px;}

.af{ clear:both;}
.af dl{ clear:both;font-size:12px;line-height:23px;}
.af dl dt,.addf dl dd{ float:left;}
.af dl dt{ width:70px; text-align:right;}

/*信息*/
.info_list{clear:both;margin-top:0px;padding:0px;}
.info_list ul{clear:both;}
.info_list ul li{ float:left; text-align:center; margin-top:15px;}

.info_listimg{clear:both;margin-top:0px;padding:0px; overflow:hidden}
.info_listimg ul{clear:both; margin-top:10px; }
.info_listimg ul li{float:left; width:23%; padding:5px 1% 5px 1%; text-align:center; line-height:36px;}
.info_listimg ul li a{display:block; padding:0px;}

.info_listimg ul li img{ width:100%;display:block; border:1px solid #dddddd;}
.info_listimg ul li a:hover{text-decoration:none;}
.info_listimg ul li a p{overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }

.info_list ol.head{background: #eeeeee;font-size:14px;height:30px;line-height:30px; text-align:center; color:#333333; margin:5% 0 3% 0; }
.info_list ol.head span.title{float:left;width:65%; font-size:16px;}
.info_list ol.head span.title a{font-size:16px; font-weight:bold;}
.info_list ol.head span.views{float:left;width:10%; }
.info_list ol.head span.date{float:right;width:16%; text-align:right; padding:0 25px 0 0;}

.info_list ol{clear:both; font-size:12px;line-height:36px; padding:0 0 0 0px;}
.info_list ol.bg{background: #f5f5f5; padding:0 0 0 10px;}
.info_list ol.info font.dot{ color:#ff0000; }
.info_list ol.info a.title{float:left;width:65%;}
.info_list ol.info span.views{float:left;width:10%;text-align:center;font-size:12px;color:#666666;}
.info_list ol.info span.date{float:right;width:16%;  text-align:right; padding:0 20px 0 0; font-size:14px;color:#666666;}

.info_list dl{ float:left; width:300px; height:265px; text-align:center; margin:0 25px 15px 25px; }
.info_list dl dd{ height:20px;line-height:20px;}

.info_view{ clear:both;padding:5px 0 10px 0;}
.info_view h1.title{border-bottom:1px dotted #ccc; font-size:30px;line-height:36px; padding:5% 0; text-align:center; font-weight:bold;}
.info_view h2.subtitle{ background:#f5f5f5; color:#999; font-size:14px;line-height:22px; padding:5px 0;text-align:center;}
.info_view div.content{padding:0px 0px; font-size:14px;line-height:23px; }
.info_view div.content p{padding:10px 0;}
.info_view img{ max-width:100%;}
.info_view div.atta{font-size:14px;line-height:23px;padding-top:2px;color:#ee7700; font-weight:bold;}
.info_view div.comment{font-size:12px;line-height:23px;padding-top:2px;}

.new_view{ max-width:945px; margin:0 auto; }
.new_view .bigimg img{ width:100%; }

.info_view div.other{ text-align:left; padding-right:0px;}

.info_view .bigimg{ padding:10px 0px; text-align:center;}

.info_view table {border-collapse:collapse; border-spacing: 0; border:#CCCCCC 1px solid;}
.info_view td{border:#CCCCCC 1px solid; text-align:center; padding:4px;}

/*内页简介*/
.main_about{ margin:3% 0; clear:both; overflow:hidden; }
.about_width{ max-width:1300px; margin:0 auto; }
.about_one{ clear:both; overflow:hidden; background:url(../images/aboutbg.jpg) no-repeat right bottom;}
.about_one dl{ }
.about_one dl dt{ float:right; width:32%;}
.about_one dl dt img{ display:block; width:100%; }
.about_one dl dd{ float:left; width:63%; }
.about_one dl dd .content{overflow-x:hidden; margin:0px 0; padding:0px 0px 0px 0; overflow-y:scroll; width:100%; height:350px; }
.about_one dl dd h2{ font-size:30px; margin:0 0 50px 0; display:block; padding:5% 0; background:url(../images/mainlin.jpg) no-repeat bottom left; }
.about_one dl dd p{ line-height:34px;}

.about_si{ margin:5% 0 0 0; }
.wrapper1{width:25%; float:left; text-align:center;}
.counter{display:block; width:163px; height:132px; margin:0 auto; line-height:120px; background:url(../images/jianjie.png) no-repeat center; color:#e9a041;}
.counter h2{ font-size:32px; font-weight:bold; }
.timey{font-weight:bold; font-size:20px; line-height:36px; color:#555;}


.about_title{ color:#333; text-align:center; padding:0 0 30px 0; margin:0 0 30px 0; background:url(../images/biaotibg.png) no-repeat center; }
.about_title h2{background:url(../images/mainlin.jpg) no-repeat bottom center; padding:0 0 20px 0; font-size:40px; }

.about_two{ clear:both; overflow:hidden; padding:4% 0 3% 0; background:url(../images/wenhua01.jpg) no-repeat top center; background-size:cover; }
.about_two .wenhua{ background:url(../images/wenhua.png) no-repeat center top; padding:2% 0 0px 0; }
.about_two .wenhua dl{ width:32%; margin:0 1.5% 0 0; float:left; position:relative; border-radius:30px; overflow:hidden; }
.about_two .wenhua dl:nth-child(3){ margin:0 0 0 0;}
.about_two .wenhua dl img{ display:block; }
.about_two .wenhua dl dd{ position:absolute; bottom:0px; width:94%; padding:5% 3%; background:rgba(6,59,118,0.7); color:#fff; transition: 588ms; }
.about_two .wenhua dl dd img{ float:left; display:none;}
.about_two .wenhua dl dd div{ float:none; margin:0 0 0 10%; }
.about_two .wenhua dl dd div strong{ font-size:26px; display:block; margin:0 0 10px 0; }
.about_two .wenhua dl dd div p{ font-weight:bold; font-size:20px; }


.about_three{ padding:0% 0; clear:both; overflow:hidden;  }
.about_three .about_title{ color:#333; padding:3% 0; position:absolute; top:3%; width:100%; }
.about_three .licheng{ height:auto; position:relative; }

.about_four{ clear:both; overflow:hidden; padding:5% 0 5% 0; background:url(../images/zizhi.jpg) no-repeat top center; background-size:100% 100%; }
.about_four dl{ text-align:center;}
.about_four dl dd{ background:url(../images/zizhi_title.png) no-repeat center;  line-height:49px; color:#fff; }

a.gengduo{ display:block; width:150px; text-align:center; background:#063b76; color:#fff; line-height:40px; transition: 588ms; }
a.gengduo:hover{ background:#bc302f; }

/*联系方式*/

.info_contactbox{  position:absolute; top:94px; right:0px; width:50%; }
.info_contact{  margin:0 auto; height:790px;}
.info_contact ul{ height:610px; width:65%; background:rgba(255,255,255,0.7);  }
.info_contact ul .ulbox{ padding:10% 10% 0 10%; line-height:60px; }
.info_contact ul li{ border-bottom:1px dotted #bbb;  }
.info_contact ul strong{ font-size:30px; margin:0 0 6% 0; display:block; }
.info_contact ul img{ vertical-align:middle; margin:0 20px 0 0; }

.daqu_box{ margin:3% 0 3% 0; }
.daqu_box .daqu_title{ background:url(../images/daquline.gif) repeat-x bottom;}
.daqu_box .daqu_title h2{ font-size:30px; border:1px solid #c9c9c9; border-bottom:1px solid #fff; width:300px; margin:0 auto; text-align:center; padding:10px 0; }
.daqu_box h3{ text-align:center; border-radius:30px; color:#fff; font-size:24px; width:500px; margin:3% auto; line-height:50px; background:#0957a0; }

.daqu_fen{ max-width:1300px; margin:0 auto; clear:both; overflow:hidden; }
.daqu_fen .daqu_bei{ float:left; width:48%;}
.daqu_fen .daqu_nan{ float:right; width:48%;}

.daqu_fen ul{ clear:both; overflow:hidden;}
.daqu_fen h2{ text-align:center; background:#e6eef5; font-size:24px; padding:20px 0; width:98.5%; }
.daqu_fen ul li{ width:39%; padding:10% 5% 0% 5%;  float:left; border:1px solid #eee;}
.daqu_fen ul li:nth-child(2n){ border-left:0px solid #eee;}
.daqu_fen ul li span{ display:block; font-size:18px; background:url(../images/daquspan.gif) no-repeat left bottom; padding:0 0 16px 0; }
.daqu_fen ul li p{ margin:25px 0; color:#0957a0; line-height:50px;}
.daqu_fen ul li img{ vertical-align:middle; margin:0 15px 0 0;}
/*联系方式 end*/

/*分类展示下载*/
.one_frist{ margin:0 0 1% 0; }
.one_frist h2{font-size:20px;  border-bottom:1px dotted #bbb; padding:20px 0 20px 40px; font-weight:bold; background:url(../pictures/ico.png) no-repeat left center; background-size:30px; }
.one_sed{display: inline-block;width: 100%; padding:20px 0; }
.one_sed li { background:url(../images/xiazai.png) no-repeat 0px center; background-size:25px; padding-left:40px; line-height:30px; margin:10px 0; width:auto; transition:all 0.8s; -moz-transition:all 0.8s;-webkit-transition:all 0.8s;-o-transition:all 0.8s; position:relative;  }
.one_sed li:after{content: "";width: 0; height: 2px; background: #bc302f;position: absolute; top: 100%;left:0%;transition: all 1s;}
.one_sed li:hover:after,.one_sed li.active:after{left: 0%;width: 100%;}
.one_sed li:last-child{clear: both;}
.one_sed li a:hover{color:#bc302f; }
.one_sed li span{ color:#aaa; margin:0 0 0 20px; }

.mins{position: fixed; margin: 0 auto; width: 100%;height: 100%;top: 0px;left: 0px;z-index: 999;display: none; text-align:center; }
.mins form{width: 350px;margin: 220px auto; background: rgba(0,0,0,.7);padding: 20px; }
.mins form input{ line-height:36px; padding:0 20px; }
.mins form button{ line-height:36px; width:50px; cursor:pointer; }
.mins span{ color:#fff; display:block; margin:0 0 20px 0; }
.mins .mins_close{ text-align:right; }
.mins .mins_close a{ color:#fff; }
/*分类展示下载 end*/


/*视频*/
.imgbox{ width:100%; clear:both;font-family:"微软雅黑";}
.imgbox li{ float:left; list-style:none; width:47%; margin:1.5%; position:relative; overflow:hidden;  }
.imgbox li img{ width:100%; display:block; height:auto;transition: all 0.3s ease-out;}
.imgbox li h3{ position:absolute; bottom:0; height:40px; background:#063b76; width:80%; margin:0 10%; line-height:40px; text-align:center; color:#fff;transition: all 0.3s ease-out;}
.imgbox li .intro{ position:absolute; width:100%; height:100%; background:rgba(0,0,0,0.6); opacity:0; z-index:9999; top:0; left:0;transition: all 0.3s ease-out;}
.imgbox li .intro h4{ text-align:center; line-height:40px; margin:8% 0 0 0; color:#fff;transform: scale(0.5); transition: all 0.3s ease-out;}
.imgbox li .intro p{ text-align:left; line-height:28px; color:#fff; font-size:14px; padding:5% 10%; text-indent:2em;transform: scale(0.5); transition: all 0.3s ease-out;}
.imgbox li .intro span{ display:block; text-align:center;}
.imgbox li .intro span a{ width:80px; height:30px; background:rgba(188,48,47,1); line-height:30px; text-decoration:none; color:#fff; padding:5px; border:solid #bc302f 2px;transition: all 0.3s ease-out;transform: scale(0.5); display:inline-block;}
.imgbox li:hover img{transform: scale(1.5);}
.imgbox li:hover .intro{ opacity:1;}
.imgbox li:hover h3{ bottom:-40px;}
.imgbox li .intro span a:hover{ background:rgba(188,48,47,0); color:#fff;}

.imgbox li:hover .intro h4{transform: scale(1);}
.imgbox li:hover .intro p{ transform: scale(1);}
.imgbox li:hover .intro span a{transform: scale(1);}

/*新闻首页*/
.newsindex{ margin:5% 0 5% 0; clear:both; overflow:hidden; }
.newsindex_left{ width:45%; float:left;  }
.newsindex .swiper-slide { position:relative;
      text-align: center;
      font-size: 18px;
      background: #fff;
      display: -webkit-box;
      display: -ms-flexbox;
      display: -webkit-flex;
      display: flex;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      -webkit-justify-content: center;
      justify-content: center;
      -webkit-box-align: center;
      -ms-flex-align: center;
      -webkit-align-items: center;
      align-items: center;
    }
.newsindex .swiper-slide p{ position:absolute; bottom:0px; background:rgba(6,59,118,0.7); width:100%; text-align:left; line-height:30px; padding:15px 0; }
.newsindex .swiper-slide p span{ padding:0 20px; color:#fff;  overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp:1;}
.newsindex .swiper-slide img{ display:block; width:100%; height: auto; }
.newsindex .swiper-pagination-bullet {    width: 12px;    height: 12px;}
.newsindex .swiper-pagination-bullet{ background:#fff;opacity:.4;}
.newsindex .swiper-pagination-bullet-active{ background:#fff;opacity:1;}

.newsindex .swiper-button-prev, .newsindex .swiper-container-rtl .swiper-button-next {    left: 20px;    right: auto;}
.newsindex .swiper-button-next, .newsindex .swiper-container-rtl .swiper-button-prev {    right: 20px;    left: auto;}

.newsindex .swiper-button-next,
.newsindex .swiper-button-prev {
 position:absolute;
 top:50%;
 width:22px;
 height:36px;
 margin-top:-18px;
 z-index:10;
 cursor:pointer;
 display:flex;
 align-items:center;
 justify-content:center;
 color:#fff;
}
.newsindex .swiper-button-prev{ background:url(images/arrow_l.png); background-size:cover;}
.swiper-button-prev::after, .swiper-container-rtl .swiper-button-next::after {
    content: '';
}
.newsindex .swiper-button-next{ background:url(images/arrow_r.png);background-size:cover;}
.swiper-button-next::after, .swiper-container-rtl .swiper-button-prev::after {
    content: '';
}

.newsindex_right{ width:54%; float:right;}
.newsindex_right dl{ float:right; width:47%; padding:0 0 0px 0; background:#f8f8f8; margin:0 0px 0 3%;  }
.newsindex_right dl:nth-child(2){ margin:0px 0 0 0; }
.newsindex_right dl dt{ width:100%; clear:both; overflow:hidden; }
.newsindex_right dl dt p{ width:100%; padding:0 0 0 4%; line-height:54px; color:#fff;  font-size:18px; z-index:99; background:rgba(0,70,162,0.7); font-weight:normal; }
.newsindex_right img{ margin:0 auto; display:block; width:100%; transition: 588ms; }
.newsindex_right dl dd{ padding:5% 7%; line-height:24px; font-size:14px; color:#999999; border-top:0px; transition: 588ms; }
.newsindex_right dl dd p{ overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp:2;}
.newsindex_right dl dd a{ display:block; line-height:50px; background:url(../images/xinwenling.jpg) no-repeat top left; width:100%; color:#888888;  margin:20px 0 0 0;}
.newsindex_right dl dd a span{ display:block; background:url(../images/xinwendot.png) no-repeat right center; }
.newsindex_right dl dd h2{ font-size:18px; color:#333; margin:0 0 15px 0; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; }

.newsindex_right dl:hover dd{ background:#0046a2; box-shadow:0px 0px 10px #777;  }
.newsindex_right dl:hover dd{ color:#fff;}
.newsindex_right dl:hover dd h2{ color:#fff;}
.newsindex_right dl:hover a{ color:#fff; }
.newsindex_right dl:hover img {transform: scale(1.1); -webkit-transform: scale(1.1); -moz-transform: scale(1.1);}
/*新闻首页 end*/


/*技术支持*/
.jishu_index{  }
.jishu_index ul{ clear:both; overflow:hidden; background:#f7f7f7; }
.jishu_index ul li{ width:50%; float:left; overflow:hidden;}
.jishu_index ul li img{ width:100%; display:block; transition: 588ms; }
.jishu_index ul:hover img {transform: scale(1.1); -webkit-transform: scale(1.1); -moz-transform: scale(1.1);}
.jishu_index ul ol{ width:38%; padding:4% 5%; float:right; }
.jishu_index ul ol h2{ font-size:30px; }
.jishu_index ul ol .jishu_shuoming{ line-height:30px; margin:3% 0;overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3;  }

.jishu_index ul:nth-child(2n) li{ float:right;}
.jishu_index ul:nth-child(2n) ol{ float:left;}

.shuoming{ background:#f1f4f8; border:0px solid #dddddd; padding:2% 2%; line-height:26px; font-size:14px; margin:0 0 2% 0; }
.shuoming p{ line-height:28px; font-size:16px; } 

.info_commentlist{clear:both;margin-top:0px;padding:0px;}
.info_commentlist h1{background:#eeeeee;font-size:14px;line-height:28px;padding-top:3px;text-align:center;}
.info_commentlist p.name{clear:both; font-weight:bold; padding:3px 0;}
.info_commentlist p.date{clear:both; padding:3px 0; }
.info_commentlist p.content{clear:both; font-size:12px;line-height:20px; margin-bottom:20px; padding-bottom:10px; border-bottom:dotted 1px #ccc;}

.info_commentadd{ padding:5px;}
.info_commentadd p{ padding:3px 0;}
.info_commentadd input[type="text"]{ width:230px;}
.info_commentadd #txtcode{width:80px;}
.info_commentadd textarea{ width:230px;}

.supply_add{ padding:5px;}
.supply_add h2{ padding:5px; background-color:#f0f0f0; text-align:center;}
.supply_add p{ padding:3px 0;}
.supply_add input[type="text"]{ width:230px;}
.supply_add #txtcode{width:80px;}
.supply_add textarea{ width:230px;}

/*产品*/
.product_cate{clear:both;}
.product_cate dl{ clear:both; width:100%; margin-top:10px;  clear:both; overflow:hidden; }
.product_cate dl dt{ float:left; width:30%; overflow:hidden; border:5px solid #f1f4f8; }
.product_cate dl dt img{ width: 100%;   top: 0;  position: relative;  left: 0;  -webkit-transition: -webkit-transform 0.5s;  -moz-transition: -moz-transform 0.5s;  -o-transition: -o-transform 0.5s;  transition: transform 0.5s;}
.product_cate dl:hover img{  -webkit-transform: scale(1.1);  -moz-transform: scale(1.1);  -ms-transform: scale(1.1);  -o-transform: scale(1.1);  transform: scale(1.1);	}
.product_cate dl dd{ float:right; width:65%; line-height:21px;}
.product_cate dl dd strong a{ font-size:20px; display:block; margin:2% 0;overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; }
.product_cate dl dd a.more{ display:block; clear:both; overflow:hidden; text-align:center; float:left; line-height:37px; font-size:16px; color:#333; border:1px solid #fff; width:150px; margin:20px auto 0 auto;transition: 588ms; background:#f1f4f8; }
.product_cate dl dd a.more:hover{ background:#0b69d1; color:#fff;  }
.product_cate dl dd p{overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; line-height:26px; color:#777; }

/*产品：上图下字*/
.product_list{clear:both; margin-top:0px; padding:0px; overflow:hidden}
.product_list ul{clear:both; margin-top:10px; }
.product_list ul li{float:left; width:23%; padding:5px 1% 5px 1%; text-align:center;line-height:26px;}
.product_list ul li a{display:block; background:#efefef; padding:5% 5%; -webkit-transition: background-color 1.0s ; -moz-transition: background-color 1.0s ; -o-transition: background-color 1.0s; transition: background-color 1.0s; }
.product_list ul li img{ width:100%;display:block;}
.product_list ul li a:hover{text-decoration:none; background:#ee7700; color:#ffffff;}
.product_list ul li p{ text-align:center; margin:5px 0 0 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.product_list ul li p span{ display:block; line-height:28px;}

/*产品列表*/
.pro_box{ }
.pro_box ul.box_cp{ clear:both; overflow:hidden; margin:3% 0 0 0; }
.pro_box ul.box_cp li{ width:32.1%; margin:0 1.5% 2% 0;  float:left; border:1px solid #eeeeee;}
.pro_box ul.box_cp li:nth-child(3n){ margin:0px 0 0 0;  }
/*产品列表 end*/


/*产品：列表*/
.product_list ol.head{background: #eeeeee;font-size:14px;height:26px;line-height:26px;padding-top:2px; padding-left:16px;text-align:center; color:#333333;}
.product_list ol.head span.title{float:left;width:60%;}
.product_list ol.head span.views{float:left;width:10%;  }
.product_list ol.head span.date{float:right;width:28%; }

.product_list ol.info{clear:both; font-size:12px;height:27px;line-height:27px;padding:2px 0 1px 16px;background-image:url(../images/bg.gif); background-repeat:no-repeat;}
.product_list ol.bg{background: #f5f5f5;}
.product_list ol.info font.dot{color:#ff0000; font-family:"宋体";}
.product_list ol.info a.title{float:left;width:60%; }
.product_list ol.info span.views{float:left;width:10%;text-align:center;font-size:12px;color:#666666;}
.product_list ol.info span.date{float:right;width:28%; text-align:center;font-size:12px;color:#666666;}

/*产品：左图右字*/
.product_list dl{ clear:both; width:100%; margin-top:10px;}
.product_list dl dt{ float:left; margin-right:10px;}
.product_list dl dd{ float:left; line-height:21px;}
.product_list dl strong{ font-size:14px;}
.product_list dl div.summary{ line-height:20px;}

/*产品：详情*/
.af_product{ float:right; width:55%;  }
.af_product h1.title{border-bottom:1px dotted #ccc; font-size:30px;line-height:26px; padding:15px 0; font-weight:bold;}
.af_product .af_content{ background:#f1f4f8;  padding:5% 3% 5% 5%; line-height:32px; margin:3% 0 0 0; }
.af_product .af_content div{ overflow-x:hidden; margin:0px 0; padding:0px 2% 0px 0; overflow-y:scroll; width:98%; height:130px; }


.af_dianhua{ background:#0b69d1; clear:both; overflow:hidden; margin:4% 0;  }
.af_dianhua span{ width:210px; font-size:16px; float:left; color:#fff; margin:0 0% 0 10%;  line-height:60px; padding:0 0 0 40px;  }
.af_dianhua span:nth-child(1){ background:url(../images/cp_dianhua01.png) no-repeat left center; }
.af_dianhua span:nth-child(2){ background:url(../images/cp_dianhua02.png) no-repeat left center; }

.af_san{ clear:both; overflow:hidden;  padding:0px 0; }
.af_san span{ display:block; width:18%; padding:0 0%; float:left; margin:0% 0% 0% 4%;   }
.af_san span a{ font-size:16px; }
.af_san span:hover a{ color:#333333; }
.af_san span:nth-child(1){ background:url(../images/cp_anniu03.png) no-repeat left center; padding:0 0 0 10%; line-height:60px; }
.af_san span:nth-child(2){ background:url(../images/cp_anniu02.png) no-repeat left center; padding:0 0 0 10%; line-height:60px; }
.af_san span:nth-child(3){ background:url(../images/cp_anniu01.png) no-repeat left center; padding:0 0 0 10%; line-height:60px; }

.zoominfo{ width:35%; float:left; }
.zoominfo .zoominforight{ float:left; margin-left:15px; font-size:14px; line-height:25px; }
.zoominfo .zoominforight h3{ font-size:16px; font-weight:bold;}
.zoominfo .htmleaf-content{ max-width:500px; margin:0% auto 0 auto; }
.zoominfo .thumbnails{ border:0px solid #d6d6d6; }

.zoominfo .thumb-box { 
	padding:2em 0 0em 0;
	margin-left: -1%;
	width: 102%;}
.zoominfo .thumb-box .thumbs {
	overflow: hidden;
	*zoom: 1;
}
.zoominfo .thumb-box .thumbs li {
	float: left;
	width: 21%;
	text-align: center;
	padding: 0 2%;}
.zoominfo .thumb-box .thumbs li img {
	width: 100%;
	opacity: .8;
	-moz-transition: opacity 0.32s;
	-o-transition: opacity 0.32s;
	-webkit-transition: opacity 0.32s;
	transition: opacity 0.32s;
	border:1px solid transparent; border-radius:10px;
}
.zoominfo .thumb-box .thumbs li img.active {
	border-color: #91b3d9;
	opacity: 1;
}
.zoominfo .thumb-box .thumbs li:hover img {
	opacity: 1;
	-moz-transition: opacity 0.2s;
	-o-transition: opacity 0.2s;
	-webkit-transition: opacity 0.2s;
	transition: opacity 0.2s;
}

.product_view{ clear:both;padding:5px 0 10px 0;}
.product_view h2.subtitle{ background:#f5f5f5; color:#999; font-size:14px;line-height:22px; padding:5px 0;text-align:center;}
.product_view div.content{padding:0px 0px; font-size:14px;line-height:23px; }
.product_view div.content p{padding:10px 0;}
.product_view img{ max-width:100%;}
.product_view div.atta{font-size:14px;line-height:23px;padding-top:2px;color:#ee7700; font-weight:bold;}
.product_view div.comment{font-size:12px;line-height:23px;padding-top:2px;}

.product_view div.other{ text-align:left; padding-right:0px;}

.product_view .bigimg{ padding:10px 0px; text-align:center;}

.product_content table {border-collapse:collapse; border-spacing: 0; border-bottom:#d8e2ed 1px solid; }
.product_content table tr:nth-child(2n+1){ background:#f1f4f8; }
.product_content td{text-align:center; padding:10px 5px;}
.product_content tr{border-bottom:#fff 1px solid; }
.product_content tr:hover{ border-bottom:#cdd7e2 1px solid; }
.product_content table tr:nth-child(1){ background:#d8e2ed;  }
.product_content table tr:nth-child(1) td{ font-weight:bold; }

.product_view dl{ clear:both;}
.product_view dl dt,.product_view dl dd{ float:left;}
.product_view dl dt{ margin-right:10px; }
.product_view dl dd ul{ clear:both;}
.product_view dl dd li{ clear:both;font-size:12px;line-height:23px;}
.product_view dl dd span,.product_view dl dd p{ float:left;}
.product_view dl dd span{ width:70px; text-align:right;}
.product_view div.atta{font-size:12px;line-height:20px;color:#ee7700;}
.product_view{}

.product_top{ max-width:1300px; margin:3% auto 0 auto; }

.product_contentbox{ margin:3% 0 0 0; }
.product_view .product_content{ line-height:30px; background:#f7f7f7; border-top:1px dotted #ddd; padding:0% 0; }
.product_view .product_content:nth-child(1){ background:#f7f7f7 url(../images/cpviwe.png) no-repeat center; background-size:60%; }
.product_view .product_content:nth-child(2n){ background:#fff;  }
.product_view .product_content h3{ font-weight:0.2px; font-size:24px; line-height:70px; padding:0 0 0px 0; margin:20px 0 20px 0; color:#063b76;  }

.product_view .product_content ul{ clear:both; overflow:hidden;  }
.product_view .product_content ul li{ width:47%; float:left; padding:0 6% 0 0; margin:3% 0 0 0; }
.product_view .product_content ul li:nth-child(2n){ padding:0 0 0 0;  }
.product_view .product_content ul li img{ display:block; width:100%;  }
.product_view .product_content ul ol{ clear:both; overflow:hidden; }

.product_view .product_content dl{ clear:both; overflow:hidden; margin:2% 0 0 0; }
.product_view .product_content dl dd{ width:22%; float:left; margin:0 4% 0 0; text-align:center; }
.product_view .product_content dl dd img{ display:block; width:100%; }
.product_view .product_content dl dd:nth-child(4n){ margin:0 0 0 0; }


.pr_con{ max-width:1300px; margin:0 auto; padding:0% 0 3% 0; clear:both; overflow:hidden;  }
.pr_left{ width:60%; float:left; }
.pr_pic{ width:36%; float:right; padding:7% 0 0 0;}
.pr_pic img{ display:block; width:100%; }


/*智能传感器*/
.cp_xh_box{max-width:1300px; margin:0 auto; padding:3% 0 3% 0;}
.cp_xh{ width:100%; clear:both; overflow:hidden; }

.cp_xunhuan{ }
.cp_xunhuan h3{ border-bottom: 1px dotted #ccc; margin:0 0 3% 0;   font-size: 30px;    line-height: 26px;    padding: 15px 0;    font-weight: bold; }
.cp_xunhuan .xh_pic{ float:left; width:30%; text-align:center; }
.cp_xunhuan .xh_pic img{ display:block; width:100%; }
.cp_xunhuan .xh_zi{ float:right; width:60%; line-height:36px; padding:5% 0 0 0; }
.cp_xunhuan .xh_zi img{ display:block; width:100%; }
.cp_xunhuan .cl{ border:1px solid red; margin:3% 0;}

.cp_xunhuan:nth-child(even){ margin:3% 0 0 0; }
.cp_xunhuan:nth-child(even) .xh_pic{ float:right; width:30%; text-align:center; }
.cp_xunhuan:nth-child(even) .xh_zi{ float:left; width:60%; line-height:36px; padding:5% 0 0 0; }

.cp_xh table {border-collapse:collapse; border-spacing: 0; border-bottom:#d8e2ed 1px solid; }
.cp_xh table tr:nth-child(2n+1){ background:#f1f4f8; }
.cp_xh td{text-align:center; padding:10px 5px;}
.cp_xh tr{border-bottom:#fff 1px solid; }
.cp_xh tr:hover{ border-bottom:#cdd7e2 1px solid; }
.cp_xh table tr:nth-child(1){ background:#d8e2ed;  }
.cp_xh table tr:nth-child(1) td{ font-weight:bold; }

.cp_xh hr{ margin:50px 0 0 0; }
/*智能传感器 end*/

.product_viewcart{padding:5px;}
.product_viewcart h2{ padding:5px; background-color:#f0f0f0; text-align:center; font-weight:bold;}
.product_viewcart p{ padding:3px 0; border-bottom:dotted 1px #ccc; margin-bottom:10px; padding-bottom:10px;}
.product_viewcart strong{ font-weight:bold;}
.product_viewcart input[type="text"]{ width:230px;}
.product_viewcart input.pnum{width:80px;}
.product_viewcart textarea{ width:230px; font-family:"Microsoft Yahei",宋体,Verdana,Arial,Helvetica,Sans-serif;}

/*留言内页*/
.message_add{ padding:0px;}
.message_add p{ float:left; width:43.5%; padding:1% 1.5%; margin:1.5% 1.5%; -moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px; border:1px solid #ddd;}
.message_add input[type="text"]{ width:80%; height:30px; background:#eee;  -moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px; border:0px solid #cccccc;}
.message_add #txtcode{width:100px;}
.message_add textarea{ width:98.5%; margin:10px 0 0 0; -moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px; border:0px solid #cccccc; background:#eee; }

.message_list{clear:both; margin-bottom:25px;padding:0px;font-size:12px;line-height:20px; padding:1px;}
.message_list h1.title{background:#ebebeb;font-size:16px;line-height:28px;text-align:center;}
.message_list div.memo{padding:5px 0;}
.message_list div.nickname{text-align:left; padding:3px 0px;}
.message_list div.adddate{text-align:left; padding:3px 0px;}
.message_list div.reply{ padding:5px 0;background-color:#f7f7f7; }

.ly_nav{ text-align:center; }
.ly_nav input{ background:#bc302f; border-radius:5px; margin:0 1%; color:#fff; width:140px; line-height:40px; border:0px; font-size:16px; cursor:pointer;  transition: 588ms;}
.ly_nav input:hover{ background:#224794; }

.order_add{ padding:5px;}
.order_add p{ padding:3px 0;}
.order_add input[type="text"]{ width:230px;}
.order_add #txtcode{width:100px;}
.order_add textarea{ width:230px;}


/*人力资源内页*/
.rencai_pic{ width:100%;}
.rencai_pic img{ display:block; width:100%; }
.rencai_zi{ clear:both; overflow:hidden; margin:5% 0; }
.rencai_zi dl{ font-size:16px; line-height:36px;}
.rencai_zi dl dt{ font-size:24px; margin:0px 0 25px 0; }
.rencai_zi dl:nth-child(1){ width:45%; padding:0 4% 0 0; float:left; border-right:1px solid #eee;  }
.rencai_zi dl:nth-child(2){ width:45%; float:right; }

.job_add{ padding:5px;}
.job_add p{ padding:3px 0;}
.job_add input[type="text"]{ width:98%; height:30px; -moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px; border:1px solid #cccccc;}
.job_add #txtcode{width:100px;}
.job_add textarea{ width:98%; -moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px; border:1px solid #cccccc;}
.job_add select{ height:30px; -moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px; border:1px solid #cccccc;}

.joblist{ clear:both; margin-bottom:15px; padding:10px 3px 10px 3px; border-bottom:dotted #333 1px;}
.joblist p{ padding:3px 0;}
.joblist p.biaoti{ font-size:18px;}
.joblist p.biaoti span{ font-size:18px;}
.joblist p.biaoti a{ background:#eeeeee; padding:3px 15px; -moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px; border:1px solid #cccccc;}
.joblist p.fabu{ color:#666666;}

.viewpic{ width:100%; text-align:center; clear:both;}
.viewpic img{ margin:20px auto; display:block;}
/*分页*/
.pagelist{clear:both; font-size:14px; line-height:26px; margin-top:5%; text-align:center; color:#333333;}
.pagelist a{color:#363535; text-decoration:none; line-height:26px; margin:5px 2px; border:#CCCCCC solid 1px; -moz-border-radius:3px;-webkit-border-radius:3px;border-radius:3px; padding:3px 8px;}
.pagelist a:hover{color:#0a51a3; text-decoration:none; border:#ccc solid 1px; background:#f1f1f1;}
.pagelist a.red{color:#ffffff; text-decoration:none; font-weight:bold; background:#d71820; border:none; -moz-border-radius:3px;-webkit-border-radius:3px;border-radius:3px;}
.pagelist a.red:hover{color:#ffffff; text-decoration:none;} 

.plinktop{text-align:right;font-size:12px;line-height:25px; padding-right:8px;}
.plinktop a,.plinktop a:link,.plinktop a:visited { padding:0 3px;color:#363535;  text-decoration:none;}
.plinktop a:hover{color:#ee7700; text-decoration:underline;}
.plinktop a.red,.plinktop a.red:link,.plinktop a.red:visited {color:#ee7700; text-decoration:underline; }
.plinktop a.red:hover{color:#ee7700; text-decoration:underline;} 

.plinkbottom{text-align:center;font-size:14px;line-height:25px;  padding-right:0px; margin:20px 0 0 0;}
.plinkbottom a,.plinkbottom a:link,.plinkbottom a:visited {padding:0 3px;color:#363535;text-decoration:none; }
.plinkbottom a:hover{color:#ee7700; text-decoration:underline;}
.plinkbottom a.red,.plinkbottom a.red:link,.plinkbottom a.red:visited {color:#ee7700; text-decoration:underline; }
.plinkbottom a.red:hover{color:#ee7700; text-decoration:underline;}

.imgborder{ border:#dedede solid 1px;}

.roundabout-holder  { 
	width:850px;
	height:496px;
	margin:0 auto;

}
.roundabout-moveable-item {
   width:650px;
   height:394px;
   cursor: pointer;
	border:3px solid #ccc;
	border:3px solid rgba(0, 0, 0, 0.08);
   border-radius:4px;
	 -moz-border-radius:4px;
	 -webkit-border-radius:4px;
}
	.roundabout-moveable-item img{
		width:100%;
	}
.roundabout-in-focus {
	border:4px solid rgba(0, 0, 0, 0.1);
}

/*新闻内页*/
.info_listxw{clear:both; padding:0px; margin-top:20px; display:block; overflow:hidden;}
.info_listxw dl{ clear:both; padding:1.5% 0px; border-bottom:1px dotted #cccccc; overflow:hidden;position: relative;}
.info_listxw dl:before{ content:""; background:#f8f8f8; width:100%; height:100%; position:absolute; left: 0; top: 0;  opacity: 0; visibility: hidden; transform: scaleY(0); -webkit-transform: scaleY(0); -moz-transform: scaleY(0); transition: 570ms; }

.info_listxw dl:hover:before {opacity: 1; visibility: visible; transform: scaleY(1); -webkit-transform: scaleY(1); -moz-transform: scaleY(1); }
.info_listxw dl:hover dt img {transform: scale(1.1); -webkit-transform: scale(1.1); -moz-transform: scale(1.1);}

.info_listxw dl dt{ color:#fff; background:#bc302f; padding:5px 10px; font-size:18px; width:120px; float:left; position:absolute; z-index:99; }
/*.info_listxw dl dt img { display: block; width:98%; border:0px solid #e6e6e6; height: auto; line-height: 1; transition: 588ms; }*/
.info_listxw dl dd{ clear:both; position:relative; padding:0px 1%; width:82%; float:right;}
.info_listxw dl dd a.title{ clear:both; display:block; font-size:20px; line-height:24px; margin:0 0 20px 0; }
.info_listxw dl dd .jianyao{ clear:both; font-size:14px; line-height:24px; color:#666666; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp:2;}

/* 特效滚动 */
#focus_Box{position:relative;width:800px;height:554px;margin:20px auto;}
#focus_Box ul{position:relative;width:800px;height:554px}
#focus_Box li{z-index:0;position:absolute; width:0px;background:#787878;height:0px;top:146px;cursor:pointer;left:200px;border-radius:4px;box-shadow:1px 1px 12px rgba(200, 200, 200, 1)}
#focus_Box li img{width:100%;background:url(../images/loading.gif) no-repeat center 50%;height:100%;vertical-align:top}
#focus_Box li p{position:absolute;left:0;bottom:0px;width:100%;height:40px;line-height:40px;background:url(../images/float-bg.png) repeat;text-indent:8px;color:#fff;}
#focus_Box li p span{display:inline-block;width:70%;height:40px;overflow:hidden;}
#focus_Box .prev,#focus_Box .next{display:block;z-index:100;overflow:hidden;cursor:pointer;position:absolute;width:52px;height:52px;top:131px;}
#focus_Box .prev{background:url(../images/btn.png) left bottom no-repeat;left:0px}
#focus_Box .next{background:url(../images/btn.png) right bottom no-repeat;right:0px} 
#focus_Box .prev:hover{background-position:left top;}
#focus_Box .next:hover{background-position:right top;}
#focus_Box a.imgs-scroll-btn{display:block;position:absolute;z-index:110;top:7px;right:15px;width:51px;height:23px;overflow:hidden;background:url(../images/share-btn.png) no-repeat;text-indent:-999px;}

/*QQ客服样式*/
.main-im{position:fixed;right:10px;top:300px;z-index:100;width:110px;height:272px;}
.main-im .qq-a{display:block;width:106px;height:116px;font-size:14px;color:#0484cd;text-align:center;position:relative;}
.main-im .qq-a span{bottom:5px;position:absolute;width:90px;left:10px;}
.main-im .qq-hover-c{width:70px;height:70px;border-radius:35px;position:absolute;left:18px;top:10px;overflow:hidden;z-index:9;}
.main-im .qq-container{z-index:99;position:absolute;width:109px;height:118px;border-top-left-radius:10px;border-top-right-radius:10px;border-bottom:1px solid #dddddd;background:url(../images/qq-icon-bg.png) no-repeat center 8px;}
.main-im .img-qq{max-width:60px;display:block;position:absolute;left:6px;top:3px;-moz-transition:all 0.5s;-webkit-transition:all 0.5s;-o-transition:all 0.5s;transition:all 0.5s;}
.main-im .im-qq:hover .img-qq{max-width:70px;left:1px;top:8px;position:absolute;}
.main-im .im_main{background:#F9FAFB;border:1px solid #dddddd;border-radius:10px;background:#F9FAFB;display:none;}
.main-im .im_main .im-tel{color:#000000;text-align:center;width:109px;height:105px;border-bottom:1px solid #dddddd;}
.main-im .im_main .im-tel div{font-weight:bold;font-size:12px;margin-top:6px;}
.main-im .im_main .im-tel .tel-num{font-family:Arial;font-weight:bold;color:#e66d15;}
.main-im .im_main .im-tel:hover{background:#fafafa;}
.main-im .im_main .weixing-container{width:55px;height:47px;border-right:1px solid #dddddd;background:#f5f5f5;border-bottom-left-radius:10px;background:url(../images/weixing-icon.png) no-repeat center center;float:left;}
.main-im .im_main .weixing-show{width:112px;height:172px;background:#ffffff;border-radius:10px;border:1px solid #dddddd;position:absolute;left:-125px;top:-126px;}
.main-im .im_main .weixing-show .weixing-sanjiao{width:0;height:0;border-style:solid;border-color:transparent transparent transparent #ffffff;border-width:6px;left:112px;top:134px;position:absolute;z-index:2;}
.main-im .im_main .weixing-show .weixing-sanjiao-big{width:0;height:0;border-style:solid;border-color:transparent transparent transparent #dddddd;border-width:8px;left:112px;top:132px;position:absolute;}
.main-im .im_main .weixing-show .weixing-ma{width:104px;height:103px;padding-left:5px;padding-top:5px;}
.main-im .im_main .weixing-show .weixing-txt{position:absolute;top:110px;left:7px;width:100px;margin:0 auto;text-align:center;}
.main-im .im_main .go-top{width:50px;height:47px;background:#f5f5f5;border-bottom-right-radius:10px;background:url(../images/toTop-icon.png) no-repeat center center;float:right;}
.main-im .im_main .go-top a{display:block;width:52px;height:47px;}
.main-im .close-im{position:absolute;right:10px;top:-12px;z-index:100;width:24px;height:24px;}
.main-im .close-im a{display:block;width:24px;height:24px;background:url(../images/close_im.png) no-repeat left top;}
.main-im .close-im a:hover{text-decoration:none;}
.main-im .open-im{cursor:pointer;margin-left:68px;width:40px;height:133px;background:url(../images/open_im.png) no-repeat left top;}
.cart-btn {
	width: 60px;
	height:60px;
	height:60px;
	position: fixed;
	top:300px;
	right:0px;
	z-index: 99;
	cursor: pointer;
}

.menu1_box{ overflow:hidden; text-align:center; }
.menu1_box h2{display: none;}
.menu1_box a {color:#000000; line-height:40px;  padding:10px 15px; font-size:16px; text-decoration:none; text-align:center; background:#e6e6e6; 	-webkit-transition: background-color 0.5s;	-moz-transition: background-color 0.5s; -o-transition: background-color 0.5s; transition: background-color 0.5s;}
.menu1_box a:link,.menu1_box a:visited{background:#e6e6e6;}
.menu1_box a:hover,.menu1_box a.active,.menu1_box a.active:link,.menu1_box a.active:visited{background:#d71820; color:#FFFFFF;}
.menu1_box ul li {display: inline;float: left;width:120px;}
.menu1_box ul {display: inline-block;overflow: auto;}
.page_road{text-align: center;}
/*订单信息*/
.tipcontent {
	width: 300px;
	margin: 10px auto 0 auto;
}
.tipcontent .reason{
	margin-left: 10px;
}
#iknow{
	display: block;
	line-height: 30px;
	height: 30px;
	width: 100px;
	margin: 0 auto;
	text-align: center;
	border-radius:5px;
	cursor:pointer;
	background:#d71820;
	color: #fff;
	margin-top:20px;
}
.tipcontent table td{
	height:40px;
}
.order_title{
	height:40px;line-height:40px;
	padding-left: 10px;
}
.product_info{
	width:70%;
}
.product_info td{
	width:25%;
	height: auto;
	line-height:35px;
	text-align: left;
	padding-left:30px;
}
.pro_name{
	cursor:pointer;
}
.address_info{
	width:80%;
}
.address_info td:nth-child(2),.address_info td:nth-child(4){
	width:30%;
	height: auto;
	line-height:35px;
}
/*订单退款申请结束*/
#layui-layer1{
	border: 1px solid #8D8D8D;
}
#layui-layer1 .layui-layer-title{padding-left:10px;font-size:16px;}
.action_box span,.action_box a{
	color:#40a9ff;
	cursor: pointer;
}
/*相关产品/相关新闻*/
.product_related{ clear:both; overflow:hidden}
.product_related .title{ line-height:34px; font-size:16px; font-weight:bold; border:#e6e6e6 1px solid; margin-bottom:2%; padding-left:2%;}
.product_related ul{}
.product_related ul li{float:left; width:21%; padding-right:2%; padding-left:2%; padding-bottom:2%; line-height:24px;}
.product_related ul li img{ border:#e5e5e5 1px solid;width:100%;}
.product_related li a{ text-align:center; display:block}

.news_related{ clear:both; margin-top:2%;}
.news_related .title{ line-height:34px; font-size:16px; font-weight:bold; border:#e6e6e6 1px solid; margin-bottom:2%; padding-left:2%;}
.news_related ul{ width:96%; margin:0 auto}
.news_related li{ line-height:26px;}