@charset "utf-8";
/* CSS Document */
BODY { COLOR:#000; padding:0;margin:0; font-size:14px; font-family:"Microsoft YaHEI","Arial";}
A { OUTLINE-STYLE: none; OUTLINE-COLOR: invert; OUTLINE-WIDTH: medium; TEXT-DECORATION: none; FONT-SIZE:14px; COLOR:#000;}
A:hover { FONT-SIZE:14px; COLOR: #FF0000; TEXT-DECORATION: none}
img {border:0}
ul,li,dd,dt { list-style:none;}
h1, h2, h3, h4, h5, h6, form, div, p, i, img, ul, li, ol, table, tr, td,th, fieldset, label, legend,button,input { margin:0;padding:0;}

#full-screen-slider { width:100%; height:600px; float:left; position:relative}
#slides { display:block; width:100%; height:600px; list-style:none; padding:0; margin:0; position:relative}
#slides li { display:block; width:100%; height:100%; list-style:none; padding:0; margin:0; position:absolute}
#slides li a { display:block; width:100%; height:100%; text-indent:-9999px}
#pagination { display:block; list-style:none; position:absolute; left:50%; top:540px; z-index:9900;  padding:5px 15px 5px 0; margin:0}
#pagination li { display:block; list-style:none; width:10px; height:10px; float:left; margin-left:15px; border-radius:5px; background:#FFF }
#pagination li a { display:block; width:100%; height:100%; padding:0; margin:0;  text-indent:-9999px;}
#pagination li.current { background:#0092CE}

/* CSS 头部 */

.m { width:1200px; margin:0 auto}
.clear { clear:both}
.nv{width:200px; height:600px; background:#fff; float:left; position:absolute; left:16%; z-index:99999999}
.nv ul{width:200px; margin:0 auto; padding:0}
.nv li{list-style:none; float:left; line-height:35px; width:200px; height:35px; text-align:center; border-bottom:1px dotted  #ddd;}
.nv li a{display:block; font-size:16px; color:#666}
.nv li a:link{display:block}
.nv li a:hover{text-decoration:none; color:#F00}

#logo { width:177px; height:149px; float:left; margin:20px 12px 15px 11px}

/* CSS 第一行 */

.index_title { width:1200px; height:60px; margin:20px auto; background:url(../images/line.png) no-repeat center; line-height:60px; text-align:center; font-size:32px; font-weight:bold; font-family:"微软雅黑"; color:#a33cc3}

.rollBox{width:1100px;overflow:hidden;margin:-40px auto 0 auto;}
.rollBox .Cont{width:1040px;overflow:hidden;margin:0 auto;padding-top:20px; padding-left:30px;}
.rollBox .ScrCont{width:10000000px;}
.rollBox .Cont .pic{width:220px; height:340px; border:1px solid #ddd;float:left;text-align:center; margin:0 15px}
*+html .rollBox .Cont .pic{width:220px; float:left;text-align:center;padding-right:30px;}
.rollBox .Cont .pic img{display:block;margin:0 auto;}
.rollBox .Cont .pic span { width:200px; height:40px; line-height:40px; text-align:center; display:block; margin:20px 10px auto 10px; border-bottom:1px solid #ddd}
.rollBox .Cont .pic a span { font-size:16px}
.rollBox .Cont .pic p{line-height:24px;color:#999; margin-top:20px}
.rollBox .Cont .pic a p{color:#999;}
.rollBox .Cont a:link,.rollBox .Cont a:visited{color:#626466;text-decoration:none;}
.rollBox .Cont a:hover{color:#f00;text-decoration:none;}
.rollBox #List1,.rollBox #List2{float:left;}

/* CSS 第二行 */
#row2 { width:100%; height:1203px; background:url(../images/youshi.jpg) no-repeat center; float:left; }
#row2_question { width:160px; height:40px; background:#FFF; font-size:16px; text-align:center; line-height:40px; float:left; margin:200px auto auto 50px;}
#row2_question a { font-size:16px; }
#row2_contact { width:450px; height:70px; float:right; margin:30px 20px auto auto; line-height:35px; color:#FFF; font-size:16px;}
.youshi_title { width:300px; height:70px; line-height:40px; position:absolute; top:460px; left:100px; font-size:24px; font-weight:bold; font-family:"微软雅黑"; color:#76049a}
.youshi_title span { width:100%; line-height:30px; font-size:16px; color:#000; display:block}
.youshi_text { width:360px; height:auto; position:absolute; top:560px; left:60px; line-height:30px; font-size:16px}
.youshi_pic { width:450px; height:260px; position:absolute;top:700px; left:120px;}
.youshi_pic img { width:450px; height:260px;}

.ystitle_two {top:1010px !important; left:150px !important;}
.ystext_two {top:1100px !important; left:120px !important;}

.ystitle_three {top:800px !important; left:660px !important;}
.ystext_three {top:880px !important; left:720px !important;}
.yspic_three {top:960px !important; left:660px !important;width:460px !important; height:200px !important;}
.yspic_three img{ width:460px !important; height:200px !important;}

/* CSS 第三行 */

#row3 { width:100%; height:575px; background:url(../images/teacher.jpg) no-repeat center; float:left}
#row3_title { width:200px; height:45px; font-size:32px; margin-top:40px; font-weight:bold; color:#FFF; line-height:45px;}

#index_text { width:320px; height:30px; line-height:30px; display:block; text-align:center;font-size:14px; color:#fff; overflow:hidden}
#index_text a span { font-size:14px !important; color:#fff !important;}
#index_text a:hover span { font-size:14px; color:#f00;}


/* CSS 第四行 */
#row4_title { width:1200px; height:64px; margin:20px auto; font-size:36px; font-family:"微软雅黑"; text-align:center; line-height:64px; font-weight:bold; background:url(../images/title.jpg) no-repeat center; padding-left:50px}
#row4_teacher { width:100%; height:460px; background:#efefef; float:left; margin:0; padding:0}
#row4_teacher ul { width:1200px; height:411px; margin:20px auto; padding:0}
#row4_teacher li { width:273px; height:411px; background:url(../images/fenlei.png) no-repeat center; float:left; margin:0 13px}
#row4_teacher li img { width:200px; height:200px; margin:0 31px}
#row4_teacher li span { width:100%; height:40px; font-size:16px; display:block; text-align:center; line-height:40px;}
#row4_teacher li p { width:253px; height:70px; line-height:24px; font-size:12px; margin:10px; float:left; overflow:hidden}
#row4_teacher li i { width:123px; height:40px; line-height:40px; background:#f29b15; float:left; margin:10px 75px; display:block; text-align:center; font-size:16px; font-style:normal}
#row4_teacher li i a { color:#FFF; font-size:16px}
#row4_teacher li i a:hover { color:#000}

/* CSS 第五行 */

#row5 { width:100%; height:auto; background:#f4e2f9; float:left}
#row5_abouts { width:1200px; margin:20px auto; line-height:30px; text-indent:2em; font-size:16px; color:#333 }
#row5_abouts img { width:520px; height:300px; float:left; padding:10px;}
#row5_more { width:180px; height:40px; line-height:40px; margin:20px auto; text-align:center; background:#a33cc3}
#row5_more a { font-size:16px; color:#FFF}
#row5_more a:hover { font-size:16px; color:#000}

#row5_hoonr  { width:1200px; height:275px; margin:40px auto; padding:0}
#row5_hoonr ul  { width:1200px; height:275px; margin:0 auto; padding:0}
#row5_hoonr li { width:275px; height:275px; margin:0 10px; padding:0; float:left}

.photo img { width:275px; height:275px;}
.photo a{position:absolute;display:block;}
.photo a:hover{border:1px solid #ddd;}
.photo span{width:100%;background:#000;display:block;position:absolute;bottom:0;left:0;color:#fff;filter:alpha(opacity=50);-moz-opacity:0.6;opacity:0.6;font:14px/35px Verdana, Arial; text-align:center;cursor:hand;}
.photo a:hover span{ color:#a33cc3}

/* CSS 第六行 */
.iFCB-form { float:left; padding:0; margin-right:30px; }
.iFCB-form .data {overflow:hidden;zoom:1; margin-bottom:20px;}
.iFCB-form .data::after{content:"";display:table;clear:both}
.iFCB-form .data .title_name { float:left; width:100px; padding-right:30px; color:#333; font-size:14px; line-height:36px; text-align:right; display:none; }
.iFCB-form .data .input { padding:8px 20px; border:1px solid #f6f6f6; background:#f6f6f6; font-size:14px; transition: all 0.3s linear; }
.iFCB-form .data .input:hover { border:1px solid #e4e4e4; }
.iFCB-form .data textarea.input { min-height:150px; vertical-align:top; }
.iFCB-form .data .input_option { display:block; overflow:hidden; zoom:1; }
.iFCB-form .data .input_option span { display: block; line-height: 31px; margin-bottom: -10px; }
.iFCB-form .data .input_option .input { width:380px; }
.iFCB-form .btn-area { padding:0; }

.btn-area .btn-submit, .btn-area .reset { position:relative; width:200px; height:44px; border:0; border-radius:5px; color:#fff; font-size:14px; line-height:44px; transition: all 0.3s linear; z-index:1; }
.btn-area .btn-submit { background:#53b900; margin-right:16px; }
.btn-area .btn-submit:hover { background:#36a585; }
.btn-area .reset { background:#55c4da; }
.btn-area .reset:hover { background:#409cae; }

.news_left{ width:399px; height:392px; border:solid 1px #c6c6c6; float:left;} 



.news_left h3{ font-size:14px; color:#c8c5c5;text-transform:Uppercase;margin-top: 22px;margin-left: 15px;}

.news_left h3 a{ font-size:18px; color:#474646;}

.news_left dl{ width:378px; margin:auto; padding-top:25px;}

.news_left dl dt{ float:left; width:175px;}

.news_left dl dt img{ width:167px; height:125px;border:solid 1px #cccccc; padding:3px;} 

.news_left dl dd{ padding-left:150px;}

.news_left dl dd h4{ font-size:14px; color:#464343; font-weight:bold; width:185px; overflow:hidden; height:28px; line-height:28px;}

.news_left dl dd h4 a{color:#464343; font-weight:bold;}

.news_left dl dd p{width:185px; height:74px; overflow:hidden; line-height:23px; color:#7a7979;}

.news_left dl dd em{ display:block; margin-top:14px;}

.news_left ul{ width:377px; margin:auto;}

.news_left ul li{ width:377px; height:42px;  line-height:42px;    border-bottom: 1px solid #ccc;
    float: left;}

.news_left ul li a{ color:#7a7979; width:261px; height:42px; overflow:hidden; float:left; padding-left:15px;}

.news_left ul li span{ float:right; color:#7a7979;}


.index_wt{ width:317px; height:400px; float:right; background:#a33cc3;}  

.index_wt h3{ font-size:14px; color:#fff;text-transform:Uppercase;margin-top: 22px;margin-left: 15px;}

.index_wt h3 a{ font-size:18px; color:#fff;}

.index_wt dl{ width:317px; margin:27px auto 0 auto;}

.index_wt dl dt{ background:url(../images/wt.jpg) no-repeat center; width:288px; height:62px; line-height:62px; margin:13px auto 0 auto;}

.index_wt dl dt span{ display:block;width:200px; overflow:hidden; height:30px;line-height: 30px;padding-top: 15px;padding-left: 66px;}

.index_wt dl dd{background:url(../images/wta.jpg) no-repeat center;width:288px; height:62px; line-height:22px; margin:13px auto 0 auto;}

.index_wt dl dd span{display:block; color:#636363; line-height:22px; height:45px; width:200px; overflow:hidden;padding-left: 66px; padding-top:9px;}

#bottom { width:100%; height:180px; padding-top:30px; text-align:center; color:#FFF; line-height:30px; float:left; background:#a33cc3; margin-top:40px;}
#bottom a {  color:#FFF;}
#bottom a:hover {  color:#FF0;}

/*内页*/
#inside-top { width:1200px; height:130px; background:url(../images/636505776940489782.jpg) no-repeat center; margin:0 auto}
#nv {
	WIDTH: 100%; HEIGHT: 45px; background:#a33cc3; float:left
}
#nv UL {
	 width:1200px; height:45px;  margin:0 auto
}
#nv LI {
	TEXT-ALIGN: center; PADDING-BOTTOM: 0px; LINE-HEIGHT: 45px; LIST-STYLE-TYPE: none; PADDING-LEFT: 10px; WIDTH: 89px; PADDING-RIGHT: 10px; FLOAT: left; HEIGHT: 45px; COLOR: #fff; FONT-WEIGHT: bold; PADDING-TOP: 0px
}
#nv LI A {
	DISPLAY: block; COLOR: #ffffff; FONT-SIZE: 16px; FONT-WEIGHT: bold; display:block
}
#nv LI A:hover {
	COLOR: #fff; TEXT-DECORATION: none; background:#efc605
}

.on {COLOR: #fff; TEXT-DECORATION: none; background:#efc605}
 #sbanner { width:100%; height: 320px; float: left; }
     #second_left{ width:227px; height: auto; float:left; margin-top:20px;  }
     #second_right { width:953px; height:auto; float: right; margin-top:20px;  }
     #left_nv { width:227px; height: 116px; float:left; font-size: 24px; color:#fff; font-weight: bold; text-align:center;
      line-height: 116px; background: url(../images/fy1.jpg) no-repeat center; }
      #second_dh { width:227px; height:auto; margin: 0; padding:0  }
      #second_dh ul { width:227px; height:auto; margin: 0; padding:0  }
      #second_dh li{ width:227px; height:65px; background: url(../images/fy2.jpg) no-repeat 180px 25px #eee;  float: left; 
        margin: 5px 0; font-size:18px; font-weight: bold; text-align:center; line-height: 65px;}
      #second_dh li a{ font-size:18px; }
      #second_dh li a:hover{font-size:18px;border-left:3px solid #a33cc3;width:227px; height:65px; display: block }

       .second_xue { 
            width: 100%;
            height: 42px;
            line-height: 42px;
            border-bottom: 3px solid #a33cc3;
            background: #eee;
            float:right;
        }

         .second_xue  span { 
            width: auto;
			padding:0 10px;
            height: 42px;
            line-height: 42px;
            color: #fff;
            font-size: 24px;
            font-weight: bold;
            background: #a33cc3 !important;
            float: left;
            text-indent:10px;
        }

         .second_xue  i { 
            font-style: normal;
            float:right;
            margin-right:10px;

            }
        .second_newslist { width: 100%; height:auto;}
        .second_newslist ul{ width: 100%; height:auto; margin:0; padding:0;}
        .second_newslist li{ width: 98%; line-height: 35px; background: url(../images/arr17.png) no-repeat 0 18px; text-indent: 15px; float:left; margin:auto 1%; }
        .second_newslist li a{ font-size:16px; }
        .second_newslist li span{ float:right; color: #666 }
        .second_top20 { margin-top:20px !important  }

        .home_xue { background: url(../images/nav.png) no-repeat left; text-indent:15px; }
		
		
    .second_imglist { width:100%; height: auto; margin: 0; padding: 0 }
    .second_imglist ul { width:100%; height: auto; margin: 0; padding: 0 }
    .second_imglist li { width:220px; height: 230px;  margin: 10px 8px; float: left}
     .second_imglist li img{ width:220px; height: 200px;}
      .second_imglist li span{ width:220px; height: 30px; line-height: 30px; text-align:center; display: block }
	  
	   /*内容页*/
#sec_content { width:1200px; height: auto; background: #fff; float:left; line-height: 30px; margin-top: 20px;}
#content_main { width:1160px; height: auto; margin:20px; float:left; }
#content_main h1 { width:100%; height: 45px; line-height: 45px; font-size:24px; text-align: center; color:#1c78c5; margin:10px auto; }
#content_click  { width:100%; height: 30px; line-height: 30px; font-size:14px; text-align: center; color:#999; margin:10px auto; border-bottom: 1px dashed #ddd; }
#zoom img{  max-width: 1100px; overflow: hidden; display: block; margin:10px auto}
#news_next { width:100%; line-height:35px; border-top:1px dotted #ddd; float:left; font-size:14px; color:#999; margin-top:20px}
#news_next a {font-size:14px; color:#999;}
#news_next a:hover {font-size:14px; color:#f00;}
#news_next span { font-weight:bold; color:#333}

.xiaocms-page { padding:14px 0 10px;font-family:\5b8b\4f53; margin-right: 10px;}
.xiaocms-page a { display:inline-block; height:22px; line-height:22px; background:#fff; border:1px solid #e3e3e3; text-align:center; color:#333; padding:0 10px;margin-left: 1px;}
.xiaocms-page a:hover { background:#f1f1f1; color:#000; text-decoration:none; }
.xiaocms-page span { display:inline-block; height:22px;padding:0 10px; line-height:22px; background:#66F; border:1px solid #66F; color:#fff; text-align:center;margin-left: 1px; }
.listpage {clear: both;text-align: center;}

/*客服二维码*/
.suspension{position:fixed;z-index:55;right:0;bottom:485px;width:70px;height:240px;}
.suspension-box{position:relative;float:right;}
.suspension .a{display:block;width:88px;height:88px;background-color:#2a18a8;margin-bottom:4px;cursor:pointer;outline:none;}
.suspension .a.active,
.suspension .a:hover{background:#F05352;}
.suspension .a .i{float:left;width:88px;height:88px;background-image:url(../images/side_icon.png);background-repeat:no-repeat;margin:5px 12px }
/* .suspension .a-service .i{background-position:0 0;} */
.suspension .a-service .i{width:40px;height:40px;margin:22px;background-image:url(../images/suspension-bg.png);background-repeat:no-repeat;background-position:0 0;}
.suspension .a-service-phone .i{width:40px;height:40px;margin:22px;background-image:url(../images/suspension-bg.png);background-repeat:no-repeat;background-position:-57px 0;}
.suspension .a-qrcode .i{background-position:-104px 0;}
.suspension .a-qrcode2 .i{background-image:url(../images/douyin.png);background-repeat:no-repeat; margin: 15px auto auto 15px;}
.suspension .a-qrcode3 .i{background-image:url(../images/wechat.png);background-repeat:no-repeat;margin: 15px auto auto 15px;}
.suspension .a-cart .i{background-position:-88px 0;}
.suspension .a-top .i{background-position:-132px 0;}
.suspension .a-top{background:#D2D3D6;display:none;}
.suspension .a-top:hover{background:#c0c1c3;}
.suspension .d{display:none;width:223px;background:#fff;position:absolute;right:87px;min-height:90px;border:1px solid #E0E1E5;border-radius:3px;box-shadow:0px 2px 5px 0px rgba(161, 163, 175, 0.11);}
.suspension .d .arrow{position:absolute;width:8px;height:12px;background:url(../images/side_bg_arrow.png) no-repeat;right:-8px;top:31px;}
.suspension .d-service{top:100px;}
.suspension .d-service-phone{top:200px;}
.suspension .d-qrcode{top:300px;}
.suspension .d-qrcode2{top:0px;}
.suspension .d-qrcode3{top:400px;}
.suspension .d .inner-box{padding:8px 22px 12px;}
.suspension .d-service-item{border-bottom:1px solid #eee;padding:14px 0;}
.suspension .d-service .d-service-item{border-bottom:none;}
.suspension .d-service-item .circle{width:44px;height:44px;border-radius:50%;overflow:hidden;background:#F1F1F3;display:block;float:left;}
.suspension .d-service-item .i-qq{width:44px;height:44px;background:url(../images/side_con_icon03.png) no-repeat center 15px;display:block;transition:all .2s;border-radius:50%;overflow:hidden;}
.suspension .d-service-item:hover .i-qq{background-position:center 3px;}
.suspension .d-service-item .i-tel{width:44px;height:44px;background:url(../images/side_con_icon02.png) no-repeat center center;display:block;}
.suspension .d-service-item h3{float:left;width:112px;line-height:44px;font-size:15px;margin-left:12px;}
.suspension .d-service-item .text{float:left;width:112px;line-height:22px;font-size:15px;margin-left:12px;}
.suspension .d-service-item .text .number{font-family:Arial,"Microsoft Yahei","HanHei SC",PingHei,"PingFang SC","Helvetica Neue",Helvetica,Arial,"Hiragino Sans GB","Heiti SC","WenQuanYi Micro Hei",sans-serif;}
.suspension .d-service-intro{padding-top:10px;}
.suspension .d-service-intro p{float:left;line-height:27px;font-size:12px;width:50%;white-space:nowrap;color:#888;}
.suspension .d-service-intro i{background:url(../images/side_con_icon01.png) no-repeat center center;height:27px;width:14px;margin-right:5px;vertical-align:top;display:inline-block;}
.suspension .d-qrcode{text-align:center;}
.suspension .d-qrcode .inner-box{padding:20px 0;}
.suspension .d-qrcode p{font-size:16px;color:#93959c;}
.suspension .d-qrcode2{text-align:center;}
.suspension .d-qrcode2 .inner-box{padding:20px 0;}
.suspension .d-qrcode2 p{font-size:16px;color:#93959c;}
.suspension .d-qrcode3{text-align:center;}
.suspension .d-qrcode3 .inner-box{padding:20px 0;}
.suspension .d-qrcode3 p{font-size:16px;color:#93959c;}
.qrcode-img img{ width: 200px; height: 200px;}