*{ margin:0px; padding:0px;font-family:"微软雅黑";  border:none;}
.L{ float:left;} 
.R{ float:right;} 
.clear{ clear:both;}
ul {list-style: none;}
li{ list-style:none;}
img {  border: 0px; }
a{ text-decoration:none;} 
.center{ text-align:center;} 
img{ border:0px; margin:0; padding:0;} 
.center{ width:100%; display:block;  margin:0 auto;}
.center img { border:none; display:block; }
body{ margin:0;padding:0;} 
#top11{position: fixed; top:0; z-index: 1000;width: 100%;height: 104px;} 
#kzk{  margin:0 auto; max-width:1000px; margin-top:104px;} 
/*logo部分*/ 
#logo{height: 56px;width:100%;  overflow:hidden;background: #d40000;max-width: 1024px; }

#logo .ico-home{
    float:left;
    width:13%;
    overflow:hidden;
    text-indent:-9999em;
    background:url(/../../xinzuo/logo2.png) center no-repeat;
    background-size: 51% 48%;
    height: 56px;
    }
#logo .ico-home1{
    float:left;
    width:57%;
    margin-left: 5%;
    overflow:hidden;
    text-indent:-9999em;
    background:url(/../../xinzuo/logo3.png) center no-repeat;
    background-size: 74% 55%;
    height: 56px;
    }
#logo .ico-home2{
    float:right;
    width:22%;
    overflow:hidden;
    text-indent:-9999em;
    background:url(/../../xinzuo/logo1.png) center no-repeat;
    background-size: 82% 50%;
    height: 56px;
    } 
/*主导航样式*/ 
#nav{ background:rgba(0, 0, 0, 0.78); padding-bottom:0.8%;height:51px; line-height:51px;
position: fixed; top:56px; z-index: 1000; width:100%;max-width: 1024px;} 
#nav ul li{height:51px; line-height:51px; float:left; width:14.5%; margin-left:1.66%; text-align:center;} 
#nav ul li a{cursor:pointer;color:#f3eeee;} 
#nav ul li a:hover{ color:#d40000;}
#nav ul #cgbrand a:hover{ color:#d40000;}
#nav ul li:hover{border-bottom: 3px solid #d40000;} 
.logo_top {  width: 60%;  float: left;  height: 40px;
} 


