/* CSS Document */

/*top*/
.topbg{width: 100%; height: 82px;}
.top{width: 1000px; margin: 0 auto; height: 82px;}
.top .logo{width: 185px; height: 48px; float: left; border-style: none; margin-top:19px;  display: inline-block;}
.top .nav{width: 782px; height: 82px; line-height: 82px; float:left; color: #000; font-size: 16px; font-weight: normal;}
.top .nav li{float:left; width: 16%; text-align: center;}
.top .nav li a{ color: #000; font-size: 16px;  font-weight: normal;}
.top .nav li:hover{background: url(../images/anniu.png);}

/*banner*/
#banner-index{width:100%;min-width:1000px;height:600px;position:relative;z-index:1;overflow:hidden;}
.mbanner{display:none;}
.slides {width:100%; height:auto; overflow:hidden; position:relative;}
.slides a {width:100%; height:auto; overflow:hidden; display:block; position:relative;}
.slides a img {width:100%; height:auto; overflow:hidden; display:block;}
.slidesjs-pagination {height:10px; position:absolute; bottom:10px; left:50%; margin-left:-60px; z-index:998;}
.slidesjs-pagination li {width:30px; height:10px; line-height:10px; margin:0px 3px; float:left;}
.slidesjs-pagination li a {font-size:12px; text-align:center; color:#fff; font-size:0px; background:#fff; display:block;}
.slidesjs-pagination li a.active,.slidesjs-pagination li a:hover.active {background:#2174d8; color:#2174d8;}
.slidesjs-pagination li a:hover {background:#2174d8; color:#2174d8;}
.slidesjs-navigation {display:none;}
.slidesjs-navigation .slidesjs-previous {width:35px; height:100px; line-height:100px; font-size:36px; margin-top:-50px; padding-left:0px; position:absolute; top:50%; left:0px; z-index:999;}
.slidesjs-navigation .slidesjs-previous:hover {background:rgba(0,0,0,0.3); -moz-border-top-right-radius:3px; -webkit-border-top-right-radius:3px; -ms-border-top-right-radius:3px; border-top-right-radius:3px; -moz-border-bottom-right-radius:3px; -webkit-border-bottom-right-radius:3px; -ms-border-bottom-right-radius:3px; border-bottom-right-radius:3px;}
.slidesjs-navigation .slidesjs-next {width:35px; height:100px; line-height:100px; font-size:36px; margin-top:-50px; padding-left:10px; position:absolute; top:50%; right:0px; z-index:999;}
.slidesjs-navigation .slidesjs-next:hover {background:rgba(0,0,0,0.3); -moz-border-top-left-radius:3px; -webkit-border-top-left-radius:3px; -ms-border-top-left-radius:3px; border-top-left-radius:3px; -moz-border-bottom-left-radius:3px; -webkit-border-bottom-left-radius:3px; -ms-border-bottom-left-radius:3px; border-bottom-left-radius:3px;}
.slides:hover .slidesjs-navigation {display:block;}

/*iabout*/
.iaboutbg{ background: url(../images/gy.jpg) center; width: 100%; height: 227px; display: inline-block;}
.iabout{width: 1000px; height: 227px; margin: 0px auto;}
.iabouttit{background:url(../images/gyline.png) no-repeat center; height:41px; width: 366px; margin: 40px auto 0px;}
.iabouttit span{font-size: 24px; font-family: 微软雅黑, 'Microsoft YaHei'; color: rgb(0, 0, 0); width: 230px; margin: 0px auto;  display: block; padding-top: 20px;}
.iaboutcontent{width:500px; margin: 30px auto 0px;}
.iaboutcontent p{text-align:center;}
.iaboutcontent p span{font-family: 微软雅黑, 'Microsoft YaHei'; color: rgb(89, 89, 89);}
.iaboutc{width: 1000px; margin: 40px auto 0px;}
.iaboutl{float:left; width: 500px; line-height:1.5;}
.iaboutl .iaboutcompanyname{font-size:18px;}
.iaboutl a{width:139px; height: 38px; background: #56aab7; text-align: center; line-height: 38px; display: block; color:#fff}
.iaboutr{float:right; width: 474px;}
.iaboutr img{max-width:100%;}


/*iproduct*/
.iprobg{ background: url(../images/cpd.jpg) center; width: 100%; height: 500px; display: inline-block; margin-top: 50px;}
.iproduct{width: 1000px; height: 558px; margin: 0px auto;}
.iproducttit{background:url(../images/cpline.png) no-repeat center; height:41px; width: 366px; margin: 55px auto 0px;}
.iproducttit span{font-size: 24px; font-family: 微软雅黑, 'Microsoft YaHei'; color:#fff; width: 260px; margin: 0px auto;  display: block; padding-top: 20px;}
.iprogs{font-family: 微软雅黑, 'Microsoft YaHei'; color: rgb(255, 255, 255); text-align: center; display: block; padding-top: 25px;}
.iprolist{width:1000px; margin:0 auto; margin-top: 35px;}
.iprolist ul li{width:23%; margin-right:2.66%; float:left; background: #333;}
/*.iprolist ul li.nmr{margin-right: 0px;}*/
.iprolist ul li:nth-child(4n){margin-right:0;}
.iprolist ul li p{font-size: 18px; color:#56aab7; display: block; margin-top: 20px; text-align: center;     width: 80%;
    margin: 0 auto;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;margin-bottom: 10px;}
.iprolist ul li span{color: rgb(89, 89, 89);  display: block; margin-top: 0px; text-align: center; margin-bottom:30px;}

/*inews*/
.inews{width: 1000px; margin: 0px auto;}
.inewstit{background:url(../images/gyline.png) no-repeat center; height:41px; width: 366px; margin: 60px auto 0px;}
.inewstit span{font-size: 24px; font-family: 微软雅黑, 'Microsoft YaHei'; color: rgb(0, 0, 0); width: 180px; margin: 0px auto;  display: block; padding-top: 20px;}
.inewsgs{font-family: 微软雅黑, 'Microsoft YaHei'; color: rgb(89, 89, 89); text-align: center; display: block; padding-top: 25px;}
.inewslist{width: 100%; margin-top: 35px;}
.inewslist ul li{width:47.5%; margin-right:5%; float:left; border-bottom: 1px dotted #aaa}
.inewslist ul li.nmr{margin-right: 0px;}
.inewslist ul li.inimg{border:0px;}
.inewslist ul li .intit{ margin-top: 10px; line-height: 24px; text-align: left; text-overflow: ellipsis; overflow: hidden; white-space: nowrap;}
.inewslist ul li .intit a{color: #333; font-size: 14px; font-weight: 700; font-style: normal;}
.inewslist ul li .intime{margin: 0; padding: 0; height: 24px; line-height: 24px; color: #999; font-size: 12px; font-weight: 400; font-style: normal; text-decoration: none;}
.inewslist ul li .ininfo{margin: 0; padding: 0; padding-top: 4px; max-height: 3.2em; overflow: hidden; line-height: 1.5em; color: #666; font-size: 12px; font-weight: 400; font-style: normal; text-decoration: none; margin-bottom: 10px;}

/*iserver*/
.iserverbg{background:url(../images/ser.png) no-repeat center;  width: 100%; height: 423px; margin: 60px auto 0px; display: inline-block;}
.iserver{width: 1000px; margin: 0px auto;}
.iservertit{background:url(../images/cpline.png) no-repeat center; height:41px; width: 366px; margin: 55px auto 0px;}
.iservertit span{font-size: 24px; font-family: 微软雅黑, 'Microsoft YaHei'; color:#fff; width: 205px; margin: 0px auto;  display: block; padding-top: 20px;}
.iservergs{color: #fff; text-align: center; display: block; padding-top: 25px;}
.iserverlist{width: 100%; margin-top: 35px;}
.iserverlist div{float:left; width:229px; height: 197px; margin-right: 28px; color:#fff}
.iserverlist div.iserverl{}
.iserverlist div.iservercl{}
.iserverlist div.iservercr{}
.iserverlist div.iserverr{margin-right: 0px;}

/*foot*/
.footbg{width: 100%; min-height: 53px; background-color: #000000; }
.foot{width:1000px; margin: 0 auto; color:#fff; text-align: center; line-height: 53px;}

/*main*/
.main{width:100%; margin: 0 auto;}
.main .moduleinfo{line-height: 1.5; text-align: center; margin:35px 0px;}
.main .moduleinfo .moduletit{margin-bottom: 10px; font-size: 24px; color:#56aab7;}
.main .moduleinfo .moduleintro{text-align: center; color: rgb(63, 63, 63);}
.main .mainc{margin-bottom: 40px; width: 1000px; margin:0 auto; margin-bottom:30px;}
.main .mainc .singleL{float:left; width: 474px;}
.main .mainc .singleR{float:right; width: 500px; line-height:1.5;}
.main .mainc .singleR p{ font-size: 14px; margin-top: 0px; margin-bottom: 10px; padding: 0px; word-wrap: break-word; word-break: normal; white-space: normal; widows: auto;  line-height: 1.75em;  background-color: rgb(255, 255, 255);}
.main .mainc .proclass{}
.main .mainc .proclass ul{}
.main .mainc .proclass ul li{float:left; width: 25%; background: #f4f4f4; line-height: 35px; text-align: center;}
.main .mainc .proclass ul li:hover{background:#56aab7;}
.main .mainc .proclass ul li a{color:#382f26; display:block;}
.main .mainc .proclass ul li:hover a{color: #fff}
.main .mainc .proclass ul li.on{background:#56aab7;}
.main .mainc .proclass ul li.on a{color: #fff}
.main .mainc .prolist{margin-top:30px; text-align: center;}
.main .mainc .prolist ul{}
.main .mainc .prolist ul li{width: 24%; margin:10px 0.5%; float:left;}
.main .mainc .prolist img{max-width:100%;}
.main .mainc .prolist ul li a{color:#666563; font-size: 14px}
.main .mainc .prolist ul li a p{display: block; height: 30px; line-height: 30px; overflow: hidden; text-align: center;}
.main .mainc .prolist ul li a:hover{color:#cc2632;}

.newslistimg{width: 1000px; margin: 30px auto 20px;}
.newslistimg ul li{width:47.5%; margin-right:5%; float:left; border-bottom: 1px dotted #aaa}
.newslistimg ul li.nmr{margin-right: 0px;}
.newslistimg ul li.inimg{border:0px;}
.newslist{width: 1000px; margin:0px auto 30px;}
.newslist ul li{width: 100%; border-bottom: 1px dotted #AAA;}
.newslist ul li .intit{ margin-top: 10px; line-height: 24px; text-align: left; text-overflow: ellipsis; overflow: hidden; white-space: nowrap;}
.newslist ul li .intit a{color: #333; font-size: 14px; font-weight: 700; font-style: normal;}
.newslist ul li .intime{margin: 0; padding: 0; height: 24px; line-height: 24px; color: #999; font-size: 12px; font-weight: 400; font-style: normal; text-decoration: none;}
.newslist ul li .ininfo{margin: 0; padding: 0; padding-top: 4px; max-height: 3.2em; overflow: hidden; line-height: 1.5em; color: #666; font-size: 12px; font-weight: 400; font-style: normal; text-decoration: none; margin-bottom: 10px;}

.downlist{width: 1000px; margin:0px auto 30px;}
.downlist ul li{width: 100%; border-bottom: 1px dotted #AAA; line-height:30px; height:30px; font-size:16px;}
.downlist ul li a{width:80%; float:left; display:block; color:#000}
.downlist ul li p{width:20%; float:left; display:block; text-align:right}

.main .mainc .contactL{float:left; width: 374px; margin-bottom:30px;}
.main .mainc .contactL p span{widows: auto; line-height: 21px; color: rgb(192, 0, 0); font-size: 18px; background-color: rgb(255, 255, 255);}
.main .mainc .contactR{float:right; width: 500px; line-height:1.5; display: block;}
.main .mainc .contactR p{ font-size: 14px; margin-top: 0px; margin-bottom: 10px; padding: 0px; word-wrap: break-word; word-break: normal; white-space: normal; widows: auto;  line-height: 1.75em;  background-color: rgb(255, 255, 255);}
.apply {padding:0 10px;}
.apply dt{font-size: 14px;color: #606366; padding: 5px 0px; line-height: 35px;}
.apply .input4 {margin: 0; padding: 0 3px; width: 100%; height: 28px; line-height: 28px; border: 1px solid #dcdcdc; background-color: #fafafa; color: #666; font-size: 12px;} 
.apply .input3 {margin: 0; padding: 3px; width: 100%; height: 102px; border: 1px solid #dcdcdc; background-color: #fafafa; color: #666; font-size: 12px;}
.apply .applybtn{border:1px solid #999; background:#e95a4c; left top; display: inline; margin: 10px 0px 0px 0px; padding: 0;  cursor: pointer; width: 80px; height: 30px; line-height: 30px; border-radius: 2px; -webkit-border-radius: 2px; -moz-border-radius: 2px; color: #FFF; font-size: 14px; font-weight: 400; font-style: normal; text-decoration: none; text-align: center; float: right;}
.apply .applya{margin-top:20px; float:left; margin-left:20px;}

.newsheader{width: 1000px; margin:30px auto; border-bottom: 1px solid #CCC;}
.newstit{clear: both; line-height: 50px; text-align: center; font-size: 24px; font-weight: 700; color: #333;}
.newsdate{clear: both; line-height: 35px; text-align: center; font-size: 14px; color: #999;}
.newsinfo{width: 1000px; margin:0px auto; padding: 10px; line-height: 200%; text-align: left; font-size: 16px; color: #333;}
.newsinfo p{margin-top: 7px; margin-bottom: 7px; padding: 0px; line-height: 1.75em; text-indent: 2em;}


.m_header{display:none;}
.menu_btn {height:50px; margin-right:10px; float:right;}
.menu_btn span {width:50px; height:50px; display:block; background:url(../images/menu.png) no-repeat; -webkit-background-size:100% 100%; -moz-background-size:100% 100%; -ms-background-size:100% 100%; background-size:100% 100%;}

/*mobile nav start*/
/* General styles for all menus */
.cbp-spmenu{background:#56aab7;border-left:1px solid #fff;position:fixed;}
.cbp-spmenu a{display:block;color:#fff;font-size:1.1em;font-weight:300;}
.cbp-spmenu a:hover{background:#fff; color:#000;}
.cbp-spmenu a:active{background:#fff; color:#000;}
/* Orientation-dependent styles for the content of the menu */
.cbp-spmenu-vertical{width:240px;height:100%;top:0;z-index:1000;}
.cbp-spmenu-vertical a{border-bottom:1px solid #fff;padding:1em;}
.cbp-spmenu-horizontal{width:100%;height:150px;left:0;z-index:1000;overflow:hidden;}
.cbp-spmenu-horizontal h3{height:100%;width:20%;float:left;}
.cbp-spmenu-horizontal a{float:left;width:20%;padding:0.8em;border-left:1px solid #258ecd;}
/* Vertical menu that slides from the left or right */
.cbp-spmenu-left{left:-240px;}
.cbp-spmenu-right{right:-240px;}
.cbp-spmenu-left.cbp-spmenu-open{left:0px;}
.cbp-spmenu-right.cbp-spmenu-open{right:0px;}
/* Horizontal menu that slides from the top or bottom */
.cbp-spmenu-top{top:-150px;}
.cbp-spmenu-bottom{bottom:-150px;}
.cbp-spmenu-top.cbp-spmenu-open{top:0px;}
.cbp-spmenu-bottom.cbp-spmenu-open{bottom:0px;}
/* Push classes applied to the body */
.cbp-spmenu-push{overflow-x:hidden;position:relative;left:0;}
.cbp-spmenu-push-toright{left:240px;}
.cbp-spmenu-push-toleft{left:-240px;}
/* Transitions */
.cbp-spmenu,.cbp-spmenu-push{-webkit-transition:all 0.3s ease;-moz-transition:all 0.3s ease;transition:all 0.3s ease;}
#show_bg {width:100%; height:100%; background:rgba(0, 0, 0, 0.5); position:fixed; top:0px; left:0px; z-index:999; display:none;}
/*mobile nav end*/

@media (min-width: 961px) and (max-width: 1017px){
	.top,.iabout,.iaboutc,.iproduct,.inews,.iserver,.foot,.main .mainc,.newslistimg,.newslist{width:940px;}
	.top .nav{width:700px}
	.iaboutl,.main .mainc .singleR,.main .mainc .contactR{width:450px;}
	.iprolist ul li{width:220px; margin-right:20px;}
	.iprolist ul li.nmr{margin-right: 0px;}
	.iserverlist div{float:left; width:229px; height: 197px; margin-right: 8px;}
}

@media (min-width: 768px) and (max-width: 960px){
	
	#banner-index{display:none;}
.mbanner{display:block;}
	.topbg{background:url(); width: 100%; height: auto;}
	.top{width:100%; height: auto;}
	.top .logo{width: 127px; height: 51px; float:none; margin: 19px auto 0px; display:block;}
	
	.top .nav{width: 100%; height: 45px; line-height: 45px; color: #ffffff; font-size: 14px; font-weight: normal; text-align: center; background: #56aab7; margin-top: 10px;}
	.top .nav li{float:left; width: 20%; text-align: center;}
	.top .nav li.navf{display: none;}
	.top .nav li a{ color: #ffffff; font-weight: normal; border-right:1px solid #fff; display: block; width:100%; height: 45px;}
	.top .nav li:hover{background:url() #fff}
	.top .nav li a.navc{border-right:0px;}
	.top .nav li a:hover{padding:0px; background:none; color:#56aab7;}
	
	.iaboutbg{background:url() #fff; width: 100%; height: 30px; margin-top: 10px;}
	.iabout{width:100%;}
	.iabouttit{background:url(); width: 100%; height: auto; margin:0px;} 
	.iabouttit span{font-size: 16px; margin: 0px auto;  display: block; padding-top: 0px; line-height: 30px; margin-left: 10px;}
	.iaboutcontent{display:none;}
	.iaboutc{width:90%; margin: 0 auto 10px;}
	.iaboutl{width:100%; margin-bottom:10px;}
	.iaboutr{width:100%;}
	.iaboutr img{width:100%;}
	
	.iprobg{ background: url(); width: 100%; height: auto; display: inline-block; margin-top: 0px;}
	.iproduct{width: 100%; height: auto; margin: 0px auto;}
	.iproducttit{background:url() #56aab7; height:33px; width: 100%; margin-left:0 auto}
	.iproducttit span{width:auto;font-size: 16px; color:#fff; margin: 0px auto;  display: block; padding-top: 0px; padding-left: 10px; line-height: 33px;}
	.iprogs{display: none;}
	.iprolist{width: 100%; margin-top: 5px;}
	.iprolist ul li{width:22%; margin:0px 1% 0 2%; float:left; background: #fff;}
	.iprolist ul li.nmr{margin-right: 0px;}
	.iprolist ul li p{font-size: 12px; color:#56aab7; display: block; margin-top: 0px; text-align: left;}
	.iprolist ul li span{display: none}

	.inews{display: none;}
	
	.iserverbg{background: #fff; width: 100%; height: auto; margin: 10px auto 0px; display: inline-block;}
	.iserver{width: 100%; margin: 0px auto;}
	.iservertit{background:url() #56aab7; height:35px; width: 100%; margin: 0px auto;}
	.iservertit span{width:auto;font-size: 16px; color:#fff; margin: 0px auto;  display: block; padding-top: 0px; line-height: 35px; padding-left: 10px;}
	.iservergs{display: none;}
	.iserverlist{margin-top: 0px; background:url(../images/ser.png); height:255px;}
	.iserverlist div{float:left; width:22%; margin:0px 2% 0 1%; height: auto;}
	.iserverlist div.iserverl{}
	.iserverlist div.iservercl{}
	.iserverlist div.iservercr{}
	.iserverlist div.iserverr{}
	.foot{width:100%; }
	
	.main .mainc{width: 100%;}
	.main .mainc .singleL{float:none; width: 90%; margin:10px auto 0px; text-align: center;}
	.main .mainc .singleR{float:none; width: 90%; line-height:1.5;  margin:0 auto;}

	.newslistimg{display: none;}
	.newslist{width: 90%;}

	.main .mainc .contactL{float:none; width: 90%; margin:10px auto 0px;}
	.main .mainc .contactR{float:none; width: 90%; line-height:1.5;  margin:0 auto;}
}
@media (min-width: 480px) and (max-width: 767px)  {
		#banner-index{display:none;}
.mbanner{display:block;}
	.topbg{background:url(); width: 100%; height: auto;}
	.top{width:100%; height: auto;}
	.top .logo{width: 127px; height: 51px; float:none; margin: 19px auto 0px; display:block;}
	
	.top .nav{display:none; width: 100%; height: 45px; line-height: 45px; color: #ffffff; font-size: 14px; font-weight: normal; text-align: center; background: #000; margin-top: 10px;}
	.top .nav li{float:left; width: 25%; text-align: center;}
	.top .nav li.navf{display: none;}
	.top .nav li a{ color: #ffffff; font-weight: normal; border-right:1px solid #fff; display: block; width:100%; height: 45px;}
	.top .nav li a.navc{border-right:0px;}
	.top .nav li a:hover{padding:0px; background:none; color:#fff;}
	
		.m_header{display:block; height:50px; background:#56aab7;}
 	.m_header .m_title {height:50px; line-height:50px; color:#fff; display:block; padding:0px 20px; float:left; font-size: 18px;}
	
	
	.iaboutbg{background:url() #fff; width: 100%; height: 30px; margin-top: 10px;}
	.iabout{width:100%;}
	.iabouttit{background:url(); width: 100%; height: auto; margin:0px;} 
	.iabouttit span{font-size: 16px; margin: 0px auto;  display: block; padding-top: 0px; line-height: 30px; margin-left: 10px;}
	.iaboutcontent{display:none;}
	.iaboutc{width:90%; margin: 0 auto 10px;}
	.iaboutl{width:100%; margin-bottom:10px;}
	.iaboutr{width:100%;}
	.iaboutr img{width:100%;}
	
	.iprobg{ background: url(); width: 100%; height: auto; display: inline-block; margin-top: 0px;}
	.iproduct{width: 100%; height: auto; margin: 0px auto;}
	.iproducttit{background:url() #56aab7; height:33px; width: 100%; margin: 0px auto;}
	.iproducttit span{width:auto;font-size: 16px; color:#fff; margin: 0px auto;  display: block; padding-top: 0px; padding-left: 10px; line-height: 33px;}
	.iprogs{display: none;}
	.iprolist{width: 100%; margin-top: 5px;}
	.iprolist ul li{width:47%; margin:0px 2% 0 1%; float:left; background: #fff;}
	.iprolist ul li.nmr{margin-right: 0px; }
	.iprolist ul li p{font-size: 12px; color:#56aab7; display: block; margin-top: 0px; text-align: left; margin-bottom:10px;}
	.iprolist ul li span{display: none}

	.inews{display: none;}
	
	.iserverbg{background: #fff; width: 100%; height: auto; margin: 10px auto 0px; display: inline-block;}
	.iserver{width: 100%; margin: 0px auto;}
	.iservertit{background:url() #56aab7; height:35px; width: 100%; margin: 0px auto;}
	.iservertit span{width:auto;font-size: 16px; color:#fff; margin: 0px auto;  display: block; padding-top: 0px; line-height: 35px; padding-left: 10px;}
	.iservergs{display: none;}
	.iserverlist{margin-top: 0px; background:url(../images/ser.png); height:405px;}
	.iserverlist div{float:left; width:47%; margin:0px 2% 0 1%; height: auto;}
	.iserverlist div.iserverl{}
	.iserverlist div.iservercl{}
	.iserverlist div.iservercr{}
	.iserverlist div.iserverr{}
	.foot{width:100%; }

	.main .mainc{width: 100%;}
	.main .mainc .singleL{float:none; width: 90%; margin:10px auto 0px; text-align: center;}
	.main .mainc .singleR{float:none; width: 90%; line-height:1.5;  margin:0 auto;}

	.main .mainc .proclass ul li{width: 33.3333%}
	.main .mainc .prolist ul li{width:31%; margin:10px 1%;}

	.newslistimg{display: none;}
	.newslist{width: 90%;}

	.main .mainc .contactL{float:none; width: 90%; margin:10px auto 0px;}
	.main .mainc .contactR{float:none; width: 90%; line-height:1.5;  margin:30px auto 20px;}
}
@media (max-width: 479px) {
		#banner-index{display:none;}
.mbanner{display:block;}
	.topbg{background:url(); width: 100%; height: auto;}
	.top{width:100%; height: auto;}
	.top .logo{width: 127px; height: 51px; float:none; margin: 19px auto 0px; display:block;}
	
	.top .nav{display:none; width: 100%; height: 45px; line-height: 45px; color: #ffffff; font-size: 14px; font-weight: normal; text-align: center; background: #000; margin-top: 10px;}
	.top .nav li{float:left; width: 25%; text-align: center;}
	.top .nav li.navf{display: none;}
	.top .nav li a{ color: #ffffff; font-weight: normal; border-right:1px solid #fff; display: block; width:100%; height: 45px;}
	.top .nav li a.navc{border-right:0px;}
	.top .nav li a:hover{padding:0px; background:none; color:#fff;}
	
	.m_header{display:block; height:50px; background:#56aab7;}
 	.m_header .m_title {height:50px; line-height:50px; color:#fff; display:block; padding:0px 20px; float:left; font-size: 18px;}
	
	
	.iaboutbg{background:url() #fff; width: 100%; height: 30px; margin-top: 10px;}
	.iabout{width:100%;}
	.iabouttit{background:url(); width: 100%; height: auto; margin:0px;} 
	.iabouttit span{font-size: 16px; margin: 0px auto;  display: block; padding-top: 0px; line-height: 30px; margin-left: 10px;}
	.iaboutcontent{display:none;}
	.iaboutc{width:90%; margin: 0 auto 10px;}
	.iaboutl{width:100%; margin-bottom:10px;}
	.iaboutr{width:100%;}
	.iaboutr img{width:100%;}
	
	.iprobg{ background: url(); width: 100%; height: auto; display: inline-block; margin-top: 0px;}
	.iproduct{width: 100%; height: auto; margin: 0px auto;}
	.iproducttit{background:url() #56aab7; height:33px; width: 100%; margin: 0px auto;}
	.iproducttit span{width:auto;font-size: 16px; color:#fff; margin: 0px auto;  display: block; padding-top: 0px; padding-left: 10px; line-height: 33px;}
	.iprogs{display: none;}
	.iprolist{width: 100%; margin-top: 5px;}
	.iprolist ul li{width:47%; margin:0px 2% 0 1%; float:left; background: #fff;}
	.iprolist ul li.nmr{margin-right: 0px; }
	.iprolist ul li p{font-size: 12px; color:#56aab7; display: block; margin-top: 0px; text-align: left; margin-bottom:10px;}
	.iprolist ul li span{display: none}

	.inews{display: none;}
	
	.iserverbg{background: #fff; width: 100%; height: auto; margin: 10px auto 0px; display: inline-block;}
	.iserver{width: 100%; margin: 0px auto;}
	.iservertit{background:url() #56aab7; height:35px; width: 100%; margin: 0px auto;}
	.iservertit span{width:auto;font-size: 16px; color:#fff; margin: 0px auto;  display: block; padding-top: 0px; line-height: 35px; padding-left: 10px;}
	.iservergs{display: none;}
	.iserverlist{margin-top: 0px; background:#ccc; display: inline-block;}
	.iserverlist div{float:left; width:47%; margin:0px 2% 0 1%; height: auto;}
	.iserverlist div p{color:#ccc}
	.iserverlist div.iserverl{}
	.iserverlist div.iservercl{}
	.iserverlist div.iservercr{}
	.iserverlist div.iserverr{}
	.foot{width:100%;  line-height: 35px; font-size: 14px;}


	.main .moduleinfo{line-height: 1.5; text-align: center; margin:20px 0px;}
    .main .moduleinfo .moduletit{margin-bottom: 0px; font-size: 18px; color:#56aab7;}
    .main .moduleinfo .moduleintro{display: none;}
	.main .mainc{width: 100%;}
	.main .mainc .singleL{float:none; width: 90%; margin:10px auto 0px; text-align: center;}
	.main .mainc .singleR{float:none; width: 90%; margin:0 auto; line-height: 1.75em;}
	
	.main .mainc .prolist{margin-top: 10px}
	.main .mainc .proclass ul li{width: 100%; border-bottom:1px solid #CCC; line-height: 40px; font-size: 16px;}
	.main .mainc .prolist ul li{width:48%; margin:10px 1%;  font-size: 16px;}

	.newslistimg{display: none;}
	.newslist{width: 92%;}

	.main .mainc .contactL{display: none}
	.main .mainc .contactR{float:none; width: 90%; line-height:1.5;  margin:0 auto;}
}