@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; }
.blank2 { clear:both; font-size:0; line-height:0; height:2px; }
.blank6 { clear:both; font-size:0; line-height:0; height:6px; }
.blank50 { clear:both;font-size:0; line-height:0; height:50px;  }
.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; }
.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; }}
body{ background:#f4f4f4;}
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:#0361b7;border-bottom: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}
 
 .sec{background:#ff1717} 
.nav{width:90%;margin:auto;-webkit-transition:all .3s;-moz-transition:all .3s;transition:all .3s;}
.nav ul li{float:left;width:9.5%;height:50px;transition:all .3s}/*;background:url(1_02.jpg) right center no-repeat;*/
.nav ul li .a1{line-height:50px;display:block;text-align:center;font-size:18px;color:#fff;transition:all .3s}
.nav ul li:hover .a1{color:#fffc00;transition:all .3s}
.nav ul li .div1{display:none;background:#fff;width:100%;left:0px;position:absolute;top:160px;z-index:100;height:65px;}
.nav ul li .div1  a{color:#666;font-size:14px;text-transform:uppercase;background:url(1_26.jpg) center bottom no-repeat;display:inline-block;height:30px;line-height:25px;margin-right:3%;transition:all .5s}
.nav ul li .div1  a:hover{background:url(1_27.jpg) center bottom no-repeat;color:#1a1a1a;}
.nav ul li .div1 .mad2{margin-left:16%;margin-top:20px;}
.nav ul li .div1 .mad3{margin-left:23%;margin-top:6px;}
.nav ul li .div1 .mad4{margin-left:28%;margin-top:20px;}
.nav ul li .div1  .mad5{margin-left:40%;margin-top:20px;}
.nav ul li .div1  .mad6{margin-left:40%;margin-top:20px;}
.nav ul li .div1  .mad7{margin-left:55%;margin-top:20px;}
.nav ul li .div1  .mad8{margin-left:40%;margin-top:20px;}
.nav ul li .div1  .mad9{margin-left:70%;margin-top:20px;}
.nav ul li .div1 .p1{text-align:right}

.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}
}

 /*菜单结*/
 
 /**/
  .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%; max-width:1300px;position:relative;margin:auto;background: #f1f1f1;height:480px} 
 .iMain{width: 100%; 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%; max-width:1300px;position:relative;margin:auto;background: #f1f1f1;height:490px} 
  .iMain2{width: 100%;height:460px;margin:auto}

  .iPage3{width: 100%; max-width:1300px;position:relative;margin:auto;background: #fff;} 
  .iMain3{width: 100%;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%; max-width:1300px;position:relative;margin:auto; background: #f1f1f1; } 
  .iMain4{width: 100%;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%;max-width:1300px;margin:auto;background:#ffffff}
.idz{width:100%;margin:auto;}
.idz img{width:100%}

.iys0{width:100%;max-width:1300px;margin:auto;background:#ffffff}
.iys1{width:100%;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%; max-width:1300px;margin:auto;background:#FFF}
.tabbox2{width:100%;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; }
 


  /***首页最顶端 menu***/
.tx01{width:100%;height:110px;border-bottom:1px #549cbe solid ; background-color:#FFF;}
.tx1{height:110px; width:85%;  margin:auto;   background: url()  no-repeat;}
.tx1 .left{ width:135px; 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: 1024px) and (min-width: 0px){.tx01{display:none}}
/*
#cd {width:90%;height:50px;  margin:auto;   vertical-align: middle; } 
#nav { width:100%;position: relative; *position: absolute;z-index:3;  list-style-type: none; text-align:left;float:left;} 
#nav a { display: block;  color:#fff;  text-align:center; font-weight:;font-size: 15px;vertical-align: middle;line-height:50px} 
#nav a:link { text-decoration:none;  } 
#nav a:visited {  text-decoration:none; } 
#nav a:hover { color:#fff;text-decoration:none; background:#ff1717} 
#nav .sec{background:#ff1717} 
#nav li {width:10%;float: left;} 
 #nav .aline{width:2px;height:0px;background: url(/images/bottombg.jpg) no-repeat}
#nav li ul { line-height: 30px; list-style-type: none;text-align:left;left:-999em; width: 10%; position: absolute; background-color:#0361b7;} 
#nav li ul li{ width: 100%; float: left;border-bottom:1px solid #1f79cb;} 
 
#nav li ul a{ display: block;line-height: 36px;font-size:14px; color:#fff; text-decoration:none;font-weight:normal;} 
#nav li ul a:hover {background-color:#ff0000;} 
#nav li:hover ul { left: auto; } 
#nav li.sfhover ul { left: auto;} 
#nav  .l{ background:url(/images/line.png) no-repeat left }
#content { clear: left; } 
/*以下是产品列表*/
.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:220px; 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:1300px; 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: 0px #CCC dashed;}
 .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 { width:100%;overflow:hidden; clear:none; margin:auto;position: relative;background: #e7e6e6; border-top:2px #CCC solid;}
.footer2 {width: 100%;max-width:1300px;margin: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%;margin:auto}
.pList  .px00{width:24%;float:left;margin-left:1%;border:1px solid #eee;margin-top:1.4%; }
.pList  .px00 img{width:100%}
.pList  .px00 .px2{width:100%;}
.pList  .px00 h2{width:100%;margin:auto;text-align:center;font-size:15px;color:#555}
.pList  .px00 .px3{width:98%;margin:auto;padding:8px;height:90px; font-size:14px;color:#666;}
.pList  .px00  a{color:#06F}

.pList  .px11{width:24%;float:left;border:1px solid #eee;margin-top:1.4%;  }
.pList  .px11 img{width:100%}
.pList  .px11 .px2{width:100%;}
.pList  .px11 h2{width:100%;margin:auto;text-align:center;font-size:15px;color:#555}
.pList  .px11 .px3{width:98%;margin:auto;padding:8px;height:90px; font-size:14px;color:#666;}
.pList  .px11  a{color:#06F}

.pd00{width:100%;margin:auto}
.pd00 .pd10{width:30%;float:left;padding:4px 4px 0px 4px; border:#eee 1px solid;}
.pd00 .pd10 img{width:100%}
.pd00 .pd20{width:58%;float:left;margin-left:3%}
.pd00 .pdtel{font-size:16px;color:#F00;line-height:30px;width:100%}
.pdt1{width:100%;margin:auto; border-bottom:#eee 1px solid;}
.pdt2{padding-left:20px;padding-right:20px;padding-top:10px;padding-bottom:3px;font-size:14px;line-height:20px; border-left:#eee 1px solid; border-right:#eee 1px solid; border-top:#eee 1px solid; border-bottom:#fff 1px solid;font-weight:bold}

@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; }
	}

/*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%;max-width:1300px;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;
  }
}