/*lunbo*/

 
/*banner特效样式*/
.slider-focus{position:relative;overflow:hidden; margin:0 auto; clear:both;} 
.slider-focus .hd{position:absolute;width:100%;height: 10px;left:0;bottom:2%;z-index:1;line-height:28px;text-align:center;} 
.slider-focus  .hd li{display:inline-block;vertical-align:middle;width: 10px;height: 10px;margin:0 5px;-webkit-border-radius:50%;-moz-border-radius:50%;-o-border-radius:50%;border-radius:50%;font-size:0;line-height:0;text-indent:-9999em;background:#ff4900;cursor:pointer;} 
.slider-focus  .hd li.on{ background:#30a5af; } 
.slider-focus  .bd{ position:relative; z-index:0;} 
.slider-focus  .bd li{ position:relative; text-align:center; } 
.slider-focus  .bd li img{ vertical-align:top;width:100%;/* 图片宽度100%，达到自适应效果 */} 
.slider-focus  .bd li a{ -webkit-tap-highlight-color:rgba(0,0,0,0);} /* 去掉链接触摸高亮 */ 
.slider-focus  .bd li .tit{ display:block; width:100%;  position:absolute; bottom:0; text-indent:10px; height:28px; line-height:28px; background:url(images/focusBg.png) repeat-x; color:#fff;  text-align:left;  }
/*banner特效样式*/
 body, p, input, h1, h2, h3, h4, h5, h6, ul, li, dl, dt, dd, form { margin: 0; padding: 0; list-style: none; vertical-align: middle; font-weight:normal; }
    /*   -------------------------------------- */
    .picScroll{ margin:10px auto; text-align:center;  }
    .picScroll .bd ul{ width:100%;  float:left; padding-top:10px;  }
    .picScroll .bd li{width: 32%;margin-left: 1%;margin-top: 1%;float:left;font-size:14px;text-align:center;}
    .picScroll .bd li a{-webkit-tap-highlight-color:rgba(0, 0, 0, 0); /* 取消链接高亮 */ }
    .picScroll .bd li img{ width:98%; /*height:142px;*/  background:url(images/loading.gif) #fff center center no-repeat;  }


    .picScroll .hd{ height:40px; line-height:40px;  overflow:hidden; text-align:left;  padding:0 10px;     display: inline-block; vertical-align: middle; }
    .picScroll .hd ul{ /*float:right;*/ padding-top:16px;   display: inline-block; vertical-align: middle;  }   
    .picScroll .hd li{    font-size: 0;  line-height: 0; float:left; width:10px; height:10px; background:#ff4900; margin:0 5px; overflow:hidden; 
    -webkit-border-radius:8px; -moz-border-radius:8px; border-radius:8px; 
    }
    .picScroll .hd .on{ background:#30a5af;  }
    .picScroll .prev,.picScroll .next{ display:block; float:right;  width:18px; height:18px; background:url(images/pisScrollIcons.gif) -6px -7px no-repeat; overflow:hidden; margin:11px 5px 0 5px;  }
    .picScroll .next{ background-position:-34px -7px; }
    .picScroll .prevStop{ background-position:-6px -40px; }
    .picScroll .nextStop{ background-position:-34px -40px; }

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


 .boxnav {
    width: 100%;
  /*  padding: 4% 0;*/
    float: left;
    background: #f2f2f2;
}
.boxnav ul {
    width: 96%;
    float: left;
    margin: 3% 1% 1% 3%;
}
.boxnav ul li {
 
    width: 30%;
    float: left;
    margin-bottom: 2%;
    margin-right: 2.3%;
 
} 
.boxnav ul li img {
    width: 100%;
    float: left;
} 
.boxnav ul li b { 
    width: 100%;
    float: left;
    font-size: 1em;
    color: #ce0909;
    font-weight: bold;
    text-align: center;
    padding-top: 3%;
} 
.boxnav ul li span {
    width: 100%;
    float: left;
    font-size: 0.8em;
    color: #4e4646;
    text-align: center;
    padding-top: 5%;
    padding-bottom: 6%; 
    border-radius: 4px;
}


/*课程*/
.box_all {
    overflow: hidden;
    width: 100%;
}
.box li {
    font-size: 0.9em;
    margin-right: 0.5%;
    margin-top: 4%;
    width: 17.6%;
    margin-left: 5.3%;
    text-align: center;
    float: left;
}
.box li a img {
    width: 100%;
}
.box li a p {
    font-size: 1em;
}
.box li a p {
    color: #2c2c2c;
}
.boxdown{
    cursor: pointer;
    width: 100%;
    border-bottom: 1px solid #f0ecec;
    margin-top: 10px;
    margin-bottom: 10px;
}
.up {
    display: none;
    cursor: pointer;
}
.bufen{
display: none;
} 
/*课程*/ 

/****box3****/
.box3 {
    width: 100%;
    padding: 4% 0 0;
    float: left;
    background: #f2f2f2;
}
.anniuaa{width: 36%;margin: 20px auto;}
.anniua{ 
    font-size: 1em;
    margin: 0 auto;
    height: 3em;
    line-height: 3em;
    text-align: center;
    border: 1px solid #ff4900;
    color: #ff4900; 
    display: block; 
    border-radius: 0.5em;
 
    }


 
.box3 ul {
    width: 96%;
    float: left;
    margin: 3% 1% 1% 3%;
}
.box3 ul li {
    width: 31%;
    float: left;
    /* margin-bottom: 4%; */
    margin-right: 2.3%;
}
.box3 ul li img {
    width: 100%;
    float: left;
}
.box3 ul li b {
    width: 100%;
    float: left;
    font-size: 1em;
    color: #333;
    font-weight: normal;
    text-align: center;
    padding-top: 3%;
}
.box3 ul li span {
    width: 100%;
    float: left;
    font-size: 0.8em;
    color: #666;
    text-align: center;
    padding-top: 2%;
}
/****box8****/
.box8 {
    width: 100%;
    float: left;
    background: url(../public/images/bj1.jpg) repeat-y center center;
    background-size: 1000px;
    padding: 3% 0 2% 0;
}
.box8 p {
    color: #FFF;
}
/****box7****/
.box7 {
    width: 100%;
    padding: 3% 0 1%;
    float: left;
}
.box7 ul {
    width: 96%;
    float: left;
    margin: 2% 1% 0 3%;
}
.box7 ul li {
    width: 46%;
    float: left;
    margin-bottom: 3%;
    margin-right: 4%;
}
.box7 ul li img {
    width: 100%;
    float: left;
}
.box7 ul li h1 {
    width: 100%;
    float: left;
    color: #333;
    font-size: 1em;
    padding: 2% 0;
    font-weight: normal;
    margin-top: 3%;
}
.box7 ul li h4 {
    width: 100%;
    float: left;
    color: #666;
    font-size: 0.8em;
    font-weight: normal;
}
.box7 ul li h4 {
    width: 100%;
    float: left;
    color: #666;
    font-size: 0.8em;
    font-weight: normal;
}
.box7 ul li h3 {
    width: 100%;
    float: left;
    color: #F60;
    font-size: 0.8em;
    padding-top: 2%;
}
/****box9****/
.box9 {width: 100%;float: left;padding: 3% 0;margin-bottom: 30px;}
.box9 img {  width: 100%;  }
.txt1 {
    width: 100%;
    font-weight: bold;
    font-size: 1em;
    color: #333;
    text-align: center;
    padding: 2% 0 1% 0;
}
.txt2 {
    width: 80%;
    font-size: 0.8em;
    color: #333;
    text-align: left;
    padding: 1% 0;
    margin: 0 auto;
}
.span1{
    width: 80%;
    height: 3rem;
     
    text-align: center;
    line-height: 35px;
    color: #000;
    border-radius: 5px; 
    margin: 10px auto;
    font-size: 20px;
}
.span1>b{color: #ff4f54;}
.button{
    width: 80%;
    height: 3rem;
    background-color: #ff4f54;
    text-align: center;
    line-height: 35px;
    color: #ffffff;
    border-radius: 5px;
    cursor: pointer;
    margin: 10px auto;
    font-size: 20px;
}
#item_name .form-label{display:none!important;}
#item_mobile .form-label{display:none!important;}
.mobile .form-element {
    margin-left: 0%;
}
.mobile .form-text, .mobile .form-textarea {
    width: 100%;
}
.mobile .form-item {
    width: 80%;
    margin: 0 auto;
}
.mobile .form-label {
    width: 100%;
    text-align: left;
}
.item-option{
    float:left;height:25px;margin: 3px 10px 3px 0;padding-left:10px;
}
select{
  width:100%;
  height:3rem;
  border-color: #CCCCCC;
  color: #1d1d1d;
  outline:none;
  border-radius: 0px;
  background: #fff;
  border:1px solid #ddd;
  appearance:none; /*去掉下拉箭头*/
}

select::-ms-expand { display: none; }
input::-webkit-input-placeholder{

 font-size:14px;
}
.form-item{margin-top: 10px!important;width:80%;margin: 0 auto;}
.form-element{ margin-left: 0px}
.form-item-over{background:none !important;} 
.form-label{    width: 100%; display: inline;float: left;text-align: left;font-size:15px;}
.form-error-msg{display:none!important;}
.form-error{background:none!important;color:red;} 
.form-text{height:35px!important;outline:none!important;background-color:white;width:100%;border-radius:0px;text-indent: 4px;border:1px solid #CCC;}
.item-required{display:none!important;}
.form-item-error .form-label {color: #100002;}
input,textarea {outline:none!important;}  
#submitItem{    width: 80%;  background-color: #ff4f54;  border-radius: 5px;cursor: pointer; margin: 10px auto;font-size: 20px;}
.btn-submit{ color:#FFF;  width: 80%; height: 3rem;background-color: #ff4f54; text-align: center; line-height: 35px; color: #ffffff; border-radius: 5px;cursor: pointer;margin: 10px auto;font-size: 20px;}

.center{ width:100%; display:block;  margin:0 auto;}
.center img { border:none; display:block; }
.center ul {width:100%; display:block;list-style:none; margin:0 auto; padding:0;}
.center ul li { display:block; list-style:none; _display:inline;} 
.clearfix:after{content:'.'; height:0;display:block;clear:both;visibility:hidden;}
.clearfix{*zoom:1} 
.bb{ border:1px solid #000;}
.bd1{width:100%;height: 392px; background: -webkit-linear-gradient(#f2f2f5,#e0e2e6);  
    background: -o-linear-gradient(#f2f2f5,#e0e2e6);  
    background: -moz-linear-gradient(#f2f2f5,#e0e2e6); 
    background: linear-gradient(#f2f2f5,#e0e2e6);  }
     .bd2{
    width:100%;
    /* height: 150px; */
    margin-top:-10px;
    background: -webkit-linear-gradient(#f5f5f7,#d6d7dd); 
    background: -o-linear-gradient( #f5f5f7,#d6d7dd);  
    background: -moz-linear-gradient(#f5f5f7,#d6d7dd);  
    background: linear-gradient( #f5f5f7,#d6d7dd);  
    }
.table_center{ width:82%; margin-left:6%; background:#fff; padding:0 3%;}
.table_center2{ width:88%; margin:auto;}
.choses{ font-size:1.2em; color:#6d6d6d; margin-right:26px;}

.cenz{font-size: 16px;text-align:center;color:#333;}
.cenz samp{font-family:Helvetica;  font-size:14px; color:#999;}
.ner{margin: 0% auto;overflow:hidden;text-align:center;}
.ewm{width: 29%;display:inline-block;} 
.you{ display:inline-block;text-align: center;width: 100%;}
.talk{}
.talk a{color:#999; font-size:0.714em;}
.talk samp{ font-size: 16px; }
.talkqq{ font-size:18px; color:#999; margin-top:5%;}
.talkqq a{ color:#999;}
.bj{ background:#d9d9d9; font-size:18px; color:#666; text-align:center; padding:4% 0;}
@media (max-width: 240px) {
.mobile .form-label{display: block;float: none; text-align: left;margin-left: 10px; }
.mobile .form-element{ margin-left: 10px;}
.mobile .form-text,.mobile .form-textarea{width: 180px;}
}
@media (min-width: 241px) and (max-width: 540px) {
.mobile .form-label{ width: 25%; }
.mobile .form-element{margin-left: 25%;}
.mobile .form-text,.mobile .form-textarea{ width: 80%; }
}
@media (min-width: 541px) {
    .mobile .form-item{
        width: 540px;
        margin:5px auto;
    }
    .mobile .form-label{
        width: 20%;
    }
    .mobile .form-element{
        margin-left: 20%;
    }
    .mobile .form-text,.mobile .form-textarea{
        width: 80%;
    }
}


@media screen and (max-width: 1024px){
 
}
  /*大于等于768*/
@media screen and (min-width: 768px){ 
.anniua {
    font-size: 1.7em;
    
} 
.center{ width:100%; display:block;  margin:0 auto;}
.center img { border:none; display:block; }
.center ul {width:100%; display:block;list-style:none; margin:0 auto; padding:0;}
.center li{ display:block; /*float:left;*/ list-style:none; _display:inline;} 
.clearfix:after{content:'.'; height:0;display:block;clear:both;visibility:hidden;}
.wimg{width:100%;height:auto}
.bb{ border:1px solid #000;}
.bd1{width:100%;height: 392px;
    background: -webkit-linear-gradient(#f2f2f5,#e0e2e6);  
    background: -o-linear-gradient(#f2f2f5,#e0e2e6);  
    background: -moz-linear-gradient(#f2f2f5,#e0e2e6);  
    background: linear-gradient(#f2f2f5,#e0e2e6);  }
.bd2{
    width:100%; 
    margin-top: -10px;
    background: -webkit-linear-gradient(#f2f2f5,#d6d7dd);  
    background: -o-linear-gradient( #f2f2f5,#d6d7dd);  
    background: -moz-linear-gradient(#f2f2f5,#d6d7dd);  
    background: linear-gradient(#f2f2f5,#d6d7dd); 
    }
.table_center{     width: 82%;
    margin-left: 6%;
    background: #fff;
    padding: 0 3%;}
.table_center2{ width:88%; margin:auto;}
.choses{ font-size:1.2em; color:#6d6d6d; margin-right:10px; line-height:30px;}

.txt1 {  font-size: 2.6em; }
.box7 ul li h1 {   font-size: 1.8em; }
.box7 ul li h4 {  font-size: 1.5em; }
.box3 ul li b {  font-size: 1.8em;}
.box3 ul li span {   font-size: 1.5em;}
.box2 ul li h2 {   font-size: 1.5em;}
.txt2 {  width: 80%;  font-size: 1.8em;} 
    #kzk {  margin-top:120px; }
}

#footer_d{ position: fixed;bottom:0px;z-index: 1000;width:100%;border-top:1px solid #e8e7e7;background:#272727;max-width: 1024px; } 
.lp11,.lp22,.lp33{height: 100%;width: 30px;display: inline-block;}
.lp1,.lp2{width: 30px;height: 33%;display: inline-block;}
.lp3{width: 30px;height: 34%;display: inline-block;}
.leftpiao{width:30px;height:200px;background:url("/public/images/20161230025123250.gif") no-repeat;position:fixed;top:40%;right:0px;    z-index: 999;}
#piaoFu{width:30px;height:170px;background:url("/public/icons/20161230014814294.gif") no-repeat;position:fixed;top:40%;left:0px; z-index: 999;}
#fltel{width:320px;height:150px;background:url("/public/images/mftel.png") no-repeat; position:fixed;top:50%;left:50%;margin:-82.5px 0 0 -155px;display:none;z-index:9999;}
#fltel input{font-size:12px; color:#4c4747; font-family:"微软雅黑"; outline:none;border-radius:3px;-webkit-border-radius:3px;-moz-border-radius:3px;-ms-border-radius:3px;-o-border-radius:3px;}
#phonemf{width:249px;height:32px;line-height:32px;position:absolute;top:46px;left:20px;padding-left:10px;font-size:14px;border:1px solid #E2E2E2;}
#callBtn{width:283px;height:37px;position:absolute;top:98px;left:9px;}
#callG{width:35px;height:33px;position:absolute;top:13px;left:277px;}

 




 @media screen and (min-width: 481px) and (max-width: 767px) {
 .anniua {
    font-size: 0.85em; 
    height: 1.85em;
    line-height: 1.85em;
  
}
 }

 @media screen and (min-width: 321px) and (max-width: 480px){
    #kzk {  margin-top: 102px; }
    .anniua {
    font-size: 0.85em; 
    height: 1.85em;
    line-height:1.85em;
  
}

 }

 @media screen and (max-width: 320px){ 
    .boxnav ul li b {  font-size: 0.9em; }
    .box3 ul li b {  font-size: 0.9em; }
    .box li a p { font-size: 0.9em; }
    #kzk{margin-top: 87px;}
    .anniua {  font-size:0.9em;    height: 2em;
    line-height: 2em; } 
    

 }

 

@media screen and (min-width: 768px){
 #logo{height:64px;width:100%;/*background:url(./public/images/logo_bg.jpg) repeat-x;*/ overflow:hidden;background: #d40000; }

#logo .ico-home{
    float:left;
    width:12%;
    overflow:hidden;
    text-indent:-9999em;
    background:url(../../xinzuo/logo2.png) center no-repeat;
    background-size: 36% 50%;
    height: 64px;
    }
#logo .ico-home1{
    float:left;
    width: 55%;
    margin-left: 5%;
    overflow:hidden;
    text-indent:-9999em;
    background:url(../../xinzuo/logo3.png) center no-repeat;
    background-size: 44% 55%;
    height: 64px;
    }
#logo .ico-home2{
    float:right;
    width: 28%;
    overflow:hidden;
    text-indent:-9999em;
    background:url(../../xinzuo/logo1.png) center no-repeat;
    background-size: 47% 48%;
    height: 64px;
    } 

    #nav {
   
    top: 64px;
    
}

}
 @media screen and (min-width: 321px) and (max-width: 480px){
  #nav {  height: 44px;  line-height: 44px; }
  #nav ul{ height: 44px;  line-height: 44px;}
  #nav ul li{ height: 44px;  line-height: 44px;}
 }
 @media screen and (max-width: 320px){  
    #nav {  height: 34px;  line-height: 34px; top:50px;}
     #nav ul{ height: 34px;  line-height: 34px;}
  #nav ul li{ height: 34px;  line-height: 34px;}
  #nav ul li a{font-size: 14px}
  

  #logo{height: 50px;}
    #logo .ico-home {  background-size: 57% 45%!important;height: 50px;  }
    #logo .ico-home1 { background-size: 78% 54%!important;height: 50px; }
    #logo .ico-home2 {   background-size: 87% 54%!important;height: 50px; } 
 } 


 
 @media screen and (min-width: 481px) and (max-width: 767px) {
#piaoFu{width:30px;height: 172px;background:url("/public/icons/20161230014814294.gif") no-repeat;background-size:80%;position:fixed;top:44%;left:0px;z-index: 999;}

 }

 @media screen and (min-width: 321px) and (max-width: 480px){
#piaoFu{width:30px;height: 172px;background:url("/public/icons/20161230014814294.gif") no-repeat;background-size:80%;position:fixed;top:44%;left:0px;z-index: 999;}


 }

 @media screen and (max-width: 320px){ 
#piaoFu{width:30px;height: 172px;background:url("/public/icons/20161230014814294.gif") no-repeat;background-size:80%;position:fixed;top:44%;left:0px;z-index: 999;}

 }