/*reset*/
*{
	font-family:"Microsoft Yahei",Arial;
}
body{
	background:none;
	font-size: 14px;
}
ul,li,dl,dt,dd{
	display:block;
	list-style:none;
}
p{margin:5;padding:0;}
img{
	max-width:100%;border:0;display:block;	
}
.clear{
	float:none;clear:both;
	width:0;height:0;border:0;display:block;
	font-size:0;
	background:none;visibility:hidden;overflow:hidden;	
}
.clear-fix:after{
	content:".";
	display:block;
	height:0;
	font-size:0;
	clear:both;visibility:hidden;
}
a{
	text-decoration:none;
	outline:none;
}
.fl{
	float:left;
}
.fr{
	float:right;
}
.w_700{
	width:700%;
}
.t_cen{
	text-align:center;
}
.all{
	width:100%;
	overflow:hidden;
}
.pt_1em{
	padding-top:1.0rem;
}
.pb_1em{
	padding-bottom:1.0rem;
}

/*font*/
@font-face{
  font-family:"iconfont";
  src:
  url('../font/iconfont.woff') format('woff'),
  url('../font/iconfont.ttf') format('truetype');
}
.iconfont{
  font-family:"iconfont" !important;
  font-style:normal;
  -webkit-font-smoothing:antialiased;
  -webkit-text-stroke-width:0.2px;
  -moz-osx-font-smoothing:grayscale;
}

/*base module*/
.panel{
	padding:0;
	background:#ffffff;
}

/* foot */
.foot{width:100%;background:url(images/footbg1.png) 0 0 repeat;height:4.0rem;background-size:100% 100%}
.foot a{
	display:block;
	width:24%;
	height:4.0rem;
	float:left;
	color:#fff;
	text-indent:12%;
	font-family: 'microsoft yahei';
	font-size: 20px;
	line-height: normal;
}
.tel{background:url(images/tel.jpg) 16% center no-repeat;background-size:32.5%}
.sms{background:url(images/sms.jpg) 16% center no-repeat;background-size:30%}
.map{background:url(images/map.jpg) 16% center no-repeat;background-size:25.625%}
.share{background:url(images/share.jpg) 16% center no-repeat;background-size:33%}


