body{ font-family:"微软雅黑", Verdana, Geneva, sans-serif; font-size:16px; padding-bottom:50px; background-color: #f0f0f5; }
p, ul, li{ padding:0; margin:0;}
li{     list-style-type:none}
a{ margin:0; padding:0; color:#333333;}
em{ font-style:normal; }
a:active{ color:#00aaff;}
.mui-plus header.mui-bar{display: none;}
.mui-plus .mui-bar-nav~.mui-content{padding: 0;}

.drawer-overlay{ max-width:750px; margin:0 auto;}
.title {
	margin: 20px 15px 10px;
	color: #e92c4d;
	font-size: 18px;
}
.padding0{ padding:0px;}
.pr10{ padding-right:10px !important;}

.pt10{ padding-top:10px !important;}
.pt20{ padding-top:20px !important;}
.pt30{ padding-top:30px !important;}

.pb10{ padding-bottom:10px !important;}
.pb20{ padding-bottom:20px !important;}
.pb30{ padding-bottom:30px !important;}

.mt5{ margin-top:5px !important;}
.mt10{ margin-top:10px !important;}
.mt12{ margin-top:12px !important;}
.mt20{ margin-top:20px !important;}
.mt30{ margin-top:30px !important;}
.mt50{ margin-top:50px !important;}
.mb10{ margin-bottom:10px !important;}
.mb20{ margin-bottom:20px !important;}
.mb30{ margin-bottom:30px !important;}
.mb50{ margin-bottom:50px !important;}

.green{ color:#3fbe72 !important;}
.red{ color:#dd0707 !important;}
.orange{ color:#ff5f3e !important;}
.blue{ color:#00aaff !important;}

.positionR{ position:relative;}

.backColor10{ background-color:#FFFFFF; overflow:hidden; padding:10px;}
.backColor0{ background-color:#FFFFFF; overflow:hidden; padding:0;}

/*hm开头的表示仅为 Hello MUI示例定义*/
.hm-description{margin: .5em 0;}
.hm-description>li {font-size: 14px;color: #8f8f94;}

.fnege{  background-color:#f4f4f4; border-top:solid 1px #DDDDDD; border-bottom:solid 1px #DDDDDD; height:12px; overflow:hidden;}
.line{ background-color:#eee; height:1px; overflow:hidden;}

.mui-bar{ padding:0;}
.drawer-left .logo{  overflow:hidden;   width:108px; margin:12px auto; display:block; position:fixed; left:50%; margin-left:-55px;}
.drawer-left .logo img{ max-height:40px; }
.drawer-left.drawer-open .logo{ margin-left:80px;}

.drawer-right .logo{  overflow:hidden; height:40px;  width:160px; margin:17px 8px; display:block; }
.drawer-right .logo img{ max-height:32px; }
.drawer-right.drawer-open .logo{ margin-left:-110px;}

.ch_en{ position:fixed; right:80px; z-index:1000; top:16px;}
.drawer-right.drawer-open .ch_en{right:220px; }
.ch_en a{ display:inline-block; border:solid 1px #bbb; float:left; font-size:12px;  width:34px; height:34px; line-height:30px; text-align: center; border-radius:36px; margin-left:10px;}
.ch_en a.on{ border:solid 1px #00aaff ; color:#00aaff ;}

.headeradve{ float: left; font-size:14px; color:#FFFFFF; margin-top:12px; opacity:0.9;}

.Scancode{ float:right; padding:18px 12px 12px 10px;}
.Scancode img{ max-height:32px;}

.nav{ height:65px; background-color:#e92c4d; width:100%; margin-top:6px;}
.mui-bar-nav{webkit-box-shadow: 3px 3px 3px rgba(0,0,0,0.1); box-shadow: 3px 3px 3px rgba(0,0,0,0.1); height:66px; background-color:#fff; }
.mui-bar-nav~.mui-content{ padding-top:0;}
.nav a{ color:#FFFFFF; width:25%; display:inline-block; float:left; text-align:center; padding:5px 0;}


.mui-slider-indicator .mui-indicator {
	background: rgba(255,255,255,0.6);
}

.drawer-left.drawer-open .mui-bar{ left:160px;}
.drawer-right.drawer-open .mui-bar{ right:160px;}

.mui-table-view-cell>a:not(.mui-btn){ white-space: inherit;}
.ty_card_tip{ padding-top:3px;}
.ty_card_tip .time{}

.mui-content{ margin-top:66px;}
.mui-slider .mui-slider-group .mui-slider-item p{ color:#333;}
.mui-table-view-cell:after{ left:0;}




.mui-text-right {
    text-align: center !important;
}
.mui-slider-indicator .mui-indicator {
    display: inline-block;
    width: 8px;
    height: 8px;
    margin: 1px 3px;
    cursor: pointer;
    border-radius: 50%;
    -webkit-box-shadow: 0 0 1px 1px rgba(130,130,130,0);
    box-shadow: 0 0 1px 1px rgba(130,130,130,0);
}
.mui-slider-indicator{ bottom:4px;}
.mui-slider-indicator .mui-active.mui-indicator{ background-color:#00aaff}



.indexnav{ background-color:#FFFFFF;}
.indexnav .mui-slider{ margin-bottom:10px; padding:10px 0;}
.mui-grid-view.mui-grid-9 .mui-table-view-cell{padding: 0px 15px;}



.indMian{ background-color:#FFFFFF;}

/*产品列表*/

.indprodMian{ background-color:#FFFFFF;}

.mui-table-view.mui-grid-view .mui-table-view-cell .mui-media-object {
    width: auto;
    max-width: 100%;
}




/*.indpordtp{ width:165px; height:150px; overflow:hidden; display:inline-block;  background-color:#fff; padding:10px; transition:1s; border:solid 1px #DDDDDD; background-color:#F9F9F9;
    vertical-align:middle; 
    *display:block; 
    text-align:center; 
}
.indpordtp img{  
	vertical-align:middle;
	max-width:165px; width:expression(this.width > 165 ? "165px" : this.width); max-height:130px; 
	height:expression(this.height > 130 ? "130px" : this.height);
}
*/
.mui-table-view.mui-grid-view.ulindprod .mui-table-view-cell{ margin-bottom:5px;}
.mui-table-view.mui-grid-view.ulindprod .mui-table-view-cell .mui-media-body {
    font-size: 14px;
    line-height: 150%;
    display: block;
    width: 100%;
    height: 24px;
    margin-top: 8px;
    text-overflow: ellipsis;
    color: #333;
}
.prodnameTitle{ text-align:center; color:#00aaff; font-size:20px; font-weight:bold;}



/*首页关于我们*/
.indabout_tp{ margin:10px 10px;}
.indabout_tp img{ width:100%;}
.indaboutshow{ font-size:14px; line-height:180%; text-indent:2em; padding:0px 10px 20px 10px; height:130px; overflow:hidden;}
.indaboutshow p{ color:#333333;}


.xiaobanner{ width:100%;overflow:hidden; margin-top:66px; max-height:120px; position:relative; background-color:#FFFFFF;}
.xiaobannerTp img{ width:100%;}
.maintitle{ position:absolute; top:16%; left:50%; margin-left:-90px; width:180px; height:70px; text-align:center; }
.maintitle h1{ font-size:22px; color:#222; margin-top:17px;}
.maintitle p{color:#222; text-transform:uppercase; font-size:12px;}
.maintitleline{ width:170px; height:60px; margin:5px;}

.abouttitle{ font-weight:bold; text-align:center; font-size:20px; margin-bottom:10px;}

.findnav{ text-align:center; margin-top:15px; margin-bottom:5px; overflow:hidden; padding-bottom:10px;}
.findnav a{ font-size:13px; width:85px; text-align:center; height:40px; line-height:36px; border: 1px solid #ddd; background-color:#f2f2f2; display:inline-block;}
.findnav a.on{ color:#fff; background-color:#00aaff; border: 2px solid #00aaff; }

.prodfindnav{ text-align:center; margin:20px; overflow:hidden; border-bottom:dashed 1px #ccc; padding-bottom:20px;}
.prodfindnav a{ font-size:13px; text-align:center; height:40px; line-height:36px; border: 1px solid #c0c0c0; display:block; margin-bottom:10px;}
.prodfindnav a.on{ color:#fff; background-color:#00aaff; border: 2px solid #00aaff; }

.nameTitle{ text-align:center; color:#3fbe72; font-size:20px; font-weight:bold;}
.nameTitle span{ width:20px; height:2px; background-color:#3fbe72; display:block; margin:10px auto;}


/*首页子公司*/
.indfindtit{ font-weight:bold; font-size:18px; padding:0 0 0 15px; color:#00aaff;}
.indfind{ padding:15px 15px 5px 15px;}
.ulindfindlist{border-bottom:solid 1px #e6e6e6;}
.ulindfindlist li{ border:solid 1px #e6e6e6; border-bottom: none;}
.ulindfindlist li span{ background:url(../images/a.png) no-repeat 8px 14px #f8f8f8; display:block; font-size:14px; height:42px; line-height:42px; padding-left:30px;}
.ulindfindlist li span.on{background:url(../images/b.png) no-repeat 8px 14px #f8f8f8; color:#00aaff; font-weight:bold;}
.gongsijx{ display:none; padding:15px 10px; font-size:13px; color:#666; line-height:180%; min-height:110px; }
.gongsijx p{color:#666;}
.gongsijx img{ max-width:100px; float:left; margin-right:10px;}


.ProductApp{ background:url(../images/yinrongbg.jpg) no-repeat center; height:357px; width:100%;}
.ProductAppTop{ background-color: rgba(10,124,231,0.6);  background-color: rgba(0,0,0,0.5); color:#FFFFFF; font-size:14px; line-height:180%; padding:0 15px 15px 15px;}
.ProductAppImg{ position:absolute; top:0; left:0; z-index:99;}
.ProductAppjx{ height:250px; overflow:hidden;}
.ProductAppjx p{ color:#FFFFFF; text-indent:2em;}
.IndProdAppMore{ text-align:right;}
.IndProdAppMore .more{}



.wzshow{ padding:5px 0;  color:#555; font-size:13px;}



.ulHonor{ padding-top:10px; overflow:hidden;}
.ulHonor li{ width:50%; height:100%; float:left; text-align:center; margin-bottom:18px; line-height:160%; font-size:13px;    min-height: 175px;}
.ulHonor li a{ display:block;  }
.ulHonor li a p{border:solid 1px #DDDDDD; margin-bottom:5px; padding:5px; line-height:0;}
.ulHonor li a p img{ width:100%; height:100%;}
.ulHonor li:nth-child(odd) a{ margin-right:8px;}
.ulHonor li:nth-child(even) a{ margin-left:8px;}


/*发展历程*/
#contentBdoy{ height:auto; padding: 0 0px 10px;}
.contentBdoy{background: url(../images/articleico1.png) repeat-y 60px 0; padding-top: 20px;}
#contentBdoy h2{ padding-left: 57px;}
#contentBdoy ol{list-style-type: none; padding: 0; }
#contentBdoy ol li{padding: 0; margin-bottom: 15px; height:60px; overflow:hidden; position:relative;}
#contentBdoy ol li .years{ float: left; text-align:left; width: 70px; line-height: 26px; color: #666;
background: url(../images/list-radius.png) no-repeat 52px center; font-size: 13px;}
#contentBdoy ol li dl{ margin: 0; padding: 0; position:absolute; top:3px; margin-left:80px;}
#contentBdoy ol li dl dd{ float: right; width: 100%; font-size: 14px; line-height: 20px;}
#contentBdoy ol li:hover .years,
#contentBdoy ol li:first-child .years{ background: url(../images/list-radius-red.png) no-repeat 52px center;}


.productsmain{ padding:10px; overflow:hidden;}

.h1title{ text-align: center; font-size:18px; font-weight:bold; margin-bottom:20px; margin-top:10px;}
.h1title img{ max-height:20px; vertical-align:middle; margin-right:5px;}

.ulprod{ overflow:hidden;}
.ulprod li{ width:50%; float:left; margin-bottom:10px;}
.ulprod li a{ background-color:#FFFFFF; display:block; border: 1px solid #eee; padding-bottom:10px;}
.ulprod li:nth-child(odd) a{ margin-right:5px;}
.ulprod li:nth-child(even) a{ margin-left:5px;}
.ulprod li a img{ width:100%; height: 125px;}
.ulprod li a h3{ font-size:15px; padding:0 10px;     margin-top: -15px;}
.ulprod li a p{font-size:13px; padding:0 10px; height:65px; overflow:hidden;}
.ulprod li a em{
	display: inline-block;;
    border: 1px solid #e4e4e4;
    background: #f9f9f9;
    text-align: center;
    color: #222222;
    margin-top: 5px;
	font-size:12px; padding:3px 10px;
	margin-left:10px;
}

























/*左边产品分类*/

.content{ padding-top:66px; overflow:hidden;}

.prodleftlist{ width:90px; position:fixed; left:0; top:66px; padding-bottom:110px; background-color:#FFFFFF; border-right:solid 1px #e6e6e6;  height:100%; overflow-y:auto; }

.prodlisttiele{ background-color:#361301; color:#FFFFFF; padding:10px 0; text-align:center; font-size:14px; font-weight:bold;}

.ulleftlist{width:90px; margin-bottom:10px;}
.ulleftlist li{ border-bottom:solid 1px #e6e6e6; }
.ulleftlist li.on{ background-color:#efeff4;}
.ulleftlist li a{ width:90px; height:44px; line-height:44px; font-size:14px; padding-left:10px; display:inline-block;}
.ulleftlist li.on a{ color:#DC0408;}



/*分类页产品列表*/

.prodmain{ margin-left:96px; margin-right:6px; overflow:hidden;}
.prodtitle{ font-size:16px; padding:11px 6px 2px 6px; font-weight:bold;}

.mui-table-view.mui-grid-view.ulprodlist .mui-table-view-cell {
    font-size: 17px;
    display: inline-block;
    margin-right: 0;
    padding: 5px 0;
    text-align: center;
    vertical-align: middle;
    background: 0 0;
	margin-bottom:5px;
	height:215px;
}

.mui-table-view.mui-grid-view.ulprodlist .mui-table-view-cell .mui-media-object {
    width: 120px;
    height: 130px;
}

.mui-table-view.mui-grid-view.ulprodlist .mui-table-view-cell .mui-media-body {
    font-size: 13px;
    line-height: 160%;
    display: block;
    width: 100%;
    height: 20px;
    margin-top: 5px;
    white-space:nowrap;
    color: #333;
}

.mui-table-view.mui-grid-view.ulprodlist .mui-table-view-cell>a:not(.mui-btn) {
        margin: 0;
}
.mui-table-view.mui-grid-view.ulprodlist .mui-table-view-cell>a {
	margin:0 8px 0 8px !important;
}

.mui-table-view.mui-grid-view.ulprodlist {
    font-size: 0;
    display: block;
    width: 100%;
    padding: 0 0 10px 0;
    white-space: normal;
}
.mui-table-view.ulprodlist {
    background-color:inherit;
}


.prodshowtop{ background-color: #FFFFFF; padding-bottom:10px; margin-bottom:10px; overflow:hidden;}
.prodshowtop .prodtitleshow{ font-size:20px; padding:10px 12px 5px 12px; font-weight:bold; line-height:140%;}
.prodshowtop p{ padding:2px 12px; font-size:13px; line-height:180%; color:#999; /*width:50%; float:left;*/}
.prodshowtop p span{ color:#333;}

.proddetails{ background-color:#FFFFFF; padding:12px 12px 20px 12px; min-height:320px;}
.proddetailstitle{ border-left:solid 3px #00aaff; height:20px; line-height:16px; padding-left:10px; font-weight:bold; overflow: hidden; color:#00aaff; margin-bottom:15px;}
.proddetailsExhibition{ width:100%; line-height:180%; color:#555; font-size:14px;}
.proddetailsExhibition p{line-height:180%; color:#555; font-size:14px;}
.proddetailsExhibition img{ width:100%; max-width:750px;}


.findbanner{ position: relative;overflow:hidden;}
.findtitle{ position:absolute; top:50px; text-align:center; width:100%; color:#f0f0f0; font-size:15px;}
.findtitle p{ color:#FFFFFF; font-size:20px; font-weight:bold; padding-bottom:10px;}
.findbanner img{ width:100%; max-width:750px;}


.prodmianavt{ background-color:#FFFFFF; padding:0px;}





.mui-table-view.mui-grid-view{ overflow:hidden;}
.mui-grid-view.mui-grid-9{
border-top: 1px solid #fff;
border-left: 1px solid #fff;
background-color: #fff;}

.mui-grid-view.mui-grid-9 .mui-table-view-cell{
	border-right: 0px solid #fff;
border-bottom: 0px solid #fff;
	}
.mui-col-xs-4{ width:25%;}

.navicon img{ max-width:64px;}

.qlfooter{ text-align:center; font-size:12px; padding:15px 0; color:#f0f0f0 !important; background-color:#525255;}
.qlfooter a{ color:#FFFFFF;}
.menu2{ padding-bottom:5px;}
.menu2 a{ padding:0 3px; color:#666666;}
.menu2 a:hover{ color:#E81953;}
.mui-table-view:before, .mui-table-view:after{ height:0;}
.mui-bar-nav.mui-bar .mui-icon.mui-icon-left-nav{ color:#333333;}

.Article{ padding:10px;}
.Article h3{ line-height:160%;} 
.ArticleShow{  padding:20px 0; font-size:16px; line-height:180%;}

.ArticleLabel{ height:40px; line-height:40px; background-color:#F9F9F9; padding:0 10px; font-size:14px; color:#999999;}
.ArticleLabel .Label a{ margin-left:15px; color:#333333;}
.ArticleLabel .Label a:hover{ color:#e92c4d;}

.RelevantTitle h4{ text-align:center; font-size:15px;}


.HotLabel a{border: 1px solid #f1f1f1; background-color:#F9F9F9; color: #000; display: inline-block;   font-size: 14px;  margin: 5px 0 5px 6px;  padding: 6px 15px;}
.HotLabel a:hover{ background-color:#ff5a58; color:#FFFFFF;}


.PeriodCourse{ background-color:#FFFFFF; margin-bottom:12px; position:relative;  overflow:hidden;}
.Coursetitle{ text-align: center; padding:15px; font-size:20px;}
.Monthtwo{ position:absolute; top:390px;}

.NewsMian{ background-color:#FFFFFF; padding:10px;}
.HotRecommendTit{ font-size:20px;  font-weight:bold; padding:5px 15px; text-align:center; overflow:hidden; padding-top:20px;}
.HotRecommendTit span{width: 40px;
height: 3px;
background-color: #25ad7f;
display: block;
margin: 10px auto 4px auto;}
.HotRecommendTit em{ font-size:12px; font-weight:normal; color:#00aaff; display:block; margin-top:6px;}


.mui-table-view .mui-media-object.keimg{ max-width: 100px; height: 80px; border-radius:4px;}
.Reccurriculum .mui-table-view-cell p.ty_card_tip{ margin-top:10px; height:44px; overflow:hidden;}
.Reccurriculum .mui-table-view-cell{ position:relative;}
.Reccurriculum .mui-table-view-cell > a{ margin-right:40px; padding-left:0;}
.CourseBtn a{ position:absolute; right:0; top:35px; padding:4px 10px; background-color:#17cd47; color:#FFFFFF; border-radius:4px; z-index:1; font-size:14px !important;}
.CourseBtn a.Selected{ background-color:#acacac;}
.Reccurriculum.mui-table-view .mui-media-body{
 display:block;
 word-break:keep-all;
 white-space:nowrap;
 overflow:hidden;
 text-overflow:ellipsis;
}

.more{ font-size:14px; color:#00aaff; font-weight:normal; }
.vipIco{ position:absolute; top:11px; left:0; font-size:12px; background-color:#09ba07; display:inline-block; width:30px; text-align:center; height:16px; line-height:16px; color:#FFFFFF;}


.indnews{ padding:5px 15px;}
.indnews .mui-table-view-cell{padding: 11px 10px;}
.indnews .mui-table-view-cell .mui-ellipsis{ padding-top:5px; background:url(../images/time_ico.png) no-repeat 0 10px; padding-left:20px; font-size:12px;}


.footerNav{ position:fixed; bottom:0; width:100%; z-index:10000;}
.mui-col-xs-3{ width:33.333333%; }
.footerNav .mui-grid-view.mui-grid-9 .mui-table-view-cell{ padding:0;}
.footerNav .mui-grid-view.mui-grid-9 .mui-media .mui-icon{font-size: 24px; }
.footerNav .mui-grid-view.mui-grid-9 .mui-media .mui-icon-extra{font-size: 24px; }
.footerNav .mui-table-view.mui-grid-view .mui-table-view-cell .mui-media-body{ font-size:12px; margin-top: 0; color:inherit;  /*color:#17cd47;*/}
.footerNav .mui-grid-view.mui-grid-9 .mui-table-view-cell>a:not(.mui-btn){ padding: 5px 0;}
.footerNav .mui-grid-view.mui-grid-9 {
    border-top: 1px solid #ddd;
    border-left: 1px solid #fff;
    background-color: #fff;
}
.footerNav .mui-grid-view.mui-grid-9 .mui-table-view-cell a.on{ color:#00aaff;}
.footerNav .mui-grid-view.mui-grid-9 .mui-table-view-cell a img{ max-height:24px;}



/*产品详情*/
/*.prodshowtp{ padding:15px;}
.prodshowtp img{ max-height:200px;}
*/
.prodshowtp{ overflow:hidden;   padding:20px 10px 10px 10px; margin:0 auto; transition:1s;
  	/*非IE内核*/ 
    /*display:table-cell; 
    vertical-align:middle; 
    text-align:center; */
}
.prodshowtp img{ max-height:200px;}
/*.prodshowtp img{  transition:1s;
	vertical-align:middle;
	max-width:320px; width:expression(this.width > 320 ? "320px" : this.width); max-height:200px; 
	height:expression(this.height > 200 ? "200px" : this.height);
}*/












/*弹层*/
.flex{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;}
.flex-v{-webkit-box-orient:vertical;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;}
.flex-1{-webkit-box-flex:1;-webkit-flex:1;-ms-flex:1;flex:1;}
.flex-align-center{-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;}
.flex-pack-center{-webkit-box-pack:center;-webkit-justify-content:flex-start;-ms-flex-pack:center;justify-content:flex-start;}
.flex-pack-justify{-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;}
.flex-box{display: -webkit-box;display: -moz-box;display: -ms-flexbox;display: -webkit-flex;display: flex;-moz-box-orient: horizontal;-webkit-box-orient: horizontal;-o-box-orient: horizontal;box-orient: horizontal;}
/*遮罩*/
.mask{position: fixed;width: 100%;height: 100%;left: 0;top: 0;bottom: 0;background-color: rgba(0,0,0,0.8);z-index: 999;}
/* 错误提示弹层 */
.c-float-modePop{text-align: center;
background-color: #fff;}
.c-float-modePop .warnMsg{padding: 20px 10px 10px 10px;
color: #fff}
.c-float-modePop .doBtn{width: 100%;
margin: 0 auto;}
.c-float-modePop button{padding: 6px 9px 6px 9px;
color: #949494;
border: 0;}
.c-float-shade{width: 100%;
display: block;
position: absolute;
z-index: 99;
background-color: #000;
opacity: .5;
top: 0;
left: 0}
.c-float-shade.hide{display: none}
.c-float-popWrap{width: 100%;z-index: 9999;position: fixed; overflow: hidden; display:none;}
.c-float-popWrap .c-float-modePop{overflow: hidden;border-radius: 6px; width:86%; margin:0 7%;}
.c-float-popWrap .c-float-modePop .warnMsg{padding: 0.8em 0 0.8em;font-size: 15px;color: #333; font-weight:bold; background-color:#FAFAFC; border-bottom:solid 1px #e7e7e9; margin-bottom:10px;}
.c-float-popWrap .c-float-modePop .warnMsg02{padding: 1.5em 0 0.8em;font-size: 15px;color: #333; font-weight:bold; background-color:#fff;  margin-bottom:10px;}
.c-float-popWrap .c-float-modePop .content{padding: 0 20px; font-size: 14px; color: #888; word-wrap: break-word; word-break: break-all;text-align: left;}
.c-float-popWrap .c-float-modePop .doBtn{width: 100%;margin-top: 15px;position: relative;}
.c-float-popWrap .c-float-modePop .doBtn:after{content: " "; position: absolute; left: 0; top: 0; width: 100%; height: 1px; border-top: 1px solid #D5D5D6; color: #D5D5D6; -webkit-transform-origin: 0 0; transform-origin: 0 0; -webkit-transform: scaleY(0.5); transform: scaleY(0.5);}
.c-float-popWrap .c-float-modePop button{background-color: #FAFAFC;width: 50%;height: 42px;line-height: 42px;color: #444;font-size: 17px;border: 0;padding: 0; float:left;}
.c-float-popWrap .c-float-modePop button.ok{color: #0cb46a;  border-radius:0 0 0 0; }
.c-float-popWrap .c-float-modePop button.cancel{position: relative;}
.c-float-popWrap .c-float-modePop button.cancel:after{content: " "; position: absolute; right: -1px; top: 0; width: 1px; height: 100%; border-left: 1px solid #D5D5D6; color: #D5D5D6; -webkit-transform-origin: 0 0; transform-origin: 0 0; -webkit-transform: scaleX(0.5); transform: scaleX(0.5);}
.c-float-popWrap.hide{display: none;
-webkit-box-shadow: none}
.c-float-popWrap.show{display: block;}
.c-float-popWrap.msgMode .c-float-modePop .content, .c-float-popWrap.msgMode .c-float-modePop .doBtn{display: none}
.c-float-popWrap.alertMode .c-float-modePop .doBtn .cancel{display: none}
.c-float-popWrap.confirmMode .c-float-modePop .content, .c-float-popWrap.confirmMode .c-float-modePop .doBtn{display: block}
.confirm_input{border: 1px solid #D5D5D6;padding: 10px;width: 70%;}
.weui_mask_transparent{position: fixed; z-index: -1; width: 100%; height: 100%; top: 0; left: 0;background: rgba(0, 0, 0, 0.5);}
.cx_mask_transparent{position: fixed; z-index: -1; width: 100%; height: 100%; top: 0; left: 0;background: rgba(255, 255, 255, 0.1);}
.web_toast{position: fixed;margin: 0 10px; z-index: 9999; display: none; display: block; padding: 10px; color: #FFFFFF; background: rgba(0, 0, 0, 0.7); font-size: 1.4rem; text-align: center; border-radius: 4px;}

.Chname{ border-bottom: solid 1px #eee; padding:10px 0; margin:0; color:#333;}
.Chname:last-child{ border-bottom:none;}
.Chname label{ display:block;}
.Chname input{ float:left; margin:5px 10px 0 0;}



/* -------------------------------- 

产品详情图片切换

-------------------------------- */
.cd-gallery {
  width: 100%;
  max-width: 1048px;
  margin: 0 auto;
  background-color:#FFFFFF;
}
.cd-gallery::after {
  clear: both;
  content: "";
  display: table;
}
.cd-gallery > li {
  overflow: hidden;
  position: relative;
  /*margin-bottom: 2em;*/
  background: #ffffff;
  border-radius: .25em;
 /* box-shadow: 0 1px 4px rgba(0, 0, 0, 0.1);*/
}
.cd-gallery > li > a {
  display: block;
  height:300px;
}
@media only screen and (min-width: 768px) {
  .cd-gallery {
    margin: 2em auto;
  }
  .cd-gallery > li {
    width: 48%;
    float: left;
    margin-right: 4%;
    margin-bottom: 2.5em;
  }
  .cd-gallery > li:nth-of-type(2n) {
    margin-right: 0;
  }
}
@media only screen and (min-width: 1048px) {
  .cd-gallery {
    margin: 2.5em auto;
  }
  .no-touch .cd-gallery > li:hover .cd-dots li.selected a {
    /* Slider dots - change background-color of the selected dot when hover over the its parent list item */
    background: #2f2933;
    border-color: #2f2933;
  }
  .no-touch .cd-gallery > li:hover .cd-dots a {
    /* Slider dots - change dot border-color when hover over the its parent list item */
    border-color: #9688a0;
  }
  .no-touch .cd-gallery > li:hover li.move-right, .no-touch .cd-gallery > li:hover li.move-left {
    /* show preview items when hover over the its parent list item */
    opacity: 0.3;
  }
}

.cd-item-wrapper {
  position: relative;
  overflow: hidden;
  margin: 1.5em 0 2em 0;
  height:300px;
}
.cd-item-wrapper li {
  position: absolute;
  top: 40px;
  left: 25%;
  height: 100%;
  width: 50%;
  opacity: 0;
  /* Force Hardware Acceleration */
  -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;
  /*will-change: transform, opacity;*/
  -webkit-transform: translateX(200%) scale(0.7);
  -moz-transform: translateX(200%) scale(0.7);
  -ms-transform: translateX(200%) scale(0.7);
  -o-transform: translateX(200%) scale(0.7);
  transform: translateX(200%) scale(0.7);
  -webkit-transition: -webkit-transform 0.4s, opacity 0.4s;
  -moz-transition: -moz-transform 0.4s, opacity 0.4s;
  transition: transform 0.4s, opacity 0.4s;
}
.cd-item-wrapper li.selected {
  /* selected item */
  position: relative;
  opacity: 1;
  -webkit-transform: translateX(0) scale(1.3);
  -moz-transform: translateX(0) scale(1.3);
  -ms-transform: translateX(0) scale(1.3);
  -o-transform: translateX(0) scale(1.3);
  transform: translateX(0) scale(1.3);
}
.cd-item-wrapper li.move-left {
  /* item on left - preview visible */
  -webkit-transform: translateX(-100%) scale(0.7);
  -moz-transform: translateX(-100%) scale(0.7);
  -ms-transform: translateX(-100%) scale(0.7);
  -o-transform: translateX(-100%) scale(0.7);
  transform: translateX(-100%) scale(0.7);
  opacity: 0.3;
}
.cd-item-wrapper li.move-right {
  /* item on right - preview visible */
  -webkit-transform: translateX(100%) scale(0.7);
  -moz-transform: translateX(100%) scale(0.7);
  -ms-transform: translateX(100%) scale(0.7);
  -o-transform: translateX(100%) scale(0.7);
  transform: translateX(100%) scale(0.7);
  opacity: 0.3;
}
.cd-item-wrapper li.hide-left {
  /* items hidden on the left */
  -webkit-transform: translateX(-200%) scale(0.7);
  -moz-transform: translateX(-200%) scale(0.7);
  -ms-transform: translateX(-200%) scale(0.7);
  -o-transform: translateX(-200%) scale(0.7);
  transform: translateX(-200%) scale(0.7);
}
.cd-item-wrapper li img {
  display: block;
  /*width: 100%;*/
  height:210px;
  
}
@media only screen and (min-width: 1048px) {
  .cd-item-wrapper li.move-left,
  .cd-item-wrapper li.move-right {
    /* hide preview items */
    opacity: 0;
  }
  .cd-item-wrapper li.focus-on-left {
    /* class added to the .selected and .move-right items when user hovers over the .move-left item (item preview on the left) */
    -webkit-transform: translateX(3%) scale(1.25);
    -moz-transform: translateX(3%) scale(1.25);
    -ms-transform: translateX(3%) scale(1.25);
    -o-transform: translateX(3%) scale(1.25);
    transform: translateX(3%) scale(1.25);
  }
  .cd-item-wrapper li.focus-on-left.move-right {
    -webkit-transform: translateX(103%) scale(0.7);
    -moz-transform: translateX(103%) scale(0.7);
    -ms-transform: translateX(103%) scale(0.7);
    -o-transform: translateX(103%) scale(0.7);
    transform: translateX(103%) scale(0.7);
  }
  .cd-item-wrapper li.focus-on-right {
    /* class added to the .selected and .move-left items when user hovers over the .move-right item (item preview on the right) */
    -webkit-transform: translateX(-3%) scale(1.25);
    -moz-transform: translateX(-3%) scale(1.25);
    -ms-transform: translateX(-3%) scale(1.25);
    -o-transform: translateX(-3%) scale(1.25);
    transform: translateX(-3%) scale(1.25);
  }
  .cd-item-wrapper li.focus-on-right.move-left {
    -webkit-transform: translateX(-103%) scale(0.7);
    -moz-transform: translateX(-103%) scale(0.7);
    -ms-transform: translateX(-103%) scale(0.7);
    -o-transform: translateX(-103%) scale(0.7);
    transform: translateX(-103%) scale(0.7);
  }
  .cd-item-wrapper li.hover {
    /* class added to the preview items (.move-left or .move-right) when user hovers over them */
    opacity: 1 !important;
  }
  .cd-item-wrapper li.hover.move-left {
    -webkit-transform: translateX(-97%) scale(0.75);
    -moz-transform: translateX(-97%) scale(0.75);
    -ms-transform: translateX(-97%) scale(0.75);
    -o-transform: translateX(-97%) scale(0.75);
    transform: translateX(-97%) scale(0.75);
  }
  .cd-item-wrapper li.hover.move-right {
    -webkit-transform: translateX(97%) scale(0.75);
    -moz-transform: translateX(97%) scale(0.75);
    -ms-transform: translateX(97%) scale(0.75);
    -o-transform: translateX(97%) scale(0.75);
    transform: translateX(97%) scale(0.75);
  }
}

.cd-dots {
  /* not visible in the html document - created using jQuery */
  position: absolute;
  bottom: 10px;
  left: 50%;
  right: auto;
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  -o-transform: translateX(-50%);
  transform: translateX(-50%);
  padding: .2em;
}
.cd-dots::after {
  clear: both;
  content: "";
  display: table;
}
.cd-dots li {
  display: inline-block;
  float: left;
  margin: 0 5px;
  pointer-events: none;
}
.cd-dots li.selected a {
  background: #2f2933;
  border-color: #2f2933;
}
.cd-dots a {
  display: block;
  height: 6px;
  width: 6px;
  border-radius: 50%;
  border: 1px solid #9688a0;
  /* image replacement */
  overflow: hidden;
  text-indent: 100%;
  white-space: nowrap;
  -webkit-transition: border-color 0.2s, background-color 0.2s;
  -moz-transition: border-color 0.2s, background-color 0.2s;
  transition: border-color 0.2s, background-color 0.2s;
}
@media only screen and (min-width: 1048px) {
  .cd-dots li {
    pointer-events: auto;
  }
  .cd-dots li.selected a {
    background: #cccccc;
    border-color: #cccccc;
  }
  .cd-dots a {
    height: 8px;
    width: 8px;
    border-color: #cccccc;
    /* fix a bug in IE9/10 - transparent anchor not clickable */
    background-color: rgba(255, 255, 255, 0);
  }
}

.cd-item-info {
  height: 90px;
  line-height: 90px;
  padding: 0 2em;
}
.cd-item-info::after {
  clear: both;
  content: "";
  display: table;
}
.cd-item-info b, .cd-item-info .cd-price, .cd-item-info .cd-new-price {
  font-weight: bold;
  font-size: 2rem;
}
.cd-item-info b {
  float: left;
}
.cd-item-info b a {
  color: #2f2933;
}
.cd-item-info .cd-price, .cd-item-info .cd-new-price {
  /* .cd-new-price not visible in the html document - created using jQuery */
  float: right;
}
.cd-item-info .cd-price {
  color: #a5d05e;
  position: relative;
  margin-left: 10px;
  -webkit-transition: color 0.2s;
  -moz-transition: color 0.2s;
  transition: color 0.2s;
}
.cd-item-info .cd-price::after {
  /* crossing line - visible if price is on sale */
  content: '';
  position: absolute;
  top: 50%;
  bottom: auto;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
  left: 0;
  height: 2px;
  width: 0%;
  background-color: #a5d05e;
  opacity: 0;
  -webkit-transition: width 0.2s 0s, opacity 0s 0.2s;
  -moz-transition: width 0.2s 0s, opacity 0s 0.2s;
  transition: width 0.2s 0s, opacity 0s 0.2s;
}
.cd-item-info .cd-price.on-sale::after {
  opacity: 1;
  width: 100%;
  -webkit-transition: width 0.2s 0s, opacity 0s 0s;
  -moz-transition: width 0.2s 0s, opacity 0s 0s;
  transition: width 0.2s 0s, opacity 0s 0s;
}
.cd-item-info .cd-new-price {
  /* new price - visible if price is on sale */
  color: #e76363;
  opacity: 0;
  -webkit-transform: translateX(5px);
  -moz-transform: translateX(5px);
  -ms-transform: translateX(5px);
  -o-transform: translateX(5px);
  transform: translateX(5px);
  -webkit-transition: -webkit-transform 0.2s, opacity 0.2s;
  -moz-transition: -moz-transform 0.2s, opacity 0.2s;
  transition: transform 0.2s, opacity 0.2s;
}
.cd-item-info .cd-new-price.is-visible {
  -webkit-transform: translateX(0);
  -moz-transform: translateX(0);
  -ms-transform: translateX(0);
  -o-transform: translateX(0);
  transform: translateX(0);
  opacity: 1;
}
@media only screen and (min-width: 768px) {
  .cd-item-info b, .cd-item-info .cd-price, .cd-item-info .cd-new-price {
    font-size: 2.4rem;
  }
}

.no-js .move-right,
.no-js .move-left {
  display: none;
}

/* -------------------------------- 

xcredits 

-------------------------------- */
.credits {
  width: 90%;
  margin: 2em auto;
  text-align: center;
}

.no-touch .credits a:hover {
  text-decoration: underline;
}


.prodshowtp{
  text-align:center;
}

.indprodMian{ padding:10px 10px; overflow:hidden;}
.indproducts{ overflow:hidden;}
.indprodlist_a{ width:50%; float:left; overflow:hidden; display:block; position:relative; border-bottom:solid 2px rgba(255,255,255,1);}
.indprodlist_a p{ height:110px; overflow:hidden;}
.indprodlist_a p img{ width:100%;}
.prod_xny{width:100%; height:120px; padding:5px 10px; background-color:#00aaff; font-size:13px; color:#FFFFFF;  line-height:20px;}
.prod_xny h2{ font-size:16px;}

.indprodlist_b{ width:100%; float:left; overflow:hidden; display:block; position:relative; border-bottom:solid 2px rgba(255,255,255,1);}
.indprodlist_b p{ height:120px; overflow:hidden;}
.indprodlist_b p img{ width:100%;}
.prod_xny.b{ height:auto; padding-bottom:12px;}


.mui-table-view.mui-grid-view .mui-table-view-cell{ font-size:13px; position: relative;}
.mui-table-view.mui-grid-view .mui-table-view-cell
.wenzi{ text-align:left; height:70px; margin-bottom:5px; margin-top:5px; overflow:hidden;}
.wenzi p{ font-size:16px; font-weight:bold; text-align:left; padding-bottom:4px; color:#333333;}
.wenzi span{ color:#666666;}

.yigongfc{ padding-left:15px; color:#00aaff; font-weight:bold; font-size:16px;}
.yigongfcmain{}
.yigongfcmain .wenzi{ height:30px !important;}
.yigongfcmain .wenzi p{ font-size:14px; font-weight:normal;text-align: center; padding-bottom:4px; color:#333333;}







.indSolution{}

.mui-table-view .mui-media-object.mui-pull-left {
    margin-top: 5px;
}


.productsmain .mui-table-view.mui-grid-view .mui-table-view-cell{ padding: 0 0 10px 14px;}

.messagemain{ overflow:hidden; padding:10px 0;}
.mess_title{ text-align:center; overflow:hidden;}
.mess_title p{ font-size:20px; font-weight:bold; color:#0af;}
.mess_title span{ font-size:12px; color:#666666; display:block; padding-top:5px;}

.messageshow{ padding-top:10px; overflow:hidden;  width:90%; margin:0 auto;}
.messagetable input[type=color], input[type=date], input[type=datetime-local], input[type=datetime], input[type=email], input[type=month], input[type=number], input[type=password], input[type=search], input[type=tel], input[type=text], input[type=time], input[type=url], input[type=week], select, textarea
{ margin-bottom:0;}
.messagetable tr td{ padding:5px 0; text-align:right; font-size:14px; color:#666666;}
.messagetable tr td input{ font-size:14px; color:#333333;}
.messagetable tr td textarea{ font-size:14px; color:#333333; min-height:100px;}

.me_btn {
    cursor: pointer;
    display: block;
    width: 100%;
    margin: 0 auto;
    text-align: center;
    font-size: 16px;
    color: #fff;
    border: 1px solid #0af;
	background-color:#0af !important;
    margin-top: 10px;
    background: none;
    transition: 0.8s;
	padding:10px 0;
}




.proddetailsExhibition p { text-align: left !important;}
.proddetailsExhibition p font{ font-size:15px !important; text-align:center !important;}





/*--------------------------------- 内页二级栏目 start ---------------------------------*/
.page-nav {margin: 15px;}
.page-list {width: 100%; overflow: hidden;}
.page-list li {width: 100%; height: auto; float: left;  text-align: center; margin:5px 0;display: none}
.page-list a {display: block; 
font-size: 14px;
    width: 100%;
    text-align: center;
    height: 40px;
    line-height: 36px;
    border: 2px solid #c0c0c0;
    display: inline-block;
}
.page-on a {color: #fff;background-color: #00aaff; border: 2px solid #00aaff;}
@media screen and (max-width: 320px) {
	.page-list li {line-height: 54px;}
}

.page-down {width: 100%; height: 20px; margin:15px 0; display: none}
.page-down i {display: block; width: 36px; height: 20px; background: url(../images/page-down.png) no-repeat; background-size: 100%; margin: 0 auto;}
.pdround1 {animation: pageDownRound1 0.5s linear forwards;
			-moz-webit-animation: pageDownRound1 0.5s linear forwards;
			-ms-webit-animation: pageDownRound1 0.5s linear forwards;
			-o-webit-animation: pageDownRound1 0.5s linear forwards;
			webit-animation: pageDownRound1 0.5s linear forwards;}
.pdround2 {animation: pageDownRound2 0.5s linear forwards;
			-moz-webit-animation: pageDownRound2 0.5s linear forwards;
			-ms-webit-animation: pageDownRound2 0.5s linear forwards;
			-o-webit-animation: pageDownRound2 0.5s linear forwards;
			webit-animation: pageDownRound2 0.5s linear forwards;}
@keyframes pageDownRound1 {
	0% {transform: rotate(0deg)}
	50% {transform: rotate(90deg)}
	100% {transform: rotate(180deg)}
}
@keyframes pageDownRound2 {
	0% {transform: rotate(180deg)}
	50% {transform: rotate(90deg)}
	100% {transform: rotate(0deg)}
}
/*---------------------------------- 内页二级栏目 end ----------------------------------*/