/* CSS Document */
* { margin: 0; padding: 0; }
/*html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font:14px/1.5 Microsoft Yahei,Helvetica,Arial;vertical-align:baseline;  }*/
body, div,ul, li,p,a, form, dl, dt, dd, h1, h2, h3, h4, h5, h6, div, ol,input,button,textarea,blockquote{ margin: 0; padding: 0; border:0; }
body { width: 100%; margin: 0 auto;font:14px/1.5 Microsoft Yahei,Helvetica,Arial;  }
ol,ul,li{list-style:none;}
h1, h3, h4, h5, h6 { font-size: 100%; font-family: "Microsoft YaHei"; }
img { border: 0 none; -ms-interpolation-mode: bicubic; }
blockquote,q{quotes:none;}
blockquote:before,blockquote:after,q:before,q:after{content:'';content:none;}
table{border-collapse:collapse;border-spacing:0;}
a,a * {text-decoration: none;outline: none;star:expression(this.onFocus=this.blur()); color:#000;}
em { font-style: normal; }
.clearfix:after{visibility:hidden;display:block;font-size:0;content:" ";clear:both;height:0;}
.clearfix{*zoom:1;}
.fix:after{visibility:hidden;display:block;font-size:0;content:" ";clear:both;height:0;}
.fix{*zoom:1}
.fl{float:left;}
.fr{float:right;}
.relative{ position:relative;}
.absolute{ position:absolute;}

/* .banner{position: relative;height:850px;}
.banner .hd{width: 100%;position: absolute;left: 0;;bottom: 47px;text-align: center}
.banner .hd li{display: inline-block;width: 50px;height: 3px;background: #E9D5CB}
.banner .hd li.on{background: #6905A8}
.banner span{display: block;position: absolute;top: 350px;z-index: 5}
.banner span.prev{left: 100px;}
.banner span.next{right: 100px;} */

.banner {position: relative;}
.slides{position: relative;z-index:11;}
.slides li{float: left;max-width:1920px;min-width:1024px; width: 100%;text-align: center;}
.slides li a{display: block;width: 100%;height: 100%;}
.dot{width:100%;position:absolute;bottom: 0;}
.dot ul{position:absolute;left:50%;top:-30px;margin:0 0 0 -40px;z-index: 11;}
.dot ul li{display: inline-block; width: 15px;height: 15px;border-radius:50%; overflow: hidden;background: #fff;margin:0 5px;text-indent:-99999px;}
.dot ul li.on{background: #632290;}
.dot>a{width:88px;height:88px;position:absolute;top:-450px;cursor:pointer;z-index:999;/* display: none; */}
.dot a.prev{left:10%;background:url(../image/prev.png) center no-repeat;}
.dot a.next{right:10%;background:url(../image/next.png) center no-repeat;}
.dot a.prev:hover { background: url(../image/prev_1.png) no-repeat center; }
.dot a.next:hover { background: url(../image/next_1.png) no-repeat center; }
.banner:hover .dot a{display: block;}
/*header*/
.head{background-color: #fff;}
.header{ width:83.33%; height:auto; margin:0 auto 15px; }
.header .header_nav{ width:100%; padding-top:20px; box-sizing: border-box;   }/**background-color:#fff;*/
.header .header_nav .header_nav_top{ height:25px;}
.header .header_nav_top .header_nav_toleft{ float:left;}
.header_nav_topleft li,.header_nav_topright li{ display:inline-block; float:left; }
.header .header_nav .header_nav_top a{font-size:14px; color:#555;}
.header .header_nav .header_nav_top a:hover{ color:#000;}
.header_nav_topleft .nav_item:before,.header_nav_topright .nav_item:before{content:"/";padding:0 25px; font-size:14px; font-style:italic; }
.header_nav_top .header_nav_topright{ float:right;}
.header .heder_logo{ width:100%; margin:10px auto 0; }
.header .heder_logo>a{ display:block; width: 416px; height: 99px; margin:2px auto;  }
.header .heder_logo>img{width: inherit; max-width:100%;}
.header .header_nav .menu{font-size:14px; } 
.header_nav .menu ul{margin:0 auto; text-align:center; font-size:0; } 
.header_nav .menu .subNav{ display:inline-block; padding:20px 18px 20px; text-align:center; font-size: 0}
.header_nav .menu .subNav>a{ display:block; font-size: 14px }
.header_nav .menu .subMenu{ position:absolute; display:none;/*width:1600px;*/width:100%; height:460px; left:0; top:61px; background-color:#fff;  opacity:0;z-index:-1;  }
.header_nav .menu .active .subMenu{z-index:999;opacity:1;display: flex;background: #eeeeee; -webkit-box-shadow: 0 -7px 9px -7px #ccc;-moz-box-shadow: 0 -7px 9px -7px #ccc;box-shadow: 0 -7px 9px -7px #ccc;}
.header_nav .menu .subMenu a:hover{ color:#890b84; }
.header_nav .menu .subMenu ul{ width:244px; height:inherit; float:left; background-color:#eeeeee; padding-left:30px;padding-top:10px;}

.header_nav .menu .subMenu li{ display:block; font-size:14px; margin:15px auto; text-align:left;letter-spacing:2px; }
.subMenu ul li>span{ display:block; font-size:20px; font-weight:500;letter-spacing:5px; }
.subMenu ul li>span>a{display:block; font-size:20px;}
.subMenu ul li>span:after{content:"";display:block;width:30px;height:2.5px;background-color:#000;margin-top:25px;}
.header_nav .menu .subMenu .item1{ width:262px; padding-left:260px; background:#fff;  }
.header_nav .menu .subMenu .item4{ padding-right:255px;}
.header_nav .menu .subMenu .item4_white{ padding-right:255px; background:#fff;}
.header_nav .menu .subMenu li .menu_a{ color:#890b84; position: relative;padding-left: 15px;}
.header_nav .menu .subMenu li .menu_a:before{ content:"→"; display:inline-block;color:#000; transform: rotate(90deg);position: absolute;left: -4px;top: 0;}
.header_nav .menu .subMenu li.expand .menu_a:before{ content:"→"; display:inline-block;color:#000; transform: rotate(-90deg);top:-2px;}
.header_nav .menu .subMenu .item_white{padding-right:255px; background-color:#fff;}
.header_nav .menu .subMenu .item_nav1,.header_nav .menu .subMenu .item_nav2{background:#fff;}

.head-logo-small{top: 50%;transform: translateY(-50%);margin-left: 25px;display: none}
.head-phone{right: 30px;top:50%;transform: translateY(-50%);background: no-repeat left center;display: none;padding-left: 24px;}

/*底部*/
.Index-Footer{ background: #393a48; font-size: 16px;clear:both;}
.Index-Footer .Ft-t{ padding: 25px; overflow: hidden; width: 1150px; margin: 0 auto}
.Index-Footer .Ft-l{ width: 802px; float: left}
.Index-Footer .Ft-l ol{ padding: 35px 0}
.Index-Footer .Ft-l ol li{ width: 56px; height: 66px; padding:15px 20px; line-height: 30px; font-size: 19px; border-radius: 50%;
    background: #767887; text-align: center; float: left; margin-right: 33px; color: #fff}
.Index-Footer .Ft-l ol li.mr0{ margin-right: 0}
.Index-Footer .Ft-l ol li.active{ background: #8167b1}
.Index-Footer .Ft-l .list{ clear: both; font-size: 17px; padding: 35px 0 0}
.Index-Footer .Ft-l .list ul{ display: none}
.Index-Footer .Ft-l .list ul.active{ display: block}
.Index-Footer .Ft-l .list ul li{ color: #bcbcbc; display: inline-block; border-right:1px solid #bcbcbc; line-height: 20px; padding-left: 20px; padding-right: 20px}
.Index-Footer .Ft-l .list ul li.mr0{ border:0; padding-right: 0}
.Index-Footer .Ft-l .list ul li a{ color: #bcbcbc}
.Index-Footer .Ft-l .list ul li a:hover{ color: #fff}
.Index-Footer .Ft-r{ width:285px; float: right; border-left:1px solid #525358;border-right:1px solid #525358; margin-top:32px; padding: 0 30px 10px; color: #fff }
.Index-Footer .Ft-r i{ font-style: normal; font-size: 22px}
.Index-Footer .Ft-r h3{ font-size: 30px; line-height: 60px}
.Index-Footer .Ft-r ul{ padding: 30px 0 40px}
.Index-Footer .Ft-r ul li{ color: #bcbcbc; display: inline-block; border-right:1px solid #bcbcbc; line-height: 20px; padding-right: 10px; margin-right: 10px}
.Index-Footer .Ft-r ul li.mr0{ border:0; padding-right: 0;margin-right: 0}
.Index-Footer .Ft-r ul li a{ color: #aeaeaf}
.Index-Footer .Ft-r ul li a:hover{ color: #fff}
.Index-Footer .Ft-r p{background: no-repeat left top; line-height: 30px; color: #bcbcbc}
.Index-Footer .Ft-b{ background: #e2e2e2; padding: 20px 0; text-align: center; font-size: 15px; color: #7a7a7a; line-height: 25px}


.section6 h2{padding-top: 0}
.section6 .sider{height:190px;position:relative;}
.section6 .sider li{width:285px;height:190px;margin-right:10px;float:left;overflow:hidden;position:relative;text-align:center;border-radius:10px;}
.section6 .sider li span{width:285px;height:190px;position:absolute;overflow:hidden;top:0;left:0;color:#fff;line-height:190px;font-size:17px;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";filter:alpha(opacity=0);opacity:0;background-color:rgba(17,15,18,0.85);-webkit-transition:all 0.4s ease-in-out;-moz-transition:all 0.4s ease-in-out;-o-transition:all 0.4s ease-in-out;-ms-transition:all 0.4s ease-in-out;transition:all 0.4s ease-in-out;}
.section6 .sider li img{display:block;width:100%;position:relative;-webkit-transition:all 0.2s linear;-moz-transition:all 0.2s linear;-o-transition:all 0.2s linear;-ms-transition:all 0.2s linear;transition:all 0.2s linear;}
.section6 .sider li:hover img{-webkit-transform:scale(1.1,1.1);-moz-transform:scale(1.1,1.1);-o-transform:scale(1.1,1.1);-ms-transform:scale(1.1,1.1);transform:scale(1.1,1.1);}
.section6 .sider li:hover span{-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";filter:alpha(opacity=100);opacity:1;z-index:100;}

.section6 h2{width: 1200px;margin: 0 auto;padding:30px 0 ;font-size: 36px;color: #782490;font-weight: 300;text-align:center;}
.section6 h2 span{display: block;height: 59px;line-height: 59px;margin: 0 auto;font-size: 18px;color: #2c2c2c}
.section6 h2 i{display: block;width: 41px;height: 2px;background: #aaa;margin: 0 auto}

/*swt*/
#divM #divMatop{ left:0px;top:0px; width:585px; height:486px;  display:block;position:absolute;}
#divM #divMagb{ right:20px;top:20px; width:50px; height:50px;display:block;position:absolute;background:url(about:blank);}
#divM #chatcontent{position: absolute;left: 21px;bottom: 20px;border: 0px none;color: rgb(153, 153,153);width: 575px;height: 50px;background: none;outline:none;}
#divM #qchat{ display: block;position: absolute;width: 79px;height: 59px;right: 12px;bottom: 16px;cursor: pointer;color: #fff;font-size: 20px;background: #8f0904; border-radius: 3px;text-align: center;line-height: 59px;text-decoration: none;font-family:Microsoft Yahei;}
#divM #qchat:hover{background:#690502;}
/*.tel{ position:absolute; top:189px; left:97px; width:297px; height:40px; z-index:1}

.sup {
    border: 0 none;
	font-size: 14px;
    height: 25px;
    position: absolute;
    top:8px; 
	left:25px;
    width:125px;
	background:none
}

.sub {
    background:none;
    border: 0 none;
    cursor: pointer;
    height: 38px;
    position: absolute;
    right: 0;
    top: 0px;
    width: 110px;
}*/
#divM {
    background: no-repeat top center;
    bottom: 50%;
    height: 486px;
    margin-bottom: -243px;
    margin-right: -292px;
    right: 50%;
    width: 585px;
	_position: absolute;_bottom: expression(offsetParent.scrollTop+242); 
}
.tel {
    height: 58px;
    left: 59px;
    position: absolute;
    top: 396px;
    width: 368px;
    z-index: 1;
}

.sup {
    background: 0 0;
    border: 0 none;
    color: #6a6a6a;
    font-size: 20px;
    height: 54px;
    left: 10px;
    outline: 0 none;
    position: absolute;
    top: 2px;
    width: 269px;
}

.sub {
    background:0 0;
    border: 0 none;
    cursor: pointer;
    height: 60px;
    position: absolute;
    right: 0;
    top: 0;
    width: 104px;
}
#divM .zixun{
	display:block;
	width:80px;
	height:60px;
	position:absolute;
	right:18px;
	bottom:15px;
}
#divM .quick{
	display:block;
	width:395px;
	height:40px;
	position:absolute;
	right:10px;
	bottom:80px;
}
.Tip{ position:absolute; bottom:70px; left:25px; display:none;z-index:20;}