@charset "utf-8";
 @font-face {
  font-family: 'Microsoft YaHei';
  src: url('/template/font/msyh.ttc') format('TrueType'), url('/template/font/msyhbd.ttc') format('TrueType'), url('/template/font/msyhl.ttc') format('TrueType');
}
@font-face {
  font-family: "YaHei";
  src: url('/template/font/YaHeiUIBold.ttf') format('TrueType');
}
/* reset */
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, strong, sub, sup, tt, var, b, u, i, dl, dt, dd, ol, nav ul, nav 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:100%;   }
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; }
ol, ul { list-style:none; margin:0; padding:0;  }
li { list-style:none;  }
select{margin: 0px;padding: 0px;}
blockquote, q { quotes:none; }
* { margin:0; padding:0;  } 
div{font-family:'Microsoft YaHei','YaHei'  ; }
blockquote:before, blockquote:after, q:before, q:after { content:''; content:none; }

.blank1 { clear:both; font-size:0; line-height:0; height:1px; }
.blank2 { clear:both; font-size:0; line-height:0; height:2px; }
.blank5 { clear:both; font-size:0; line-height:0; height:6px; }
.blank8 { clear:both; height:8px; overflow:hidden; display:block; }
.blank10 { clear:both; font-size:0; line-height:0; height:10px; }
.blank20 { clear:both; font-size:0; line-height:0; height:20px; }
.blank15 { clear:both; font-size:0; line-height:0; height:15px; }
.blank30 { clear:both; font-size:0; line-height:0; height:30px; }
.blank40 { clear:both; font-size:0; line-height:0; height:40px; }
.blank50 { clear:both; font-size:0; line-height:0; height:50px; }
.blank60 { clear:both; font-size:0; line-height:0; height:60px; }
.blank80 { clear:both; font-size:0; line-height:0; height:80px; }
.Mblank80 { clear:both; font-size:0; line-height:0; height:80px; }
.blank100 { clear:both; font-size:0; line-height:0; height:100px; }
.blank150 { clear:both; font-size:0; line-height:0; height:150px; }
.blank50m { clear:both;font-size:0; line-height:0; height:50px;  }
.blank30m { clear:both; font-size:0; line-height:0; height:30px; }
/*全局*/
@media screen and (max-width:800px){
  .blank50m { clear:both;font-size:0; line-height:0; height:0px;  }
  .blank30m { clear:both;font-size:0; line-height:0; height:0px; }
  .blank150 { clear:both; font-size:0; line-height:0; height:50px; }
  }
