/*公共样式*/
* { margin: 0px; padding: 0px; }
a { color: #666; text-decoration: none; outline:none; }
a:hover { text-decoration: none; color: #f60; }
a:active { text-decoration: none; color: #f60; star:expression(this.onFocus=this.blur());
}
img { max-width:100%; border:0;}
.yellow { color:#FE9D03; }
.blue{ color:#12C5FF; }
body { overflow-x:hidden; background-color:#fff; color: #555;  font-family: "宋体";  }
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, button, textarea, p, blockquote, th, td { margin: 0px; padding: 0px; font-family: "宋体"; list-style:none; }
/*首页样式*/
.wrap { width: 80%; margin: 0 auto;  }
.header-top { background: #000; padding: 1% 0%; }
.logo { float: left;  display: block; }
.logo span { float: left;  display: block; }
.logo font { padding-top: 20px; float: left;  display: block; }
.header-topitem { padding-top: 20px; padding-bottom: 20px;  background: #50C0FF; background: url(../images/topbg.jpg) no-repeat center bottom;}
.topmid{ width: 100%;}

.qun dl { float: right; height: 60px; width: 69px; display: block; padding-top:9px; text-align:center; margin-left:52px; background:url(../images/QU.png) no-repeat left center; }
.qun dl:last-child { margin-left: 0; }
.quname { padding-top: 5px; color: #FFF; font-size:0.75em; }
.quname a{color: #FFF;}
.quname a:hover{ color: #FF0; }
.header-topmenu {background-color:#515151;  }

.top-nav ul {  margin:0 auto; display: block; }
.top-nav ul li { color: #FFF; line-height:30px; float: left;  padding: 0 3.9%; text-align:center; font-size:1em; font-weight:bold; }
.top-nav ul li a{color: #FFF;}
.top-nav .cur {  float: left; background-color:#A8A8A8; padding: 0 3.9%;}
.top-nav .norm { background:url(../images/menuline.jpg) no-repeat right center; padding: 0 3.9%; }

.header-topbanner{background:url(../images/bannerbg.jpg) no-repeat center top, url(../images/back1.jpg) repeat center center;}
.header-topbannerB{background:url(../images/bodybg.png) repeat-x center top; }
.banner {float:left; width:100%; padding:5% 0 9.5% 0; }

.banner dl { float: left; display:block; height: 150px; width: 178px; padding-top: 30px; text-align:center; margin:0 0 1% 13%;}
.baname { font-size: 1.875em; font-weight: bold; color: #F0AD08; }
.baname a{color: #F0AD08;}
.qun1{float: left; height: 60px; width: 69px; display: block; background:url(../images/qun1.png) no-repeat top center;}
.qun2{float: left; height: 60px; width: 69px; display: block; background:url(../images/qun2.png) no-repeat top center;}
.qun3{float: left; height: 60px; width: 69px; display: block; background:url(../images/qun3.png) no-repeat top center;}
/*main*/
.content-bg{background: url(../images/back1.jpg) repeat center center; padding:3% 0 1% 0;}
.content-white{ background-color:#F3F9F9; padding:3% 0 1% 0;}
.title { font-size: 24px; color: #000; padding-bottom: 12px; text-align:center; }
.title h1 { padding:0 0 4% 0; background:url(../images/titleline.png) no-repeat center bottom; font-size:1.5em; font-weight:bold; color:#00B0F6; }
.title h1 a{  color:#00B0F6; }
.title h1 a:hover{  color:#f60; }
.title h2 { padding-top: 2.8%; font-size: 0.875em; font-weight: bold; color: #929AA0; }
.title h2 a{color: #929AA0;}
.title h2 a:hover{  color:#f60; }
.title h3 { padding-top: 18px; font-size: 1.25em; }
.title h3 a { color: #484F52; }
.title h3 a:hover{  color:#f60; }

.column { float: left; width: 100%; padding:30px 0; }
.column ul{float: left; width: 100%; padding:15px 0;}
.column ul dl { float: left; display:block;   width: 27%;  display: block; margin:0 0 0 9.5%; }
.column ul dl:first-child { margin-left: 0; }

.ppic { background-color: #FFF; float: left;  width: 94%; text-align:center; padding:2% 2% 0 2%; }
.ppic:hover{background-color: #282828;}
.ppic img { width:100%;}
.pbg { float: left;  width: 94%; padding:2% 2% 8% 2%; background-color: #282828; }
.pbg:hover { float: left;  width: 94%; padding:2% 2% 8% 2% background-color: #3A9CC9; cursor:pointer;}
.pbname { font-size: 1.125em; font-weight: bold; color: #FFF; padding-top:12px; }
.pbname a{ color: #FFF;}
.pbitem { height: 40px; }
.pz { float: left; height: 59px; width: 63px; text-align:center; padding-top:10px; position: absolute; margin-left:0px; margin-top:-29px; background:url(../images/lhicon2.PNG) no-repeat left center; font-size: 2.375em; font-weight: bold; color:#42B3E5; }
.pz:hover{ float: left; height: 59px; width: 63px; text-align:center; padding-top:10px; background:url(../images/lhicon1.PNG) no-repeat left center;}
.pimg { float: right; padding-top: 8px;  }
.pimg img{ width:90%;  float: right;}
.pbtext { padding-top: 15px; color: #FFF; font-size:0.75em; }
.pbtext a{color: #FFF;}

.server { width: 100%; float: left; }
.server ul { float: left; width: 100%; padding:30px 0; }
.server ul dl { display: block; float: left; width: 19.15%; text-align: center; margin:0 0 0 7%; }
.server ul dl:first-child{margin-left:0; }
.sepic { height: 88px; width: 118px; padding-top:30px; background:url(../images/sevqu.png) no-repeat center center; margin:0 auto; }
.sepic:hover{height: 88px; width: 118px; padding-top:30px; background:url(../images/sevqu2.png) no-repeat center center; margin:0 auto;}
.sename { font-size: 0.875em; width: 100%;  font-weight: bold; padding:6% 0 6% 0;  word-break:break-all;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;}
.secont { text-align: left; line-height: 160%; font-size:0.75em; }

/*STRTitle */
.STRTitle { width:100%; margin: 0 auto;  }
.STRTitle ul { float: left; width: 100%;  padding:1.4em 0;}
#STR0 dl { float: left; width:100%; }

.STRTitle ul li { float: left;  line-height: 35px; height: 35px; font-size: 1.375em; font-weight: bold; background: url(../images/line.png) no-repeat right center; padding:0 1.5em; }
.STRTitle ul .active {  text-align: center; cursor:pointer; cursor: hand; color:#0EB493;   }
.STRTitle ul .normal {  text-align: center; cursor:pointer; cursor: hand; }
#STR0_strategy0, #STR0_strategy1, #STR0_strategy2, #STR0_strategy3 { float: left; width: 100%; line-height:150%; color:#999; padding-bottom:15px; }

/*caseprodu*/
.caseprodu, .caseprodu ul { float: left; width: 100%; }
.caseprodu ul dl { float: left; width: 25%; padding:0 0 2% 12.5%;  display: block; }
.caseprodu ul dl:first-child{ padding-left:0;}
.propic { float: left;  text-align:center; padding:2% 2% 2% 2%;  background:url(../images/casebg2.png) no-repeat top center; background-size:auto auto; }

.propic img{margin-bottom:10px;  }
.proname { float: left; width: 100%; font-size: 0.875em; font-weight: bold; white-space: nowrap; overflow: hidden; text-overflow:ellipsis; color: #282828; background:url(../images/jt.png) no-repeat right center;  }
.proname a:hover{float: left; width: 100%; color:#00B0F6; font-size: 0.875em; background:url(../images/jt2.png) no-repeat right center; white-space: nowrap; overflow: hidden; text-overflow:ellipsis;}
/*youshi*/
.youshi { float: left; width: 100%; color:#444; }
.youleft { float: left; width: 25%; }
.youconA img{width: 100%;}
.youmid { float: left;  width: 33%; padding-left: 5%; }
.younews {width: 100%;   }
.younews dl { padding-top: 24px; }
.yname { font-size: 14px; font-weight: bold; padding-left:15px; background:url(../images/yicon.jpg) no-repeat left center; }
.ytext{padding-left:15px; line-height:22px; font-size:0.75em;}

.youtitle { font-size: 1.5em; font-weight: bold; color: #484F52; }
.youconA { padding-top: 3.3%; }
.youconA p { line-height: 22px; padding-top: 12px; font-size:0.75em; }

.youright { float: left; width: 32%;  padding-left: 5%; }
.yjl{padding-top: 8px;}
.yjl dl { width: 100%; float: left;  padding-top: 14px; }
.youbut{ padding-top:12px;}
.ypic { float: left; padding-right: 8px; }
.ycont { line-height: 22px; font-size:0.75em;}
/*footer*/
.footer{color: #FFF; background-color:#000;  padding:1% 0 2% 0; font-size:0.75em;}
.fotleft { float: left; width: 60%; line-height: 24px; padding-top:2.2%; }
.fotright { float: right; width: 26%; text-align: right;  }
.fotright p{line-height: 160%;}
/*内页样式开始*/
/*jsclass*/
.TabTitle { float: left; width: 100%; }
#proTab0 { float: left; width: 100%;  }

.TabTitle li { float: left; line-height: 35px; height: 35px; font-size: 1.128em; font-weight: bold; background: url(../images/line.png) no-repeat right center; padding:0 15px 0 0; display: block; margin-right:15px; }
.TabTitle .active {  cursor:pointer; cursor: hand; color:#0EB493;  }
.TabTitle .active a{color:#0EB493;}
.TabTitle .normal { cursor:pointer; cursor: hand; color:#000; }
.TabTitle .normal a{color:#000;}
.TabContent { float: left; width: 100%; margin-bottom:20px; }
.TabContent #proTab0_Content0, .TabContent #proTab0_Content1, .TabContent #proTab0_Content2, .TabContent #proTab0_Content3 { float: left; width: 100%; padding-top: 10px; }

.blutitle { float: left; width: 100%; padding:2% 0; }
.titleleft { float: left; width: 32%; }
.entitle { font-size: 60px; font-family: Arial; color: #32353C; float: left; }
.bigfont { font-size: 30px; font-weight: bold; padding-top: 4px; color: #32353C; }
.bigfont span { color: #4DA105; }
.smallfont { font-size: 14px; font-weight: bold; color: #666; }
.titleright {  line-height:150%; padding-top:1.6%; padding-left:45px; font-size:1.125em; font-weight:bold; float: left; background:url(../images/linefont.png) no-repeat left center; width: 58%; margin-top:8px;}
.titleright ul li { padding-right: 11px; float: left; }
/*num*/
.num { height:27px;  font-family: "宋体"; float: left; width: 100%;   border:1 solid #dedede; }
.num ul { width: 252px; margin:0 auto; }
.num ul li { float: left; height: 21px; width: 21px; }
.num ul li a { width:19px; height:19px; line-height:19px; float:left;  text-align:center; font-weight:bold; color:#009FFF; font-family:Arial; }
.num ul .norm { float:left; height: 21px; line-height:21px; width: 21px; text-align:center; color:#009FFF;   padding:0 2px;}
.num ul .nucur { height: 21px; line-height:21px; width: 21px; text-align:center; background:url(../images/numcur.jpg) no-repeat center center; color:#009FFF; }
.num ul .nucur a{ color:#FFF; font-weight:bold; font-size:0.75em;}

#Content {float:left; width: 100%;  height: 790px; /* CSS Hack For IE6 */ overflow: hidden; text-align: left; padding-top: 10px; }

.but { padding-top: 10px; }
.but a { height: 19px; width: 19px; white-space: nowrap; background:#FC4F02; border:1px #FC4F02 solid; padding-right: 5px; padding-left: 5px; font-weight: bold; color: #fff; text-decoration: none; }
.but a:hover { height: 19px; width: 19px; white-space: nowrap; background:#fff; border:1px #FC4F02 solid; padding-right: 5px; padding-left: 5px; font-weight: bold; color: #f60; text-decoration: none; }
#Pages { height: 20px; text-align: left; padding:20px 0 0 0; width: 100%; float: left; border-top:1px #CCC solid; font-family: Arial; }

.about { float: left; width: 100%; font-size: 0.9375em; }
.about p { padding-bottom: 32px; }
.about img{width: 45%; padding-right:2%;}
.about p:first{ width: 100%;}
.about p span { float: right; }
.about p font { color: #F60; }
.newslist table tr td b img{ width:17px; height:17px;}
.newslist table tr td img{width:13px; height:13px;}

.ycont p { padding: 10px 0; }
.view { float: left; width: 100%; }
.view ul dl { float: left; width: 30%; padding-left: 5%; }
.view ul { float: left; width: 100%; }
.youtitle span { color: #F60; }
.about table tr td table tr td table tr td table tr td img{ width:7px ; height:7px;}
.clear { clear:both; }



@media (max-width:1366px){
	.wrap{width:90%;}

}
@media (max-width:1280px){
	.wrap{width:90%;}	
	.top-nav ul li { padding: 0 3%;  }
	.top-nav .cur {  float: left; background-color:#A8A8A8; padding: 0 3%;}
    .top-nav .norm { background:url(../images/menuline.jpg) no-repeat right center; padding: 0 3%; }
	.STRTitle ul li {  padding:0 1em; }
	.propic { float: left;  text-align:center; padding:2% 2% 2% 2%;  background:url(../images/casebg2.png) no-repeat top center; background-size:100% 100%; }
}

@media only screen and (max-width: 1024px) {
	.wrap{width:95%;}	
    .banner  dl {  margin:0 0 1% 8%; }
	.STRTitle ul li {  padding:0 0.5em; }
	.propic { float: left;  text-align:center; padding:2% 2% 2% 2%;  background:url(../images/casebg2.png) no-repeat top center; background-size:100% 100%; }
	.title h1 { font-size:1em; }
.title h3 { font-size: 0.875em;   padding-top:1%}
.title h2 {  font-size: 0.75em; padding-top:1%}
.STRTitle ul li { float: left;  line-height: 35px; height: 35px; font-size: 0.875em; padding:0 0.5em; }
.top-nav ul li { padding: 0 1.8%; font-size:0.875em; }
.top-nav .cur {  padding: 0 1.8%;}
.top-nav .norm { padding: 0 1.8%; }
.younews dl { padding-top: 8px; }
.ytext{padding-left:15px; line-height:160%; font-size:0.75em;}
.youtitle { font-size: 0.875em;}
.footer{padding:1% 0 2% 0; font-size:0.75em;}
.fotleft {font-size:0.75em; }
.TabTitle li { float: left; font-size: 0.875em;  margin-right:5px; line-height: 20px; height: 20px;}

.titleleft { float: left; width: 100%; }
.titleright {font-size:18px; font-weight:bold; float: left; width: 100%; padding: 0; background:none;}
}

@media only screen and (max-width: 800px) {
.qun dl { float: right; height: 60px; width:69px; padding-top: 9px; text-align: center; margin-left: 35px; background: url(../images/QU.png) no-repeat left center; display: block; }
.top-nav ul li { padding: 0 2%;  }
.banner  dl {  margin:0 0 1% 4%; }
.pz { float: left; height: 51px; width: 53px; text-align:center; padding-top:7px; position: absolute; margin-left:0px; margin-top:-29px; background:url(../images/lhicon2h.PNG) no-repeat left center; font-size: 38px; font-weight: bold; color:#42B3E5; }
.pz:hover{ float: left; height: 51px; width: 53px; text-align:center; padding-top:7px; background:url(../images/lhicon1h.PNG) no-repeat left center;}
.title h1 { font-size:1em; }
.title h3 { font-size: 0.875em;   padding-top:1%}
.title h2 {  font-size: 0.75em; padding-top:1%}
.STRTitle ul li { float: left;  line-height: 35px; height: 35px; font-size: 0.875em; padding:0 0.5em; }
.fotleft { float: left; width: 100%; line-height: 24px; padding-top:2.2%; }
.footer{padding:1% 0 2% 0; font-size:0.75em;}
.fotright { float: left; width: 100%; text-align: left;  }
.fotright img{float: left; padding-right:10px;}
.footer{padding:1% 0 2% 0; font-size:0.75em;}
.fotleft {font-size:0.75em; }
}
@media only screen and (max-width: 640px) and (min-width: 480px) {
#Content {float:left; width: 100%; height: 716px; margin: 10px 0 0px 0; /* CSS Hack For IE6 */ overflow: hidden; text-align: left; padding-top: 10px; }
.wrap { width: 90%; }
.logo { float: left; width: 90%; display: block; }
.logo span { float: left; width: 30%; display: block; }
.logo font { padding-top: 10px; float: left; width: 30%; display: block; }
.qun dl { float: right; height: 60px; width: 69px; padding-top: 9px; text-align: center; margin: 0 65px  8px 0; background: url(../images/QU.png) no-repeat left center; display: block; }
.header-topitem { padding-top: 20px;  padding-bottom: 20px; background: url(../images/topbg.jpg) no-repeat center bottom ,#50C0FF;}
.header-topmenu {background-color:#515151; padding:8px;  }
.top-nav ul li { padding: 0 4%;  }
.column ul dl { float: left; display:block; width: 98%;  display: block; margin:0 0 4.5%  0; }
.caseprodu ul dl { float: none; width: 90%; padding:0 0 0 4%;  display: block; }
.caseprodu ul dl:first-child{ padding-left:4%;}
.propic { float: left;  width: 98%; text-align:center;   background:url(../images/casebg2.png) no-repeat top center; background-size:auto auto; }
.propic img{width: 98%; padding-bottom:5%;}
.proname { float: left; width: 98%; margin-bottom:5%; }
.STRTitle ul li { float: left;  line-height: 35px; height: 35px; font-size: 0.875em; padding:0 0.5em; }

.server ul dl { display: block; float: left; width: 44%; text-align: center; margin:0 3% 4.5% 3% } 

.title h1 { font-size:1em; }
.title h3 { font-size: 0.875em;   padding-top:1%}
.title h2 {  font-size: 0.75em; padding-top:1%}
.banner dl {  margin:0 8% 1% 0%; height: 97px; width: 105px; padding-top: 10px;}
.qun1{float: left; height: 60px; width: 69px; display: block; background:url(../images/qunh1.png) no-repeat top center;}
.qun2{float: left; height: 60px; width: 69px; display: block; background:url(../images/qunh2.png) no-repeat top center;}
.qun3{float: left; height: 60px; width: 69px; display: block; background:url(../images/qunh3.png) no-repeat top center;}
.banner img{ width:50%;}
.baname { font-size: 0.875em; font-weight: bold; color: #F0AD08; }
.pz { float: left; height: 40px; width: 43px; text-align:center; padding-top:7px; position: absolute; margin-left:0px; margin-top:-29px; background:url(../images/lhicon3h.PNG) no-repeat left center; font-size: 1.875em; font-weight: bold; color:#42B3E5; }
.pz:hover{ float: left; height: 40px; width: 43px; text-align:center; padding-top:7px; background:url(../images/lhicon4h.PNG) no-repeat left center;}

.sepic { height: 80px; width: 98px; padding-top:18px; background:url(../images/hsevqu.png) no-repeat center center; margin:0 auto; }
.sepic:hover{height: 80px; width: 98px; padding-top:18px; background:url(../images/hsevqu2.png) no-repeat center center; margin:0 auto;}
.propic { float: left;  text-align:center; padding:2% 2% 2% 2%;  background:url(../images/casebg2.png) no-repeat top center; background-size:100% 100%; }

.youleft { float: left; width: 100%; }
.youmid { float: left;  width: 100%; padding: 6% 0 0 0%; }
.youright { float: left; width: 100%;  padding: 6% 0 0  0%; }
.TabTitle li { float: left; font-size: 0.75em;  margin-right:5px; line-height: 20px; height: 20px;}

#Content {float:left; width: 100%; height:3472px;}
.but a { height: 15px; width: 15px;  background:#FC4F02; border:1px #FC4F02 solid;font-size:0.75em; color: #fff; text-decoration: none; }
.but a:hover { height: 15px; width: 15px; white-space: nowrap; background:#fff; border:1px #FC4F02 solid;   }
#Pages { height: 20px; text-align: left; padding:20px 0 0 0; width: 100%; margin:0 auto; }
.about img{width: 100%; padding-bottom:10px;}
.about {  font-size: 0.75em; }
.view ul dl { float: left; width: 100%; padding-left: 0%; }
}

 @media only screen and (max-width: 480px) {
	 .wrap { width: 90%; }
.logo { float: left; width: 90%; display: block; }
.logo span { float: left; width: 40%; display: block; }
.logo font { padding-top: 8px; float: left; width: 40%; display: block; }
.qun dl { float: right; height: 60px; width: 69px; padding-top: 9px; text-align: center; margin: 0 35px  8px 0; background: url(../images/QU.png) no-repeat left center; display: block; }
.header-topitem { padding-top: 20px;  padding-bottom: 20px;   background: url(../images/topbg.jpg) no-repeat center bottom ,#50C0FF;}
.qun dl { float: right;  padding-top: 9px; text-align: center; margin-left: 1px;  display: block; }
.header-topmenu {background-color:#515151; padding:8px;  }
.top-nav ul li { padding: 0 5%; }
.banner dl { margin:0 1% 1% 0%; height: 97px; width: 105px; padding-top: 10px;}
.qun1{float: left; height: 60px; width: 69px; display: block; background:url(../images/qunh1.png) no-repeat top center;}
.qun2{float: left; height: 60px; width: 69px; display: block; background:url(../images/qunh2.png) no-repeat top center;}
.qun3{float: left; height: 60px; width: 69px; display: block; background:url(../images/qunh3.png) no-repeat top center;}
.banner img{ width:50%;}
.baname { font-size: 0.875em; font-weight: bold; color: #F0AD08; }
.pbitem { height: 24px; }
.column ul dl { float: left; display:block; width: 98%;  display: block; margin:0 0 4.5%  0; }
.server ul dl { display: block; float: left; width: 44%; text-align: center; margin:0 3% 4.5% 3% } 
.caseprodu ul dl { float: none; width: 90%; padding:0 0 2% 4%;  display: block; }
.caseprodu ul dl:first-child{ padding-left:4%;}
.propic { float: left;  width: 98%; text-align:center; padding:2% 0;  background:url(../images/casebg2.png) no-repeat top center; background-size:auto auto; }
.propic img{width: 98%; padding-bottom:5%;}
.proname { float: left; width: 98%; margin-bottom:10%; }
.STRTitle ul li { float: left;  line-height: 35px; height: 35px; font-size: 0.875em; padding:0 0.5em; }
.title h1 { font-size:1em; }
.title h3 { font-size: 0.875em;   padding-top:1%}
.title h2 {  font-size: 0.75em; padding-top:1%}
.pz { float: left; height: 40px; width: 43px; text-align:center; padding-top:5px; position: absolute; margin-left:0px; margin-top:-29px; background:url(../images/lhicon3h.PNG) no-repeat left center; font-size: 1.875em; font-weight: bold; color:#42B3E5; }
.pz:hover{ float: left; height: 40px; width: 43px; text-align:center; padding-top:7px; background:url(../images/lhicon4h.PNG) no-repeat left center;}
.sepic img{ width:50%}
.sepic { height: 80px; width: 98px; padding-top:18px; background:url(../images/jsevqu.png) no-repeat center center; margin:0 auto; }
.sepic:hover{height: 80px; width: 98px; padding-top:18px; background:url(../images/jsevqu2.png) no-repeat center center; margin:0 auto;}
.propic { float: left;  text-align:center; padding:2% 2% 2% 2%;  background:url(../images/casebg2.png) no-repeat top center; background-size:100% 100%; }
.youleft { float: left; width: 100%; }
.youmid { float: left;  width: 100%; padding: 6% 0 0 0%; }
.youright { float: left; width: 100%;  padding: 6% 0 0  0%; }
.TabTitle li { float: left; font-size: 0.75em;  margin-right:5px; line-height: 20px; height: 20px;}
.about img{width: 100%; padding-bottom:10px;}
.about {  font-size: 0.75em; }
.view ul dl { float: left; width: 100%; padding-left: 0%; }

.newtitle2{ float:left; text-align:left;}
}

@media (max-width:320px){
.wrap { width: 90%; }
.logo { float: left; width: 100%; display: block; }
.logo span { float: left; padding-top: 3px;width: 50%; display: block; }
.logo font { float: left; width: 50%; display: block; }
.header-topitem { padding-top: 20px;  padding-bottom: 20px;  background: url(../images/topbg.jpg) no-repeat center bottom ,#50C0FF;}
.top-nav ul li { padding: 0 5%;    } 
.banner dl {  margin:0 0 0% 0%; height: 97px; width: 105px; padding-top: 10px;}
.qun1{float: left; height: 60px; width: 69px; display: block; background:url(../images/qunh1.png) no-repeat top center;}
.qun2{float: left; height: 60px; width: 69px; display: block; background:url(../images/qunh2.png) no-repeat top center;}
.qun3{float: left; height: 60px; width: 69px; display: block; background:url(../images/qunh3.png) no-repeat top center;}
.banner img{ width:50%;}
.column ul dl { float: left; display:block; width: 98%;  display: block; margin:0 0 4.5%  0; } 
.title h1 { font-size:1em; }
.title h3 { font-size: 0.875em;   padding-top:1%}
.title h2 {  font-size: 0.75em; padding-top:1%}
.baname { font-size: 0.875em; font-weight: bold; color: #F0AD08; }
.pbitem { height: 24px; }
.pz { float: left; height: 40px; width: 43px; text-align:center; padding-top:7px; position: absolute; margin-left:0px; margin-top:-29px; background:url(../images/lhicon3h.PNG) no-repeat left center; font-size: 1.875em; font-weight: bold; color:#42B3E5; }
.pz:hover{ float: left; height: 40px; width: 43px; text-align:center; padding-top:7px; background:url(../images/lhicon4h.PNG) no-repeat left center;}
.sepic { height: 80px; width: 98px; padding-top:18px; background:url(../images/jsevqu.png) no-repeat center center; margin:0 auto; }
.sepic:hover{height: 80px; width: 98px; padding-top:18px; background:url(../images/jsevqu2.png) no-repeat center center; margin:0 auto;}
.propic { float: left;  text-align:center; padding:2% 2% 2% 2%;  background:url(../images/casebg2.png) no-repeat top center; background-size:100% 100%; }
.server ul dl { display: block; float: left; width: 44%; text-align: center; margin:0 3% 4.5% 3% } 
.caseprodu ul dl { float: none; width: 90%; padding:0 0 2% 4%;  display: block; }
.caseprodu ul dl:first-child{ padding-left:4%;}
.propic { float: left;  width: 98%; text-align:center; padding:2% 0;  background:url(../images/casebg2.png) no-repeat top center; background-size:auto auto; }
.propic img{width: 98%; padding-bottom:5%;}
.proname { float: left; width: 98%; margin-bottom:10%; }
.STRTitle ul li { float: left;  line-height: 35px; height: 35px; font-size: 0.875em; padding:0 0.5em; }
.youleft { float: left; width: 100%; }
.youmid { float: left;  width: 100%; padding: 6% 0 0 0%; }
.youright { float: left; width: 100%;  padding: 6% 0 0  0%; }
.about img{width: 100%; padding-bottom:10px;}
.about {  font-size: 0.75em; }
.view ul dl { float: left; width: 100%; padding-left: 0%; }

.newtitle2{  float:left; text-align:left;}
}