锘緻media screen and (max-width:980px){
	.ul_serviceItems li{width:87px;}
	.div_mainWrap{width:780px;}
	
}
@media screen and (max-width:979px){
	.ul_serviceItems li{width:9%;}
	.ul_serviceItems li.li_10{width:10%}
	.div_mainWrap{width:70%;}
	.pChnlNames{ background:none;}
	.pChnlNames .div_item{ position:relative; float:left;left:auto;top:auto;width:25%;height:44px;}
	.div_item .text{margin:8px auto}
	.div_item .dot{margin:0 auto;}
}
@media screen and (max-width:800px){
	.servicesWrap .banner{height:303px;}
	.div_mainWrap{width:600px;}
	.serviceItems,.bg_serviceItems{height:180px;}
	ul.ul_serviceItems li:nth-child(-n+6) { width:16.666%}
	ul.ul_serviceItems li:nth-last-child(-n+5) { width:20%}
	
}
@media screen and (max-width:799px){
	.div_mainWrap{width:60%;}	
}
@media screen and (max-width:768px){
	.div_mainWrap{width:100%;margin:10px auto; float:none;}
	.ul_slide{width:100%; float:none; background:none}
	.ul_slide li{width:100%;border-bottom:solid 1px #B1E9BE}
	.ul_slide li a{ background:#C6EDD4;}
	.ul_slide li a.now,.ul_slide li a:hover{ background:#093}
	.div_subChnls{ background:#e8f6ed}
	.pChnlNames .div_item{ position:relative; float:left;left:auto;top:auto;width:50%;height:44px;}
	.pChnlNames{padding-top:0; background:none;}
	.div_item .text{margin:8px auto}
	.serviceItems{height:180px;}
	.servicesWrap .banner{height:213px;}
	.serviceItems,.bg_serviceItems{height:125px;}
	.div_item .dot{margin:0 auto; display:none;}
	.ul_serviceItems li{height:62px;}
	.ul_serviceItems li a{padding-top:5px; height:57px; line-height:26px;}
	.ul_slide{ display:none;}
	.div_mainWrap{position:relative;}
	.cd-nav-trigger {
	  position:absolute;
	  top: 20px;
	  right: 5%;
	  width: 44px;
	  height: 44px;
	  display:block;
	  background: #C6EDD4;
	  border-radius: 0.25em;
	  box-shadow: 0 0 10px rgba(99, 99, 100, 0.4);
	  /* image replacement */
	  overflow: hidden;
	  text-indent: 100%;
	  white-space: nowrap;
	  z-index: 5;
	}
	.cd-nav-trigger span {
	  /* the span element is used to create the menu icon */
	  position: absolute;
	  display: block;
	  width: 20px;
	  height: 2px;
	  background: #093;
	  top: 50%;
	  margin-top: -1px;
	  left: 50%;
	  margin-left: -10px;
	  -webkit-transition: background 0.5s;
	  -moz-transition: background 0.5s;
	  transition: background 0.5s;
	}
	.cd-nav-trigger span::before, .cd-nav-trigger span::after {
	  content: '';
	  position: absolute;
	  left: 0;
	  background: inherit;
	  width: 100%;
	  height: 100%;
	  /* Force Hardware Acceleration in WebKit */
	  -webkit-transform: translateZ(0);
	  -moz-transform: translateZ(0);
	  -ms-transform: translateZ(0);
	  -o-transform: translateZ(0);
	  transform: translateZ(0);
	  -webkit-backface-visibility: hidden;
	  backface-visibility: hidden;
	  -webkit-transition: -webkit-transform 0.3s, background 0s;
	  -moz-transition: -moz-transform 0.3s, background 0s;
	  transition: transform 0.3s, background 0s;
	}
	.cd-nav-trigger span::before {
	  top: -6px;
	  -webkit-transform: rotate(0);
	  -moz-transform: rotate(0);
	  -ms-transform: rotate(0);
	  -o-transform: rotate(0);
	  transform: rotate(0);
	}
	.cd-nav-trigger span::after {
	  bottom: -6px;
	  -webkit-transform: rotate(0);
	  -moz-transform: rotate(0);
	  -ms-transform: rotate(0);
	  -o-transform: rotate(0);
	  transform: rotate(0);
	}
	.cd-nav-trigger.menu-is-open {
	  box-shadow: none;
	}
	.cd-nav-trigger.menu-is-open span {
	  background: rgba(232, 74, 100, 0);
	}
	.cd-nav-trigger.menu-is-open span::before, .cd-nav-trigger.menu-is-open span::after {
	  background: #10B44D;
	}
	.cd-nav-trigger.menu-is-open span::before {
	  top: 0;
	  -webkit-transform: rotate(135deg);
	  -moz-transform: rotate(135deg);
	  -ms-transform: rotate(135deg);
	  -o-transform: rotate(135deg);
	  transform: rotate(135deg);
	}
	.cd-nav-trigger.menu-is-open span::after {
	  bottom: 0;
	  -webkit-transform: rotate(225deg);
	  -moz-transform: rotate(225deg);
	  -ms-transform: rotate(225deg);
	  -o-transform: rotate(225deg);
	  transform: rotate(225deg);
	}
	@keyframes cd-bounce-in {
  0% {
    -webkit-transform: scale(0);
    -moz-transform: scale(0);
    -ms-transform: scale(0);
    -o-transform: scale(0);
    transform: scale(0);
  }

  60% {
    -webkit-transform: scale(1.2);
    -moz-transform: scale(1.2);
    -ms-transform: scale(1.2);
    -o-transform: scale(1.2);
    transform: scale(1.2);
  }

  100% {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
  }
	
	
}
@media screen and (max-width:360px){
	.ul_serviceItems li a span{display:none;}
	.ul_serviceItems li i u{display:block}
}