﻿@charset "utf-8";

html,body{height:100%;}

body{padding:152px 0 0 0; margin:0px auto; font-size:16px; line-height:30px; color:#333333; width:100%; min-width:1280px; zoom:1;font-family: Microsoft YaHei,arial, sans-serif; background:#fff;}
ul,li,form, dl,dt,dd,div,ul,li,p,em,i,address{ font-style:normal; list-style:none; padding: 0px; margin: 0px;}
h1,h2,h3,h4,h5,h6{ padding:0px; margin:0px;}
select,input,textarea,button{ font-size:14px; border-radius:0; -webkit-border-radius:0; color:#545454;font-family: Microsoft YaHei,arial, sans-serif;}
input:focus { outline: none;}
input,button,select,textarea{ border:0px;outline:none;/*-webkit-appearance:none;*//*强制去除表单自带的样式*/}
button{ cursor:pointer;}
textarea{resize:none;/*-webkit-appearance:none;*//*强制去除textarea自带的样式*/}
textarea,input,select { background:none; border:none; margin:0; padding:0;}
article,aside,footer,header,hgroup,nav,section,figure,fxigcaption,address{ display: block;} /*html5设置*/
figure,figcaption{ margin:0px; padding:0px;}
audio,canvas,progress,video { display: inline-block; vertical-align: baseline;}
img{ max-width:100%; border:none; border:0;  vertical-align:top;}
a{ color:#333333; text-decoration:none; noline:-webkit-tap-highlight-color:rgba(0,0,0,0);transition: all ease 0.3s;}
a:focus {outline:none; -moz-outline:none;}
a:hover{ text-decoration:none; color:#0091df;}
/**:hover{transition: all ease 0.3s;}*/

/*input字体*/
:-moz-placeholder {color: #999999;}
::-moz-placeholder {color: #999999;}
input:-ms-input-placeholder,
textarea:-ms-input-placeholder {color: #999999;}
input::-webkit-input-placeholder,
textarea::-webkit-input-placeholder {color: #999999;}

select {
	/*Chrome和Firefox里面的边框是不一样的，所以复写了一下*/
	border: solid 1px #d9d9d9; text-indent:1em;
	/*很关键：将默认的select选择框样式清除*/
	appearance: none; color:#999999;
	-moz-appearance: none;
	-webkit-appearance: none;
	/*在选择框的最右侧中间显示小箭头图片*/
	background: url(../images/selectarr.png) no-repeat scroll 95% center transparent;
	/*为下拉小箭头留出一点位置，避免被文字覆盖*/
	padding-right: 14px;
}

/*清除ie的默认选择框样式清除，隐藏下拉箭头*/
select::-ms-expand {
display: none;
}

/*网页滚动条*/
::-webkit-scrollbar{
            width: 6px; height:6px;-webkit-overflow-scrolling : touch;
            background-color: #e6e6e6;}
::-webkit-scrollbar-track{
            background-color: #e6e6e6;}
::-webkit-scrollbar-thumb{
            border-radius: 10px;
            background-color: #58504a;}
::-webkit-scrollbar-button{
            height: 0px;
            background-color: #e6e6e6;}

/*公用样式*/
.fl{ float:left;}.fr{ float:right;}.tl{ text-align:left !important;}.tr{ text-align:right;}.tc{ text-align:center !important;}
.hide{ display:none;}
.block{ display:block;}
.clear{ clear:both;}
.clearfix{overflow:hidden;_zoom:1;}
.clearfix:after{ content: ''; display: block; clear: both; height: 0; visibility: hidden; }
.clearfix{*zoom:1;}.relative{ position:relative;}
.bodyon{ overflow:hidden;}
.Contain{ z-index:1; position:relative; clear:both; max-width:1360px; margin:0px auto;}
.Contain2{ z-index:1; position:relative; clear:both; max-width:1200px; margin:0px auto;}

/*font*/
.f_gray{ color:#333333;}
.iconfont{ font-size:24px; vertical-align:middle;}
.tit{ display:block;text-overflow:ellipsis; white-space:nowrap; *white-space:nowrap; overflow:hidden; width:100%;}
.p{overflow: hidden;word-break:normal;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-box-orient: vertical;}

@media ( max-width:1366px){
.Contain{max-width:90%;}
}
@media ( max-width:1024px){
.iconfont{ font-size:18px;}
body{ font-size:14px; padding-top:45px; line-height:24px;min-width:300px;}	
.Contain,.Contain2{max-width:none; margin:0 15px;}
select,input,textarea,button{ font-size:14px;}
}
/*effict*/
.Scale-img {overflow: hidden;cursor: pointer; zoom:1; overflow: hidden;}
.Scale-img img,.Scale-img span {opacity: 1;-webkit-transition: opacity 0.6s, -webkit-transform 0.6s;transition: opacity 0.6s, transform 0.6s;}
.Scale-img:hover img,.Scale-img:hover span {opacity: 1;-webkit-transform: scale3d(1.05,1.05,1.05);transform: scale3d(1.05,1.05,1.05); top:0px; left:0px;}
.effict{transition: all ease 0.3s;}
.imgbox{ overflow:hidden; position:relative; /*background:url(../uploadfiles/nopic.jpg) center center no-repeat; background-size:contain;*/}
.imgbox span{ background-position:center center; background-repeat:no-repeat; background-size:cover; position:absolute; left:0px; top:0px; width:100%; height:100%;display: flex;align-items: center;justify-content: center;}
.imgbox img{ width:auto !important; max-height:100%;}


/*pages*/
.Pages{ zoom:1; overflow:hidden;text-align:center; color:#666666; clear:both; line-height:34px; font-size:18px;}
.Pages span{ padding:0px 0px; display:inline-block; vertical-align:middle;}
.Pages a{ display:inline-block; margin:0px 4px;text-align:center;color:#666666; border-radius:5px; border:1px solid #bfbfbf; width:34px; height:34px;}
.Pages .p_page a{ display:inline-block; vertical-align:middle; background-position:center center; background-repeat:no-repeat;}
.Pages .p_page .a_prev,.Pages .p_page .a_first{ background-image:url(../images/arrleft.png);}
.Pages .p_page .a_next,.Pages .p_page .a_end{ background-image:url(../images/arrright.png);}
.Pages .p_page .a_prev:hover,.Pages .p_page .a_first:hover{ background-image:url(../images/arrleft2.png); color:#fff; background-color:#0091df; border:1px solid #0091df;;}
.Pages .p_page .a_next:hover,.Pages .p_page .a_end:hover{ background-image:url(../images/arrright2.png); color:#fff; background-color:#0091df; border:1px solid #0091df;}
.Pages .p_page .num a:hover,.Pages .p_page .num a.a_cur{color:#0091df;border:1px solid #0091df; background:#0091df; color:#fff;}

@media ( max-width:1024px){
.Pages{line-height:24px; font-size:14px;}
.Pages a{ margin:0px 1px; width:24px; height:24px;}
.Pages .p_page .num a{ padding:0 4px;}
}
/*pages end*/


/*Top*/
.Header{ height:150px; position:fixed; width:100%; left:0; top:0; background:#fff; box-shadow:0 0 10px rgba(0,0,0,0.2); z-index:100;}
.Header .Toper{ line-height:36px; height:92px; position:relative; z-index:100;}
.Header .Logo{ float:left; padding-top:9px;}
.Header .right{ float:right; padding-top:28px; width:65%;}
.Header .right p{ float:right; margin-right:4px;}
.Header .right a{ position:relative; display:inline-block; margin-right:35px; color:#666666; z-index:100;}
.Header .right a:hover{color:#0091df;}
.Header .right a .ewm{ opacity:0; visibility:hidden; max-width:none; border:5px solid #fff; z-index:100; position:absolute; left:-16px; top:70px;transition: all ease 0.3s;}
.Header .right a .ewm img{ max-width:none; width:100px; height:100px;}
.Header .right a .ewm:after{ content:""; position:absolute; left:50%; top:-12px; width:11px; height:7px; background:url(../images/arr.png);}
.Header .right .wxgzh.on .ewm{ opacity:1; visibility:visible;top:40px;}

.Search{float:right;}
.Search .Searchico{ cursor:pointer; display:none; color:#0091df;}
.Search .Searchico .icongb1{ display:none;}
.Search .Searchico.on .icongb1{ display:block;}
.Search .Searchico.on .iconso{ display:none;}
.Search .Searchico .iconfont{ font-size:30px;}
.Search .searchbox{width:242px;position:relative;}
.Search .searchbox .input{ background:#fff;width:99.5%; height:34px; line-height:34px; text-indent:1em; border:1px solid #dcdcdc; border-radius:4px;}
.Search .searchbox .input::-webkit-input-placeholder {color: #959595;}
.Search .searchbox .btn { position:absolute; right:0; top:0; width:60px; height:36px; color:#fff; background:#0091df; border-radius:0 4px 4px 0;}
.Search .searchbox .btn:hover { background:#00a6ff;}

.MainNav{ line-height:60px; height:60px; background:#0091df;}
.MainNav li{ float:left; width:14.285%; position:relative; z-index:100;}
.MainNav span a{ position:relative; z-index:1;display:block; text-align:center; color:#fff; transition: all ease 0.3s;}
.MainNav span a:after{ content:""; width:1px; height:18px; font-size:0; background:#66bdec; position:absolute; top:21px; right:0;}
.MainNav span a em{ position:relative; z-index:1;}
.MainNav .bg{ position:absolute; left:50%; width:0; bottom:0; height:100%; background:#41aaed;transition: all ease 0.3s;}
.MainNav .arr{ display:none;}
.MainNav li:last-child a:after{ display:none;}
.MainNav li:hover .bg,.MainNav li.onnav .bg,.MainNav li span a.bg{ width:100%; left:0;}
.MainNav p{ display:none;}
.MainNav p a .ewm{ opacity:0; visibility:hidden; max-width:none; border:5px solid #fff; z-index:100; position:absolute; left:-16px; top:70px;transition: all ease 0.3s;}
.MainNav p a .ewm img{ max-width:none; width:100px; height:100px;}
.MainNav p a .ewm:after{ content:""; position:absolute; left:50%; top:-12px; width:11px; height:7px; background:url(../images/arr.png);}
.MainNav p a{ position:relative;}
.MainNav p .wxgzh.on .ewm{ opacity:1; visibility:visible;top:40px;}

.NavPull{ z-index:99;display:none; position:absolute; text-align:center; top:60px; left:0;width:100%; padding:5px 0; line-height:33px; background:rgba(255,255,255,0.9); box-shadow:0 5px 15px rgba(0,0,0,0.2);}
.NavPull.null{background:none; padding:0;}
.NavPull dd{ margin:0 10px; position:relative;}
.NavPull a{ color:#333; padding:0; display:block; font-size:15px; margin:0 5px; padding:4px 0;}
.NavPull a:hover,.NavPull dd:hover a{ background:#0091df; color:#fff;}
.NavPull dd dl{ opacity:0; visibility:hidden; position:absolute; left:105.5%; padding:5px; top:40px; width:120px; background:rgba(255,255,255,0.9);transition: all ease 0.3s;}
.NavPull dd dl a{ background:none !important; color:#333 !important;}
.NavPull dd dl a:hover{ background:#0091df !important; color:#fff !important;}
.NavPull dd dl dd{ margin:0 5px;}
.NavPull dd:hover dl{ opacity:1; visibility:visible; top:-5px;}

.openbtn{ cursor:pointer; display:none;width:32px; height:25px; padding-top:1px; background:#fff; position:absolute; right:12px; top:13px; z-index:999;}
.closebtn{ position:fixed; left:0px; top:45px; width:100%; height:100%; z-index:10; display:none;background: rgba(0,0,0,0.5);}
.openbtn span{ display:block; height:3px; background:#0091df; border-radius:4px; margin:4px;transition: all ease 0.3s;}
.openbtn.on .sp1 {
	-webkit-transform: translate(0, 7px) rotate(45deg) !important;
	-moz-transform: translate(0, 7px) rotate(45deg) !important;
	-ms-transform: translate(0, 7px) rotate(45deg) !important;
	-o-transform: translate(0, 7px) rotate(45deg) !important;
	transform: translate(0, 7px) rotate(45deg) !important;}
.openbtn.on .sp2 {
	-webkit-transform: translate(0, 0) rotate(-45deg) !important;
	-moz-transform: translate(0, 0) rotate(-45deg) !important;
	-ms-transform: translate(0, 0) rotate(-45deg) !important;
	-o-transform: translate(0, 0) rotate(-45deg) !important;
	transform: translate(0, 0) rotate(-45deg) !important;}	
.openbtn.on .sp3 { display:none;}

@media ( max-width:1366px){
.Header .Logo{ width:25%; padding-top:26px;}
}

@media ( max-width:1024px){
.Header{height:50px;}
.Header .Toper{ font-size:12px; line-height:25px;}.Header .Toper em{ display:none;}
.Header .Logo{ padding-top:10px; width:auto;}
.Header .Logo img{ height:30px;}
.Header .right{ padding-top:14px;}
.Header .right a{margin-right:8px;}
.Header .openbtn{ display:block;}
.Search{ padding:0 38px 0 0 !important;}
.Search .Searchico{ display:block;}
.Search .Searchico .iconfont{ font-size:24px;}
.Search .searchbox{ width:94%; left:3%; top:50px !important; display:none; position:absolute;}
.Search .select{ line-height:28px;}
.MainNav{ position:fixed; height:100%; overflow-y:auto; z-index:999; width:200px; padding:0; right:-200px;background: #fff;top:45px;visibility: hidden;opacity: 0;filter: alpha(opacity=0);transition: all ease 0.3s; box-shadow:0 0 10px rgba(0,0,0,0.2);}
.MainNav ul{ padding-top:30px;}
.MainNav li{ display:block; position:relative; cursor:pointer; float:none; border-bottom:1px solid #e9e9e9;border-top:1px solid #f9f8f6; width:auto; margin:0; background:none;}
.MainNav li span a{ font-size:16px; text-align:left; height:auto; display:block; line-height:28px !important; height:auto !important; height:auto; padding:8px 0 8px 5px;  border:0; color:#999;}
.MainNav span a:after{ display:none;}
.MainNav .bg{ display:none}
.MainNav li:hover span a,.MainNav li.onnav span a,.MainNav li span a.sele{ color:#1a1a1a;}
.MainNav .arr{ display:inline-block; position:absolute; z-index:2; width:100px; line-height:38px; right:0px; top:0px;}
.MainNav .arr i{ position:absolute; height:auto; background:none; right:0px; top:5px;transition: all ease 0.3s;}
.MainNav li.onnav .arr i{dis-moz-transform: translate(0, -3px) rotate(-180deg) !important;
	-ms-transform: translate(0, -3px) rotate(-180deg) !important;
	-o-transform: translate(0, -3px) rotate(-180deg) !important;
	transform: translate(0, -3px) rotate(-180deg) !important;}
.MainNav.on{visibility: visible;opacity: 1;filter: alpha(opacity=100); right:0;}

.NavPull{ position:static; line-height:30px; padding:8px; width:auto; text-align:left;}
.NavPull dl{ padding:0 !important;}
.NavPull dd{ position:relative; text-align:left; display:block;}
.NavPull dd a{ padding:0;}
.NavPull dd dl{ opacity:1; visibility:visible; position:static; margin-left:15px;}

}
@media ( max-width:640px){
.Header .right{ width:auto;}
.Header .right p{ display:none;}
.MainNav p{ display:block; text-align:center; font-size:12px;}
.MainNav p a{ margin:0 4px;}
}

/*留言弹窗*/
.popbg{ display:none; background:rgba(0,0,0,0.5); width:100%; height:100%; left:0; top:0; z-index:101; position:fixed;}
.Popbox{ display:none; border-radius:12px; position:absolute; left:50%; top:50%; position:fixed; width:512px; margin:-200px 0 0 -256px; background:#fff; z-index:102;}
.Popbox a.close{ color:#fff; font-weight:bold; position:absolute; right:0; top:-35px;}
.Popbox a.close .iconfont{ font-size:30px;}
.Popbox .tithead{ color:#fff; line-height:64px; text-align:center; font-size:24px; border-radius:12px 12px 0 0; background:#0091df;}
.Popbox .tithead .iconfont{ font-size:36px; margin-right:5px;}
.Popbox .box{ padding:32px 44px;}
.Popbox .item{ margin-bottom:13px; position:relative;}
.Popbox .item .ti{ position:absolute; left:13px; line-height:34px; top:0; font-size:14px; color:#666;}
.Popbox .input{ width:99.5%; border:1px solid #e5e5e5; border-radius:6px; height:34px; line-height:34px; text-indent:4em;}
.Popbox .input::-webkit-input-placeholder,.Popbox textarea::-webkit-input-placeholder{color: #666666;}
.Popbox .textarea{ border:1px solid #e5e5e5; border-radius:6px; padding:10px 12px 10px 55px; height:88px;}
.Popbox .textarea textarea{ width:100%; height:88px;}
.Popbox .textarea .ti{ top:2px;}
.Popbox .btn{ margin-bottom:0; padding-top:17px; text-align:center;}
.Popbox .sendbtn{ color:#fff; border-radius:5px; background:#0091df; width:108px; height:36px;}
.Popbox .sendbtn:hover{ background:#0ca7fa;}

@media ( max-width:640px){
.Popbox{ width:90%; left:5%; margin-left:0;}
.Popbox .tithead{line-height:50px; font-size:18px;}
.Popbox .tithead .iconfont{ font-size:28px;}
}

/*Top*/


/*Bottom*/
.Footer{ position:relative; background:url(../images/footbg.jpg) center top no-repeat; padding:40px 0 146px;}
.Footer .contact{ float:left; line-height:34px; color:#333333;}
.Footer .contact .iconfont{ font-size:22px; color:#0091df; display:inline-block; margin-right:12px;}

.Footer .right{ width:50%; float:right; text-align:right;}
.Footer .nav{ line-height:57px;}
.Footer .nav i{ display:inline-block; text-align:center; width:1px; height:16px; font-size:0; vertical-align:middle; background:#b4b9bd; margin:0 27px;}
.Footer .nav a{ font-size:18px;}
.Footer .copyright{ font-size:14px; margin-bottom:13px; line-height:20px; color:#7c7f81;}
.Footer .copyright a{color:#7c7f81;}.Footer .copyright a:hover{color:#0091df;}
.Footer .bshare-custom a{ padding-left:0; display:inline-block; width:27px; height:27px; margin-left:22px;}
.Footer .bshare-custom a.bshare-weixin{background:url(../images/ico/wx.png);}
.Footer .bshare-custom a.bshare-sinaminiblog{background:url(../images/ico/sina.png);}


.OrderForm{ width:100%; position:fixed; left:0; bottom:0; z-index:100; background:#0091df; color:#fff; height:60px;}
.OrderForm .logo{ width:366px; float:left; height:60px; border-right:1px solid #fff;}
.OrderForm .logo img{ margin-top:-46px;}
.OrderForm .form{ padding:15px 0 0 52px; font-size:20px; float:left;}
.OrderForm .form .span{ display:inline-block; padding-right:38px;}
.OrderForm .form .input{ width:170px; height:30px; line-height:30px; font-size:14px; text-indent:1em; border-radius:14px; background:#fff; margin-right:20px;}
.OrderForm .form .btn{ width:110px; height:30px; border-radius:15px; color:#0091df; background:#fff;}
.OrderForm .form .btn:hover{ background:#d2edff;}
.OrderForm .close{ text-align:center; color:#fff; right:0; top:-38px; width:28px; height:28px; line-height:25px; border-radius:50%; position:absolute; background:rgba(0,0,0,0.25);}
.OrderForm .close .iconfont{ font-size:14px;}
.OrderForm .close:hover{background:rgba(0,0,0,0.5);}
.Orderbtn{ z-index:100; position:fixed; bottom:0; left:-100%; width:30px; padding:12px 5px; line-height:22px; color:#fff; background:#0091df; border-radius:0 5px 5px 0;}
.Orderbtn:hover{ color:#ffcc00;}

.totop{text-align: center; position:fixed; bottom:60px; right:0; width:45px; height:45px; line-height:45px; color:#fff; cursor: pointer;overflow: hidden;visibility: hidden;opacity: 0;-webkit-transition: all 0.3s;-moz-transition: all 0.3s;transition: all 0.3s; background:#999; z-index:999;}
.totop.cd-is-visible {visibility: visible;opacity: 1; cursor:pointer;}
.totop:hover{ color:#fff; background:#0091df;}

@media ( max-width:1024px){
.Footer{ padding:15px 0 100px;}
.Footer .contact{ line-height:24px;}

.Footer .nav{ line-height:40px;}
.Footer .nav i{ margin:0 5px;}
.Footer .nav a{ font-size:15px;}

.OrderForm .logo { width:200px;}
.OrderForm .logo img{ width:90%; margin-top:-11px;}
.OrderForm .form{ font-size:16px; padding-left:15px;}
.OrderForm .close{ right:25px;}
.OrderForm .form .span{ padding-right:15px;}
.OrderForm .form .input{ margin-right:10px;}
.totop{width:30px; height:30px; line-height:30px;}
}
@media ( max-width:800px){
.OrderForm { height:72px;}
.OrderForm .logo{ display:none;}
.OrderForm .form{ float:none; padding:7px 0 0 0;}
.OrderForm .form .input{ width:36.5%; margin:0;}
.OrderForm .form .span{ display:block;}
.OrderForm .form .btn{ position:absolute; right:0; width:22%; font-size:12px;}
.totop { bottom:72px;}
}
@media ( max-width:767px){
.Footer .contact{ float:none;}
.Footer .right{ width:auto; float:none; text-align:center;}
.Footer .nav{ line-height:25px; padding:5px 0;}
.Footer .copyright{ font-size:12px;}
}
/*Bottom*/


/*首页 s*/
.itemhover{transition: all ease 0.3s;}
.activehover{-webkit-box-shadow: 0 15px 30px rgba(0,0,0,0.5);
	box-shadow: 0 15px 30px rgba(0,0,0,0.1);
	-webkit-transform: translate3d(0, -2px, 0);
	transform: translate3d(0, -2px, 0);}


/*第一屏 s*/
.HomeBan{position: relative; z-index: 1; overflow:hidden; clear:both;}
.HomeBan .slick-slide img{ width:100%;}
.HomeBan .slick-dots{position: absolute; z-index: 10; bottom: 38px; left: 0; width:100%; text-align:center;}
.HomeBan .slick-dots li{ display:inline-block; margin:0 8px 0 8px;}
.HomeBan .slick-dots li button{display: block; width: 48px; height: 4px; border-radius:0; background:#fff; cursor: pointer; padding: 0; font-size: 0;}
.HomeBan .slick-dots li.slick-active button{ background:#0091df;}
.HomeBan .slick-arrow{ font-size:0; z-index:10;position: absolute; top: 50%; margin-top: -29px; background:rgba(255,255,255,0.5); width: 58px; height: 58px; line-height:58px; border-radius:50%;cursor: pointer; padding: 0;transition: all ease 0.3s; border:0;}
.HomeBan .slick-prev{ left:-100px;}
.HomeBan .slick-next{ right:-100px;}
.HomeBan:hover .slick-prev { left:4%;}
.HomeBan:hover .slick-next { right:4%;}
.HomeBan .slick-arrow:hover{ background:#007eca; color:#fff;}

.HomeTit{ text-align:center; padding-bottom:35px;}
.HomeTit h2{ line-height:53px; font-size:32px; color:#333333;}
.HomeTit h2 i{ display:inline-block; width:58px; height:1px; vertical-align:middle; font-size:0; background:#61abdb; margin:0 30px;}
.HomeTit p{ line-height:22px; text-transform:uppercase; color:#999999;}

.HomeNews{ background:url(../images/newsbg.jpg) center top no-repeat; background-size:cover; padding:4% 0 4.5%;}
.HomeNews .Nav{ width:50%; position:absolute; left:50%; top:0; height:43px; border-bottom:1px solid #dde5eb;}
.HomeNews .Nav li{ float:left; margin-right:50px; font-size:22px; cursor:pointer;}
.HomeNews .Nav li.on{ color:#0080d2; border-bottom:2px solid #0080d2; height:42px;}
.HomeNews .List{ width:50%; float:right; padding-top:68px;}
.HomeNews .List .li{ height:33px; line-height:33px; padding:0 80px 0 16px; position:relative; background:url(../images/dot2.gif) 0px center no-repeat;}
.HomeNews .List .li:hover{background:url(../images/dot02.gif) 0px center no-repeat;}
.HomeNews .List .li .date{ position:absolute; right:0; top:0; font-size:14px; color:#666666;}
.HomeNews .List .top{ position:relative; line-height:24px; font-size:14px; height:133px; border-bottom:1px solid #dde5eb; margin-bottom:15px; padding-left:177px;}
.HomeNews .List .top .imgbox{ position:absolute; left:0; top:0; width:156px; height:110px;}
.HomeNews .List .top .tit{ font-size:16px; line-height:20px; font-weight:bold; margin-bottom:8px;}
.HomeNews .List .top .p{ height:48px; color:#333333;-webkit-line-clamp: 2; margin-bottom:15px;}
.HomeNews .List .top .date{ color:#666666;}
.HomeNews .mores{ clear:both; padding-top:31px;}
.HomeNews .mores a{ display:block; margin:0px auto; text-align:center; color:#0091df; border:1px solid #0091df; border-radius:4px; width:126px; line-height:38px;}
.HomeNews .mores a:hover{ background:#0091df; color:#fff; border:1px solid #0091df;}
.nones{ position:absolute; visibility:hidden; opacity:0; width:100%;}

.NewsFocus{ overflow:hidden; width:46%; float:left;}
.NewsFocus .slick-slide{ position:relative;}
.NewsFocus .imgbox{ padding-top:380px;}
.NewsFocus .ti{ position:absolute; z-index:2; width:94%; padding:0 3%; bottom:0; line-height:50px; background:rgba(0,0,0,0.8); color:#fff;}
.NewsFocus .slick-dots{position: absolute; z-index: 10; bottom: 59px; left:auto; right: 20px; width:80%; text-align:right;}
.NewsFocus .slick-dots li{ display:inline-block; margin:0 10px 0 0;}
.NewsFocus .slick-dots li button{display: block; width: 10px; height: 10px; background:#fff; cursor: pointer; padding: 0; font-size: 0;}
.NewsFocus .slick-dots li.slick-active button{ background:#0091df;}
.NewsFocus .slick-arrow{ font-size:0; z-index:10;position: absolute; top: 50%; margin-top: -29px; background:rgba(255,255,255,0.5); width: 58px; height: 58px; line-height:58px; border-radius:50%;cursor: pointer; padding: 0;transition: all ease 0.3s; border:0;}
.NewsFocus .slick-prev{ left:-100px;}
.NewsFocus .slick-next{ right:-100px;}
.NewsFocus:hover .slick-prev { left:4%;}
.NewsFocus:hover .slick-next { right:4%;}
.NewsFocus .slick-arrow:hover{ background:#007eca; color:#fff;}

@media ( max-width:1024px){
.HomeBan .slick-dots{bottom: 15px;}
.HomeBan .slick-dots li button{width: 15px; height: 2px;}
.HomeBan .slick-arrow,.NewsFocus .slick-arrow{ display:none !important;}
.HomeTit{padding-bottom:20px;}
.HomeTit h2{ line-height:30px; font-size:18px;}
.HomeTit h2 i{ width:30px;margin:0 10px;}
.HomeNews .Nav{ height:30px;}
.HomeNews .Nav li{ margin-right:15px; font-size:16px;}
.HomeNews .Nav li.on{height:29px;}
}
@media ( max-width:768px){
.HomeNews .Nav{ text-align:center; position:static; margin-bottom:18px; width:auto;}
.HomeNews .Nav li{ display:inline-block; float:none; margin:0 15px;}
.HomeNews .List{ width:auto; float:none; padding-top:0;}
.NewsFocus{ width:auto; float:none; margin-bottom:18px;}
.NewsFocus .imgbox{ padding-top:65%;}
.NewsFocus .ti{ line-height:30px;}
.NewsFocus .slick-dots{ bottom:40px;}
.HomeNews .List .top{ padding-left:130px; height:102px;}
.HomeNews .List .top .imgbox{ width:120px; height:85px;}
.HomeNews .List .top .tit{ font-size:15px; margin-bottom:4px;}
.HomeNews .List .top .p{ line-height:20px; height:40px; margin-bottom:4px;}
.HomeNews .List .li{ height:30px; line-height:30px;}
.HomeNews .mores a{ width:100px; line-height:31px;}
.HomeNews .mores{ padding-top:18px;}
}

.HomeBxts{ overflow:hidden; padding-bottom:4.5%;}
.HomeBxts .tithead{ background-position:center top; background-size:cover; color:#fff; padding-top:77px; height:211px;}
.HomeBxts .tithead h2{ line-height:41px; font-size:32px;}
.HomeBxts .tithead p{ text-transform:uppercase; line-height:34px;}
.HomeBxts .tithead p i{ display:block; width:58px; height:19px; border-bottom:1px solid #fff;}
.HomeBxts a.more{ position:absolute; right:0; top:29px; text-align:center; color:#fff; border-radius:4px; width:128px; line-height:40px; background:#0091df;}
.HomeBxts a:hover.more{background:#13acff;}
.HomeBxts li{ width:50%; float:left; position:relative;}
.HomeBxts a{ display:block;}
.HomeBxts .imgbox{ padding-top:244px;}
.HomeBxts .bg{ position:absolute; left:0; top:0; width:100%; height:100%; z-index:2;background: linear-gradient(rgba(0,0,0,0),rgba(0,0,0,0.5));}
.HomeBxts .info{ line-height:28px; color:#fff; position:absolute; left:10%; width:85%; bottom:6%; z-index:3;}
.HomeBxts .info i{ display:block; line-height:37px; font-size:24px;}
.HomeBxts a:hover .info i{ color:#ffcc00;}
.HomeBxts li.li1 .imgbox{ padding-top:488px;}

.HomeStyle{ padding:4% 0 4.5%; background:url(../images/stylebg.jpg) center top no-repeat; background-size:cover;}
.HomeStyle .item{ margin:0 10px; padding-bottom:50px;}
.HomeStyle .imgbox{ padding-top:72%;}
.HomeStyle .info{ background:#fff; padding:6px 12px 0; height:60px;}
.HomeStyle .tit{ line-height:28px;}
.HomeStyle .tit i{ width:0; display:inline-block; vertical-align:middle; font-size:0; height:1px; margin:-3px 10px 0 0; background:#822443;transition: all ease 0.3s;}
.HomeStyle .date{ color:#999999; font-size:14px; line-height:19px;}
.HomeStyle .slick-slide a{ display:block;}
.HomeStyle .slick-slide:hover .tit i{ width:12px;}
.HomeStyle .slick-slide a:hover{
-webkit-box-shadow: 0 4px 16px rgba(0,0,0,0.1);
box-shadow: 0 4px 16px rgba(0,0,0,0.1);
-webkit-transform: translate3d(0, -2px, 0);
transform: translate3d(0, -2px, 0);}
.HomeStyle .slick-arrow{ margin-top:-65px; background:#fff;}
.HomeStyle .slick-arrow:hover{ background:#0080d2; color:#fff;}
.HomeStyle .slick-dots li button{ background:#fff;}
.HomeStyle .slick-dots li.slick-active button{ background:#0080d2;}

.Homezs{ overflow:hidden; background-position: center top; background-repeat:no-repeat; background-size:cover; color:#fff; text-align:center;padding:4% 0 4.5%;}
.Homezs .HomeTit h2{color:#fff;}
.Homezs .HomeTit h2 i{background:#fff;}
.Homezs .HomeTit p{ color:#cccccc;}
.Homezs .txt{ line-height:32px; padding-bottom:53px;}
.Homezs .btn a{ background:#fff; display:inline-block; vertical-align:middle; border-radius:5px; width:168px; line-height:46px; color:#0091df; margin:0 5px 0 6px;}
.Homezs .btn a:hover{ background:#0091df; color:#fff;}


@media ( max-width:1024px){
.HomeBxts .tithead{padding-top:25px; height:120px;}
.HomeBxts .tithead h2{ line-height:30px; font-size:18px;}
.HomeBxts .tithead p i{width:30px; height:10px;}
.HomeBxts a.more{top:15px; width:100px; line-height:31px;}
.HomeBxts .info{ font-size:12px; line-height:20px;}
.HomeBxts .info i{ font-size:18px; line-height:24px;}

.HomeStyle .slick-arrow{ display:none !important;}
}
@media ( max-width:640px){
.HomeBxts{ padding-bottom:25x;}
.HomeBxts li.li1{ width:auto; float:none;}
.HomeBxts li.li1 .imgbox{ padding-top:65%;}
.HomeBxts .imgbox{ padding-top:100%;}
.HomeBxts .info{ line-height:15px;}
.HomeBxts .info i{line-height:20px; font-size:15px;}
.HomeStyle .item{ padding-bottom:30px;}
.HomeNews,.HomeStyle,.Homezs { padding:25px 0;}
.Homezs .txt{ line-height:20px; padding-bottom:20px;}
.Homezs .btn a{ width:100px; line-height:30px;}
}

/*首页 end*/


/*栏目页公用样式 s*/
.SubPage{ height:auto !important; height:200px; min-height:200px; padding-bottom:3.1%;}
.SubBan { position:relative;}
.SubBan .img img{ width:100%;}

.ColumnName{ font-weight:normal; font-size:15px; color:#fff;height:130px; padding:28px 0 0 29px; background:#0091df url(../images/logobg.png) right bottom no-repeat; margin:-158px 0 20px; position:relative; z-index:100; line-height:36px;}
.ColumnName h2{ font-weight:normal; font-size:30px;}
.ColumnName h2 span{ font-weight:bold; display:block; font-family:Arial, Helvetica, sans-serif; font-size:24px;}
.ColumnName h2 .line{ display:block; width:30px; height:26px; border-bottom:2px solid #fff;}

.ColumnName .arr{ display:none; position:absolute; width:100%; height:100%; text-align:right; right:0; top:0;transition: all ease 0.3s;}
.ColumnName .iconfont{ font-size:24px; display:inline-block; margin:8px 10px 0 0;}

.SubMenu{line-height:47px;clear:both; position:relative; z-index:5; width:20%; float:left;transition: all ease 0.3s;}
.SubMenu ul{ box-shadow:0 6px 12px rgba(0,0,0,0.1); padding-bottom:20px;}
.SubMenu li{position:relative;}
.SubMenu li a{position:relative; z-index:1; display:block; padding:0 30px; color:#333333;}
.SubMenu li em{ position:relative; z-index:1;}
.SubMenu li .bg{ position:absolute; z-index:0; width:0; top:0px; height:47px; left:0; background:#0091df;transition: all ease 0.3s; font-size:0;}
.SubMenu li:hover .bg,.SubMenu li.onli .bg{ width:100%;}
.SubMenu li a:hover,.SubMenu li.onli a{ color:#fff;}
.SubMenu li:hover:after,.SubMenu li.onli:after{ content:""; position:absolute; background:url(../images/menuarr.png); width:7px; height:11px; right:12px; top:50%; margin-top:-5px;}
.SubMenu dl{ display:none;}
.SubMenu li.onli dl{ display:block; line-height:32px; padding:10px 0 10px 48px;}
.SubMenu li.onli dl a{ color:#666666; padding:0;}
.SubMenu li.onli dl a.on,.SubMenu li.onli dl a:hover{ color:#333333; background:url(../images/dot.gif) 0px center no-repeat; padding-left:14px;}

.SinglePage{word-wrap:break-word;word-break:normal;text-align:justify; line-height:36px; color:#333333;}
.SinglePage video{ width:80% !important; margin:0px auto; height:auto !important;}
.newsinfo{ width:768px; margin:0px auto;}

.SubTit{}
.SubTit h2{ line-height:28px; font-size:18px; color:#333333; margin-bottom:8px;}
.SubTit h2 i{ display:inline-block; vertical-align:middle; width:4px; height:18px; background:#0091df; margin-right:11px;}

.RightCon{ width:76%; float:right;}

.Position{ padding-top:9px; border-bottom:1px solid #dcdcdc; line-height:66px; margin-bottom:30px;}
.Position h2{ float:left; border-bottom:2px solid #0091df; font-size:24px; font-weight:normal;}
.Position .place{ float:right; font-size:14px;}
.Position .place .iconfont{ text-align:center; font-size:19px; display:inline-block; width:30px; height:30px; line-height:30px; border-radius:50%; background:#f0f0f0; color:#a8a8a8;}
.Position .place a{ display:inline-block; background:url(../images/line.gif) right center no-repeat; padding-right:28px; margin-right:11px;}
.Position .place span{ color:#0091df;}

.VideoInfo{ width:55%; margin:25px auto; position:relative;}
.VideoInfo video{object-fit: fill;}
.VideoInfo .title{ color:#fff; text-align:center; font-size:18px; padding-top:10px;}
.mfp-close{ border-radius:50%; background:#0080af; font-size:40px; color:#fff; font-weight:bold; opacity:1; width:39px; height:39px; position:absolute; right:0px; top:0px;}
.mfp-close-btn-in .mfp-close{ color:#fff !important;}

@media ( max-width:1024px){
.ColumnName{height:80px; padding:12px 0 0 12px; margin:-60px 0 10px; line-height:24px;}
.ColumnName h2{font-size:18px;}
.ColumnName h2 span{ font-size:16px;}
.ColumnName h2 .line{width:20px; height:10px;}
.SubMenu{ line-height:34px;}
.SubMenu li .bg{height:34px;}

.SubPage{ padding-bottom:25px;}
.SinglePage{ line-height:24px; font-size:14px;}
.SinglePage video{ width:100% !important;}
.SinglePage img{ width:auto !important; height:auto !important;}

.Position{ line-height:45px;}
.Position h2{font-size:18px;}
.Position .place .iconfont{ width:22px; height:22px; line-height:20px;}
.Position .place a{ padding-right:12px; margin-right:5px; background:url(../images/line2.gif) right center no-repeat;}

.VideoInfo{ width:95%;}
.VideoInfo .title{font-size:15px;}

.SubTit h2{ line-height:30px; font-size:15px;}
}

@media ( max-width:767px){
.SubMenu{ width:auto; float:none;}
.SubMenu ul{ display:none; padding-bottom:0;}
.RightCon{ width:auto; float:none;}
.ColumnName{ margin-top:10px;}
.ColumnName .arr{ display:block;}
.Position { margin-bottom:18px; padding-top:0;}
.Position h2{ display:none;}
}
/*栏目页公用样式 end*/


/*学校概况 s*/
.llitem{ position:relative; padding-left:28px;}
.llitem .ico{ position:absolute; left:0; top:7px;}

.ItemList{}
.ItemList .item{ background:#f3f3f3;}
.ItemList .item .imgbox{ width:50%; padding-top:380px; float:left;}
.ItemList .item .info{ width:40%; padding:73px 5% 0; float:right; color:#333;}
.ItemList .item .ti{ margin-bottom:30px;}
.ItemList .item .ti h2{ line-height:36px; font-size:30px; color:#333333;}
.ItemList .item .ti p{ line-height:46px; text-transform:uppercase; color:#999999;}
.ItemList .item .ti i{ display:block; width:30px; height:13px; border-bottom:4px solid #0091df;}
.ItemList .item.next .imgbox{ float:right;}

.YsList{}
.YsList .item{ padding-bottom:30px; margin-bottom:30px; border-bottom:1px dashed #e5e5e5;}
.YsList .item .imgbox{ width:50%; padding-top:258px; float:left;}
.YsList .item .info{ width:45%; padding:0 0 0 5%; float:right; height:258px; line-height:30px;display:flex;justify-content:center;flex-direction: column; color:#333;}
.YsList .item .ti{ margin-bottom:12px;}
.YsList .item .ti h2{ font-size:20px; color:#333333;}
.YsList .item .ti i{ display:block; width:32px; height:25px; border-top:2px solid #0091df;}
.YsList .item.next .imgbox{ float:right;}
.YsList .item.next .info{ padding-left:0; padding-right:5%;}
.YsList .item:last-child{ margin-bottom:0; border-bottom:0;}

@media ( max-width:1024px){
.llitem .ico{ top:2px;}

.ItemList .item .ti{ margin-bottom:15px;}
.ItemList .item .ti h2{ line-height:24px; font-size:18px;}
.ItemList .item .ti p{ line-height:24px; font-size:12px;}

.YsList .item .info{ line-height:24px;}
}
@media ( max-width:640px){
.ItemList .item{ margin-bottom:18px;}
.ItemList .item .imgbox{ width:auto; padding-top:65%; float:none;}
.ItemList .item .info{ width:auto; padding:15px; float:none;}
.ItemList .item.next .imgbox{ float:none;}

.YsList .item{ padding-bottom:15px; margin-bottom:15px;}
.YsList .item .imgbox{ width:auto; padding-top:50%; float:none;}
.YsList .item .info{ width:auto; padding:15px 0 0 0; float:none; height:auto;}
.YsList .item.next .imgbox{ float:none;}
.YsList .item .ti i{ width:20px; height:15px;}
.YsList .item .ti h2{ font-size:16px;}
}

/*新闻资讯 s*/
.NewsList{ margin-bottom:1%; padding-bottom:10px;}
.NewsList li{ height:150px; padding:0 120px 0 270px; position:relative; margin-bottom:20px;}
.NewsList .imgbox{ position:absolute; left:0; top:0; width:240px; height:150px;}
.NewsList .tit{ color:#333; font-weight:normal; line-height:40px; font-size:18px; margin-bottom:3px;}
.NewsList .p{-webkit-line-clamp: 2; color:#333333; margin-bottom:17px;}
.NewsList .more{ color:#999999;}
.NewsList .date{ position:absolute; right:0; top:0; text-align:right; color:#333333; line-height:25px;}
.NewsList .date i{ display:block; line-height:51px; font-size:36px;}
.NewsList .date2{ color:#999999; display:none;}
.NewsList li:hover .tit{ font-weight:bold;}
.NewsList li:hover .more,.NewsList li:hover .date{ color:#0091df;}

.NoticeList{ padding-bottom:25px; border-bottom:1px solid #e5e5e5; margin-bottom:40px;}
.NoticeList li{ margin-bottom:10px; height:36px; line-height:36px;}
.NoticeList li .date{ display:inline-block; color:#999999; margin-right:30px; float:left;}
.NoticeList li i{ display:inline-block; width:0; height:1px; vertical-align:middle; background:#0091df; margin-right:0;transition: all ease 0.3s;}
.NoticeList li:hover i{ width:16px; margin-right:9px;}
.NoticeList li .tit{ float:left; width:68%; font-size:18px;}

.Titleinfo{ text-align:center; border-bottom:1px dashed #e5e5e5; margin-bottom:35px;}
.Titleinfo h2{-size:24px; color:#333333; line-height:26px;}
.Titleinfo .date{ padding:12px 0; font-size:14px;}
.Titleinfo .date i{ display:inline-block; margin:0 10px;}
.Titleinfo .share{ display:inline-block;*display:inline; zoom:1; vertical-align:middle;}
.videoinfo{ width:100%; position:relative; height:100%; overflow:hidden;}
.videoinfo video{ background:#000; width:100%; height:90%; position:absolute; left:0px; top:0;}

.PrevNextBox {margin:50px 0 0 0;position:relative; color:#888888; font-size:16px;}
.PrevNextBox dl{ width:49%; line-height:60px; height:60px;overflow:hidden; background:#f7f7f7; position:relative;}
.PrevNextBox dl span{ padding-left:97px; position:relative; display:block;}
.PrevNextBox dl span em{ position:absolute; left:33px; top:0px; color:#000000; font-weight:bold;}
.PrevNextBox dl a{ margin:0px auto; display:block;text-overflow:ellipsis; white-space:nowrap; *white-space:nowrap; overflow:hidden; width:95%; color:#666666;}
.PrevNextBox dl:hover{background:#0091df; color:#fff;}
.PrevNextBox dl:hover a{ color:#fff;}
.PrevNextBox dl:hover span em{color:#fff;}
.PrevNextBox dl a.none{color:#999;}

@media ( max-width:768px){
.NewsList li{padding:0 0 0 130px; height:70px;}
.NewsList .imgbox{ width:120px; height:75px;}
.NewsList .tit{ font-size:15px; line-height:24px; font-size:15px; margin-bottom:0;}
.NewsList .date,.NewsList .more{ display:none;}
.NewsList .date2{ display:block;}
.NewsList .p{-webkit-line-clamp: 1;}

.NoticeList{ padding-bottom:12px; margin-bottom:12px;}
.NoticeList li .date{margin-right:10px; font-size:12px;}
.NoticeList li{ margin-bottom:4px; height:28px; line-height:28px;}
.NoticeList li .tit{ font-size:15px;}

.Titleinfo { line-height:20px; padding-bottom:0px; margin-bottom:20px;}
.Titleinfo h2{ font-size:18px;}
.Titleinfo .share{ display:none;}

.PrevNextBox {margin:30px 0 0 0; font-size:14px;}
.PrevNextBox dl{ width:auto; float:none !important; line-height:30px; height:30px; margin-bottom:8px;}
.PrevNextBox dl span{ padding-left:65px;}
.PrevNextBox dl span em{left:10px;}

}

/*学校团队 s*/
.Teamtxt{ text-align:center; color:#333; padding-bottom:20px;}
.Teamtxt .line{ display:block; width:28px; height:45px; margin:0px auto; border-top:3px solid #0091df;}

.TeamList{ margin:0 0 1% -5%; padding-bottom:10px;}
.TeamList li{ width:45%; float:left; padding:0 0 3% 5%;}
.TeamList .box{ padding:15px; box-shadow:0 0 20px rgba(0,0,0,0.12); height:220px;}
.TeamList .imgbox{ width:35%; float:left; padding-top:220px;}
.TeamList .info{ line-height:24px; color:#666666; font-size:14px; width:60%; float:right;}
.TeamList .ti{ color:#333333; padding:5px 0 0 9px; font-size:20px; line-height:39px;}
.TeamList .job span{ display:inline-block; color:#fff; background:#0091df; padding:0 9px; font-size:16px;}
.TeamList .p{-webkit-line-clamp: 3; margin:15px 0 28px;}
.TeamList .more{ color:#999999;}

@media ( max-width:768px){
.Teamtxt .line{ height:15px;}
.TeamList li{ width:auto; float:none;}
.TeamList .imgbox { padding-top:150px;}
.TeamList .ti{ padding-top:0; line-height:24px; font-size:15px;}
.TeamList .job span{ font-size:14px;}
.TeamList .box{ height:148px;}
.TeamList .p{ margin:5px 0;}
}


/*教学之窗 s*/
.TeachList{ margin:0 0 0 -2.333%; padding-bottom:10px;}
.TeachList li{ width:31%; float:left; margin:0 0 2.333% 2.333%;}
.TeachList .imgbox{ padding-top:75%;}
.TeachList .date{ position:absolute; color:#fff; text-align:center; right:0; bottom:0; z-index:2; font-size:14px; background:rgba(0,0,0,0.5); line-height:32px; width:98px;}
.TeachList .info{ padding:6px 20px 0; height:130px; background:#f5f5f5;}
.TeachList .tit{ border-bottom:1px solid #dcdcdc; line-height:49px; font-size:18px; margin-bottom:12px;}
.TeachList .p{ line-height:24px; height:48px;-webkit-line-clamp: 2;}
.TeachList li:hover .info,.TeachList li:hover .date{ background:#0091df;}
.TeachList li:hover .info a{ color:#fff;}

.ZsSearch{ height:56px; line-height:56px; background:#f3f3f3; margin-bottom:20px; position:relative; padding:0 92px 0 117px;}
.ZsSearch span{ line-height:26px; position:absolute; left:0; border-right:1px solid #dcdcdc; top:15px; width:100px; text-align:center;}
.ZsSearch input{ width:100%; line-height:56px; height:56px; font-size:14px; color:#666666;}
.ZsSearch .btn{ width:92px; height:56px; background:#0091df; color:#fff; position:absolute; right:0; top:0;}
.ZsSearch .btn .iconfont{ font-size:28px;}

.tablecss {display: table;width: 100%;border-collapse: collapse; margin-bottom:35px;}
.table-tr {display: table-row;height: 30px;}
.table-th { display: table-cell;font-weight: bold;height: 100%;text-align: center;vertical-align: middle;background-color: #0091df; color:#fff; height:76px; font-size:18px;}
.table-th.th1 { width:26%;}
.table-th.th2 { width:19%;}
.table-th.th3 { width:19%;}
.table-th.th4 { width:19%;}
.table-td {display: table-cell;height: 100%;border-bottom: 1px solid #fff; background:#f3f3f3; height:76px;text-align: center;vertical-align: middle;}
a.applys { display:block; margin:0px auto; font-size:14px; color:#fff; width:92px; line-height:30px; border-radius:4px; background:#007dc0;}
a:hover.applys {background:#00a6ff;}

.Formbox{ box-shadow:0 0 20px rgba(0,0,0,0.12); padding:5%;}
.Formbox .tithead{ margin-bottom:30px; text-align:center; font-size:24px; border-bottom:1px solid #e5e5e5; padding-bottom:15px;}
.Formbox dl{ margin-left:-5%; line-height:40px;}
.Formbox dd{margin:0 0 20px 5%; height:40px; position:relative;}
.Formbox dd.w50{ width:45%; float:left;}
.Formbox dd em{ position:absolute; left:15px; top:0;}
.Formbox dd em i{ color:#0091df;}
.Formbox dd .input{ text-indent:7.5em; border-radius:6px; height:37px; line-height:37px; border:1px solid #e5e5e5; width:100%;}
.Formbox dd .input.yjtxx{text-indent:8.7em;}
.Formbox dd .input.age{text-indent:5.3em;}
.Formbox dd label{ display:inline-block; margin-left:20px; vertical-align:middle;}
.Formbox dd.sex em{ position:static; display:inline-block; vertical-align:middle;}
.Formbox dd.clear{ height:auto;}
.Formbox .select{ margin-left:-2.333%;}
.Formbox .select li{ width:31%; float:left; padding-left:2.333%;}
.Formbox .select select{ width:100%; height:40px; line-height:40px; color:#666666; font-size:16px; border:1px solid #e5e5e5; border-radius:6px; text-indent:1em;}
.Formbox .textarea{ padding:10px 10px 10px 99px;border:1px solid #e5e5e5; border-radius:6px;}
.Formbox .textarea.ly{ padding-left:66px;}
.Formbox .textarea textarea{ width:100%; height:80px;}
.Formbox .btn{ margin-bottom:0; text-align:center; padding-top:23px;}
.Formbox .sendbtn{ font-size:16px; width:136px; height:40px; color:#fff; background:#0091df; border-radius:5px;}
.Formbox .sendbtn:hover{ background:#017bbc;}

@media ( max-width:1024px){
.TeachList .tit{ font-size:15px; line-height:30px;}

.table-th{ font-size:14px; height:50px;}
.table-td{ height:50px; font-size:12px;}
a.applys{ width:60px; font-size:12px;}

.Formbox .select select{ font-size:14px;}
.Formbox .tithead{ margin-bottom:18px; font-size:18px;}
.Formbox dd.w50{ margin-bottom:10px;}
}
@media ( max-width:768px){
.TeachList{ margin-left:-2%;}
.TeachList .tit{ margin-bottom:5px;}
.TeachList .date{ font-size:12px; width:75px; line-height:25px;}
.TeachList li{ width:48%; float:left; margin:0 0 2% 2%;}
.TeachList .info{ padding:6px 8px 0; height:100px;}
.Formbox dd.w50{ width:auto; float:none;}
.Formbox .btn{ padding-top:0;}
}

/*联系我们 s*/
.Map{ width:48%; float:left; border:1px solid #e2e2e2;}
#dituContent{ height:342px;}
.Contacts{ line-height:42px; padding-top:5px; width:47.5%; float:right;}
.Contacts .iconfont{ margin-right:13px; color:#0091df;}
.Contacts .ewm{ padding-top:20px;}
.Contacts .ewm img{ display:block; width:94px; height:94px;}

@media ( max-width:768px){
.Map{ width:auto; float:none;}
#dituContent{ height:;}
.Contacts{ line-height:30px; padding-top:15px; width:auto; float:none;}
}