body{font-family:'Microsoft Yahei',"微软雅黑","STHeiti",'Hiragino Sans GB','WenQuanYi Micro Hei',sans-serif;-webkit-font-smoothing:antialiased; font-size:14px;font-smoothing:antialiased;text-rendering:optimizeLegibility; overflow-x:hidden; background-color: #fff;color:#333;min-width:1220px;}
ul{ list-style:none; padding-left: 0;margin: 0;}
.container-fixed{ width:1220px;position: relative;clear: both;}
.mcolor{color: #ff7501!important;}
a{color:#333333; text-decoration: none;transition:none;-webkit-transition:none}
a:focus{text-decoration: none;transition:none;-webkit-transition:none}
a:hover{color: #000; text-decoration: none}
#backtotop {position: fixed;bottom: 50px;right: 20px;display: none;cursor: pointer;font-size: 50px;z-index: 9999;}
hr{border-top:2px solid #bcbcbc;margin: 5px 0}
.mborder{border:1px solid #ff7501}
.cwhite,.cwhite:hover{color: #fff}
.w100{width: 100%!important;}
.btn{outline: none}
.btn:focus{outline:none;}

.cards{margin-right: 0;margin-left: 0}
.card{border-radius:0;border-color: #bcbcbc}
.card img{width: 100%; text-align: center} 
.card .card-actions, .card .card-content{padding: 8px;}
.bold{font-weight: bold}
.nowrap{white-space: nowrap;overflow: hidden}

.f14{font-size: 14px;}
.f15{font-size: 15px;}
.f16{font-size: 16px;}
.f18{font-size: 18px;}
.f20{font-size: 20px;}
.f22{font-size: 22px;}
.f24{font-size: 24px;}
.f26{font-size: 26px;}
.f30{font-size: 30px;}

.mt10{margin-top: 10px;}
.mt20{margin-top: 20px;}
.mt30{margin-top: 30px;}
.mt40{margin-top: 40px;}


/*header*/
.header{box-shadow: 0 2px 5px rgba(0,0,0,.07);position: fixed;top: 0;width: 100%;z-index: 9999;background-color: #fff}
.header .logo{height:64px;}
.header .logo img{max-height: 50px;margin-top: 7px}
.header .subhead{line-height: 64px;padding-left: 15px;}
.header .nav{}
.header .nav ul{margin: 6px auto}
.header .nav ul li{float: left;padding: 15px}
.header .nav ul li a{color:#333}
.header .nav ul li a:hover span.tline,.header .nav ul li a.cur span.tline{width: 30px;height: 4px;position: absolute;top: -2px;background-color:#ff7501}
.header .nav ul li a:hover{color:#ff7501}
.header .nav ul li a span.ename{font-size: 12px;display: block;clear: both}
.header .treg{margin-left: 20px;padding-top: 16px}
.header .treg a{display: block;float: left;margin-left: 10px; text-align: center;}

/*footer*/
footer{background-color:#2f313e;padding: 40px 0 0;color: #bebfc1}
footer a{color: #bebfc1}
footer a:hover{color:#ff7501}
.fnav{clear: both;overflow: hidden}
.fnav dl{float: left;width: 180px;margin-right: 10px}
.fnav dl dt{font-size: 16px;font-weight: normal;margin-bottom: 15px}
.fnav dl dt a:hover{color: #fff}
/*.fnav dl dt span{width: 24px;border-top: 1px solid #fff;display: block;clear: both;margin: 10px 0 20px}*/
.fnav dl dd{line-height: 28px;font-size:14px}
.fnav dl dd a{display: block;line-height: 28px;color: #D3D3D3}
.fnav dl dd a:hover{color: #fff}

footer .fqrcode ul li{width: 180px;text-align: center;float: left;margin-top: 10px;border-radius: 10px;}
footer .fqrcode ul li div{width: 130px;height:124px;border-radius: 10px;background-color: #fff;padding-top: 3px;text-align: center;margin: 0 auto;overflow: hidden}
footer .fqrcode ul li img{max-width: 118px;height:auto}
footer .fqrcode ul li span{display: block;clear: both;margin-top: 15px;text-align: center}

.copyright{border-top:1px solid #474c53;padding:20px 0 10px;font-size:12px;margin-top: 20px;}
.flogo img{height: 52px;}
.fflogo{text-align: center;width: 200px;float: left;margin-top: 30px;}
.fflogo span{display: block;}
.finfo{padding-left: 10px;margin-left: 10px;border-left: 1px solid #474c53;}
.fsub{padding-top: 15px;}
.flinks{margin-top: 20px;}
.flinks a{padding-right: 15px;font-size:12px;}
.flinks a:focus{color: #fff}
.frec{text-align: center;padding:0 0 10px 0;font-size: 12px;color: #666666}
.totop {
    position: fixed;
    background-color: rgba(0,0,0,.5);
    color: #fff;
    text-align: center;
    padding: 10px;
    bottom: 30px;
    right: 5px;
    cursor: pointer;
}

.breadcrumb{padding: 8px 15px 8px 0}

.ibanner{text-align:center;clear: both;width: 100%;overflow: hidden;max-height: 600px!important;position: relative;padding-top: 64px;}
.ibanner #slider{width: 100%;}
.nivo-controlNav{position: absolute;bottom: 0px;z-index: 999;text-align: center;width: 100%}
.theme-default .nivo-controlNav a{}

/*推荐*/
.recmems{margin-top: 30px;}
.recmems a{width: 20%;float: left;border: none;padding-bottom: 10px}
.recmems a img{width: auto;margin: 0 auto;border-radius: 50%;height: 120px}
.recmems a .card-heading{white-space: normal;padding-bottom: 0}

.iintro{padding: 30px 0 10px}
.iintro .iicon{display: -ms-flexbox;display: flex;-ms-flex-pack: stretch;justify-content: stretch;width: 100%;margin-bottom: 12px;margin-top: 30px;}
.iintro .iicon .iisec{
	text-align: center;
    padding: 60px 0;
    border: 1px solid #e6e6e6;
    width: 198px;
	float: left;
    margin-right: -1px;
    background: #fff;
    transform: inherit;
    transition: all .2s linear;
}
.iintro .iicon .iisec .item-icon{width:32px;height:32px;-o-object-fit:contain;object-fit:contain;margin-bottom:34px;box-sizing: content-box}
.iintro .iicon .iisec .item-title{color:#333;font-size:16px;font-weight: 400}
.iintro .iicon .iisec .item-line{width:24px;height:2px;background:#f0f0f4;display: block;margin: 14px auto 14px;}
.iintro .iicon .iisec .item-brief{color:#999;font-size:14px;white-space:pre;text-align:center}
.iintro .iicon .iisec:hover{transform:scale(1.05);box-shadow:0 4px 20px rgba(32,33,39,.06);cursor: pointer}

.iweixin{}
.iweixin img{max-width: 150px;margin-top: 8px;}
.iweixin span{font-size: 12px;display: block;clear: both}


.ibggray{background-color: #F6F6F6!important;}

.iabout{background-color: #F6F6F6;padding: 40px 0}
.banner1{background: url(../images/banner_i1.jpg) no-repeat center center;height: 80px;width: 100%}

.imember{background-color: #fff;padding: 30px 0 10px;}
.imtitle{font-size: 28px;text-align: center}
.imtitle span{font-size: 14px;color: rgb(85, 85, 85);display: block;clear: both;font-weight: normal;margin-top: 10px;}
.imtitle span.mcolor{display: inline-block}
.imember .iwcon{margin-top: 30px;}
.mtype{text-align: center;padding: 15px}


.inews{background-color: #F6F6F6;padding: 40px 0}
.inews .cards{padding-top: 40px;}
.inews .card{width: 360px;margin-right: 50px;float: left;background-color: #fff;padding-bottom: 20px}
.inews .card:last-child{margin-right: 0}
.inews .card .card-heading{color:#222222;font-size: 16px;padding: 10px 15px 0}
.inews .card:hover .card-heading{color:#f6a327;}
.inews .card .card-content{padding: 5px 15px;color:#777777;font-size: 14px;height:96px}
.inews .card .card-content span{display: block;clear: both;color: #929292;font-size: 12px;padding-bottom: 5px}
.inews .card .card-actions span{color:#ff7501;border:1px solid #ff7501;width: 58px;height: 22px;line-height: 22px;text-align: center;font-size: 12px;margin: 0 auto;border-radius: 5px;display: block}
.inews .card .card-actions span:hover{background-color: #ff7501;color: #fff;}
.inews .actimg{height: 225px;line-height: 225px;}
.inews .actimg img{height: auto;border-radius: 0;vertical-align: middle}


.ifoot{background-color: #fff;padding: 40px 0}
.ifoot ul li{float: left;border-right: 1px solid #cccccc;padding: 0 20px;width: 295px}
.ifoot ul li:last-child{border:none}
.ifoot ul li span{display: block;float: left}
.ifoot ul li .if1{color: #E33939;font-size: 28px;width: 68px;text-align: center;height: 50px;line-height: 50px;}
.ifoot ul li .if2{font-size: 18px;color: #333;}
.ifoot ul li .if3{font-size: 16px;color: #888}

.banner{
    background: url(../images/p_banner.jpg) center top no-repeat #f5f5f5;
    padding-top: 145px;
    clear: both;
    overflow: hidden;
}
.pcon .pcons{padding: 50px 200px;width:624px;background-color: #fff;margin: 0 auto 50px;clear: both;overflow: hidden;box-sizing:content-box}
.pcon .pcons .detail{width:624px;font-size: 16px; }
.pcon .pcons h2{font-size: 32px;font-weight: normal;margin-bottom: 30px;}

/*
.banner{height: 400px;background-position: center center;background-repeat: no-repeat;}
.b_about{background: url(../images/b_about.jpg);}
.b_contact{background: url(../images/b_contact.jpg);}
.b_news{background: url(../images/b_news.jpg);}
.b_cases{background: url(../images/bcases.jpg);}
.b_edu{background: url(../images/b_edu.jpg);}
*/

.article{padding-top: 145px;background: url(../images/p_banner.jpg) center top no-repeat #fff;}
.article .acons{background-color: #fff;padding: 10px}
.article .atop{color:#ff7501;width: 300px;margin: 0 auto;text-align: center;position: relative;clear: both;height: 50px;}
.article h2{width: 200px;margin: 0 auto;position: relative}
.article .atop span.line{height: 1px;background-color: #ccc;width: 100%;display: block;position: absolute;top:12px;z-index: 1}
.article h2 span.atitle{font-size: 28px;font-weight: normal;display: block;background-color:#fff;position: absolute;z-index: 2;width: 100%}
.article .acon{ clear: both;overflow: hidden;padding: 10px 30px 0;font-size: 16px;line-height: 30px;}
/*.article .acon p{text-indent: 30px;}*/

.cmap{}
.cmap iframe{width:100%;height: 320px;}

.nbar{background-color:#F2F2F2;height: 50px;line-height: 50px;text-align: center;}
.nbar a{display: inline-block;width: 150px;text-align: center;font-size: 15px;color: #5a5a5a}
.nbar a:hover,.nbar a.cur{color: #fff;background-color: #f6a327}

.aleft{border:1px solid #eeeeee;padding: 15px 30px;width: 825px;min-height: 500px}
.aright{}
.newslist{}
.newslist a.item{clear: both;border-bottom:none;padding: 24px 0 28px;display: block}
.newslist .media{width: 70px;height: 80px;background-color: #35c2d4;color: #fff;font-size: 16px;text-align: center}
.newslist .media span{display: block}
.newslist .media span.ndate{font-size: 32px;font-weight: bold}
.newslist .media span.ntime{font-size: 12px;}
.newslist .text h4{font-size: 18px;font-weight:normal;clear: both;height: 30px;overflow: hidden;color: #000;white-space: nowrap;margin-bottom: 0;margin-top: 0}
.newslist .text{color: #666;width: 655px;float: right;font-size: 13px;}
.newslist a:hover h4{color:#f6a327;}

.aright a{display: block;border:1px solid #eeeeee;padding: 15px;width: 350px;margin-bottom: 20px;font-size: 16px;}
.aright a img{width: 100%;clear: both;}
.aright a .artime{display: block;clear: both;font-size: 13px;color: #666;padding-top: 4px}
.aright a .ardes{display: block;font-size: 13px;color: #5A5A5A;padding-top: 4px}
.aright a .artitle{display: block;clear: both}
.aright a:hover .artitle{color:#f6a327; }

.pages{clear: both;overflow: hidden}
.pager{margin-top: 40px}
.pager>li:first-child>a, .pager>li:first-child>span,.pager>li:last-child>a, .pager>li:last-child>span{border-radius: 0}
.pager li a,.pager li span{margin:0 4px;background-color: #f2f2f2;}
.pager>li.active>a, .pager>li.active>a:hover, .pager>li.active>span, .pager>li.active>span:hover,.pager>li a:hover{color:#ff7501;background-color:#f2f2f2;border-color:#ff7501;  }

.article .atitle{color:#323232;font-size: 26px}
.article .aattr{color: #666;height: 46px;line-height: 46px;border-bottom: 1px solid #eeeeee}
.article .ncon{padding: 20px 60px;font-size: 16px;color: #323232;line-height: 30px}
.article .prenext{border-top: 1px solid #dcdcdc;padding: 20px 0;line-height: 30px;margin-top: 30px}

.article2{background-color:#F2F2F2;padding: 40px;margin-top: 30px;margin-bottom: 30px}
.article .ades{color: #868686;background-color: #F5F5F5;border: 1px solid #E5E5E5;line-height: 28px;padding: 5px 15px}
.article .ncon a{text-decoration: underline;color: #ff7501;}

.caseslist{}
.caseslist a{border:1px solid #F9F9F9;padding: 20px!important;display: block;margin-bottom: 30px}
.caseslist a:hover{border:1px solid #ff7501}
.caseslist a h4{font-size: 20px;color: #5a5a5a;margin-top: 0}
.caseslist a .media{margin-right: 40px!important;}
.caseslist a .media.pull-left{max-width: 240px!important}
.caseslist a .media img{width: 240px!important;height: 150px;max-width: 240px;}
.caseslist a .text{color: #999;font-size: 12px;}
.caseslist a .ccon{font-size: 16px;color: #5a5a5a;margin-top: 10px;line-height: 30px;}


.liuyan{}
.liuyan .pull-left{width: 470px;margin-left: 80px}
.liuyan .lyform{margin-left: 80px}
.liuyan .lytitle{padding: 20px 20px 40px;color: #000}
.liuyan label{float: left;width: 80px;font-weight: normal}
.liuyan .input-group{float: left;width:350px;}
.liuyan .form-group{clear: both;overflow: hidden;margin-bottom:30px;}
.liuyan .btn{margin:0 auto;display: block;width: 100px;background-color: #009B4C!important}
.concen{width: 360px;}
.liuyan label span{color: red;}


/*右侧*/
.left_menu{position: fixed;right:0;bottom:5px;z-index: 999;}
.left_menu .menu_ly{width: 70px;height: 70px;background:#009B4C;
  position: relative;text-align: center;
  transition:all 0.5s;cursor: pointer;
}
.left_menu .menu_ly a img{margin-top: 20px;transition:all 0.5s;}
.left_menu .menu_ly a p{color: #fff;font-size: 16px;opacity: 0;transition:all 0.5s;margin-top: 3px;}
.left_menu .menu_ly:hover{width: 90px;height: 90px;margin:-20px 0 0 -20px}
.left_menu .menu_ly:hover a img{margin-top: 15px;}
.left_menu .menu_ly:hover p{opacity: 1;}
.left_menu .menu_ly .qrcode{display: none; position: absolute;right: 90px;top: 0;}
.left_menu .menu_ly:hover .qrcode{display:block;width: 142px;transition:width 0.5s;}
.left_menu .menu_dh{width:70px;position: relative;}
.left_menu .menu_dh .dh{background:#ff7501;width: 70px;height: 70px;
  line-height: 70px;text-align: center;position: relative;
}
.left_menu .menu_dh .dh img{display: inline-block; height: auto; max-height: 100%;max-width: 100%;vertical-align: middle; width: auto;}
.left_menu .menu_dh a{display: block;position: relative;z-index: 2;color: #fff;cursor: default;}
.left_menu .menu_dh .dh_01{height: 0px;transition:height 0.5s 0.3s;}
.left_menu .menu_dh .dh_01 img{opacity: 0;}
.left_menu .menu_dh.hover .dh_01{height: 70px;transition:height 0.3s;}
.left_menu .menu_dh.hover .dh_01 img{opacity: 1;transition:opacity 0.3s;}

.left_menu .menu_dh .phone1,.left_menu .menu_dh .phone2{position: absolute;top: 0px;right: 70px;width: 0px;height: 70px;
  background: rgba(241,166,4,0.8);color: #fff;font-size: 20px;line-height: 70px;text-align: center;
  font-family: "YourWebFontName";
  overflow: hidden;
}
.left_menu .menu_dh:hover .phone{width:230px;transition:width 0.5s 0.2s;}


.left_menu .menu_top{opacity: 0;height:0;transition:all 0.5s;}
.left_menu .menu_top.scor{opacity: 1;height:70px;}

/*会员详情*/
.mdetails{background-color: #fff;padding: 10px 0 10px;}
.profile{line-height: 24px;clear: both;overflow: hidden;}
.mphoto{width:150px;float: left}
.mphoto img{max-width: 90%}
.minfo{float: left;}
.mbasic{width:250px;clear: both;overflow: hidden}
.mdetail{width: 300px;clear: both;margin-top: 20px;overflow: hidden}
.mdetail ul li{width: 140px;float: left;margin-right: 10px}
.iintroduce{width: 100%;display:block;clear: both;overflow: hidden;margin-top: 15px;}
.mtitle{border-bottom: 1px solid #ff7501}
.mtitle span{background-color: #ff7501;color:#fff;display: inline-block;padding: 5px;font-weight: bold}
.iintroduce p{padding: 10px 0;line-height: 24px;}