footer{
	position:relative;
	height:4.0rem;border:none;
	background:#3b3b3b;
}
header{background:#ffffff;}
/*common module*/

/*top logo*/
.topIn{
	position:relative;
	text-align:center; background-image:url(images/header-bg.png);
}
.top{
	position:relative;
	text-align:center;
	border-bottom: 1px solid #b7b7b7;
}
.top-tl{color:#3d3d3d;font-stel.jpgize:1.75rem;line-height:5.0rem;	}

.logo{
	display:block;
	width:75%;margin:0 auto; 
	font-size:18px;
	line-height:60px
}

/*right-btn 导航*/
.cbtn-nav{
	position:absolute;right:3.125%;top:0;
	width:10%;height:100%;display:block;
	color:#3d3d3d;font-size:2.2rem;text-align:center;line-height:5.0rem;
	cursor:pointer;
}
.cbtn-nav:visited{color:#3d3d3e;}
.cbtn-nav.pressed{color:#006cae;}

/*left-btn 返回/搜索*/
.cbtn-search,.cbtn-back{
	position:absolute;left:3.125%;top:0;
	width:10%;height:100%;display:block;
	color:#3d3d3d;font-size:2.2rem;line-height:5.0rem;text-align:center;
	cursor:pointer;
}
.cbtn-search:visited,.cbtn-back:visited{color:#3d3d3e;}
.cbtn-search.pressed,.cbtn-back.pressed{color:#006cae;}

/* pro  class分类 图标 */
.cbtn-cla{
	position:absolute;right:18%;top:0%;
	color:#3d3d3d;font-size:2.0rem;line-height:5.0rem;
	cursor:pointer;	
}
.cbtn-cla span{	font-size:1.75rem;}
.cbtn-cla:visited{color:#3d3d3e;}
.cbtn-cla.pressed{color:#000000;}

/* 返回  搜索 */
.btn-back{width:28.125%;display:inline-block;}
.btn-back.pressed{background:#00ACF6;}

/*one-touch  foot 按钮*/
.one-touch{
	width:100%; 
	-webkit-backface-visibility:hidden;
	backface-visibility:hidden;
	-webkit-perspective:1000;
	perspective:1000;
	background:#3a3a3a;
}
.one-touch a{
	float:left;display:block;
	width:25%;height:5.0rem; padding-top: 0.5rem;
	color:#b9c0c5;text-align:center;
	overflow: hidden;cursor:pointer;
}
.one-touch a:visited{color:#c4cbd0;}
.one-touch a > span{
	display:block;
	color:#b9c0c5;font:1.25rem/2.0rem "Microsoft Yahei";padding-top: 3rem;
}
.one-touch .iconfont{font:2.0rem/2.2rem "Microsoft Yahei";}
.one-touch a.pressed{color:#ffffff;}
.one-touch a.pressed > span{color:#ffffff;}


.one-tel{
	background-image: url(images/index_07.jpg);
	background-repeat: no-repeat;
	background-position: center center;
}
.one-order{
	background-image: url(images/index_08.jpg);
	background-repeat: no-repeat;
	background-position: center center;
}
.one-map{
	background-image: url(images/index_09.jpg);
	background-repeat: no-repeat;
	background-position: center center;
}
.one-share{
	background-image: url(images/index_10.jpg);
	background-repeat: no-repeat;
	background-position: center center;
}

/* top  返回顶部 */
.cbtn-top{
	position:absolute;right:0%;bottom:120%;
	width:3.75rem;height:5.25rem; padding-top: 0.4rem;
	color:#ffffff;font-family: "Microsoft YaHei";font-size:0.8rem;text-align:center;
	cursor:pointer;
	background:#de3c0a;
}
.cbtn-top span{
   display: block;
   font-size:1.0rem;
}
/*.cbtn-top.pressed{
	background:rgba(255,204,0,.6);
}*/
.cbtn-top .one{font-size:1.6rem;line-height:1.2rem;}
.cbtn-top .two{font-size:2.4rem;line-height:2.0rem;}

/*nav  右导航*/
.rightnav{
	z-index:9999 !important;
	width:27.5rem !important;
}
.rightnav .view{z-index:9999;}
.rightnav .pages{z-index:9999;}
.rightnav-panel{
	color:#006cae;font:1.375rem/5.0rem "Microsoft Yahei",Arial;
	background:#005fa3;
	box-shadow: 10px 0 10px rgba(0, 0, 0,0.3 ) inset;
}
.rightnav-panel > *{padding:2.0rem 0;}
.nav-in a{
	display:block;
	color:#ffffff;	
}
.nav-in a:visited{color:#fffffe;}
.nav-in a.pressed{color:#ffe300;}
.nav-in .iconfont{color:#8fe4a2;}
.nav-in .font{font-size:0.5rem;line-height:5.0rem;}
.nav-in .top{padding-top:2.2rem;}
.nav-in li{
	text-indent:1.5rem;
	padding:0 3.4rem 0 2.0rem;
}
.nav-in li:nth-child(1){border:none; margin-left: 1.0rem;margin-bottom: 2.0rem;}
.nav-in li:nth-child(1) img{border:1px solid #b8b8b8;}
.nav-in li:nth-child(1) img.pressed{border:1px solid #000000;}

/*page search*/
/*srch*/
.srch-tl{
	width:87.5%;margin:0 auto;
	color:#00ACF6;font:1.375rem/3.75rem "Microsoft Yahei";
}
.srch{
	position:relative;
	width:87.5%;margin:0 auto;
	font-size:1.625rem;
	-webkit-appearance:none;
}
.srch-txt{
	width:95%;padding:0.5rem 4.0rem 0.5rem 4%;border:1px solid #00ACF6;border-radius:0;	
	color:#000000;font:1.25rem/2.0rem "Microsoft YaHei";
	background:#ffffff;cursor:pointer;
	-webkit-appearance:none;
}
.srch-txt::-webkit-input-placeholder{color:#cccccc;}
.srch-sub{
	position:absolute;top:0;right:0;
	width:5.0rem;height:100%;border:none;border-radius:0;
	color:#ffffff;font-size:2.375rem;text-align:center;
	background:#00ACF6;cursor:pointer;
	-webkit-appearance:none;
}
/*cla list  搜索 */
.cla-list{width:87.5%;margin:-3.125% auto 0;}
.cla-son{
	padding:0 4%;margin:3.125% 0;
	border-right:1px solid #dad9d9;border-bottom:1px solid #dad9d9;
	box-shadow:1px 1px 1px #f2f2f2;
	font:1.5rem/5.0rem "Microsoft Yahei";
	background:#dcdcdc;
}
.cla-son dt a{
	width:70%;display:block;
	color:#222222;
}
.cla-son dt a:visited{color:#222223;}
.cla-son dt a.pressed{color:#00ACF6;}
.cla-son dt.on a{color:#00ACF6;}
.cla-sub{
	padding:0 0.5rem;
	color:#a9a9a9;font-size:2.4rem;line-height:4.6rem;
	cursor:pointer;
}
.cla-sub.reverse{
	-webkit-transform:rotate(180deg);
	color:#00ACF6;
}
/*cla list 二级*/
.cla-son dd{
	display:none;
	border-top:2px solid transparent;
	font-size:1.25rem;line-height: 3.4rem;
	-webkit-border-image:url(images/img6.jpg) 2 0 0 0;
	border-image:url(images/img6.jpg) 2 0 0 0;	
}
.cla-son dd a{
	display:block;
	color:#222222;
}
.cla-son dd a:visited{color:#222223;}
.cla-son dd a.pressed{color:#00ACF6;}
.cla-son dd > div{text-indent:2.0rem;}

/*index  pro  弹出框 */
.cptl-txt{
	width:90%;height:6em;margin:0 auto;
	color:#222222;font:normal 1.0rem/2.0rem "Microsoft YaHei";text-align:left;
	overflow:hidden;
}
.cptl-pic{
	padding:0.5rem 0 0;
	text-align:center;
}
.cptl_pic-in{max-width:80%;display:inline-block;}
/*index module*/


/*inav*/
.inav{
	width:100%;
	padding:1% 0% 1% 0%;
	background-color: #00ACF6;
}
.inav-son{
	float:left; 
	width:25%; margin-bottom: 0.2%;margin-top: 0.5%;display:block;
	color:#ffffff;font-size:1.375rem;line-height:3.0rem;text-align:center; 
}
.inav-son:visited{color:#fffff1;}
.inav-son.pressed{color:#ffe300;}
.inav-son:last-child{color:#ffe300!important;}

/*.inav-son span{ display: block;}
.inav-son .iconfont{ 
	display:block;
    width: 100%; height: 100%;border-radius: 50%; 
	color:#ffffff;
	background:#00ACF6;
}
.inav-son.pressed .iconfont{color:#e71f19!important;}*/
/*.inav-son:nth-child(2n) .iconfont{font-size:1.9em;}*/
/*.bg{ width:100%;background: #db234e; }*/
/*.inav-son > .in{color:#ffc9d6;font-size:2.25em;}
.inav-son > .in.pressed{color:#000000!important;}*/
/*.inav-son > .in.beat{
	-webkit-animation:gogogo1 300ms linear infinite;
}
.inav-son > .in.stop{
	-webkit-animation-play-state:paused;
}*/
.banner{ width: 100%; margin: 0% auto 0% auto;}

/*iprocla index*/
.iprocla{ 
	width: 93.75%;border-top:0.125rem solid #00ACF6; margin: 0 auto;
	color: #ffffff;	
	background: #00ACF6;
}
.iprocla li a{
	float:left;
	width: 25%;	
	color: #ffffff; font:1.375rem/2.0rem "Microsoft Yahei"; text-align: center;
}
.iprocla li:nth-child(1) a{background:#787878;}
.iprocla li:nth-child(2) a{background:#8c8c8c;}
.iprocla li:nth-child(3) a{
	background:url(images/triangle.jpg) right center no-repeat #9d9d9d;
	background-size:4%;
}

/*itl  标题*/
.itl{
	position:relative;
	width:52.1875%;margin:3.125% auto 0% auto; padding-bottom: 2.0%;
	background: url(images/titlebg.jpg)  center bottom no-repeat;
	background-size:100%;
}
.itl-tl {
	float:left;
	width: 58%; height:5.25rem;padding-left: 2%; padding-top: 5%;
	color:#003399;font:1.5rem/1.8rem "Microsoft Yahei";  text-align: left;
}
.itl-tl span{ display:block;color:#999999;font-size:1.25rem; line-height:1.25rem; }
.itl-tr{
	float:left;
	width: 42%;
	color:#222222; font:4.4rem/5.0rem "microsoft yahei"; text-align: right;
}
.itl-more a{
	display: block;
	width:31.25%; border:1px solid #333; margin: 0 auto;
	color:#333333;font:1.25rem/1.875rem "Microsoft Yahei"; text-align:left; text-indent: 1.0rem; 
	background: url(images/arrow.jpg) 90% center no-repeat;
	background-size:7% ;
}
.itl-more a:visited{color:#333332;}
.itl-more a.pressed{color:#333333;}


.inProCla{
	 width: 90.625%; margin: 1.2% auto 3.125% auto;
}
.ctrlL{
	float:left;
	width: 6%; height: 2.625rem; margin-right: 1%;   border: 1px solid #000000;
	color:#000; font:1.6rem/2.625rem "microsoft yahei";text-align: center;
}
.ctrlR{
	float:left;
	width: 6%;height: 2.625rem; margin-left: 1%; border: 1px solid #000000;
	color:#000; font:1.6rem/2.625rem "microsoft yahei"; text-align: center;
}
.inProClaUl{
	 float:left;position: relative;
	 width: 100%;border: 1px solid #000000; overflow: hidden; background-color:#B7FFFF;
}
#islideCla{
	position:absolute;left:0px; top: 0px;
	-webkit-transition:left 1s ease;	
}
#islideCla li{
	 float:left; 
	  padding-left: 13px;
}
#islideCla li a{
	display: block;
	/*width: 100%;*/
	color:#000; font:12px/25px "microsoft yahei"; text-align: left;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;
}
.slide-inCla2{
	left:-10.0rem;
}
.slide-inCla{
	left:10.0rem;
}
/*.slide-inCla{
	-webkit-animation: slide-inCla 1000ms ease;
}
@-webkit-keyframes slide-inCla{
	0%{left: 0.0rem;}
	100%{left: -10.3rem;}
}*/

/*iTel */
.iTel{
	width:100%;
	margin:0% auto 0 auto;
	background-color: #FF6633;
}
.iTelTitle{height: 3.75rem; 
	 color:#ffffff;font:1.25rem/3.75rem "Microsoft Yahei"; text-align:center; overflow: hidden;
	 background: #FF6633;
}
.iTelTitle a{color:#FFFFFF;}

.iTelTitle span{
	float:left;
	padding-left: 30%;
	font:2.8rem/3.75rem "Microsoft Yahei"; }

.iTelTitle1{
	 width: 90%; height: 3.75rem;  float:left;
	 color:#ffffff;font:1.25rem/3.75rem "Microsoft Yahei"; text-align: right; overflow: hidden;
	 background: #FF6633;
}
.iTelTitle1 span{
	float:left;
	font:2.8rem/3.75rem "Microsoft Yahei"; }
.iTelCon{
	float: left;
	width: 60%;
	color:#ffffff;font:1.8rem/3.75rem impact; text-align: left;
	background: #FF6633;
}
.iTelCon span{
	display: block;
	color:#ffffff;font:0.6rem/1.0rem "Microsoft Yahei"; text-align: left;
}


/*ipro*/
.ipro{width:93.75%;margin:3.125% auto 0% auto;}
.ipro .metro-b{
	position:relative;float:left;
	width:47%; border: 1px solid #cacaca;  margin-left:1.5%; margin-right:1.5%;margin-bottom:3.4%;
}
.ipro .metro-b .pic{display:block;width:92.3469%;margin:0 auto;overflow:hidden;}
.ipro .metro-b .pic img{display:block;width:100%;}
.ipro .metro-b .text{
	display:block;
	padding:0 1.0rem; border-top: 1px solid #cacaca;
	color:#FFFFFF;font:1.25rem/2.4rem "Microsoft Yahei"; text-align:center;overflow:hidden;text-overflow:ellipsis;white-space:nowrap; background-color:#00ACF6;
}


/*inews*/
.inews{
	width:93.75%;margin:0% auto 3% auto;
}
.inews li{
	padding:0 3.25%;
	color:#0f1427;
	font:normal 1.25rem/5.375rem "Microsoft YaHei";
	text-overflow:ellipsis;
	white-space:nowrap;
	overflow:hidden;
	background-image: url(images/index_06.png);
	background-repeat: no-repeat;
	background-position: right center;
}
.inews li:nth-child(2n){
	padding:0 3.25%;
	color:#0f1427;font:normal 1.25rem/3.75rem "Microsoft YaHei";text-overflow:ellipsis;white-space:nowrap;overflow:hidden;	
	background: #f0f0f0;
}
.inews li.pressed{color:#000000;}
.inews span{
	float:right;
	color:#00ACF6; font-weight: bold;
}


.icase{
	width:93.75%;margin:3.125%;
	background: #00ACF6;
 }
 .icaseTitle{
	float:left;
	width: 30%; padding-left: 4%; padding-top: 5%;
	color:#ffffff;font:1.5rem/2.0rem "Microsoft Yahei";
}
 .icaseTitle span{
 	display: block;
 	text-transform: uppercase;
 	color:#ffffff;font:1.125rem/2.0rem "Microsoft Yahei";
 }
 .icaseMore a {
 	display: block;
	width:75%;border:0.1875rem solid #ffffff;  margin: 23% auto 0 auto; 
	color:#ffffff;font:1.5rem/2.0rem "Microsoft Yahei"; text-align:  center;
}
.icaseUl{
	float:left;
	width: 70%; padding-top: 3%; 
}
.icaseUl .metro-b{
	position:relative;float:left;
	width:48%; margin-right: 2%; 
}
.icaseUl .metro-b .pic{display:block;border:1px solid #ffffff;}
.icaseUl .metro-b .text{
	display:block;
	padding:0 0.375rem;
	color:#ffffff;font:1.25rem/2.4rem "Microsoft Yahei"; overflow:hidden;text-overflow:ellipsis;white-space:nowrap;
}

.company{
	color:#FF6600;font:normal 1.375rem/4.0rem "Microsoft YaHei"; text-align: center;  letter-spacing:0.5rem;
}
.iabout{
	width:93.75%;margin: 0 auto;padding: 3% 2%;margin-bottom: 5%; border-top:0.3125rem  solid #a6a6a6; border-bottom:0.3125rem  solid #a6a6a6 ;
	color:#222222;font:normal 1.25rem/2.0rem "Microsoft YaHei";
	background: #ffffff;
}


#wrapper{
	position:absolute;top:0;bottom:0;left:0;z-index:1;
	width:100%;
	overflow:hidden;
}
#wrapper.prowrapper{
	top:5.675rem;
}
#wrapper.casewrapper{
	top:1.0rem;
}
#scroller{
	position:absolute;z-index:1;
	width:100%;
	min-height: 100%;
	-webkit-tap-highlight-color:rgba(0,0,0,0);
	-webkit-transform:translateZ(0);
	transform:translateZ(0);
	-webkit-touch-callout:none;
	-webkit-user-select:none;
	user-select:none;
	-webkit-text-size-adjust:none;
	text-size-adjust:none;
}
#pullDown{
	position:absolute;left:0;top:-40px;z-index:1;
	width:100%;height:40px;
	color:#000000;font:bold 18px/40px "Microsoft Yahei";
	text-align:center;
}
#pullDown.on{
	position:static;
}
#pullUp{
	position:absolute;left:0;bottom:-40px;z-index:1;
	width:100%;height:40px;
	color:#000000;font:bold 18px/40px "Microsoft Yahei";text-align:center;
}
#pullUp.on{position:static;}
#pullDown .pullDownIcon,#pullUp .pullUpIcon{
	display:inline-block; 
	width:6.25%; padding-top:6.25%; 
	vertical-align:middle;
	background:url(images/arrow.png) 0 0 no-repeat;       
	background-size:100% auto;    
	-webkit-transition-property:-webkit-transform;    
	-webkit-transition-duration:250ms;    
}
#pullDown .pullDownLabel,#pullUp .pullUpLabel{    
	display:inline-block;
	vertical-align:middle;	
} 	
#pullDown .pullDownIcon{    
	-webkit-transform:rotate(-180deg) translateZ(0);	
} 
#pullDown.loading .pullDownIcon,#pullUp.loading .pullUpIcon{
	width:6.25%;padding-top:6.25%; 
	background:url(images/loading.png) no-repeat;
	background-position:100% auto;  
	-webkit-animation-name:loading;    
	-webkit-animation-duration:1s;    
	-webkit-animation-iteration-count:infinite;    
	-webkit-animation-timing-function:linear;    
}    
@-webkit-keyframes loading{    
	from{     
		-webkit-transform:rotate(0deg) translateZ(0);    
	}    
	to{    
		-webkit-transform: rotate(360deg) translateZ(0);    
	}    
}

/*page news*/
.pnews-wrap{
	position:relative;
	height:100%;
}
/*.news-slogan{                     当前位置
	width:93.75%;margin:3.125% auto;
}*/
.pnews{width:93.75%;margin:0em auto 1.0rem auto;}
.pnews li{
	padding:0 3.25%; 
	color:#0f1427;font:normal 1.25rem/5.375rem "Microsoft YaHei";white-space:nowrap;overflow:hidden;text-overflow:ellipsis;background-image: url(images/index_06.png);
	background-repeat: no-repeat;
	background-position: right center;
}
.pnews li:nth-child(2n){
	padding:0 3.25%;
	color:#0f1427;font:normal 1.25rem/3.75rem "Microsoft YaHei";text-overflow:ellipsis;white-space:nowrap;overflow:hidden;	
	background: #f0f0f0;
}
.pnews li .biao{float:right;color:#00ACF6; font-weight: bold;}
.pnews li a{
	display:block;
	color:#0f1427;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;
}
.pnews li a:visited{color:#0f1426;}
.pnews li a.pressed{color:#000000;}

/*page pro*/
.ppro-wrap{
	position:relative;
	height:100%;	
}
/*page pro  当前位置*/
.ppro-slogan{
	left:0;
	width:100%;
	height:3.0rem;
	padding:0.5rem 6.25% 0;
	color:#FFFF00;
	background: #00ACF6;
	border-top-width: 2px;
	border-top-style: solid;
	border-top-color: #FFFFFF;
	font-family: rem/2.0rem "Microsoft Yahei";
	font-weight: 1.25;
}
.ppro_view-slogan{position:static;}
.ppro-slogan strong{
	float:left;display:block;
	width:60%;
	color:#ffffff;font-weight:normal;white-space: nowrap;overflow:hidden;text-overflow:ellipsis;	
}
.ppro-slogan strong>span{color:#FFFF00;}
.ppro-slogan .group{font-size:1.875rem;line-height:1.875rem;}
.ppro-slogan .iconfont{
	color: #ffffff;
	cursor:pointer;
}
.ppro-slogan .iconfont.pressed{
	color:#000000;
	cursor:pointer;
}
.ppro-slogan .iconfont.on{color:#64b7ee;}

/*page pro 页  pic list*/
.ppro{width:93.75%;margin:0 auto;}
.ppro.one .ppro-son{
	float:none;
	width:100%;margin-right:0;
}
.ppro-son{
	position:relative;float:left;
	width:47%;margin-left:1.5%;margin-right:1.5%;margin-bottom:3.4%; border: 1px solid #cacaca;
}
.ppro-son .pic { display:block;  overflow:hidden;}
.ppro-son .pic img {display:block; margin: 0 auto;}
.ppro-son .text{
	display:block;
	padding:0 1.0rem;border-top: 1px solid #cacaca;
	color:#333333;font:1.25rem/2.4rem "Microsoft Yahei"; text-align:left;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;
}



.productlist{width:96%;margin:2% auto 0;overflow:hidden;}


/*products*/
.cpfl1{ font-size:12px; color:#ffffff;}

#cpdl{
	display:block;
	float:left;
	height:30px;
	text-align:center;
	text-align:center;
	color:#000;
	font-family: 'microsoft yahei';
	font-size: 16px;
	line-height: 30px;
	font-weight: bold;
	margin-top: 0px;
	margin-right: 12px;
	margin-bottom: 2px;
	margin-left: 12px;
}
a.cpdl:link,a.cpdl:visited{ display:block; height:30px; line-height:30px; color:#000; font-weight:bold; font-size:16px;font-weight: bold; }
a.cpdl:hover{ display:block; height:30px;line-height:30px; color:#0066CC;font-weight:bold; font-size:16px; font-weight: bold;}
#cpfl{display:block;width:24%;float:left;height:30px;text-align:center;margin:0.4% 0.4%;text-align:center;font:12px/30px 'microsoft yahei';color:#a7c0ff;text-shadow:1px 1px 1px #ffffff;background:#e5e5e5}
a.cpfl:link,a.cpfl:visited{ display:block; line-height:30px; color:#006633; }
a.cpfl:hover{ display:block; height:30px;line-height:30px; color:#006633;}
#cpflwz{ width:100%; text-align:center; height:24px;}





/*iservice*/
.pservice{width:93.75%;margin:0 auto;}
.pservice dl{ border-bottom: 1px solid #c5c5c5;}
.pservice dl dt{ float:left; width:33%; padding:1px; border:1px solid #c5c5c5; margin: 2% 2% 2% 0%;}
.pservice dl dd{ float:left; width: 65%;padding: 2% 0%;}
.pservice dl dd .date{color: #999999;font:normal 1.0rem/2.2rem "Microsoft YaHei";}
.pservice dl dd .title{color: #ae251f;font:normal 1.25rem/2.0rem "Microsoft YaHei";border-bottom:1px solid #c5c5c5;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;	}
.pservice dl dd .intro{padding-top:0.5em;color: #666666;font:normal 1.0rem/1.8rem "Microsoft YaHei";overflow:hidden;text-overflow:ellipsis;	}
.pservice dl:last-child{ border-bottom: none;}


/*cdtl module view页 内容样式*/
.cdtl-border{
	width:93.75%;padding:0rem 1.0rem;margin: 1.0rem auto;
	/*border:1px solid #c5c5c5;*/
}
.cdtl-tro{
	width:100%;border:1px solid #8a9daf;
	background: #f0f0f0;
}
.cdtl-tro li{
	float:left;
	width: 33.33%;padding:1% 3%;border-right:1px solid #8a9daf;
	color:#666666; font: normal 1.25rem/1.8rem "Microsoft Yahei"; text-align: left; 
}
.cdtl-tro li span{
	display: block;
}
.cdtl-tro li:last-child{border-right:none}

.cdtl-txt{
	margin:1.0rem auto;
	color:#000000;
	word-wrap:break-word;
	word-break:break-all;
	font-family: "微软雅黑";
	font-size: 14px;
	font-style: normal;
	line-height: 25px;
	font-weight: normal;
	text-decoration: none;
}
.cdtl-txt img{display:inline-block;}
.cdtl-tl{
	padding:0 0.5rem;margin:0 auto 0.5rem auto;
	color:#00ACF6;font:1.375rem/2.2rem "Microsoft YaHei";text-align:center;word-wrap: break-word;word-break: break-all;
}
.cdtl-pic{
	margin:2.0rem 0;
	text-align:center;
}
.cdtl_pic-in{
	display:inline-block;
	max-width:80%;
}


.bannerPro{ width: 100%;}
.mod-slideCla{visibility:hidden;overflow:hidden;}
.mod-slideCla .slide-in{position:relative;overflow:hidden;}
.mod-slideCla .slide-in > div{
	position:relative;float:left;
	width:30%;
	font-size:0;text-align:center;
}
.mod-slideCla .slide-in > div a{display:inline-block;}
.mod-slideCla .slide-pos{
	position:absolute;left:0;bottom:-2.5rem;z-index:9999;
	width:30%;padding:1% 0;
	text-align:center;
}
.mod-slideCla .slide-pos li{
	width:0.75rem;height:0.75rem;margin:0 0.4em;display:inline-block;
	background:#CCC;
}
.mod-slideCla .slide-pos li.on{
	background:#00ACF6;
}


/*module slide  课程幻灯片效果*/
.mod-slide{visibility:hidden;overflow:hidden;}
.mod-slide .slide-in{position:relative;overflow:hidden;}
.mod-slide .slide-in > div{
	position:relative;float:left;
	width:100%;
	font-size:0;text-align:center;
}
.mod-slide .slide-in > div img{display:inline-block;}
.mod-slide .slide-pos{
	position:absolute;left:0;bottom:-2.5rem;z-index:9999;
	width:100%;padding:1% 0;
	text-align:center;
}
.mod-slide .slide-pos li{
	width:0.75rem;height:0.75rem;margin:0 0.4em;display:inline-block;
	background:#CCC;
}
.mod-slide .slide-pos li.on{
	background:#00ACF6;
}
.pslide-wrap{
	position:relative;
	width:87.5%;margin:0 auto 10%;	
}
.pslide-glass{
	position:absolute;right:0;bottom:0;z-index:9999;
	width:4.735rem;height:4.735rem;
	color:#ffffff;font-size:2.4rem;line-height:4.735rem;text-align:center;
	background:rgba(0,130,208,1);	
}
.pslide-glass a{
	width:100%;height:100%;display:block;
	color:#ffffff;
}
.islide{width:100%;margin:0 auto;}
.islide .slide-pos{display:none;}

/*pg-a module  上一页  下一页  按钮*/
.pg-a{width:87.5%;margin:0 auto;}
.pg_a-son{
	display:inline-block;
	width:38%;margin:1.0rem auto;padding:0 2.0rem 0 1.0rem;border-radius: 8px;
	color:#2f383f!important;font:1.375rem/3.25rem "Microsoft YaHei";text-align:center;text-overflow:ellipsis;white-space:nowrap;
	background:#d2d2d2;
	cursor:pointer;
	overflow:hidden;
}
.pg_a-son:last-child{padding:0 1.0rem 0 2.0rem;}
.pg_a-son:visited{color:#2f383e;}
.pg_a-son .iconfont{
	padding:0 0.125rem;
	color:#2f383f!important;font-size:1.75rem;line-height:3.25rem;
}
.pg_a-son.pressed{
	color:#ffffff!important;
	background:#000000;
}
.pg_a-son.pressed .iconfont{color:#ffffff!important;;}


/*one-close*/
.one-close{
	position:absolute;right:0;bottom:0;
	width:4.0rem;
	background:#c12c20;
}
.one-close a{
	display:block;
	width:2.0rem;height:2.0rem;
	color:#FFF;font-size:2.0rem;line-height:2.0rem;text-align:center;
}
/*page inview*/
#in{background:rgba(0,0,0,1);}
.zpic-wrap{
	position:relative;
	height:100%;
}
.zpic-container{
	position:absolute;top:0;left:0;
	height:100%;
}
.zpic-son{
	float:left;
	height:100%;
	display:-webkit-box;
	-webkit-box-orient:horizontal;
	-webkit-box-pack:center;
	-webkit-box-align:center;	
}
.picback{color:#FFF;}



.swlf-4{
	-webkit-animation:swlf-4 100ms forwards;
}
@-webkit-keyframes swlf-4{
  0%{
    -webkit-transform:translate3d(0, 0, 0);
  }
  100%{
    -webkit-transform:translate3d(-25%, 0, 0);
  }
}
.swlf-4-half{
	-webkit-animation:swlf-4-half 100ms forwards;
}
@-webkit-keyframes swlf-4-half{
  0%{
    -webkit-transform:translate3d(0, 0, 0);
  }
  100%{
    -webkit-transform:translate3d(-12.5%, 0, 0);
  }
}
.swrg-4{
	-webkit-animation:swrg-4 100ms forwards;
}
@-webkit-keyframes swrg-4{
  0%{
    -webkit-transform:translate3d(0, 0, 0);
  }
  100%{
    -webkit-transform:translate3d(25%, 0, 0);
  }
}
.swrg-4-half{
	-webkit-animation:swrg-4-half 100ms forwards;
}
@-webkit-keyframes swrg-4-half{
  0%{
    -webkit-transform:translate3d(0, 0, 0);
  }
  100%{
    -webkit-transform:translate3d(12.5%, 0, 0);
  }
}

.swlf-3{
	-webkit-animation:swlf-3 100ms forwards;
}
@-webkit-keyframes swlf-3{
  0%{
    -webkit-transform:translate3d(0, 0, 0);
  }
  100%{
    -webkit-transform:translate3d(-33.33%, 0, 0);
  }
}
.swlf-3-half{
	-webkit-animation:swlf-3-half 100ms forwards;
}
@-webkit-keyframes swlf-3-half{
  0%{
    -webkit-transform:translate3d(0, 0, 0);
  }
  100%{
    -webkit-transform:translate3d(-16.67%, 0, 0);
  }
}
.swrg-3{
	-webkit-animation:swrg-3 100ms forwards;
}
@-webkit-keyframes swrg-3{
  0%{
    -webkit-transform:translate3d(0, 0, 0);
  }
  100%{
    -webkit-transform:translate3d(33.33%, 0, 0);
  }
}
.swrg-3-half{
	-webkit-animation:swrg-3-half 100ms forwards;
}
@-webkit-keyframes swrg-3-half{
  0%{
    -webkit-transform:translate3d(0, 0, 0);
  }
  100%{
    -webkit-transform:translate3d(16.67%, 0, 0);
  }
}
.swlf-2{
	-webkit-animation:swlf-2 100ms forwards;
}
@-webkit-keyframes swlf-2{
  0%{
    -webkit-transform:translate3d(0, 0, 0);
  }
  100%{
    -webkit-transform:translate3d(-50%, 0, 0);
  }
}
.swlf-2-half{
	-webkit-animation:swlf-2-half 100ms forwards;
}
@-webkit-keyframes swlf-2-half{
  0%{
    -webkit-transform:translate3d(0, 0, 0);
  }
  100%{
    -webkit-transform:translate3d(-25%, 0, 0);
  }
}
.swrg-2{
	-webkit-animation:swrg-2 100ms forwards;
}
@-webkit-keyframes swrg-2{
  0%{
    -webkit-transform:translate3d(0, 0, 0);
  }
  100%{
    -webkit-transform:translate3d(50%, 0, 0);
  }
}
.swrg-2-half{
	-webkit-animation:swrg-2-half 100ms forwards;
}
@-webkit-keyframes swrg-2-half{
  0%{
    -webkit-transform:translate3d(0, 0, 0);
  }
  100%{
    -webkit-transform:translate3d(25%, 0, 0);
  }
}

/*popup  框架弹出框样式*/
.afPopup{
    width:93.75%;padding:0; border:none;border-radius:0; display:block;
    position:absolute;top:50%;z-index:1000000;
    color:inherit; text-align:center;
    background:none;
}
.afPopup > header{
    padding:0.375rem 0.5rem;
	color:#ffffff;font:1.5rem "Microsoft Yahei",Arial;overflow: hidden;text-overflow: ellipsis;
	background:#00ACF6;
}
.afPopup > div{
	margin:0 0 3px;
	background:#ffffff;
}
.afPopup > footer{background:none;}
.afPopup .button{
    width:49.5%; padding:0.625rem 0; margin:0;border:none;
    color:#ffffff;font-size:1.375rem;
    background:#00ACF6;
}
.afPopup .button.pressed{
	color:#c4c4c4;
    background:#3a3a3a;
}
/*.button.pressed{
    font-weight:bold;
    background:white;
} */
.afPopup footer a:not(:first-of-type) {margin-left:1%;}


/*module download  App下载*/
#download .button{width:100%;}
#download footer a:not(:first-of-type) {display:none;}
.down-wrap{padding:2.0rem;}
.down-son{
	margin-bottom:1.0rem;padding:0 1.0rem;
	font:1.375rem/2.5rem "Microsoft Yahei";text-align:left;
	background:#EEE;
}
.down-son:last-child{margin-bottom:0;}
.down-son a{color:#348502;}
.down-son .iconfont{
	font-size:1.5rem;
	line-height:1.67rem;
}

/*module share 分享弹出框*/
#share .button{width:100%;}
#share footer a:not(:first-of-type) {display:none;}
.bdsharebuttonbox{
	padding:1.0rem;
	display:inline-block;
}
.bd_weixin_popup .bd_weixin_popup_main{padding:10px !important;}



/*module map*/
.allmap{
	width:100%;height:100%;margin:0;
	font-size:1.375rem;
	overflow:hidden;
}
.mapinfo{width:75%;margin:0 auto;}

/*page promotion*/
.promotion-son{
	width:93.75%;margin:3.125% auto;
}
.promotion-son dt{text-align:center;}
.promotion-son dt > a{display:inline-block;}
.promotion-son dd{
	margin:3.125% 0;padding:1.0rem;
	color:#FFF;font:normal 1.2rem/2.0rem "Microsoft YaHei";
	background:#73c439;
}
.promotion-son dd a{color:#FFF;}
.promotion-son dd a:visited{color:#fffffe;}

/*common button*/
/*btn-a*/
.btn-a{
	padding:0 0.5em;
	color:#ffffff;font:1.375rem/2.5rem "Microsoft YaHei";text-align:center;
    background:#00ACF6;
	cursor:pointer;
}
.btn-a a{
	display:block;
	color:#ffffff;
}
.btn-a a:visited{color:#fffffe;}

/*message*/
.message-tl{ 
	width:100%;margin-bottom:3%;border-bottom:1px solid #c5c5c5;
	color:#000000;font:1.5rem/2.8rem "Microsoft Yahei";
}
.message-tl a{color:#000000;}
.message-tl a:visited{color:#000001;}
.message-back{background:-webkit-gradient(linear, 0 0, 0 100%, from(#3381b8), to(#fff))}
.m-btn{width:94.375%;margin-left:auto;margin-right:auto;}
.m-son{
	width:90%;margin:0 auto;
	font:1.2rem/3.0rem "Microsoft YaHei";
}
.m-son label{
	float:left;
	width:20.5%;margin:1% 2.5% 1% 0%;
	color:#000000;font:1.25rem/3.75rem "Microsoft YaHei";text-align:right;
}
.m-son .star{
	padding-left:0.5rem;
	color:#c80203;
}
.m-tl,.m-tl2{
	float:left;
	height:3.75rem;padding:0rem 0.5rem;margin:1% auto;border:1px solid #cbcbcb; border-radius: 0px;
	color:#3333;font:1.25rem/3.75rem "Microsoft YaHei";
	background:#fff;	
	-webkit-appearance:none;
}
.m-tl{width:50.5%;}
.m-tl2{width:70.5%;}
.m-con{
	float:left;
	width:70.5%;height:10.0rem;padding:0 0.5rem;margin:1% 0;border:1px solid #cbcbcb;border-radius: 0px;
	color:#550012;font:1.25rem/2.4rem "Microsoft YaHei";
	background:#fff;
	-webkit-appearance:none;
}
.m-addr{height:6.0rem;}
.m-yzm{
	float:left;
	width:35%;height:3.75rem;padding:1.0rem 1.0rem;margin:1% auto;border:1px solid #cbcbcb;border-radius: 0px;
	color:#3333;font:1.25rem/3.75rem "Microsoft YaHei";text-align: left;
	background:#fff;
	-webkit-appearance:none;
}
.m_yzm-pic{
	float: left;
	width:20%;height:3.0rem;margin:1% 0% 1% 15%;
}
.m_yzm-pic img{
	display:inline-block;
	vertical-align:middle;
}
.m-submit,.m-reset{
	display:inline-block;
	width:30%;padding: 0 1.5%;margin:3% 0.2% 0% 0.2%;border:none;border-radius:0;
	color:#ffffff; font:1.5rem/3.75rem "Microsoft YaHei"; background:#00ACF6;
	cursor:pointer;
	-webkit-appearance:none;
}

.select{ 
	float:left;
	margin:1% auto;border:1px solid #cbcbcb;
	color:#550012;
	background:#fff;
	clip:rect(0px,179px,16px,0px);
	overflow:hidden
}
.select select{
	font:1.0rem "Microsoft YaHei";
	height:3.0rem;padding:0 3.0rem;border:none;
	background:url(images/triangle.png)  92% center no-repeat;
	background-size:7.9%;
}

/*messageview*/
.message-list{
	width:94.375%;margin:2.0rem auto;border-bottom:2px solid #d2d2d2;
	border-image:url(images/img202.jpg) 0 0 2 0;
}
.message-list:last-child{border-bottom:0;}
.message-say{margin:1.0rem 0;}
.message_say-tl{font:normal 1.375rem/2.0rem "Microsoft Yahei";}
.message_say-time{
	float:right;
	color:#000000;font:1.375rem/2.8rem "Microsoft Yahei";
}
.message_say-yy{
	display:block;
	width:70%;
	color:#000000;font:1.375rem/2.8rem "Microsoft Yahei";
	text-overflow:ellipsis;white-space:nowrap;overflow:hidden;
}
.message_say-yy-repay{
	display:block;
	color:#000000;font:1.375rem/2.8rem "Microsoft Yahei";
	width:70%;
	overflow:hidden;text-overflow:ellipsis;white-space:nowrap;
}
.message_say-con{
	width:100%;padding:0 1.0rem;
	color:#a0a0a0;font:normal 1.2rem/2.0rem "Microsoft Yahei";word-wrap: break-word;word-break: break-all;
}

/* add for smll products class  */

.smllproCls{background:#FFFF00;}


/*animation*/
@-webkit-keyframes gogogo1{
    from, to{-webkit-transform: none; }
    50% {-webkit-transform: scale(1.1);}
}

/*media query  媒体屏幕*/
@media screen and (min-width:640px){
	.all{
		width:640px;margin:0 auto;
	}
	.rightnav{
		width:27.5rem !important;
	}
	.afPopup{
		width:640px;
	}
}

@media screen and  (min-width:480px) and (max-width:640px){
	body,html{font-size:14.5px;}
	.ipro .metro-b .pic img{max-width:230px;height:171px;min-height:171px; overflow:hidden;}
	.ppro-son .pic img{max-width:230px;height:171px;min-height:171px; overflow:hidden;}

}

@media screen and (min-width:420px) and (max-width:480px){
	body,html{font-size:13px;}
	.ipro .metro-b .pic img{max-width:230px;height:171px;min-height:171px; overflow:hidden;}
	.ppro-son .pic img{max-width:230px;height:171px;min-height:171px; overflow:hidden;}

}
@media screen and (min-width:360px) and (max-width:420px){
	body,html{font-size:11.5px;}
	.ipro .metro-b .pic img{max-width:150px;height:112px;min-height:112px; overflow:hidden;}
    .ppro-son .pic  img{max-width:150px;height:112px;min-height:112px; overflow:hidden;}
}

@media screen and (min-width: 320px)  and (max-width:360px){
	body,html{font-size:10px;}
	.ipro .metro-b .pic img{max-width:145px;height:112px;min-height:112px; overflow:hidden;}
	.ppro-son .pic  img{max-width:145px;height:112px;min-height:112px; overflow:hidden;}

}
@media screen and (max-width:320px){
	body,html{font-size:9px;}
	.ipro .metro-b .pic img{max-width:130px; height:96px;max-height:96px; overflow:hidden;}
	.ppro-son .pic img{max-width:130px; height:96px;max-height:96px; overflow:hidden;}

}