﻿/* css reset */
* {-webkit-box-sizing: border-box;-moz-box-sizing: border-box; box-sizing: border-box;}
body,ul,li,p,h1,h2,h3,h4,h5,h6,img,br,hr,table,tr,td,dl,dt,dd,form {margin:0;padding:0;}
ul,li{list-style:none;}
img{border:none;display:block;}
a{text-decoration:none;color:#000;}
input,textarea,button,select{padding:0;margin:0;outline:none;font:inherit;}
em{font-style:normal;}
input{-webkit-appearance:none;}
input[type=checkbox]{-webkit-appearance:checkbox;}
body{font-size:18px;color:#333;font-family: "微软雅黑",arial;background:#fff;}
/*public*/
.wrapperbox{width:100%;padding-top:30px;}
.content{width:1150px;margin:auto;padding:0 15px;}
.item-title{text-align:center;}
.item-title h2{font-size:2em;font-weight:normal;}
.item-title h3{font-size:1.5em;margin-bottom:5px;font-weight:normal;}
.item-title p{font-size:1em;color:#666;}
.item-title span{display:block;width:80px;height:6px;background:#a164ff;border-radius:3px;margin:12px auto;}
/*visible&hidden*/
.visible-xs,.visible-sm,.visible-md,.visible-lg{display: none !important;}
@media (max-width: 767px){
  .visible-xs{display:block !important;}
  .hidden-xs{display:none !important;}  
}
@media (min-width: 768px) and (max-width: 1023px) {
  .visible-sm{display: block !important;}
  .hidden-sm{display: none !important;}  
}
@media (min-width: 1024px) and (max-width:1149px) {
  .visible-md{display: block !important;}
  .hidden-md{display: none !important;}  
}
@media (min-width:1150px) {
  .visible-lg{display: block !important;}
  .hidden-lg{display: none !important;}  
}
/*头部*/
.header{width:100%;height:70px;position:fixed;left:0;top:0;background:#fff;z-index:9;font-size:12px;}
.header.active{box-shadow:0 0 3px 2px rgba(0,0,0,0.1);}
.header .content{position:relative;height:100%;}
.header .logo{position:absolute;height:70px;left:15px;top:0;z-index:2;}
.header .logo img{height:52px;width:auto;position:absolute;left:0;top:50%;margin-top:-26px;}
.header .nav{width:100%;height:70px;line-height:70px;}
.header .nav .box{width:100%;height:100%;position:relative;}
.header .nav ul{float:right;}
.header .nav li{float:left;text-align:center;position:relative;margin-left:10px;}
.header .nav li a{display:inline-block;height:100%;color:#666;padding:0 30px;position:relative;}
.header .nav li em{display:none;height:2px;background:#fff;position:absolute;left:38px;right:38px;top:50%;margin-top:20px;}
.header .nav li.active a{background:#8464ff;color:#fff;}
.header .nav li.active a em{display:block;}
.header .nav li.active .add  li a{color:#000000;}
.header .nav li.active .add  li:hover>a{color:#fff;}
.header .nav li:hover>a{background:#8464ff;color:#fff;}
.header .nav li:hover em{display:block;}
.header .nav li a:hover{background:#8464ff;}
.header .nav li ul{position:absolute;left:0;width:100%;top:70px;background:#fff;z-index:9;box-shadow:0 0 4px 2px rgba(0,0,0,0.1);display:none;}
.header .nav li ul.add{padding:10px 0;}
.header .nav li ul li{width:100%;margin-left:0;}
.header .nav li li a{display:block;width:100%;height:50px;line-height:50px;color:#666;font-size:0.8em;text-align:left;}
.header .nav li.active li a{background:#fff;}
.header .nav li li a:hover{background:#8464ff;color:#fff;}
.header .nav li:hover ul{display:block;}
.header .nav .box>ul>li:last-child a{color:#8464ff;}
.header .nav .box>ul>li:last-child a:hover{color:#fff;}
.header .nav .box>ul>li.active:last-child a{background:#8464ff;color:#fff;}
.header .toggle-btn{position:absolute;right:0;width:36px;height:30px;right:15px;top:50%;margin-top:-15px;cursor:pointer;}
.header .toggle-btn span{display:block;width:24px;height:2px;background:#3d85cc;transition:all 0.3s ease-in-out;-webkit-transition:all 0.3s ease-in-out;
	position:absolute;}
.header .toggle-btn span:nth-of-type(1){left:6px;top:4px;}
.header .toggle-btn span:nth-of-type(2){left:6px;top:14px;}
.header .toggle-btn span:nth-of-type(3){left:6px;top:24px;}
.header .toggle-btn span:nth-of-type(1).active{transform:rotate(45deg);-webkit-transform:rotate(45deg);top:14px;}
.header .toggle-btn span:nth-of-type(2).active{display:none;}
.header .toggle-btn span:nth-of-type(3).active{transform:rotate(-45deg);-webkit-transform:rotate(-45deg);top:14px;}
.header .btn a{display:inline-block;background:#A164FF;color:#fff;line-height:2.2em;padding:0 2.2em;border-radius:1.1em;
	position:absolute;top:50%;margin-top:-1.1em;right:8em}
/*banner*/
.banner{width:100%;overflow:hidden;margin-top:10px;}
.banner .slick{width:100%;height:auto;position:relative;overflow:hidden;font-size:0;}
.banner .slick img{width:100%;height:auto;}
.banner .slick .slick-arrow{display:block;width:60px;height:60px;position:absolute;top:50%;margin-top:-30px;border:none;cursor:pointer;
	text-indent:-100px;outline:none;z-index:1;overflow:hidden;}
.banner .slick .slick-prev{background:url(https://img.xuexiaoxitong.com/images/arrow-left1.png);left:20px;}
.banner .slick .slick-next{background:url(https://img.xuexiaoxitong.com/images/arrow-right1.png);right:20px;}
.banner .slick-dots{width:100%;height:12px;position:absolute;bottom:10px;text-align:center;}
.banner .slick-dots li{display:inline-block;width:12px;height:12px;margin:0 5px;border-radius:50%;overflow:hidden;}
.banner .slick-dots li button{display:block;width:12px;height:12px;border:1px solid #fff;background:none;text-indent:-100px;border-radius:50%;
	cursor:pointer;outline:none;}
.banner .slick-dots li.slick-active button{background:#fff;}
/*校风云*/
.xiaofengyun{width:100%;padding-top:35px;padding-bottom:20px;overflow:hidden;background:url(https://img.xuexiaoxitong.com/images/xfg-bg.jpg) no-repeat left top;}
.xiaofengyun .item-title{margin-bottom:10px;}
.xiaofengyun .box{overflow:hidden;position:relative;}
.xiaofengyun .pic{max-width:60%;float:right;margin-right:60px;}
.xiaofengyun .pic img{max-width:100%;padding-top:40px;}
.xiaofengyun .text{position:absolute;left:60px;top:0;bottom:0;}
.xiaofengyun .text .tab{display:table;width:100%;height:100%;}
.xiaofengyun .text .tab ul{display:table-cell;vertical-align:middle;}
.xiaofengyun .text li{line-height:5em;padding-left:18px;position:relative;}
.xiaofengyun .text li:before{content:'';display:block;width:8px;height:8px;background:#a164ff;border-radius:50%;position:absolute;left:0;top:50%;margin-top:-4px;}
.xiaofengyun .info{padding-top:10px;text-align:center;}
.xiaofengyun .info p{margin-bottom:20px;}
.xiaofengyun .info p em{color:#a164ff;}
.xiaofengyun .btn a{display:inline-block;line-height:3.2em;padding:0 3em;margin:0 2.5em;color:#A164FF;border:1px solid #A164FF;border-radius:1.6em;}
.xiaofengyun .btn a:first-child{background:#A164FF;color:#FFFFFF;}
.xiaofengyun .btn a:hover{opacity:0.8;}
/*4大产品*/
.chanpin4{width:100%;padding-top:35px;padding-bottom:20px;background:#fafafa;overflow:hidden;}
.chanpin4 .item-title{margin-bottom:20px;}
.chanpin4 .content{}
.chanpin4 li{width:22%;float:left;margin-left:4%;background:#fff;text-align:center;padding-top:2.5em;padding-bottom:1.5em;border-radius:0.5em;
	box-shadow:0 0 20px rgba(0,0,0,0.1);}
.chanpin4 li:first-child{margin-left:0;}
.chanpin4 li:nth-of-type(4n+1){animation-delay:0.1s;}
.chanpin4 li:nth-of-type(4n+2){animation-delay:0.2s;}
.chanpin4 li:nth-of-type(4n+3){animation-delay:0.3s;}
.chanpin4 li:nth-of-type(4n+4){animation-delay:0.4s;}
.chanpin4 li h4{font-size:1.2em;font-weight:normal;}
.chanpin4 li p{font-size:0.8em;line-height:1.5em;color:#666;height:4.5em;margin-top:1.5em;margin-bottom:1em;overflow:hidden;}
.chanpin4 li p em{color:#A164FF;}
.chanpin4 li img{width:65%;margin:auto;margin-bottom:1em;}
/*8块功能-公共*/
.gongneng8{width:100%;overflow:hidden;}
.gongneng8 .box{position:relative;overflow:hidden;}
.gongneng8 .pic{max-width:60%;float:left;margin-left:60px;}
.gongneng8 .pic img{max-width:100%;}
.gongneng8 .text{position:absolute;top:0;bottom:0;right:60px;}
.gongneng8 .text .tab{display:table;width:100%;height:100%;}
.gongneng8 .text ul{display:table-cell;vertical-align:middle;}
.gongneng8 .text li{line-height:2.5em;padding-left:18px;position:relative;}
.gongneng8 .text li:before{content:'';display:block;width:8px;height:8px;background:#a164ff;border-radius:50%;position:absolute;left:0;top:50%;margin-top:-4px;}
/*8块功能-招生引流*/
.zsyl{padding-top:35px;padding-bottom:20px;background:url(https://img.xuexiaoxitong.com/images/zsyl-bg.jpg) no-repeat right bottom;}
.zsyl .item-title{margin-bottom:20px;}
.zsyl .pic{float:right;margin-right:60px;margin-left:0;}
.zsyl .text{left:60px;}
/*8大功能-前台管理*/
.qtgl{padding-top:35px;padding-bottom:20px;background:url(https://img.xuexiaoxitong.com/images/qtgl-bg.jpg) no-repeat center;}
.qtgl .item-title{margin-bottom:20px;}
/*8大功能-教学/财务/人员*/
.three-box{width:100%;padding-bottom:20px;background:url(https://img.xuexiaoxitong.com/images/three-box-bg.jpg) no-repeat center top;}
.jxgl{padding-top:35px;}
.jxgl .item-title{margin-bottom:20px;}
.jxgl .pic{float:right;margin-right:60px;margin-left:0;}
.jxgl .text{left:60px;}
.cwgl{padding-top:40px;}
.cwgl .item-title{margin-bottom:20px;}
.rygl{padding-top:40px;}
.rygl .item-title{margin-bottom:20px;}
.rygl .pic{float:right;margin-right:60px;margin-left:0;}
.rygl .text{left:60px;}
/*8大功能-家校服务*/
.jxfw{padding-top:35px;padding-bottom:20px;background:url(https://img.xuexiaoxitong.com/images/jxfw-bg.jpg) no-repeat left bottom;}
.jxfw .item-title{margin-bottom:20px;}
/*8大功能-在线商城*/
.zxsc{padding-top:35px;padding-bottom:20px;background:url(https://img.xuexiaoxitong.com/images/qtgl-bg.jpg) no-repeat center;}
.zxsc .item-title{margin-bottom:20px;}
.zxsc .pic{float:right;margin-right:60px;margin-left:0;}
.zxsc .text{left:60px;}
/*8大功能-数据统计*/
.sjtj{padding-top:35px;padding-bottom:20px;background:url(https://img.xuexiaoxitong.com/images/sjtj-bg.jpg) no-repeat right center;}
.sjtj .item-title{margin-bottom:20px;}
/*简介和客户*/
.aboutus{width:100%;overflow:hidden;background:url(https://img.xuexiaoxitong.com/images/about-bg.jpg) center top;background-size:cover;}
.aboutus .jianjie{padding-top:35px;padding-bottom:35px;overflow:hidden;}
.aboutus .jianjie .item-title{margin-bottom:40px;}
.aboutus .jianjie .box p{font-size:0.7em;line-height:2em;text-indent: 30px;}
.aboutus .jianjie .box img{width:100%;margin-top:35px;}
.aboutus .kehu{padding-bottom:65px;overflow:hidden;}
.aboutus .kehu .item-title{margin-bottom:10px;}
.aboutus .kehu li{width:22%;float:left;text-align:center;margin-left:4%;margin-top:4%;}
.aboutus .kehu li:nth-of-type(4n+1){animation-delay:0.1s;}
.aboutus .kehu li:nth-of-type(4n+2){animation-delay:0.2s;}
.aboutus .kehu li:nth-of-type(4n+3){animation-delay:0.3s;}
.aboutus .kehu li:nth-of-type(4n+4){animation-delay:0.4s;}
.aboutus .kehu li img{width:100%;opacity:0.3;height: 53px;}
.aboutus .kehu li img:hover{opacity:1;}
.aboutus .kehu li:nth-of-type(4n+1){margin-left:0;}
/*联系我们*/
.contactus{width:100%;overflow:hidden;background:url(https://img.xuexiaoxitong.com/images/contact-bg.jpg) no-repeat center top;padding-top:35px;padding-bottom:20px;font-size:16px;}
.contactus .item-title{color:#fff;margin-bottom:20px;}
.contactus .item-title p{color:#fff;}
.contactus ul{text-align:center;}
.contactus ul li{display:inline-block;margin:0 80px;color:#fff;}
.contactus ul li img{width:100px;margin-bottom:1em;}
.contactus ul li:nth-of-type(4n+1){animation-delay:0.1s;}
.contactus ul li:nth-of-type(4n+2){animation-delay:0.2s;}
.contactus ul li:nth-of-type(4n+3){animation-delay:0.3s;}
.contactus ul li:nth-of-type(4n+4){animation-delay:0.4s;}
.contactus .formbox{width:540px;margin:auto;margin-top:2px;overflow:hidden;}
.contactus .formbox .input-box{height:52px;position:relative;margin-top:20px;overflow:hidden;}
.contactus .formbox .input-box span{display:block;width:90px;padding-left:20px;line-height:52px;position:absolute;left:0;top:0;}
.contactus .formbox .input-box input{display:block;height:52px;border-radius:0.5em;border:none;font-size:1em;}
.contactus .formbox .input-box input.name,.contactus .formbox .input-box input.phone{width:100%;background:#fff;text-indent:90px;}
.contactus .formbox .input-box input.code{width:250px;float:left;text-indent:90px;}
.contactus .formbox .input-box input.getyzm{width:250px;float:right;background:#a164ff;color:#fff;cursor:pointer;}
.contactus .formbox .input-box .resetyzm{width:250px;height:52px;border-radius:0.5em;text-align:center;line-height:52px;position:absolute;right:0;top:0;
	display:none;z-index:2;background:#ddd;}
.contactus .formbox .input-box .resetyzm em{font-size:1.5em;}
.contactus .formbox .input-box input.resetyzm:hover{opacity:0.8;}
.contactus .formbox .sy-btn{display:block;width:100%;height:60px;border:none;background:#fff;color:#a164ff;border-radius:0.5em;margin-top:30px;cursor:pointer;}
.contactus .formbox .sy-btn:hover{background:#A164FF;color:#fff;}
.contactus .formbox .tishi{height:30px;line-height:30px;background:url(https://img.xuexiaoxitong.com/images/icon-x.png) no-repeat left center;padding-left:40px;margin-top:5px;display:none;
	color:red;font-size:12px;}
/*二维码*/
.fixed-icon{position:fixed;right:10px;bottom: 20px;z-index:9;}
.fixed-icon li{position:relative;text-align:center;font-size:14px;color:#666;margin-bottom:25px;}
.fixed-icon li p{text-shadow:0px 0px  20px rgba(255,255,255,0.5);}
.fixed-icon li i{display:block;width:60px;height:60px;box-shadow:0 0 10px rgba(161,100,255,0.3);border-radius:50%;margin-bottom:5px;position:relative;z-index:8;
	background-color:#fff;background-position:center;background-repeat:no-repeat;}
.fixed-icon li i.icon1{background-image:url(https://img.xuexiaoxitong.com/images/fixed-icon1.png);}
.fixed-icon li i.icon2{background-image:url(https://img.xuexiaoxitong.com/images/fixed-icon2.png);}
.fixed-icon li i.icon3{background-image:url(https://img.xuexiaoxitong.com/images/fixed-icon3.png);}
.fixed-icon li span.tel{display:block;width:60px;;height:60px;line-height:60px;position:absolute;right:0;top:0;z-index:7;box-shadow:0 0 10px rgba(161,100,255,0.3);
	background:#fff;border-radius:30px;padding-left:20px;text-align:left;font-size:0;font-weight:bold;color:#A164FF;transition:all 0.5s;overflow:hidden;}
.fixed-icon li:hover span.tel{width:250px;right:0;font-size:1.5em;}
.fixed-icon li span.ewm{display:block;width:110px;height:110px;position:absolute;right:80px;top:50%;margin-top:-60px;
	padding:5px;background:#fff;box-shadow:0 0 20px rgba(161,100,255,0.3);display:none;}
.fixed-icon li span.ewm img{width:100%;height:100%;}
.fixed-icon li span.ewm:before{content:'';display:block;position:absolute;top:50%;margin-top:-10px;right:-10px;
   width:0;height:0;border-left:10px solid #fff;border-top:10px solid transparent;border-bottom:10px solid transparent;}
.fixed-icon li:hover span.ewm{display:block;}
/*底部*/
.footer{width:100%;background:#1c1c1c;overflow:hidden;padding-top:38px;}
.footer a{color:#ccc;}
.footer a:hover{color:#fff;}
.footer h3{color:#fff;font-size:1em;font-weight:normal;margin-bottom:30px;}
.footer .info{float:left;}
.footer .info p{font-size:0.7em;color:#ccc;line-height:2;}
.footer .ewm{float:right;text-align:center;}
.footer .ewm img{width:130px;margin-bottom:10px;}
.footer .ewm p{font-size:0.7em;color:#ccc;}
.footer .copyright{clear:both;padding-top:1px;text-align:center;color:#ccc;font-size:0.7em;}
.footer .copyright .beian{border-top:1px solid #999;padding:22px 0;margin-top:40px;line-height:26px;}
.footer .copyright .beian img{display:inline-block;vertical-align:middle;}
/*success页面*/
.successbox{width:100%;padding:100px 0;overflow:hidden;background:url(https://img.xuexiaoxitong.com/images/success-bg.jpg) no-repeat center;background-size:cover;}
.successbox .text{width:40%;float:left;color:#fff;}
.successbox .text .title h1{font-size:2em;margin-bottom:0.5em;}
.successbox .text .title p{font-size:0.7em;font-weight:bold;line-height:1.8;}
.successbox .text .ewm{padding-top:2.5em;}
.successbox .text .ewm .box{float:left;margin-right:1.5em;text-align:center;}
.successbox .text .ewm .box img{width:180px;margin-bottom:0.5em;}
.successbox .text .ewm .box p{line-height:1.5;font-size:0.8em;}
.successbox .pic{float:right;}
.successbox .pic img{width:100%;max-width:500px;margin:auto;}

/*列表&详情*/
.list-bg{width:100%;background:#f6f8fb;overflow:hidden;padding-bottom:20px;font-size:14px;}
/*广告*/
.adbox{width:100%;}
.adbox img{width:100%;}
/*列表页-左侧分类筛选*/
.slider-menu{width:200px;float:left;margin-top:20px;}
.slider-menu h3{width:100%;line-height:42px;background:url(https://img.xuexiaoxitong.com/images/tit-bg.png) no-repeat right center #5698da;color:#fff;padding-left:15px;
	font-size:1em;font-weight:normal;}
.slider-menu h3 span{display:block;width:30px;height:30px;float:right;margin-right:10px;margin-top:6px;
		background:url(https://img.xuexiaoxitong.com/images/icon-arrow.png) no-repeat center;background-size:20px 20px;transition:all 0.5s;}
.slider-menu h3 span.active{transform:rotate(180deg);}
.slider-menu li{line-height:40px;}
.slider-menu li a{display:block;padding-left:15px;background:#fff;border:1px solid #e8eef6;border-top:none;color:#666;
	overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.slider-menu li a.active{border-left:2px solid #5698DA;color:#5698DA;background:#f8fbff;}
.slider-menu li a:hover{background:#f8fbff;color:#5698DA;}
/*列表页-中间*/
.list-center{width:680px;float:left;margin-left:20px;margin-top:20px;}
.list-center .site-search{height:42px;border:1px solid #e8eef6;background:#fff;padding:0 15px;}
.list-center .site-search p{float:left;line-height:40px;color:#666;}
.list-center .site-search p a{color:#666;padding:0 5px;}
.list-center .site-search p a:hover{text-decoration:underline;}
.list-center .site-search .search{float:right;height:28px;border:1px solid #E8EEF6;position:relative;margin-top:6px;border-radius:15px;overflow:hidden;}
.list-center .site-search .search .s-btn{display:block;width:28px;height:28px;position:absolute;left:0;top:0;border:none;
	background:url(https://img.xuexiaoxitong.com/images/icon-search.png) no-repeat center;background-size:16px 16px;}
.list-center .site-search .search .s-text{border:none;display:block;width:100%;height:100%;padding-left:30px;font-size:12px;}
.list-center .listbox{margin-top:15px;border:1px solid #e8eef6;background:#fff;padding:30px 15px;min-height:536px;}
.list-center .listbox h3{margin-bottom:10px;font-size:1em;}
.list-center .listbox ul.list li{line-height:2;color:#666;}
.list-center .listbox ul.list li a{color:#5698da;}
.list-center .listbox ul.list li a:hover{text-decoration:underline;}
.list-center .listbox .fanye{text-align:center;padding-top:10px;color:#000;font-weight:bold;}
.list-center .listbox .fanye a{color:#5698DA;font-weight:bold;padding:0 3px;}
.list-center .listbox .fanye a:hover{text-decoration:underline;}
/*列表页-右侧*/
.slider-other{width:200px;float:right;}
.slider-other .item{border:1px solid #e8eef6;background:#fff;margin-top:20px;}
.slider-other .item h3{width:100%;line-height:42px;background:url(https://img.xuexiaoxitong.com/images/tit-bg.png) no-repeat right center #5698da;color:#fff;padding-left:15px;
	font-size:1em;font-weight:normal;}
.slider-other .item ul{padding:15px;padding-right:10px;}
.slider-other .item li{height:40px;line-height:40px;overflow:hidden;margin-bottom:12px;position:relative;vertical-align:middle;}
.slider-other .item li span{display:block;width:40px;height:40px;line-height:40px;border-radius:5px;text-align:center;color:#fff;background:#999;
	position:absolute;left:0;top:0;}
.slider-other .item li a{display:inline-block;color:#5698DA;line-height:20px;vertical-align:middle;max-height:40px;padding-left:46px;
	overflow:hidden;}
.slider-other .item li a:hover{text-decoration:underline;}
.slider-other .item li:nth-of-type(1) span{background:#d9534f;}
.slider-other .item li:nth-of-type(2) span{background:#f0ad4e;}
.slider-other .item li:nth-of-type(3) span{background:#5cb85c;}
.slider-other .item li:nth-of-type(4) span{background:#428bca;}
.slider-other .item li:nth-of-type(5) span,.slider-other .item li:nth-of-type(6) span,.slider-other .item li:nth-of-type(7) span,
.slider-other .item li:nth-of-type(8) span{background:#5bc0de;}
/*详情页中间*/
.detailbox{margin-top:15px;border:1px solid #e8eef6;background:#fff;padding:30px 15px;min-height:536px;}
.detailbox a{color:#5698DA;}
.detailbox a:hover{text-decoration:underline;}
.detailbox .title{line-height:30px;overflow:hidden;}
.detailbox .title h3{float:left;}
.detailbox .title p{float:right;}
.detailbox .tuwen{line-height:1.8;margin-top:10px;}
.detailbox .tuwen p{padding:5px 0;}
.detailbox .tuwen img{max-width:100%;margin:5px auto;}
.detailbox .zuozhe{padding:20px;margin-top:20px;border:1px solid #e8eef6;line-height:2;}
.detailbox .xiangguan{padding:20px;margin-top:20px;border:1px solid #e8eef6;}
.detailbox .xiangguan h4{font-size:1em;margin-bottom:10px;}
.detailbox .xiangguan ol{list-style:decimal;margin:0;padding:0;margin-left:20px;}
.detailbox .xiangguan li{list-style:decimal;line-height:2;}
/*css media*/
/*css media*/
@media (min-width: 1023px){
	.header .nav{display:block !important;}
}
@media (min-width: 767px){
	.slider-menu ul{display:block !important;}
}
@media (max-width:1150px) {
	.content{width:100%;padding:0 15px;}
	.contactus ul li{margin:0 50px;}
	.successbox .text{width:50%;}
	.successbox .pic{width:50%;}
	.list-bg{font-size:16px;}
	.list-center{width:auto;margin-right:0;float:none;margin-left:220px;}
}
@media (max-width:1023px){
	body{font-size:16px;}
	.wrapperbox{padding-top:50px;}
	.header{height:50px;position:fixed;top:0;left:0;background:#fff;box-shadow: 0 0 3px 2px rgba(0,0,0,0.1);z-index:9;}
	.header .logo{height:50px;}
	.header .logo img{height:30px;margin-top:-15px;}
	.header .nav{position:fixed;height:auto;right:-100%;top:50px;bottom:0;background:rgba(0,0,0,0.5);transition:all 0.3s;-webkit-transition:all 0.3s;border-top:1px solid #ddd;}
	.header .nav.active{right:0;}
	.header .nav .box{width:260px;position:absolute;right:0;top:0;bottom:0;overflow-y:auto;background:#fff;}
	.header .nav ul{padding:0;margin-top:10px;}
	.header .nav li{width:100%;margin-left:0;}
	.header .nav li a{height:50px;line-height:50px;display:block;font-size:16px;color:#000;font-weight:bold;text-align:left;}
	.header .nav li a:hover{color:#000;background:none;}
	.header .nav li a em{display:none !important;}
	.header .nav li:hover>a{background:none;color:#000;}
	.header .nav li.active a{color:#000;background:none;}
	.header .nav li ul{display:block;box-shadow:none;position:relative;border:none;top:0;overflow:hidden;margin-top:0;}
	.header .nav li ul.add{padding:0;}
	.header .nav li ul a{color:#666;font-size:15px;padding:0;padding-left:60px;}
	.header .nav li.active li a{color:#666;}
	.header .nav li li a:hover{background:none;color:#666;}
	.header .nav .box>ul>li:last-child a{color:#8464ff;}
	.header .nav .box>ul>li:last-child a:hover{color:#8464ff;}
	.banner .slick-dots{bottom:3px;}
	.banner .slick-dots li{width:10px;height:10px;}
	.banner .slick-dots li button{width:10px;height:10px;}
	.aboutus .kehu li img{opacity:1;}
	.gongneng8 .pic{max-width:50%;}
	.contactus ul li{margin:0 30px;}
	.successbox .text .ewm .box{width:40%;}
	.successbox .text .ewm .box img{width:100%;}
}
@media (max-width: 767px) {
	body{font-size:15px;padding-bottom:50px;}
	.item-title span{width:50px;height:4px;border-radius:2px;margin:6px auto;}
	.item-title h2{font-size:1.5em;}
	.item-title h3{font-size:1.2em;}
	.item-title p{font-size:1em;}
	.xiaofengyun{padding-top:30px;padding-bottom:30px;}
	.xiaofengyun .item-title{margin-bottom:20px;}
	.xiaofengyun .pic{max-width:90%;margin:auto;float:none;}
	.xiaofengyun .text{position:relative;left:0;width:100%;text-align:center;}
	.xiaofengyun .text li{display:inline-block;line-height:4em;margin:0 5px;}
	.xiaofengyun .info{padding:0 10px;padding-top:10px;}
	.xiaofengyun .info p{margin-bottom:20px;}
	.xiaofengyun .btn a{margin:0 1em;line-height:2.2em;padding:0 2.2em;}
	.chanpin4{padding-top:30px;padding-bottom:30px;}
	.chanpin4 .item-title{margin-bottom:40px;}
	.chanpin4 li{width:47%;margin-left:6%;margin-bottom:20px;padding-top:1.5em;}
	.chanpin4 li:nth-of-type(2n+1){margin-left:0;}
	.chanpin4 li img{width:80%;}
	.chanpin4 li p{max-width:90%;margin:1em auto;}
	.gongneng8{padding-top:30px;padding-bottom:30px;}
	.gongneng8 .item-title{margin-bottom:30px;}
	.gongneng8 .pic{max-width:90%;margin:auto;float:none;}
	.gongneng8 .text{position:relative;left:0;width:100%;}
	.gongneng8 .text li{float:left;margin-right:12px;padding-left:12px;}
	.aboutus .jianjie{padding-top:30px;padding-bottom:30px;}
	.aboutus .jianjie .item-title{margin-bottom:20px;}
	.aboutus .jianjie .box img{margin-top:20px;}
	.aboutus .kehu{padding-top:10px;padding-bottom:30px;}
	.aboutus .kehu .item-title{margin-bottom:20px;}
	.aboutus .kehu li{width:47%;margin-left:6%;}
	.aboutus .kehu li:nth-of-type(2n+1){margin-left:0;}
	.contactus{padding-top:50px;padding-bottom:50px;background-size:cover;}
	.contactus .item-title{margin-bottom:30px;}
	.contactus ul li{margin:0;width:50%;float:left;margin-bottom:30px;}
	.contactus ul li img{margin:auto;margin-bottom:1em;}
	.contactus .formbox{width:100%;}
	.contactus .formbox .input-box{height:60px;margin-top:20px;}
	.contactus .formbox .input-box input{height:60px;font-size:1.2em;}
	.contactus .formbox .input-box span{line-height:60px;font-size:1.2em;padding-left:10px;width:5em;}
	.contactus .formbox .input-box input.code{width:45%;text-indent:5em;}
	.contactus .formbox .input-box input.name, .contactus .formbox .input-box input.phone{text-indent:5em;}
	.contactus .formbox .input-box input.getyzm{width:45%;}
	.contactus .formbox .input-box .resetyzm{width:45%;height:60px;line-height:60px;}
	.contactus .formbox .tishi{height:20px;line-height:20px;background-size:20px 20px;padding-left:30px;}
	.contactus .formbox .sy-btn{font-size:1.2em;}
	.footer{padding-top:50px;}
	.footer h3{font-size:1.2em;margin-bottom:15px;}
	.footer .info{width:100%;}
	.footer .info p{font-size:1em;}
	.footer .ewm{width:100%;padding-top:30px;}
	.footer .ewm img{margin:auto;margin-bottom:10px;}
	.footer .copyright{padding-top:30px;}
	.footer .copyright .beian{padding:15px 0;}
	.fixed-icon{height:50px;right:0;bottom:0;left:0;top:auto;background:#fff;box-shadow: 0 0 3px 2px rgba(0,0,0,0.1);}
	.fixed-icon li{width:49.9%;height:50px;float:left;margin-bottom:0;font-size:12px;}
	.fixed-icon li:before{content:'';display:block;width:1px;border-left:1px dashed #ddd;position:absolute;left:0;top:8px;bottom:8px;z-index:10;}
	.fixed-icon li:first-child:before{display:none;}
	.fixed-icon li a{display:block;height:100%;z-index:9;position:relative;background:#fff;}
	.fixed-icon li i{width:100%;height:30px;border-radius:0;box-shadow:none;margin-bottom:0;margin-top:2px;}
	.fixed-icon li i.icon1{background-size:20px 20px;}
	.fixed-icon li i.icon2{background-size:20px 20px;}
	.fixed-icon li i.icon3{background-size:20px 20px;}
	.fixed-icon .ewm-num{position:absolute;left:0;right:0;bottom:-200px;background:#fff;padding:10px 0;line-height:1.5;box-shadow: 0 0 3px 2px rgba(0,0,0,0.1);
		z-index:6;}
	.fixed-icon .ewm-num em{color:#A164FF;font-size:1.4em;font-weight:bold;}
	.successbox{padding:50px 15px;}
	.successbox .text .title p{font-size:1em;}
	.successbox .pic{width:100%;}
	.successbox .text{width:100%;}
	.successbox .text .ewm .box{float:none;width:100%;margin-right:0;margin-bottom:30px;}
	.successbox .text .ewm .box p{font-size:1em;}
	.successbox .text .ewm .box img{margin:auto;margin-bottom:1em;}
	.list-bg{font-size:15px;}
	.slider-menu{width:100%;position:relative;float:none;}
	.slider-menu h3{background:#5698da;}
	.slider-menu ul{position:absolute;left:0;top:42px;right:0;display:none;z-index:8;box-shadow: 0 0 3px 2px rgba(0,0,0,0.1);
		height:369px;overflow:auto;}
	.list-center{margin-left:0;}
        .list-center .site-search{display:none;}
	.list-center .site-search .search{width:100%;}
}
@media (max-width: 374px) {
	body{font-size:12px;}
	.list-bg{font-size:12px;}
}
@media (max-width: 767px){
.detailbox .tuwen img {
    height: auto !important;
}
}