body{ background:#fff;}
img { border:0; }
img.dian{ padding-right:5px; vertical-align:middle}
a { color:#555555; text-decoration:none; cursor:pointer;  }
a:hover { color:#d82228; text-decoration:none; }
.dno { display:none }
.remove { clear:both; height:0; visibility:hidden; }
.clearfix:before, .clearfix:after { content: " "; display: table; }
.clearfix:after { clear: both; }
  /***首页 menu***/
 
 
 /*菜单*/
  a{text-decoration:none;cursor:pointer;transition:all .3s;outline:none}
ul{list-style:none}
.lf{float:left}
.rg{float:right}
.clear{clear:both;height:0px;line-height:0px;font-size:0px}
.head{width:100%;min-width:1000px;z-index:9999;background:  url(/img/navbg.jpg);border-top:1px solid #ddd;height:50px;transition:all .3s}
.logo{padding-top:27px;padding-left:2.18%;width:302px;transition:all .3s}
.logo a{display:block;position:relative;overflow:hidden}
.logo img{width:100%;position:relative;z-index:100}
.hright{width:70%;float:right}
 

.nav{width:100%;max-width:1180px;margin:auto;-webkit-transition:all .3s;-moz-transition:all .3s;transition:all .3s;}
.nav ul li{float:left;width:14%;height:50px;transition:all .3s;text-align:center}/*;background:url(1_02.jpg) right center no-repeat;*/
.nav ul li:hover{color:#fffc00;transition:all .3s;background:#008ab9}
.nav ul li .div1{display:none;background:#fff;width:100%;left:0px;position:absolute;top:160px;z-index:100;height:65px;}
.nav ul li  a{color:#666;font-size:18px;;line-height:50px;margin-right:3%;transition:all .5s}
 .sec{background:#008ab9;}  .sec a{color:#ffffff}


  /***首页最顶端 menu***/
.tx01{width:100%;height:110px;border-bottom:0px #549cbe solid ; background-color:#FFF;}
.tx1{height:110px; width:100%;max-width:1180px;  margin:auto;   background: url()  no-repeat;}
.tx1 .left{ width:115px; height:90px; float:left; margin-top:10px;}
.tx1 .center{ width:45%;height:90px;float:left;margin-left:20px; margin-top:20px;}
.tx1 .center .t1{font-size:30px;color:#444;line-height:40px;}
.tx1 .center .t2{font-size:18px; color:#555555;  }
.tx1 .right{ width:30%; height:26px; float:right; margin-top:30px;font-size:14px;color:#666666;font-weight:400;line-height:24px;text-align:right}
.tx1 .right2{ width:30%;height:40px; float:right;  text-align:right}
.tx1 .right2 .t1{font-size:14px;color:#555;}
.tx1 .right2 .t2{font-size:18px;line-height:20px;color:#F00}
.Nt{font-size:18px;text-align:center;line-height:40px;height:60px; border-bottom:1px  #eee dashed;width:100%;margin:auto}

@media screen and (max-width: 800px){.tx01{display:none}}


.a_txt{display:none}
.moblie_head{display:none}
/*小于1600大于1200稍微调整下字体*/
@media screen and (max-width: 1600px) and (min-width:1200px) {
.nav ul li .a1{font-size:15px}
.nav ul li .div1 .p1 a{font-size:13px}
.foot_top ul{margin-left:60px}
.nav ul li .div1 .p1{width:58.1%}
}
/*移动端导航*/
  @media screen and (max-width:800px){
.head{display:none}
.moblie_head{display:block;height:86px;background:#fff;position:  ;top:0px;left:0px;width:100%;z-index:9999;border-bottom:1px solid #ddd}
.moblie_head .lf{padding-top:10px;padding-left:5%}
.moblie_head .lf img{height:68px}
.moblie_head .rg{padding-right:5%;padding-top:40px}
.moblie_head .rg a img{height:16px;vertical-align:top}
.a_txt{display:block;position:fixed;top:0px;left:0px;width:0px;height:0px;overflow:hidden;z-index:10000}
.a_txt .div1{position:absolute;width:100%;height:100%;background:#0b0d19;filter:alpha(opacity=0);opacity:0;left:0px;top:0px;z-index:1}
.a_txt .div2{position:absolute;width:20%;left:0px;top:5%;z-index:100;text-align:center;filter:alpha(opacity=0);opacity:0}
.a_txt .div3{position:absolute;width:80%;right:0px;top:0px;background:#0b0d19;height:100%;z-index:100;right:-80%}
.a_txt .div3 ul{padding-left:5%;padding-right:5%}
.a_txt .div3 ul li{border-bottom:1px solid #232530}
.a_txt .div3 ul li a{display:block;height:45px;color:#fff;line-height:45px;padding-left:5%;font-size:16px}
.a_txt .div3 ul li .a_js2{background:url(plus.png) 95% center no-repeat;-webkit-transition:all 0s;-moz-transition:all 0s;transition:all 0s}
.a_txt .div3 ul li .a_js2_on{background:url(reduce.jpg) 95% center no-repeat;-webkit-transition:all 0s;-moz-transition:all 0s;transition:all 0s}
.a_txt .div3 ul li .a_txt2{display:none}
.a_txt .div3 ul li .a_txt2 a{height:24px;line-height:24px;font-size:14px}
}

 /*菜单结*/
 /*首页关于我们*/

 .iab00{width:100%;max-width:1920px;height:500px;margin:auto;background:url(/img/i_ab01.jpg) no-repeat center;   }
 .iab00 .Tb{font-size:25px;line-height:60px;font-weight:600;color:#444} .iab00 .Tc{font-size:18px;line-height:60px;font-weight:400;color:#555}
 .iab00 .a0{width:100%;max-width:1180px;margin:auto;} .iab00 .a0 img{width:100%}
 .iab00 .a0 .a1{width:50%;float:left;height:360px; overflow: }
 .iab00 .a0 .a2{width:48%;float:right}
  .iab00 .a0 .a2 .T1{font-size:18px;font-weight:600;line-height:30px;color:#444;width:80%;margin:30px auto}
  .iab00 .a0 .a2 .T2{font-size:15px;line-height:30px;color:#444;width:80%;margin:-20px auto}
 .iab00 .a0 .a2 .a21{width:50%;float:left;height:180px; background:#FFF}
 .iab00 .a0 .a2 .a22{width:50%;float:left;height:180px; background:#fff}
 .iab00 .a0 .a2 .a23{width:50%;float:left;height:180px; background:#f1c232}
 .iab00 .a0 .a2 .a24{width:50%;float:left;height:180px; background:#008ab9}
 
 
.Prowrap {width:100%;margin:auto;position:relative;overflow:hidden;float:left;}
.Proslidebox {width:100%;top:0;left:0;min-height:360px }
.Proslidebox li {float:left;width:100%; left:0;top:0;}
.Proslidebox li img {display:block;width:100%; }
.dot {position:   relative;width:100%;height:30px;background:rgba(0,0,0,0.1);text-align:right;bottom:30px;left:0;}
.dot p {margin-right:10px;}
.dot b {width:17px;height:17px;border-radius:20px;color:#333;display:inline-block;border:1px solid #fff;background:#fff;text-align:center;line-height:17px;margin:0 3px;margin-top:6px;cursor:pointer;font-weight:normal;}
.dot .cur {background:#F63;color:#fff;border:1px solid #f63;}
 
 
 @media screen and (max-width:800px){
 .iab00{width:100%;max-width:1920px;height:500px;margin:auto;background:url() no-repeat center;   }
 .iab00 .a0 .a1{width:96%;margin:auto;height:360px; overflow: ;float:none}
 .iab00 .a0 .a2{width:96%;margin:20px auto;float:none}
 .iab00 .a0 .a2 .a22{width:50%;float:left;height:180px; background:#bce0ee}
  
  }
  
 /*首页关于我们结,核心产品*/
 
.iTT1{width:80%;margin:auto;text-align:center;font-size:20px;line-height:30px;color:#888;font-weight:500;}
.iTT2{width:80%;margin:auto;text-align:center;font-size:35px;line-height:40px;color:#555;font-weight:550;letter-spacing:8px}
.iTT3{width:80%;margin:auto;text-align:center;height:30px;padding-top:20px;}
.iTT4{width:80%;margin:auto;text-align:center;font-size:16px;line-height:36px;color:#fff;letter-spacing:1px}
.Ip{width:100%;max-width:1180px;height:600px;margin:auto;   }
.Ip .T1{font-size:20px;color:#555;line-height:40px;font-weight:550}
.Ip .T2{font-size:14px;color:#555;line-height:24px;}

.Ip .p1{width:50%;float:left;height:500px;background:#f3f8f9;}
.Ip .p1 .p10{width:90%;margin:auto;height:200px}
.Ip .p1 .p11{width:100%;margin:auto;overflow:hidden;display: inline-block;transition: all  .25s  ease-in;-moz-transition: all  .25s  ease-in;-webkit-transition: all  .25s  ease-in;}
.Ip .p1 .p11:hover{transition: all 0.6s;box-shadow:5px 5px 10px gray;transform:translateY(-10px);}
.Ip .p1 .p11 img{width:100%}.Ip .p1 a{font-size:14px;color:#F90}
.Ip .p1 .p12{width:100%;margin:auto; background:#FFF;height:10px;}
.Ip .p2{width:48%;float:right;height:500px;}
.Ip .p2 .p21{width:46%;float:left;}.Ip .p2 .p21 img{width:100%}
.Ip .p2 .p22{width:52%;float:right;height:135px;background:#f3f8f9; overflow:hidden;display: inline-block;transition: all  .25s  ease-in;-moz-transition: all  .25s  ease-in;-webkit-transition: all  .25s  ease-in;}
.Ip .p2 .p22:hover{transition: all 0.6s;box-shadow:5px 5px 10px gray;transform:translateY(-10px);}
.Ip .p2 .p22 .T1{width:90%;margin:auto;font-size:20px;color:#555;line-height:40px;font-weight:550}
.Ip .p2 .p22 .T2{width:90%;margin:auto;font-size:14px;color:#555;line-height:24px;}

 @media screen and (max-width:800px){
	 .Ip .p1{width:96%;margin:auto;float:none;height:auto;background:#f3f8f9;}
	 .Ip .p2{width:96%;margin:30px auto;float:none;height:auto;background:#fff;}

	 }
 /*首页案例*/
	.iWith{  width: 100%; margin:auto }
	.iWith  .iW{ position:relative; width:100%; margin:auto; overflow:hidden;text-align:center;height:800px;}.iWith  .iW img{  -webkit-filter: opacity(10%); /* Chrome, Safari, Opera */filter: opacity(10%);}
	.iWith  .iWtext{ position:absolute; width:100%; left:0px; bottom:0px; height:800px; text-align: center;  background:rgba(0,112,178,0.1);  }
	.iWith  .iWtext span{ display:block;  color:#ffffff; font-size:16px; font-weight:bold;  margin-right:11px; line-height:24px; margin-top:3px;}
	.iWith  .iWtext a:hover{ color:#f47920;}
	.iWith  .iWtext  .T1{width:80%;margin:auto;text-align:center;font-size:20px;line-height:30px;color:#888;font-weight:500;}
	.iWith  .iWtext  .T2{width:80%;margin:auto;text-align:center;font-size:35px;line-height:40px;color:#555;font-weight:550;letter-spacing:8px}
	.iWith  .iWtext  .T3{width:80%;margin:auto;text-align:center;height:30px;padding-top:20px;}
	.iWith  .iWtext  .T4{width:80%;margin:auto;text-align:center;font-size:16px;line-height:36px;color:#fff;letter-spacing:1px}
	.iWith  .iWtext	.T0{width:80%;margin:auto;height:40px}
	.iWith  .iWtext	 .T5{width:180px;height:68px;margin:auto;border-radius:3rem; border:1px #0070b2 solid;text-align:center;text-decoration:none;line-height:68px;font-size:16px;color:#0070b2 ;font-family:Arial, Helvetica, sans-serif} 
	.iWith  .iWtext	 .T5:hover{color:#fff; background:#0070b2 }
	.iWith  .iWtext  .T41{display:none;width:80%;margin:auto;text-align:center;font-size:14px;line-height:36px;color:#fff;letter-spacing:1px}
	.iWith .p0{width:100%;max-width:1180px;margin:auto}   
	.iWith .p1 img{width:100%; -webkit-filter: opacity(100%); /* Chrome, Safari, Opera */filter: opacity(100%);}
	.iWith .p1{width:33.3%;float:left;min-height:262px;}
	.iWith .p2{width:33.3%;float:left;min-height:262px; background:#fff}
	.iWith .p2 .pT{width:80%;margin:20px auto}.iWith .p2 .pT1{width:100%;text-align:center;font-size:18px;line-height:30px;color:#444}.iWith .p2 .pT2{width:100%;text-align:left;font-size:14px;line-height:22px;color:#666;font-weight:400}
	.is00{display:none}
	@media screen and  (max-width: 800px){	
	.iWith{display:none }

	.is00{display:inline;width:96%;margin:auto;}
	.is00 .T1{width:80%;margin:auto;text-align:center;font-size:20px;line-height:30px;color:#888;font-weight:500;}
	.is00 .T2{width:80%;margin:auto;text-align:center;font-size:35px;line-height:40px;color:#555;font-weight:550;letter-spacing:8px}
	.is00 .T3{width:80%;margin:auto;text-align:center;height:30px;padding-top:20px;}
	.is00 .is11{width:96%;margin:auto;} .is00 .is11 img{width:100%}
	.is00 .is12{width:96%;margin:auto; background:#efefef;}
	.is00 .is12 .pT1{width:96%;margin:auto;text-align:center;font-size:18px;line-height:40px;color:#444}.is00 .is12 .pT2{width:96%;margin:auto;text-align:left;font-size:14px;line-height:22px;color:#666;font-weight:400}
	.is00 .T5{width:180px;height:68px;margin:auto;border-radius:3rem; border:1px #0070b2 solid;text-align:center;text-decoration:none;line-height:68px;font-size:16px;color:#0070b2 ;font-family:Arial, Helvetica, sans-serif} 
	.is00 .T5:hover{color:#fff; background:#0070b2 }

	}
 
 
 /*内容页*/
 .NC{width:100%;max-width:1180px;margin:auto;}
 .ab00{width:100%;max-width:1920px; margin:auto;background:url(/img/a_bg1.jpg) no-repeat center;height:600px;color:#FFF}
 .ab00 .aC{color:#FFF;line-height:30px;}
 .ab00 .aT{width:100%;margin:auto;text-align:center}
 .ab00 .aT .aT1{font-size:35px;font-weight:500;color:#FFF;line-height:30px;}
 .ab00 .aT .aT2{font-size:20px;font-weight:500;color:#eee;line-height:50px;}
 .ab01{width:100%;max-width:1180px;margin:auto;}
 .ab02{width:100%;max-width:1180px;margin:-100px auto;} .ab02 img{width:100%}
 .ab02 .ab021{width:30%;float:left;border-radius:4%; overflow:hidden; border:4px solid #eee }
 .ab02 .ab022{width:30%;float:left;margin-left:3%;border-radius:10px; overflow:hidden; border:4px solid #eee }
   .ab02 .ab021:hover img{transition: all 0.6s;transform: scale(1.1);} .ab02 .ab022:hover img{transition: all 0.6s;transform: scale(1.1);}
  /*文化*/
  .abC{width:100%; margin:auto;background:#f4f4f4; color:#FFF}
  .abC .aTc{width:100%;margin:auto;text-align:center}
  .abC .aTc .aT1{font-size:35px;font-weight:500;color:#555;line-height:30px;}
  .abC .aTc .aT2{font-size:20px;font-weight:500;color:#555;line-height:50px;}
  .abC .c1{width:50%;float:left; overflow:hidden}
  .abC .cT1{width:40%;margin-top:50px;margin-left:30px;font-size:22px;font-weight:600;color:#555;line-height:40px;border-bottom:1px #bbb solid}
  .abC .cT2{width:100%;margin-left:30px;font-size:18px;font-weight:500;color:#555;line-height:40px;}
  .abC .c1x{width:95%;margin-top:50px;text-align:right}
  .abC .c1x .x21{width:40%;float:right;font-size:22px;font-weight:600;color:#555;line-height:40px;border-bottom:1px #bbb solid}.abC .c1x .x22{width:100%;float:right;font-size:18px;font-weight:500;color:#555;line-height:40px;}
  .abC .c2{width:50%;float:left;overflow:hidden}  .abC .c2:hover img{transition: all 0.6s;transform: scale(1.1);  filter: opacity(70%);   opacity:0.7; }.abC .c1:hover img{transition: all 0.6s;transform: scale(1.1);  filter: opacity(70%);   opacity:0.7; }
 .abC img{width:100%}
  .MabC{display:none}
 @media screen and  (max-width: 800px){	
  .ab00 .aC{width:96%;margin:auto;line-height:26px;}
  .ab02{margin:20px auto;} 
  .ab02 .ab021, .ab02 .ab022{width:96%;margin:auto;float:none}
  .ab02 img{width:100%}
  
.abC{display:none}
 .MabC{display:inline;width:100%;margin:auto}
 .MabC .aTc{width:100%;margin:auto;text-align:center}
 .MabC .aTc .aT1{font-size:35px;font-weight:500;color:#555;line-height:30px;}
 .MabC .aTc .aT2{font-size:20px;font-weight:500;color:#555;line-height:50px;}
 .MabC .c1{width:96%;margin:auto;} .MabC .c1 img{width:100%}
 .MabC .cT1{width:96%;margin:auto;font-size:22px;font-weight:600;color:#555;line-height:60px;border-bottom:1px #bbb solid}
 .MabC .cT2{width:96%;margin:auto;font-size:18px;font-weight:500;color:#555;line-height:40px;}

 }
   /*品*/
 .TC{width:100%;max-width:1180px;margin:auto;height:466px}
 .TC .T1{width:34%;float:left;}
 .TC .T2{width:6%;float:left;}
 .TC .T3{width:60%;float:left;} 
 .TC .T{margin-top:80px;width:50%;font-size:22px;font-weight:600;color:#555;line-height:40px;border-bottom:1px #bbb solid}
 .TC .C{width:100%;font-size:16px;color:#555;line-height:30px;}
 
 .TC2{width:100%;max-width:1180px;margin:auto;height:544px}
 .TC2 .T1{width:60%;float:left;}
 .TC2 .T2{width:6%;float:left;}
 .TC2 .T3{width:34%;float:left;margin-top:-50px} 
 .TC2 .T{margin-top:100px;width:50%;font-size:22px;font-weight:600;color:#555;line-height:40px;border-bottom:1px #bbb solid}
 .TC2 .C{width:100%;font-size:16px;color:#555;line-height:30px;}
 
 .TC3{width:100%;max-width:1180px;margin:auto;height:544px}
 .TC3 .T1{width:34%;float:left;margin-top:-80px}
 .TC3 .T2{width:6%;float:left;}
 .TC3 .T3{width:60%;float:left;} 
 .TC3 .T{margin-top:100px;width:50%;font-size:22px;font-weight:600;color:#555;line-height:40px;border-bottom:1px #bbb solid}
 .TC3 .C{width:100%;font-size:16px;color:#555;line-height:30px;}
 
 .TC4{width:100%;max-width:1180px;margin:auto;height:544px}
 .TC4 .T1{width:60%;float:left;}
 .TC4 .T2{width:6%;float:left;}
 .TC4 .T3{width:34%;float:left;margin-top:-100px} 
 .TC4 .T{margin-top:100px;width:50%;font-size:22px;font-weight:600;color:#555;line-height:40px;border-bottom:1px #bbb solid}
 .TC4 .C{width:100%;font-size:16px;color:#555;line-height:30px;}
 
 .TC5{width:100%;max-width:1180px;margin:auto;height:544px}
 .TC5 .T1{width:34%;float:left;margin-top:-140px}
 .TC5 .T2{width:6%;float:left;}
 .TC5 .T3{width:60%;float:left;} 
 .TC5 .T{margin-top:60px;width:50%;font-size:22px;font-weight:600;color:#555;line-height:40px;border-bottom:1px #bbb solid}
 .TC5 .C{width:100%;font-size:16px;color:#555;line-height:30px;}
 .MPK{display:none}
  @media screen and  (max-width: 800px){.PCPK{display:none} 
  .MPK{display:inline}
  .MPK .T1{width:96%;margin:auto;}.MPK img{width:100%}
  .MPK .T2{margin:auto;width:96%;font-size:22px;font-weight:600;color:#555;line-height:60px;border-bottom:1px #bbb solid;text-align:center}
  .MPK .T3{width:96%;margin:auto;font-size:16px;color:#555;line-height:30px;text-align:center}
  }
 /*联系*/
 .conA{width:100%;margin:auto;max-width:1100px;margin:auto; background:#ebf6fa; padding-top:20px; padding-bottom:20px; clear:both}
 .conT{width:96%;max-width:1100px;margin:auto;font-size:30px;line-height:60px;text-align:center;color:#666}
 .conC{width:96%;max-width:1100px;margin:auto;font-size:16px;line-height:30px;text-align:center;color:#666}
 
 
 
	.mT1{font-size:16px;color:#666;line-height:30px;font-weight:;font-family:Arial, Helvetica, sans-serif;width:100%;margin:auto;max-width:1180px;text-align:center}
	.mT2{font-size:40px;color:#333;line-height:70px;font-weight:bold;width:100%;max-width:1180px;margin:auto;text-align:center}
	.mT3{font-size:15px;color:#e37809;line-height:46px;font-weight:bold;width:100%;max-width:1180px;margin:20px auto;text-align:center}
 @media screen and  (max-width: 800px){.mT2{width:90%;margin:auto;font-size:28px;line-height:30px;}}
 
 
  /*列表内容详情页*/
.NYadpic{ width: 100%;max-width:1200px;margin:auto;max-height:300px; overflow: hidden}.NYadpic img{width:100%}
.dT{ width: 100%;max-width:1200px;margin:auto;}
.dT .T1{font-size:28px;line-height:50px;color:#e37809;font-weight:700;}
.dT .T2{font-size:16px;line-height:50px;color:#999999;font-weight:500;text-transform:Uppercase}/*Capitalize首大写,Lowercase小写*/
.dD{width: 100%;max-width:1200px;margin:auto;font-size:16px;line-height:36px;color:#333333;font-weight:400;}/*详情内容*/
.dD p{font-size:16px;line-height:36px;color:#333333;font-weight:400;text-indent:0px;margin:20px 0}
.dD .dDT{background:rgba(227,120,9,1); padding:15px 26px 10px 26px;font-size:20px;line-height:48px;font-weight:400;color:#fff}
.dD .dDC{font-size:16px;line-height:36px;color:#333333;font-weight:400;text-indent:0px;}
   @media screen and  (max-width: 800px){.dT .T2{display:none} .dT , .dD{width: 96%;margin:auto}}
/*观点*/
 .Topic{width:100%;margin:auto; max-width:1200px;}
.Topic .N{ width: 100%;margin: auto;   } 
.Topic .N .NA{ position:relative; margin:auto; overflow:hidden;box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.2);text-align:center;  }
.Topic .N  img{display: block;  max-width:1200px; width:100%; }
.Topic .N .TT1{font-size:28px;font-weight:600;color:#fff;line-height:80px;height:80px; position:absolute; width:100%; left:0px; bottom:0px;  text-align: center; background:rgba(0,138,185,0.8);  transition:0.5s;}
.Topic .N .TT2{ position:absolute; width:100%; height:100%; left:0px; top:100%; text-align: center;  background:rgba(0,138,185,0.8); transition:0.5s;}
.Topic .N .TT2a{font-size:28px;font-weight:600;color:#fff;line-height:40px;height:40px;  position:absolute; margin:0 10px; top:50%; margin-top:-130px;width: calc(100% - 36px);}
.Topic .N .TT2a .tx{width:65%;text-align:center; display:block;  font-size:16px;  line-height:36px; color:#fff; margin:30px auto; height:120px; overflow:hidden;}
.Topic .N .Rmore{ display:block; width:125px; height:48px; text-align:center; font-size:14px;font-weight:400;line-height:48px; text-align: center; border-radius: 5rem;  color:#e37809; background:#fff; margin:auto; margin-top:35px;}
.Topic .N:hover .TT1{ bottom:-80px;}
.Topic .N:hover .TT2{ top:0px;}
.TopicLine{width:100%;height:100px;margin:auto; max-width:1200px;background: url(../images/d3.jpg)  repeat-x;background-position:0 50%; }
   @media screen and  (max-width: 800px){.Topic .N .TT2a{display:none} .Topic .N .TT1{font-size:18px} .TopicLine{height:60px;}}
 
/*分页*/
.nPages{padding: 15px 20px;text-align: left;color: #ccc;text-align:center;}
.nPages .prevPage, .nPages .nextPage{height: 56px;width:118px;	line-height: 56px; border: 1px solid #ddd;border-radius: 5rem;	}
.nPages a{font-size:22px;display: inline-block;color: #00586D;height:56px;width:56px;line-height:56px;	margin: 0 10px;border: 1px solid #666666;border-radius: 50%; font-family:Arial, Helvetica, sans-serif}
.nPages a:hover{text-decoration: none;border: 1px solid #00586D;}
.nPages span.current{display: inline-block;height: 56px;width: 56px;line-height: 56px; 	margin: 0 10px;font-size:22px;color: #e37809;background-color: #fff;	border: 1px solid #e37809;border-radius: 50%; font-family:Arial, Helvetica, sans-serif}
.nPages span.disabled{	display: inline-block;height: 56px;font-size:22px;line-height: 56px;width:118px;margin: 0 10px;	color: #bfbfbf;background: #f2f2f2;border: 1px solid #bfbfbf;border-radius: 5rem;}
   @media screen and  (max-width: 800px){
	   .nPages{padding: 5px 10px;text-align: left;color: #ccc;text-align:center;}
	   .nPages .prevPage, .nPages .nextPage{height: 30px;width:60px;	line-height: 30px; border: 1px solid #ddd;border-radius: 5rem;	}
	   .nPages a{font-size:16px;display: inline-block;color: #00586D;height:30px;width:40px;line-height:30px;	margin: 0 10px;border: 1px solid #666666;border-radius: 50%; font-family:Arial, Helvetica, sans-serif}
	   .nPages a:hover{text-decoration: none;border: 1px solid #00586D;}
	   .nPages span.current{display: inline-block;height: 30px;width: 30px;line-height: 30px; 	margin: 0 10px;font-size:22px;color: #e37809;background-color: #fff;	border: 1px solid #e37809;border-radius: 50%; font-family:Arial, Helvetica, sans-serif}
	   .nPages span.disabled{display: inline-block;height: 30px;font-size:16px;line-height: 30px;width:60px;margin: 0 10px;	color: #bfbfbf;background: #f2f2f2;border: 1px solid #bfbfbf;border-radius: 1rem;}


	   }
 .NPpage{ width: 100%;max-width:1180px;margin:auto;font-size:16px;line-height:30px;color:#e37809; border-top:1px #CCC solid}
  .NPpage a{font-size:16px;line-height:30px;color:#e37809;}
  .NPpage a:hover{  background: url(../images/d3.png)  repeat-x;background-size: 100% 1px;background-position: 0 15px;}
 /*案例*/
 .Line{width: 100%; margin:auto;max-width:1200px; height:1px; background:#efefef;}
 .NY{ width:100%; margin:auto;padding-top:20px;padding-bottom:20px; display:block; }
	.NY:hover{ background:#F6F7FA;}
	.Case0{ width: 100%;max-width:1200px;margin:auto;}
	.Case0 .L{width:50%;float:left} .Case0 .L img{width:100%}
	.Case0 .R{width:46%;float:right}
	.Case0 .R .T2{width:100%;margin:auto;height:85px; display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3;overflow: hidden; }
	.Case0 .R .T2 .Ln{float:left;width:10%;}
	.Case0 .R .T2 .Ln .num{display:block;text-align:center;width:50px;height:50px;line-height:50px; background:#008ab9;color:#fff;font-size:22px;font-family:Arial, Helvetica, sans-serif}
	.Case0 .R .T2 .RT{float:left;width:80%;margin-left:15px;margin-top:8px; font-size:28px;line-height:36px;color:#333;font-weight: 700;word-wrap:keep-all}
	.Case0 .R .T3{width:100%;font-size:16px;line-height:36px;color:#666666;font-weight:100;margin:auto}
	.Case0 .R .T4{ position: relative;bottom:-70px;width:125px;margin:30px auto auto auto;float:left;border-radius:3rem;height:48px; border:1px #008ab9 solid;text-align:center;line-height:48px;font-size:14px;color:#008ab9 ;font-family:Arial, Helvetica, sans-serif;  }
	.Case0 .R .T4:hover{color:#fff; background:#008ab9}

	.Case0:hover .T2 .RT{ color:#008ab9;font-weight: 700}

  @media screen and  (max-width: 800px){.Case0 .L, .Case0 .R{width:96%;float:none; margin:auto}	
  	.Case0 .R .T4{ position: relative;bottom:-40px;width:125px;margin: auto  ;float:none  }
}
/*底部*/
	.FF{ background:#2f2f2f;width:100%;margin:auto; display:block}
	.FF .F{width:100%;margin:auto; max-width:1180px;}
	.FF .F a{height:30px;font-size:14px;color:#8a8d91;line-height:30px;}
	.FF .F .F1{width:25%;float:left;}
	.FF .F .F1 .T1{width:100%;margin:auto}
	.FF .F .F1 .T2{width:100%;margin:auto;height:30px;font-size:14px;color:#8a8d91;line-height:30px; background:url(../img/fadd.png)  left no-repeat;padding-left:25px; }
	.FF .F .F1 .T3{width:100%;margin:auto;height:30px;font-size:14px;color:#8a8d91; line-height:30px;background:url(../img/femail.png)  left no-repeat;padding-left:25px; font-family:Arial, Helvetica, sans-serif }
	.FF .F .F1 .T4{width:100%;margin:auto;height:30px;font-size:14px;color:#8a8d91; line-height:30px;background:url(../img/tel.png)  left no-repeat;padding-left:25px; font-family:Arial, Helvetica, sans-serif }
	
	.FF .F .F2{width:15%;float:left;margin-left:6%}
	.FF .F .F2 .T1{width:100%;margin:auto;font-size:20px;font-weight:500;color:#fff}
	.FF .F .F2 .T2{width:100%;margin:auto; background:url(../img/d.png)  left no-repeat;padding-left:15px; }
	
	.FF .F .F3{width:15%;float:left;margin-left:3%}
	.FF .F .F3 .T1{width:100%;margin:auto;font-size:20px;font-weight:500;color:#fff}
	.FF .F .F3 .T2{width:100%;margin:auto;height:30px;font-size:14px;color:#8a8d91;line-height:30px; background:url(../img/d.png)  left no-repeat;padding-left:15px; }

	.FF .F .F4{width:20%;float:left;margin-left:3%}
	.FF .F .F4 .T1{width:100%;margin:auto;font-size:20px;font-weight:500;color:#fff}
	.FF .F .F4 .T2{width:100%;margin:auto;height:30px;font-size:14px;color:#8a8d91;line-height:30px; background:url(../img/d.png)  left no-repeat;padding-left:15px; }

	.FF .F .F5{width:10%;float:right;} .FF .F .F5 img{width:160px;}
	.FF .F .F5 .T2{width:100%;margin:auto;height:40px;font-size:14px;color:#8a8d91;line-height:40px;text-align:center}
	.FF .F .T2:hover{border-bottom:1px #8a8d91 solid }
	.FF hr{width:100%; border-top:1px #3e3d3d solid;border-bottom:1px #242121 solid;max-width:1200px;}
	.FF .ab{width:60%;max-width:850px;margin:auto;color:#fff;line-height:35px;font-size:14px;text-align:center}
	.FLine{width:100%;height:40px;margin:auto; max-width:1180px;background: url(../img/dfline.jpg)  repeat-x;background-position:0 50%; clear:both }
	@media screen and  (max-width: 800px){.FLine,.FF .F{display:none} .FF .ab{width:96%;}}
	
	
	
	
	
	
	
	
	
	
	
	
	
 
 /**/
  .iContent{width: 1110px;margin: -11px auto 0 auto;background: #FFFFFF;border: #E5E5E5 1px solid;}
  .ititle{width: 100%; position:relative;margin:auto;} 
  .ititleC{width: 1100px; margin:auto;background: url(/images/ititleC.png) no-repeat center;text-align:center;}
   .ititleC .t1{font-size:30px;color:#0361b7;line-height:28px;text-align:center}
  .ititleC .t2{font-size:14px;color:#0361b7;line-height:28px;}
 .iPage{width: 100%; position:relative;margin:auto;background: #f1f1f1;height:480px} 
 .iMain{width: 90%; margin:auto;}
 .iMain .iLeft {float: left;width: 48%;height:445px;text-align: left; overflow:hidden}
 .iMain .iRight {float: right;width: 48%;height:445px;text-align: left;font-size:16px;line-height:26px;color:#3e3e3e; background:#FFF}
   @media screen and (max-width:800px){
	    .iPage{width: 100%; position:relative;margin:auto;background: #f1f1f1;height:auto}  
	 .iMain{width: 98%; margin:auto;}
	 .iMain .iLeft {width: 100%;height:400px;margin:auto;text-align: left;}
	 .iMain .iRight {width: 100%;height:460px;margin:-80px auto auto auto;text-align: left;font-size:16px;line-height:26px;color:#3e3e3e; background:#FFF}
	 }
 
 
  .t1{font-size:19px;line-height:30px;color:#0361b7} 
  .i2{font-size:15px;line-height:30px;color:#0361b7}
   .it{width:100%;margin:auto;}
  .itbg{width:100%;height:5px;background: url(/images/it.png) no-repeat left top }
   
  .iPage2{width: 100%; position:relative;margin:auto;background: #f1f1f1;height:490px} 
  .iMain2{width: 90%;height:460px;margin:auto}

  .iPage3{width: 100%; position:relative;margin:auto;background: #fff;} 
  .iMain3{width: 90%;height:340px;margin:auto}
  .iMain3 .cc img{width:100%}
 .iMain3 .cc   a{color:#06F}
.iMain3 .cc   a:hover{color:#ff0000}
  .iMain3 .cc{width:100%;margin:auto}
  .iMain3 .cc0{width:23%;float:left;border:#eee 1px solid;}
  .iMain3 .cc1{width:23%;float:left;margin-left:2.4%;border:#eee 1px solid;}
  .iMain3 .cc1 .cc11{width:100%}
  .iMain3 .cc1 .cc12{font-size:14px;font-weight:bold;color:#555;text-align:center;line-height:26px;}
  .iMain3 .cc1 .cc13{padding:8px;font-size:13px;font-weight:;color:#666;line-height:25px;}
  .iMain3 .cc0 .cc12{font-size:14px;font-weight:bold;color:#555;text-align:center;line-height:26px;}
  .iMain3 .cc0 .cc13{padding:8px;font-size:13px;font-weight:;color:#666;line-height:25px;}
    @media screen and (max-width:800px){
	   .iMain3 .cc0{width:100%;margin:2%  auto auto auto;border:#eee 1px solid;}
  .iMain3 .cc1{width:100%; margin:2%  auto auto auto;border:#eee 1px solid;}
	  }
  
  
  .iPage4{width: 100%; position:relative;margin:auto; background: #f1f1f1; } 
  .iMain4{width: 90%;height:340px;margin:auto;background: #fff;}
  .iMain4 .t1{font-size:16px;line-height:60px;color:#666;font-weight:bold} 
  .iMain4 .i2{font-size:14px;line-height:30px;color:#0361b7}
  .iMain4 .iN0{width:31%;float:left;margin-left:2%;overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
  .iMain4 .iN0 a{font-size:15px;line-height:26px;color:#777}
  .iMain4 .iN0 a:hover{color:#ff0000}
 @media screen and (max-width:800px){
	 .iMain4{width: 96%;height:auto;margin:auto;background:#f1f1f1;}
	  .iMain4 .iN0{width:98%;margin:20px auto auto auto;overflow: hidden; white-space: nowrap; text-overflow: ellipsis;padding-left:2%;background: #ffffff}
	 }
.idz0{width:100%;background:#ffffff}
.idz{width:90%;margin:auto;}
.idz img{width:100%}

.iys0{width:100%;background:#ffffff}
.iys1{width:90%;margin:auto;text-align:center}
.iys2{width:80%;margin:auto;font-size:14px;line-height:20px;color:#777777} .iys2 .t1{font-size:15px;color:#666;line-height:26px;font-weight:bold}
.iys20{width:40%;float:left;height:500px}
.iys21{width:5%;float:left;height:80px}
.iys22{width:55%;float:left;height:80px}
.iys23{width:5%;float:left;height:130px}
.iys24{width:55%;float:left;height:140px}
.iys31{width:5%;float:left;height:130px}
.iys32{width:55%;float:left;height:150px}
.iys33{width:40%;float:left;height:240px}
 @media screen and (max-width:800px){
	 .iys1{width:98%;} .iys1 img{width:100%}
 	.iys2{width:90%;margin:auto;}
	.iys20{display:none}
	.iys21{width:10%;float:left;height:80px}
	.iys22{width:90%;float:left;height:80px}
	.iys23{width:10%;float:left;height:130px}
	.iys24{width:90%;float:left;height:170px}
	.iys31{width:10%;float:left;height:130px}
	.iys32{width:90%;float:left;height:150px}
	.iys33{width:90%;float:left;height:240px}
 }
 
 /*图片轮换*/
.islideBox{width:570px;height:400px;overflow:hidden;position:relative;margin:auto;}
.islideBox ul#show_pic{margin:0;padding:0;list-style:none;height:300px;width:4750px;position:absolute;}
.islideBox ul#show_pic li{float:left;margin:0;padding:0;height:285px;}
.islideBox ul#show_pic li img{display:block;}
#iconBall{position:absolute;bottom:0;right:0;}
#iconBall li{float:left;color:#7a7a7a;width:32px;height:28px;line-height:28px;cursor:pointer;text-align:center;font-size:14px;font-weight:bold;padding-top:4px;}
#iconBall li.active{background:url(/images/iconbg.png) no-repeat;color:#fff;}
#slideText {width:570px;height:28px;background:rgba(0,0,0,0.7);color:#fff;position:absolute;left:0px;bottom:0px;*background:transparent;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#b2000000,endColorstr=#b2000000);}
#textBall{position:absolute;left:10px;bottom:3px;}
#textBall li{float:left;cursor:pointer;display:none;color:#fff;font-size:14px;}
#textBall li.active{display:block;}
#textBall li a {text-decoration:none;color:#fff;}

    @media screen and (max-width:800px){
	   /*图片轮换*/
.islideBox{width:100%;height:360px;overflow:hidden;position:relative;margin:auto;}
.islideBox ul#show_pic{margin:0;padding:0;list-style:none;height:300px;width:4750px;position:absolute;}
.islideBox ul#show_pic li{float:left;margin:0;padding:0;height:285px;}
.islideBox ul#show_pic li img{display:block;}
#iconBall{position:absolute;bottom:0;right:0;}
#iconBall li{float:left;color:#7a7a7a;width:32px;height:28px;line-height:28px;cursor:pointer;text-align:center;font-size:14px;font-weight:bold;padding-top:4px;}
#iconBall li.active{background:url(/images/iconbg.png) no-repeat;color:#fff;}
#slideText {width:100%;height:28px;background:rgba(0,0,0,0.7);color:#fff;position:absolute;left:0px;bottom:0px;*background:transparent;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#b2000000,endColorstr=#b2000000);}
#textBall{position:absolute;left:10px;bottom:3px;}
#textBall li{float:left;cursor:pointer;display:none;color:#fff;font-size:14px;}
#textBall li.active{display:block;}
#textBall li a {text-decoration:none;color:#fff;}
	  
	  }

 /*tab1*/
.tabbox{width:100%;margin: auto;height:438px;overflow:hidden; background:;}
.tabbox .tabbtn{height:40px; z-index:99}
.tabbox .tabbtn li{width:33%;height:40px;float:left;margin: auto; text-align:center;background:#0361b7;}
.tabbox .tabbtn li a,.tabbox .tabbtn li span{width:100%; display:block;float:left;height:40px;line-height:40px;overflow:hidden;font-size:15px;cursor:pointer;color:#FFF}
.tabbox .tabbtn li.current{background:#ff4c4c;}
.tabbox .loading{height:40px;width:432px;text-align:center;position:absolute;left:0;top:120px;}
.tabbox .tabcon{padding:15px;}
.tabbox .tabcon p{font-size:15px;line-height:30px; text-indent:0.72cm;color:#666}

@media screen and (max-width:800px){
.tabbox{width:100%;margin: auto;height:450px;overflow:hidden; background:;}
.tabbox .tabcon{height:600px;}
}
 /*tab2*/
.tabbox2x{width:100%; background:#FFF}
.tabbox2{width:90%;margin: auto;height:920px;overflow:hidden; background:#FFF}
.tabbox2 .tabcon{height:800px;}
.tabbox2 .tabcon p{font-sisze:15px;line-height:30px; text-indent:0.72cm;color:#333}
.tabbox2 .tabbtnB{height:60px; z-index:99}
.tabbox2 .tabbtnB li{width:24.9%;height:60px;float:left;margin: auto; text-align:center;background:#0361b7;border-right:1px solid #FFF}
.tabbox2 .tabbtnB li a,.tabbox .tabbtn li span{width:100%; display:block;float:left;height:60px;line-height:20px;padding-top:10px;overflow:hidden;font-size:15px;cursor:pointer;color:#FFF}
.tabbox2 .tabbtnB li.current{background:#ff4c4c;}
.tabbox2 .tabcon .px00{width:24%;float:left;margin-left:1%;border:1px solid #eee;margin-top:1.4%; }
.tabbox2 .tabcon .px00 img{width:100%}
.tabbox2 .tabcon .px00 .px2{width:100%;}
.tabbox2 .tabcon .px00 h2{width:100%;margin:auto;text-align:center;font-size:15px;line-height:36px;color:#555}
.tabbox2 .tabcon .px00 .px3{width:98%;margin:auto;padding:8px;height:80px; font-size:14px;color:#666;}
.tabbox2 .tabcon .px00  a{color:#06F}
.tabbox2 .tabcon .px00  a:hover{color:#ff0000}

.tabbox2 .tabcon .px11{width:24%;float:left;border:1px solid #eee;margin-top:1.4%;  }
.tabbox2 .tabcon .px11 img{width:100%}
.tabbox2 .tabcon .px11 .px2{width:100%;}
.tabbox2 .tabcon .px11 h2{width:100%;margin:auto;text-align:center;font-size:15px;line-height:36px;color:#555}
.tabbox2 .tabcon .px11 .px3{width:98%;margin:auto;padding:8px;height:80px; font-size:14px;color:#666;}
.tabbox2 .tabcon .px11  a{color:#06F}
.tabbox2 .tabcon .px11  a:hover{color:#ff0000}
.tabbox2x .mp{width:30%;margin:auto;height:40px; background:#F2F2F2;text-align:center;line-height:40px;}
.tabbox2x .mp:hover{ background:#d6eef9;}.tabbox2x .mp a{width:100%}
.mptitle{width:100%;height:60px;margin:auto;line-height:60px;font-size:15px;color:#FFF;text-align:center;display:none;background:#0361b7;}
    @media screen and (max-width:800px){  
	.tabbox2{width:100%;}
  .mptitle{display:none}
.tabbox2 .tabbtnB .btnone{display:none}
  .tabbox2 .tabbtnB{display: inline}
    .tabbox2 .mpnone{display:none}
	.tabbox2 .tabbtnB li.current{width:100%;background:#0361b7;}
  .tabbox2 .tabbtnB li{width:24.6%;height:60px;float:left;margin: auto; text-align:center;background:#0361b7;border-right:1px solid #FFF}
  .tabbox2 .tabbtnB li a,.tabbox .tabbtn li span{width:100%; display:block;float:left;height:60px;line-height:20px;padding-top:10px;overflow:hidden;font-size:14px;cursor:pointer;color:#FFF}
  .tabbox2 .tabcon .px00{width:100%;margin:auto;border:1px solid #eee;margin-top:1.4%; }
  .tabbox2 .tabcon .px11{width:100%;margin:auto;border:1px solid #eee;margin-top:1.4%;  }
  .tabbox2{width:90%;margin: auto;height:auto;overflow:hidden; background:#FFF}
  .tabbox2 .tabcon{height:auto;}
  }
/* honour overflow: hidden; white-space: nowrap; text-overflow: ellipsis;*/
#inner{height:400px;position:relative;overflow:hidden;margin:auto;}
#carousel div{border:1px solid #ddd;width:222px;height:345px;float:left;padding:5px;margin:0 10px;text-align:center}
#carousel div img{width:100%}
#pager{text-align:center;margin-top:20px;color:#666;}
#pager a{color:#666;text-decoration:none;display:inline-block;padding:5px 10px;}
#pager a:hover{color:#333;}
#pager a.selected{background-color:#333;color:#ccc;}
#Rprev, #Rnext{display:block;width:50px;height:80px;margin-top:-40px;position:absolute;top:50%;z-index:2;}
#Rprev{background:url( ../js/ui-prev.png ) no-repeat;left:50%;margin-left:-580px;}
#Rnext{background:url( ../js/ui-next.png ) no-repeat;right:50%;margin-right:-580px;}
@media only screen and (max-width: 640px) {
	#inner{height:280px;position:relative;overflow:hidden;margin:auto;}
	#carousel {width:100%;margin:auto;}
	#inner{height:260px;position:relative;overflow:hidden;margin:auto;}
	#carousel div{border:0px solid #ddd;width:150px;height:260px; padding:5px;margin:0 2px ;text-align:center}
	#carousel div img{width:100%}
#Rprev{background:url( ../js/ui-prev.png ) no-repeat;left:30%;margin-left:-100px;}
#Rnext{background:url( ../js/ui-next.png ) no-repeat;right:30%;margin-right:-100px;}
	}
	
<!--/addWrap--> 
.addWrap{ position:relative; width:100%;background:#fff;margin:0; padding:0;}
.addWrap .swipe{overflow: hidden;visibility: hidden;position:relative;}
.addWrap .swipe-wrap{overflow:hidden;position:relative;}
.addWrap .swipe-wrap > div {float: left;width: 100%;position:relative;}
.addWrap .swipe-wrap img{width:100%}

#position{ position: relative; bottom:0; right:0; margin:0; background:#000; opacity: 0.4; width:100%; filter: alpha(opacity=50);text-align:right;}
#position li{width:10px;height:10px;margin:0 2px;display:inline-block;-webkit-border-radius:5px;border-radius:5px;background-color:#AFAFAF;}
#position li.cur{background-color:#FF0000;}
.img-responsive { display: block; width:100%;height: auto;}
 /**/
p{font-size:14px; color:#666;    line-height:26px; text-indent:0.72cm; }
 



 
/*以下是产品列表*/
.Pro{ width:100%; min-height:600px;_height:500px; margin: auto auto auto -40px; font-size:14px; }
.ProList{ width:100%; height:auto; margin:0 auto; font-size:13px;}
.ProList li{ width:23%;  float:left; padding:1%;}
 .ProList li p.Dpro{    padding:1px;}
.ProList li p.Dtext{   height:30px; float:left; text-align: center;  padding-left:0px; line-height:30px;}
.ProList li img{width:100%;text-align:center}
 /*产品列表结束*/
 
 .honour{ width:100%; min-height:600px;_height:500px; margin: auto; font-size:14px; }
.honour li{ width:30%;  float:left; padding:1.5%;text-align: center;}
.honour li em{   height:30px;  text-align: center;  padding-left:0px; line-height:30px;}
.honour li img{width:100%;text-align:center}
 
.pages{width:100%;margin:auto;text-align:center;height:50px;}
.pages a{font-size:14px;color:#777;padding:4px; border:1px #999 solid}

 
   .Tbanner{ width: 100%;float:left; position: relative; }/* 内页banner */
   .Nbanner{height:460px; width:100%; margin-bottom:0px;margin-left: auto;margin-right: auto;  clear:both;position: relative;}
   .NMbanner{display:none}
   @media screen and (max-width:800px){.Nbanner{display:none}.NMbanner{width:100%;margin:auto;display:inline} .NMbanner img{width:100%}}
 #contentContainer {   width: 100%;max-width:1920px; position: relative;margin:auto;}

#pageContent {width:90%;margin: -11px auto 0 auto;background: #FFFFFF;border: #E5E5E5 1px solid;}
#pageContent .pageLeftMenu {float: left;width: 18%;}
#pageContent .pageCenter {float: left;width: 1%;}
#pageContent .pageLeftMenu .pageLeftMenuTitle{font-size: 25px;color:#fff;line-height:78px;width:100%;text-align:center;background:url(/images/pageLeftMenuTitle.jpg) ;}
#pageContent .pageLeftMenu img { mafrgin: 0; padding: 0;}
#pageContent .pageLeftMenu ul {	list-style: none;	margin: 0;	padding: 0;}
#pageContent .pageLeftMenu ul li {	height: 40px;	border-bottom: #C6C6C6 1px dotted;	}
#pageContent .pageLeftMenu  a{background: url(/images/pageMenuCurrentBg1.png)  no-repeat;background-position:left center;line-height: 40px;text-indent: 40px;font-family: "YaHei";font-size: 14px;color: #444;display:block;text-decoration: none;	}
#pageContent .pageLeftMenu  a:hover{	background: url(/images/pageMenuCurrentBg2.png)  no-repeat #eefaff;background-position:left center;color: #ff0000;	 	text-decoration: none;width: 100%;	display:block;} 

 
#pageContent .pageLeftMenu ul .current {	color: #ff0000;}
 /*left contact	*/
 .leftc{width:100%;margin:auto;font-size: 20px;color:#fff;line-height:40px;text-align:center;background:url(/images/pageLeftMenuTitle.jpg) ;}
 .leftc2{width:96%;margin:auto;font-size: 14px;color:#666;line-height:26px;}
 .left3{width:100%;margin:auto}.left3 img{width:100%}
 .left4{border-bottom: #C6C6C6 1px  solid;height:0px;border-top: #fff 1px  solid;}
 .leftp{width:96%;margin:auto;}
 .leftp2{width:96%;margin:auto;height:360px;}
 
 
#pageContent .pageRightContent {float: left;width: 77%;padding: 20px 10px 0px 30px;text-align: center;}
#pageContent .pageRightContent .pageNav {border-bottom: #0361b7 2px solid;height:30px}
#pageContent .pageRightContent .pageNav .t1{font-size: 20px; line-height: 30px; font-weight: bold; float:left;letter-spacing: 1px; color:#555555; text-align:left;}
#pageContent .pageRightContent .pageNav .t2{font-size: 12px; line-height: 30px;  float:right;letter-spacing: 1px;color:#777777;text-align: right;}
#pageContent .pageRightContent .pageTextBodyTitle{margin-top: -20px;line-height: 24px;font-size:13px;color:#333;border-bottom: #666 1px dotted;	}
#pageContent .pageRightContent .pageTextBody {margin-top: 30px;padding-bottom:30px;line-height: 24px;font-size:14px;color:#555;text-align:left}

.newsTpic{margin:auto;width:100%;text-align:center}
@media screen and (max-width:800px){
#pageContent {width:98%;margin: -11px auto 0 auto;background: #FFFFFF;border: #E5E5E5 1px solid;}  
#pageContent .pageLeftMenu {display:none}
#pageContent .pageCenter {display:none}
 #pageContent .pageRightContent {width: 96%;padding:  10px ;margin:auto}
 .newsTpic img {width:100%}
	   }
 
/*--产品目录-*/
.NavLeft { position: relative; *position: absolute;z-index:3;line-height:41px; list-style-type: none;text-align:left;} 
.NavLeft a{ display: block; width:204px; line-height: 36px;padding-left:10px;padding-top:2px;padding-bottom:2px;vertical-align: middle;font-size:15px;border-bottom: #C6C6C6 1px dotted} 
.NavLeft a:link { color:#3a3d50; text-decoration:none;} 
.NavLeft a:visited { color:#3a3d50;text-decoration:none; line-height: 31px;font-weight:} 
.NavLeft a:hover { color:#000000;text-decoration:none;line-height: 31px;font-weight:;background:url(/images/d1.jpg);} 
.NavLeft   li:hover .sc2x{display:block;}
 
.Onfoce{ color:#ff0000; } 
 
 
 
.fl {float: left;}
.fr {float: right;}
.clear {clear: both;}
  
  
  
  
A.newslist:link {COLOR: #78a22f;TEXT-DECORATION: none;font-size: 15px;font-weight:bold;line-height:18px}
A.newslist:visited{COLOR:#78a22f;TEXT-DECORATION: none;font-size: 15px;font-weight:bold;line-height:18px}
A.newslist:hover{COLOR: #ff0000;TEXT-DECORATION: none;	font-size: 15px;font-weight:bold;line-height:18px}
A.newslist:active{COLOR: #78a22f;font-size:14px;font-weight:bold;line-height:18px}

A.TitleList:link {COLOR: #555;TEXT-DECORATION: none;font-size: 14px;line-height:18px}
A.TitleList:visited{COLOR:#555;TEXT-DECORATION: none;font-size: 14px;line-height:18px}
A.TitleList:hover{COLOR: #ff0000;TEXT-DECORATION: none;	font-size: 14px;line-height:18px}
A.TitleList:active{COLOR: #555;font-size:14px;line-height:18px}

A.TitleClass:link {COLOR: #78a22f;TEXT-DECORATION: none;font-size: 15px;font-weight:bold;line-height:18px}
A.TitleClass:visited{COLOR:#78a22f;TEXT-DECORATION: none;font-size: 15px;font-weight:bold;line-height:18px}
A.TitleClass:hover{COLOR: #ff0000;TEXT-DECORATION: none;	font-size: 15px;font-weight:bold;line-height:18px}
A.TitleClass:active{COLOR: #78a22f;font-size:15px;font-weight:bold;line-height:18px}

 .NL00{width:100%;margin:auto;padding-top:15px;padding-bottom:15px; border-bottom: 1px #CCC dashed;height:170px}
 .NL00 .NL11{width:30%;float:left}
 .NL00 .NL11 img{width:100%;}
 .NL00 .NL22{width:65%;float:left;margin:auto auto auto 2%}
 .NL00 .NL22 .NL221{width:100%;margin:auto;height:20px;}
  .NL00 .NL22 .NL221 a{line-height:20px;color:#666;font-size:16px; font-weight:600}
  .NL00 .NL22 .NL221 a:hover{color:#ff0000;}
 .NL00 .NL22 .NL222{width:100%;margin:15px auto;height:100px;color:#777;font-size:15px;line-height:26px;}
 @media screen and (max-width: 800px) and (min-width: 0px){
	 .NL00 .NL11{width:98%;margin:auto}
	 .NL00 .NL22{width:98%;margin:auto}
	 NL00 .NL22 .NL221{width:100%;margin:10px auto;height:60px;line-height:60px}
	  .NL00 .NL22 .NL222{width:100%;margin:15px auto;height:auto;color:#777;font-size:15px;line-height:26px;}

	 }
.footer1 { overflow:hidden; clear:none; margin:auto;position: relative;background: #e7e6e6; border-top:2px #CCC solid;}
.footer2 {width: 90%;margin-left: auto;	margin-right: auto;	padding: 0px 0px 0px 0px;}
.footer1 .footer2  a{line-height:16px;color:#666;font-size:13px}
.footer1 .footer2  a:hover{color:#ff0000}
.footer1 .footer2 .ft1{line-height:30px;color:#444444;font-size:15px;font-weight:bold}
.footer1 .footer2 .ft2{line-height:16px;color:#666;font-size:12px}
.footer4 { width:1000px;overflow:hidden; clear:none; margin:auto;position: relative;padding:10px}
.footer4  .footer41 {width: 600px; float:right;margin-left: auto;	margin-right: auto;	padding: 0px 0px 0px 0px; text-align:right;font-size:13px; }
.wfooter{display:none}
@media screen and (max-width: 800px) and (min-width: 0px){.footer2{display:none}
.wfooter { display:inline;margin:0 auto; min-width:320px!important; max-width:640px!important; height:auto;}
.wfooter02 { margin:0 auto; width:100%; height:50px; background: #333 url(/images/wap_bottom.png) no-repeat  center top; position:fixed; z-index:999px; bottom:0px; }
.wfooter02 a{ float:left; width:128px; height:50px; display:block;}
.wfooter02{
	width:100%; 
	height:50px;
	background-size:100% ;
	background-position:left top;
}
.wfooter02 a{	width:25%;	height:100%;display:block;text-align:center;color:#aaa;font-size:13px;text-decoration:none;padding-top:20px}
}
.QQside-bar a,.chat-tips i {background: url(/images/qq.jpg) no-repeat;} 
.QQside-bar {width: 66px;position: fixed;bottom: 20px;right: 25px;font-size: 0;line-height: 0;z-index: 100;} 
.QQside-bar a {width: 66px;height: 66px;display: inline-block;background-color: #ddd;margin-bottom: 2px;} 
.QQside-bar a:hover {background-color: #669fdd;} 
.QQside-bar .icon-qq {background-position: 0 0px;} 
.QQside-bar .icon-chat {background-position: 0 -80px;} 
.QQside-bar .icon-blog {background-position: 0 -198px;} 
.QQside-bar .icon-mail {background-position: 0 -136px;} 
.QQside-bar .icon-chat:hover .chat-tips {display: block;} 
.chat-tips {padding: 20px;border: 1px solid #d1d2d6;position: absolute;right: 78px;top: -55px;background-color: #fff;display: none;} 
.chat-tips i {width: 9px;height: 16px;display: inline-block;position: absolute;right: -9px;top: 80px;background-position:-88px -350px;} 
.chat-tips img {width: 138px;height: 138px;} 


/*product*/
.pList {width:100%;max-width:1180px;margin:auto}
.pList  .px00{width:31%;float:left;margin-left:2.6%;border:1px solid #eee;margin-top:3%; overflow:hidden;display: inline-block;transition: all  .25s  ease-in;-moz-transition: all  .25s  ease-in;-webkit-transition: all  .25s  ease-in;}
.pList  .px00:hover{transition: all 0.6s;box-shadow:5px 5px 10px gray;transform:translateY(-10px);}
.pList  .px00 img{width:100%}
.pList  .px00 .px2{width:100%;}
.pList  .px00 h2{width:100%;margin:10px auto;text-align:center;font-size:16px;color:#555;line-height:20px;}
.pList  .px00 .px3{width:98%;margin:auto;padding:8px;height:100px; font-size:14px;color:#666;line-height:22px}
.pList  .px00  a{color:#06F}

.pList  .px11{width:31%;float:left;border:1px solid #eee;margin-top:3%;overflow:hidden;display: inline-block;transition: all  .25s  ease-in;-moz-transition: all  .25s  ease-in;-webkit-transition: all  .25s  ease-in;}
.pList  .px11:hover{transition: all 0.6s;box-shadow:5px 5px 10px gray;transform:translateY(-10px);}
.pList  .px11 img{width:100%}
.pList  .px11 .px2{width:100%;}
.pList  .px11 h2{width:100%;margin:10px auto;text-align:center;font-size:16px;color:#555;line-height:20px;}
.pList  .px11 .px3{width:98%;margin:auto;padding:8px;height:100px; font-size:14px;color:#666;;line-height:22px}
.pList  .px11  a{color:#06F}

.pd00{width:100%;max-width:1000px;margin:auto;font-size:15px;line-height:26px;color:#666}
.pd00 .T1{width:80%;margin:auto;text-align:center;font-size:18px;line-height:40px;color:#666;font-weight:500;}
.pd00 .T2{width:80%;margin:auto;text-align:center;font-size:35px;line-height:40px;color:#008ab9;font-weight:550;letter-spacing:8px}
.pd00 .T3{width:80%;margin:auto;text-align:center;height:30px;padding-top:20px;}
.pd00 .Tc{font-size:15px;line-height:26px;color:#666}
.pd00 .pd10{width:100%; border:#eee 1px solid;margin:auto}
.pd00  img{width:100%}
.pd00 .pd20{width:58%;float:left;margin-left:3%}
.pd00 .pdtel{font-size:16px;color:#F00;line-height:30px;width:100%}
.pd00 .TT{width:100%;margin:auto; border-bottom:#ccc 1px solid;}
.pdt1{width:100%;margin:auto; border-bottom:#eee 1px solid;}
.pdt2{font-size:18px;font-weight:550;line-height:40px;color:#008ab9;padding-left:20px;padding-right:20px;padding-top:10px;padding-bottom:-10px;width:300px;text-align:center;border-left:#ccc 1px solid; border-right:#eee 1px solid; border-top:#ccc 1px solid; border-bottom:#ccc 0px solid;}


@media screen and (max-width: 1024px) and (min-width: 0px){
	.pList  .px00{width:100%;margin:2% auto auto auto;border:1px solid #eee; }
	.pList  .px11{width:100%;margin:2% auto auto auto;border:1px solid #eee; }
	
	.pd00{width:96%;max-width:1000px;margin:auto;font-size:15px;line-height:26px;color:#666}
	
	}

.ss0{width:100%;max-width:1180px;margin:auto;font-size:15px;line-height:26px;color:#666} .ss0 img{width:100%}
 @media screen and (max-width: 800px){.ss0{width:96%}}
/*left product*/

/* scrollbox */
  .leftpp{position:relative;width:100%;overflow:hidden;height:360px; border:#CCC 1px solid}
 .leftpp ul{position:absolute;;}
 .leftpp li{float:left;width:100%;overflow:hidden;}

/* fontlist */
 .aptel{width:100%;margin:auto}
 .aptel img{width:100%}
 
 /*智能仓库*/
 .zn00{width:80%;margin:auto; background:#FFF;padding:2%;border:#CCC 1px solid}
  .zn00 .t3{font-size:20px;line-height:50px;font-weight:bold; background:#0063b7;color:#FFF;text-align:center}
  .zn00 .t4{font-size:24px;line-height:50px; color:#0063b7;text-align:center}
  .zn00   td{border:1px #0063b7   solid;font-size:16px;line-height:30px;text-align:center}
 .zn00 img{width:100%;margin:auto}
 .zn01{width:48%;float:left;}
 .zn02{width:48%;float:right;}
 @media screen and (max-width: 800px) and (min-width: 0px){
	  .zn00{width:90%;  }
	   .zn01{width:98%;margin:auto}
 .zn02{width:98%;margin:autos}
 }
 
 /*蓝图片滚动*/
 /*切换*/
 .article {
  display: block;
  margin: 0 0 30px 0;
  padding: 6px;
  background: white;
  border-radius: 3px;
  box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.5);
  transition: all 220ms;
}
.article:hover {
  box-shadow: 0px 2px 3px 1px rgba(0, 0, 0, 0.1);
  transform: translateY(-5px);
  transition: all 220ms;
}
.article img {
  display: block;
  width: 100%;
  margin: 0 0 24px 0;
}
.article h2 {
  text-align: center;
  font-size: 14px;
  text-transform: uppercase;
  margin: 0 0 12px 0;
}

.wall {
  display: block;
  position: relative;
}
.wall-column {
  display: block;
  position: relative;
  /*width: 33.333333%;*/
  width: 25%;
  float: left;
  padding: 0 12px;
  box-sizing: border-box;
}
@media (max-width: 640px) {
  .wall-column {
    width: 50%;
  }
}
@media (max-width: 480px) {
  .wall-column {
    width: auto;
    float: none;
  }
}