body,html{ padding:0; margin:0; font:12px;font-family:微软雅黑, Arial, Helvetica, sans-serif;}
html, body, span,applet,
object, iframe,h1, h2, h3, h4, h5, h6,
p, blockquote, pre,a, abbr, acronym,
address, big, cite, code,del, dfn, em,
font, img, ins, kbd, q, s, samp,small, strike,
sub, sup, tt, var,dd, dl, dt,
li, ol, ul,fieldset, form, label, legend,
table, caption, tbody, tfoot, thead,
tr, th, td ,textarea{margin: 0;padding: 0;text-decoration:none; border: 0;font-weight: 400;font-style: inherit;line-height: normal;font-family: inherit;font-family:微软雅黑, Arial, Helvetica, sans-serif;color: #000;font-size: 12px;}
strong{ font-size:14px;}
a img, :link img, :visited img {border: 0;  }
table {border-collapse: collapse;border-spacing: 0;}
ul {list-style: none; margin:0; padding:0}
ol{}
q:before, q:after,blockquote:before, blockquote:after {content:;}
div{ text-align:left;}
.header{ width:1200px; height:70px; background:#fff; margin:auto;}
.header .logo{ width:408px; height:70px; background:url(/content/images/logo.png) no-repeat; float:left;}
.header .menu{ float:right; height:70px; text-align:right;}
.header .menu ul,.header .menu ul li{ list-style:none; padding:0; display:inline-block;}
.header .menu li a{ width:120px; height:46px; line-height:46px; text-align:center; float:left; font-size:18px; margin:10px 18px; transition-duration:0.4s, 0.5s;transition-property:background-color, color;transition-timing-function:ease, ease; cursor:pointer; text-decoration:none;}
.header .menu li a:hover{ background-color:#2795df; color:#fff; border-radius:5px;}
.header .menu li a.on{ background-color:#2795df; color:#fff; border-radius:5px;}


.banner{ width:100%;height:auto; }
.banner .slides,.banner .slides img{ width:100%; height:auto; cursor:default; }
.div_news{width:1160px;  clear:both;  margin:auto; 
          background:url(/content/images/news-ico.png) no-repeat 13px 20px;
           padding-left:40px; border-bottom:1px solid #dddddd;}
.news{ height:60px; overflow:hidden;}
.news-title{ line-height:56px; font-size:14px; cursor:pointer; margin:0px 10px ; float:left; }
.news-title em{ font-size:14px; color:#F60; margin-left:20px;}
.news-title a{ transition:ease 0.4s; text-decoration:none; font-size:14px;}
.news-title a:hover{ color:#2795df;}


.product{ width:1200px; height:230px; margin:auto; margin-top:15px;}
.product .pic{ width:270px; height:182px; display:inline-block; float:left; margin:10px 13px; border:1px solid #e8e8e8; padding:1px;overflow:hidden; cursor:pointer;}
.product .pic img{ width:100%; height:100%; transform: scale(1,1); transition: all 0.4s ease-in-out 0s; }
.product .pic:hover img{ transform: scale(1.5,1.5); width:290px; height:202px;}

.black-explain{ display:inline-block; position:absolute; z-index:999; background:url(/content/images/black-bg.png) repeat; width:270px; 
                height:60px;text-align:center; font-size:14px; font-weight:bold; line-height:60px; color:#fff; transition:height,0.4s;transform:scale(1,1); margin-top:122px;}
.product .pic:hover .black-explain{height:182px; margin-top:0px; visibility:hidden; transform:scale(0,0); opacity:0;}

.black-explains{display:inline-block; position:absolute; z-index:999; background:url(/content/images/black-bg.png) repeat; width:0px; height:0px;
                  transition:height,0.4s;transform:scale(0,0); overflow:hidden;}
                
.black-explains .title{font-size:14px; font-weight:bold;text-align:center; color:#fff; height:60px; line-height:60px; }               
.product .pic:hover .black-explains{ transform:scale(1,1);width:270px; height:182px;}
.black-explains .content{ line-height:20px; color:#fff; text-align:center; padding:0 5px; transform:scale(0,0); font-size:12px; }

.black-explains:hover .content{transform:scale(1,1);}
.footer{height:90px; background:#424446; text-align:center; color:#a2a2a2; padding:20px 0; line-height:30px; font-size:14px;}
.footer a{color:#a2a2a2;font-size:14px;}
.product-explain{ width:1200px; margin:auto; margin-top:15px; margin-bottom:15px;}
.back-color{ background:#f0f2f3; }
.back-color span{ padding:30px 60px; text-indent:32px;line-height:40px; font-size:14px; display:inline-block;}
.back-color em{ font-size:14px; font-weight:bold;}
.contactus{ font-weight:bold; text-align:left; padding-left:60px; padding-bottom:15px; width:1140px; margin:auto; line-height:30px; font-size:14px;}
.news-list{ display:inline-block; line-height:46px; height:46px; border-bottom:1px dotted #e3e3e3; width:100%; font-size:16px; cursor:pointer; transition:ease 0.4s; text-decoration:none;}
.news-list em{ margin-right:40px; font-size:14px;}
.news-list:hover{ color:#279fde;}
.news-infotitle{ min-height:140px; max-height:240px; line-height:82px; font-size:36px; font-weight:bold; text-align:center; border-bottom:1px solid #dddddd; width:100%; display:inline-block;}
 .news-infotitle1{ min-height:140px; max-height:240px;  font-size:36px; font-weight:bold; text-align:center; border-bottom:1px solid #dddddd; width:100%; display:inline-block;}
 .title1{  height:58px; line-height:58px; font-size:36px; font-weight:bold; text-align:center; width:100%; display:inline-block;}
 .title2{ height:58px; line-height:58px; font-size:36px; font-weight:bold; text-align:center; width:100%; display:inline-block;}
 
 .news-infotitle1 em{ font-size:14px; color:#279fde; margin-left:15px;}
.news-infotitle1 a{font-size:14px; color:#279fde; }
 
.news-infotitle em{ font-size:14px; color:#279fde; margin-left:15px;}
.news-infotitle a{font-size:14px; color:#279fde; }
.back a{ line-height:30px; text-align:center; color:#279fde; padding:30px; font-size:18px; display:inline-block; text-decoration:none;}
.news-content{ /*text-indent:32px;*/ line-height:40px; font-size:16px; padding:20px 60px;font-family:宋体;}
.enterprise-information{ padding:20px 60px; line-height:22px; font-size:14px;}
.map{ width:733px; height:461px; margin-top:15px; float:left;}
.adress-info{ width:440px; font-size:14px; float:left; line-height:30px; margin-top:15px;}
.address{ width:1200px; height:470px; margin:auto;}
.adress-info em{ font-size:18px; font-weight:bold;}


.tool{ width:51px; height:178px; position:absolute; right:0; bottom:70px; z-index:999; display:block;bottom:100px;position:fixed;
	     _position:absolute;_bottom:auto;_top:expression(eval(document.documentElement.scrollTop+document.documentElement.clientHeight-this.offsetHeight-(parseInt(this.currentStyle.marginTop,10)||0)-(parseInt(this.currentStyle.marginBottom,10)||0)));
       }
.tools-bg{ width:51px; height:51px; background:#2070ad; border-radius:5px; float:right; margin-top:10px; transition:ease 0.7s; cursor:pointer;}
.tools-bg:hover{ background:#3c8ecd;}
.tool-info{ width:100px; height:172px; position:absolute;   right:98px; bottom:-5px; z-index:1; background:#3c8ecd; opacity:0; border-radius:5px;  transition-duration:0.3s,0.3s, 0.7s;transition-property:visibility,opacity,right;transition-timing-function:ease, ease, ease; visibility:hidden; cursor:default; margin-top:10px;}

.info-title{ padding:10px 0 0; text-align:center; color:#fff; display:inline-block; width:100%;}
.qq-info{ padding:10px 10px 10px 25px; background:url(/content/images/qq.png) no-repeat 5px; color:#fff; display:inline-block;}
.tell-ph{ padding:10px 0; text-align:center; color:#fff; display:inline-block; width:100%;}
.line{ height:2px; background:url(/content/images/line.png) repeat-x; margin:5px 0;}
.tools-bg:hover .tool-info{ visibility:visible; opacity:1; right:58px;} 

.img_width{ max-width:1024px;}
.clear{ clear:both;}



.big-title{ font-size:20px; font-weight:bold; font-family:宋体; padding:10px 0;}
.border-top{ border-top: 1px solid #dadada; background:#f5f5f5;}
.main-title a,.main-title a:link,.main-title a:visited{ color:#333; font-size:14px; font-family:宋体; display:block; padding:10px;transition:ease 0.4s;padding: 8px 0 0 44px; cursor:pointer;}
.main-title a:hover{ color:#09F;}
.second-title{font-size:18px; font-weight:bold; font-family:宋体; padding:0px 0px 10px;}
.second-title strong{ font-size:16px; font-weight:bold;}
.details{ padding:0 10px 10px 0px; }
.details span{ font-size:14px; line-height:180%;}
.details table,tr,td{ padding:6px;border:1px solid #999; border-collapse:collapse; text-align:center;}
.details table thead,.details table thead td{ background:#DFDFDF; text-align:center; font-weight:bold;}
.red{ color:#ff0000;}
.code-box{ border:1px dotted #CCC; padding:10px; max-height:300px; overflow:auto; overflow-x:hidden;margin:auto; background:#fff;}
.padding30{ padding:0 30px !important; width:auto !important;}
.cont-con{ width:1024px; margin:auto;}
.tab-choose{height:30px; background:#eaeaea;}
.tab-choose a{ display:block; float:left; padding:6px 5px; cursor:pointer;}
.tab-choose a.yd{ background:#09F; color:#fff;}
.tab-choose a.lt{ background:#EB7E1D; color:#fff;}
.tab-choose a.dx{ background:#9C3; color:#fff;}
.tab-choose a:hover,.tab-choose a.visited{ background:#fff; color:#333;}
.img-align span{ display:block;margin:20px; border:1px solid #000; padding:10px; text-align:center;}
.img-align span img{ text-align:center !important; width:100%; height:100%;}