@charset "utf-8";


html,body{height:100%;}
body{padding:0px 0 0; margin:0px auto; font-size:16px; line-height:28px; color:#585858; width:100%; min-width:300px; zoom:1;font-family:"Microsoft YaHei","Arial","宋体",sans-serif; background:#fafafa;}
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";}
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:#666666; text-decoration:none; noline:-webkit-tap-highlight-color:rgba(0,0,0,0);transition:all 0.2s linear; -webkit-transition:all 0.2s linear;}
a:focus {outline:none; -moz-outline:none;}
a:hover{ text-decoration:none; color:#126db6;}
*:hover{transition:all 0.2s linear; -webkit-transition:all 0.2s linear;}
.fl{ float:left;}.fr{ float:right;}.tr{ text-align:right;}.tc{ text-align:center;}
.hide{ display:none;}
.clear{ clear:both;}
.clearfix{overflow:hidden;_zoom:1;}
.clearfix:after{ content: ''; display: block; clear: both; height: 0; visibility: hidden; }
.clearfix{*zoom:1;}
:-moz-placeholder {color: #888888;}
::-moz-placeholder {color: #888888;}
input:-ms-input-placeholder,
textarea:-ms-input-placeholder {color: #888888;}
input::-webkit-input-placeholder,
textarea::-webkit-input-placeholder {color: #888888;}
.relative{ position:relative;}
.bodyon{ overflow:hidden;}
.Contain{ position:relative; clear:both; max-width:1200px; margin:0px auto;}
.block{ display:block;}
.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;}
.imgbox{ overflow:hidden; position:relative;}
.imgbox span{ background-position:center center; background-repeat:no-repeat; background-size:cover; position:absolute; left:0px; top:0px; width:100%; height:100%;}
.dboxc{display: box; 
display: -webkit-box; 
display: -moz-box; 
-webkit-box-pack:center; 
-moz-box-pack:center; 
-webkit-box-align:center; 
-moz-box-align:center;}
.dbox{display: box; 
display: -webkit-box; 
display: -moz-box; 
-webkit-box-align:center; 
-moz-box-align:center;}

@media ( max-width:1200px){
.Contain{padding:0 12px;}
}
@media ( max-width:998px){
body{ padding-top:46px; font-size:14px;}	
}

/*font*/
.f_red{ color:#912228;}
.whiteblack { -webkit-filter: grayscale(100%);}
.whiteblack.active,
.whiteblack:hover {-webkit-filter: grayscale(0%);}

.Scale-img {overflow: hidden;cursor: pointer; zoom:1; overflow: hidden;}
.Scale-img img,.Scale-img span {opacity: 1;-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;transition: opacity 0.35s, transform 0.35s;}
.Scale-img:hover img,.Scale-img:hover span {opacity: 1;-webkit-transform: scale3d(1.1,1.1,1);transform: scale3d(1.1,1.1,1); top:0px; left:0px;}

/*pages*/
.Pages{ zoom:1; overflow:hidden;text-align:center; color:#555; clear:both; line-height:40px;}
.Pages span{ padding:0px 0px; display:inline-block; vertical-align:middle;}
.Pages a{ display:inline-block; vertical-align:middle; margin:0px 5px; background:#c8c8c8; color:#fff; font-size:18px; width:40px; text-align:center;}
.Pages .p_page a{ display:inline-block; vertical-align:middle;}
.Pages .p_page .a_prev,.Pages .p_page .a_next,.Pages .p_page .a_first,.Pages .p_page .a_end{ font-family:"宋体";}
.Pages .p_page .a_prev:hover,.Pages .p_page .a_next:hover,.Pages .p_page .a_first:hover,.Pages .p_page .a_end:hover{background:#008cd7;}
.Pages .p_page .num{ margin:0 0px;}
.Pages .p_page .num a{vertical-align:middle; font-family:Arial, Helvetica, sans-serif;}
.Pages .p_page .num a:hover,.Pages .p_page .num a.a_cur{background:#008cd7; color:#fff;}

@media ( max-width:768px){
.Pages{ line-height:24px;}
.Pages a{ margin:0 2px;font-size:14px; width:24px;}
}
/*pages end*/


/*Top*/
.Header{ background:#fff; border-bottom:1px solid #e1eaef;}
.Header .toper{ height:88px;}
.Header .Logo{float:left; padding-top:28px; width:34%;}
.Header .Oa{ float:right; padding:37px 20px 0 0;}
.Header .Oa a{ display:block; padding-left:32px; background:url(../images/oa.png) 0px center no-repeat; color:#999999;}
.Header .Oa a:hover{background:url(../images/oa2.png) 0px center no-repeat; color:#008cd7;}
.Header .Search{ position:relative; float:right; padding:30px 0 0 0px; width:220px; z-index:777;}
.Header .Search .icon{ cursor:pointer; display:none; text-align:center; height:20px; border-radius:50%; width:20px;}
.Header .searchbox{ display:; position:absolute; height:33px; right:0px; top:30px; background:#fff; border:1px solid #d8d8d8; border-radius:4px; width:218px;}
.Header .searchbox .i2{ display:none; position:absolute; top:-68px; border-radius:50%; right:-5px; cursor:pointer; width:30px; height:30px; background: #126db6 url(../images/closenav.png) center center no-repeat;}
.Header .searchbox .input{ color:#666;width:90%; height:33px; line-height:33px; text-indent:1em;}
.Header .searchbox .btn button{ position:absolute; right:0px; top:0px; height:30px; width:30px; background:url(../images/searchico.png) center center no-repeat;}

.MainNav{}
.MainNav li{float:left; width:12.5%; position:relative; z-index:999;}
.MainNav li span a{ z-index:2; position:relative;display:block; color:#333333; text-align:center; height:63px; line-height:31px; font-size:15px;}
.MainNav li:hover span a,.MainNav li.onnav span a,.MainNav li span a.sele{ color:#008cd7;}
.MainNav .line{ position:absolute; left:50%; bottom:-1px; height:2px; background:#008cd7; width:0%; z-index:0;transition:all 0.2s linear; -webkit-transition:all 0.2s linear;}
.MainNav li .icon{ position:relative; display: block; margin: 0px auto; height:28px; width:30px;}
.MainNav li .i1,.MainNav li .i2{ display: block; position: absolute; left:0%;top: 0px;}
.MainNav li .i1{ transition: 400ms;}
.MainNav li .i2{ -webkit-transform:scale(0); transform:scale(0); opacity:0; filter:alpha(opacity=0); transition:500ms;}
.MainNav li:hover .i2,.MainNav li.onnav .i2{ -webkit-transform:scale(1); transform:scale(1); opacity:1; filter:alpha(opacity=100);}
.MainNav li:hover .i1,.MainNav li.onnav .i1 { opacity: 0; filter: alpha(opacity=0); -webkit-transform: scale(1.2); transform: scale(1.2);}
.MainNav li:hover span .line,.MainNav li.onnav span .line,.MainNav li span a.sele .line{ width:100%; left:0px;}

.NavPull{display:none; position:absolute; top:63px; text-align:center; left:0px; background:#008cd7; border-radius:0 0 15px 15px; width:100%; padding-bottom:10px;}
.NavPull.null{background:none; padding:0; box-shadow: 0 0px 0px none;}
.NavPull dd a{ display:block; color:#fff; font-size:16px; padding:5px 0;}
.NavPull dd a:hover{ background:#0071ae;}

.mstbg{ position:fixed; left:0px; top:0px; width:100%; height:100%; background:rgba(0,0,0,0.4); z-index:886; display:none;}
.openbtn,.closebtn{ cursor:pointer; display:none;width:26px; position:fixed; right:10px; z-index:999;}
.openbtn.on{ display:none !important;}
.openbtn{ position:absolute; right:12px; top:9px;padding-left:35px;}
.openbtn i{ position:absolute;left:0;}
.closebtn{ z-index:999; top:8px; right:202px;}
.closebtn.auto{ position:fixed; left:0px; top:0px; width:100%; height:100%; z-index:887; display:none;}
.openbtn span,.closebtn span{ display:block; height:3px; background:#666; margin:4px 0px;transition:all 0.2s linear; -webkit-transition:all 0.2s linear;}
.closebtn span{ background:#fff;}
.closebtn .sp1 {
	-webkit-transform: translate(0, 3px) rotate(45deg) !important;
	-moz-transform: translate(0, 3px) rotate(45deg) !important;
	-ms-transform: translate(0, 3px) rotate(45deg) !important;
	-o-transform: translate(0, 3px) rotate(45deg) !important;
	transform: translate(0, 3px) rotate(45deg) !important;}
.closebtn .sp2 {
	-webkit-transform: translate(0, -3px) rotate(-45deg) !important;
	-moz-transform: translate(0, -3px) rotate(-45deg) !important;
	-ms-transform: translate(0, -3px) rotate(-45deg) !important;
	-o-transform: translate(0, -3px) rotate(-45deg) !important;
	transform: translate(0, -3px) rotate(-45deg) !important;}	
.mobilenav{ display:none;}

.bodytop{ padding-top:60px;}

@media ( max-width:1100px){
.MainNav li{ margin-left:20px;}
}

@media ( max-width:998px){
.Header{height:46px; padding:0; width:100%; position:fixed; box-shadow:0 0 10px #ddd; left:0px; top:0px; z-index:999;}
.Header .Oa{ padding:8px 6px 0 0;}
.Header .Oa a{ padding-left:0; width:32px; height:30px;}.Header .Oa a i{ display:none;}
.Header .toper{ height:auto;}
.Header .Logo{ padding-top:8px; width:auto;}.Header .Logo img{ height:30px;}
.Header .openbtn{ display:block;}
.Header .Search{ position:static; padding:14px 75px 0 0; width:auto;}
.Header .Search .icon{ display:block;}
.Header .searchbox{ display:none; position:absolute; height:33px; right:2%; top:49px; width:96%;}
.Header .searchbox .i2{top:-42px; right:34px; display:block;}


.MainNav{ position:fixed; z-index:999; width:200px; padding:0; height:100%; overflow-y:auto; background:#fff; right:-200px; top:0px;}
.MainNav ul{ margin-top:0px;}
.MainNav li{ position:relative; cursor:pointer; float:none; border-bottom:1px solid #ddd; width:auto; margin:0 10px;}
.MainNav li span a{ font-size:16px; text-align:left; height:auto; display:block; line-height:40px; height:40px; padding-left:5px; color:#333 !important;}
.MainNav li:hover span .line,.MainNav li.onnav span .line,.MainNav li span a.sele .line{ width:100%; margin:0; left:0px; bottom:-1px;}
.MainNav .arr{ position:absolute; z-index:2; width:100%; height:46px; left:0px; top:0px;}
.MainNav .arr i{ position:absolute; width:17px; height:10px; background:url(../images/arr.png); right:10px; top:18px;transition:all 0.2s linear; -webkit-transition:all 0.2s linear;}
.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;}

.pcnav{ display:none;}
.mobilenav{ display:block;}

.NavPull { position:static; background:#f2f2f2; text-align:left; width:100%; border-radius:0;}
.NavPull dd a{ display:block;padding:5px 0px 5px 10px; color:#333; font-size:14px; border-bottom:1px solid #ddd;}
.NavPull dd a:hover{ color:#fff;}
}
/*Top*/


/*Bottom*/
.Footer{ background:#2b2b2b; padding:29px 0px 0px; color:#9c9c9c; font-size:14px;}
.Footer a{color:#9c9c9c;}.Footer a:hover{color:#fff;}
.Footer .Contain{ padding-bottom:31px;}
.Footer .Contact{ line-height:27px;float:right; padding-top:15px;}
.Footer .Contact .tel{ color:#fff; line-height:28px; font-size:32px; font-family:"Times New Roman", Times, serif;}
.Footer .Contact .tel a{ color:#fff;}
.Footer .Contact li{ position:relative; color:#868686; padding-left:21px;}
.Footer .Contact li i{ background:url(../images/bico.png) no-repeat; position:absolute; left:0px; top:4px; width:16px; height:18px;}
.Footer .Contact li i.add{ background-position:0px top;}
.Footer .Contact li i.fax{ background-position:-16px top;}
.Footer .Contact .ewm img{ display:block; padding:5px; border:1px solid #464646; margin-top:10px; width:92px; height:92px;}

.Footer .SiteMap{ margin:0 313px 0 0;}
.Footer .SiteMap dl{ width:16.6666%; float:left;}
.Footer .SiteMap dl dt{ color:#fff; line-height:57px; font-size:16px; margin-bottom:11px; background:url(../images/lineb.gif) 0px bottom no-repeat;}
.Footer .SiteMap dl dd{ line-height:30px;}

.Footer .Copyright{ clear:both; line-height:26px; border-top:1px solid #414141; padding:18px 0; text-align:center;}
.Footer .Copyright i{ display:inline-block; vertical-align:middle; width:23px; color:#7e7e7e;}

.totop{width: 40px;height: 40px;text-align: center; background: #555; position: fixed;bottom: 73px; right: 5px; cursor: pointer;border-radius: 5px;color:#fff;overflow: hidden;visibility: hidden;opacity: 0;-webkit-transition: all 0.3s;-moz-transition: all 0.3s;transition: all 0.3s;}
.totop>span{display: block;line-height: 15px;font-size: 12px;color:#fff;}
.totop.cd-is-visible {visibility: visible;opacity: 1; height:40px; cursor:pointer;}

@media ( max-width:998px){
.Footer{padding-top:15px;}
.Footer .Contain{ padding-bottom:10px;}
.Footer .SiteMap{ display:none;}
.Footer .Contact{ width:auto; background:none; float:none; padding-bottom:10px;}
.Footer .Contact .ewm img{ margin:0px auto;}
.Footer .Copyright{line-height:20px;padding:10px 0 15px; text-align:center;}
.Footer .Copyright .nav{ margin-bottom:5px;}
.totop{width: 30px;height: 30px;bottom: 73px; font-size:12px;}
.totop.cd-is-visible { height:35px;}
.totop>span{ line-height:12px;}
}
/*Bottom*/


/*首页 s*/
.HomeBan {overflow:hidden; clear:both; position:relative; background:url(../images/loading.gif) center center no-repeat;}
.HomeBan .slides li{ position:relative;}
.HomeBan .slides li .num{ right:10%; bottom:35px; position:absolute; font-size:40px; font-weight:bold; color:#fff; line-height:60px; border-bottom:5px solid #fff;}
.HomeBan .flex-control-nav{bottom:35px; z-index:10; width:1200px; left:50%; margin-left:-600px; text-align:left;}
.HomeBan .flex-control-nav li a{ opacity:1; width:26px; height:26px; border-radius:50%; background:url(../images/bandot.png) 0px top no-repeat;}
.HomeBan .flex-control-nav li a.flex-active{opacity:1; background-position:right top;}
.HomeBan .flex-direction-nav a {width: 38px; height: 38px; border:1px solid #333; border-radius:50%;font-size:0}
.HomeBan .flex-direction-nav a:before{display:none; }
.HomeBan .flex-direction-nav .flex-prev { opacity:1; left:-60px; background: url(../images/arrleft.png) center center no-repeat;}
.HomeBan .flex-direction-nav .flex-next { opacity:1; right:-60px; background: url(../images/arrright.png) center center no-repeat;}
.HomeBan:hover .flex-direction-nav .flex-prev { left:5%;}
.HomeBan:hover .flex-direction-nav .flex-next { right:5%;}
.HomeBan:hover .flex-direction-nav .flex-prev:hover { border:1px solid #e70012; background: url(../images/arrleft0.png) center center no-repeat;}
.HomeBan:hover .flex-direction-nav .flex-next:hover { border:1px solid #e70012; background: url(../images/arrright0.png) center center no-repeat;}

.FixedMail{ position:fixed; right:5px; top:25%; overflow:hidden; z-index:9999; background:#fff; border-radius:18px;}
.FixedMail .ico{ cursor:pointer; float:right; border-radius:18px; width:60px; height:60px;background: #008cd7 url(../images/mail.png) center center no-repeat;}
.FixedMail .txt{ display:none; float:left; padding:10px 8px 0 26px; line-height:17px; font-size:16px; color:#333333;}

@media ( max-width:1200px){
.HomeBan .flex-control-nav{bottom:0px;width:94%; left:3%; margin-left:0px;}
}

@media ( max-width:998px){
.HomeBan .flex-control-nav li a{width:10px; height:10px; background:#fff;}
.HomeBan .flex-control-nav li a.flex-active{ background:#158dcb;}
.HomeBan .slides li .num{bottom:15px;font-size:18px; line-height:30px; border-bottom:3px solid #fff;}
.HomeBan .flex-direction-nav a { display:none;}
.HomeBan .flex-control-nav{bottom:0px;}
}


.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, -3px, 0);
	transform: translate3d(0, -3px, 0);}

.HomeTit{ text-align:center; padding-bottom:45px;}
.HomeTit h2{ color:#008cd7; font-size:32px; font-weight:normal; line-height:47px;}
.HomeTit p{ font-family:Arial, Helvetica, sans-serif; color:#000000; opacity:0.4; font-size:16px;}

.HomeAbout{ background:url(../images/homeaboutbg.jpg) center top no-repeat; background-size:cover; padding:6% 0;}
.HomeAbout .aboutinfo{ max-width:70%; margin:0px auto;}
.HomeAbout .Img{ width:29%; float:left;}
.HomeAbout .Info{ padding-top:5%; width:67%; float:right; margin-bottom:5%; text-align:center; line-height:28px; font-size:16px; color:#585857;}
.HomeAbout .detail a{ display:block; width:260px; line-height:38px; margin:40px auto 0; font-family:Arial, Helvetica, sans-serif; border:1px solid #cccccc; color:#8d8d8d;}
.HomeAbout .detail a:hover{ color:#fff; background:#008cd7; border:1px solid #008cd7;}
.HomeAbout .Num{ clear:both; width:78%; margin:0px auto; color:#7a797d; line-height:15px; font-size:14px;}
.HomeAbout .Num li{ position:relative; padding:0 5%; width:23.333%; float:left;}
.HomeAbout .Num li span{ font-family:"Times New Roman", Times, serif; display:block; color:#008cd7; font-size:70px; line-height:75px;}
.HomeAbout .Num li em{ display:block; color:#000000; font-size:18px; line-height:31px; padding-top:5px;}
.HomeAbout .Num li .line{ width:24%; background:#c5c6c9; height:1px; font-size:0; position:absolute; right:0; top:50%;}
.HomeAbout .Num li.li3 .line{ display:none;}

@media ( max-width:998px){
.HomeTit h2{font-size:24px;line-height:30px;}
.HomeAbout .Num li span{font-size:40px; line-height:40px;}
}
@media ( max-width:768px){
.HomeTit { padding-bottom:20px;}
.HomeTit h2{font-size:18px; line-height:24px;}
.HomeTit p{ font-size:14px;}
.HomeAbout .Info{ width:auto; margin:4% auto 5%; line-height:24px; font-size:14px;}
.HomeAbout .detail a{margin:15px auto 0;}
.HomeAbout .Num{ width:auto; font-size:12px;}
.HomeAbout .Num li span{font-size:24px; line-height:30px;}
.HomeAbout .Num li em{font-size:12px; line-height:24px;}
.HomeAbout .Num li .line{ width:10%;}
.HomeAbout .Img{ width:auto; float:none;}
}


.HomeHornor{  background:url(../images/homerybg.jpg) center top no-repeat; background-size:cover; padding:6% 0;}
.HomeHornor .Contain{ max-width:920px; position:relative;}
.HomeHornor .infotxt{ position:relative; margin-top:0px; margin-bottom:0px;}
.HomeHornor .infotxt .imgbox{ position:absolute; left:0px; bottom:0px; height:400px; width:34%;}
.HomeHornor .infotxt .info{ line-height:32px; float:right; width:56%; padding:5%; background:#fff; box-shadow:0 0 10px #ddd;}
.HomeHornor .infotxt .info .more{ width:136px; line-height:32px; display:block; color:#fff; font-size:16px; background:#008cd7; margin-top:20px; text-align:center;}
.HomeHornor .infotxt .info:hover .more{ background:#0071ad;}
.HomeHornor .infotxt .info .p{-webkit-line-clamp: 5;}
.HomeHornor .list{ display:none;}
.HomeHornor .list li{ width:33.33333333%; float:left; margin:-1px 0 0 -1px;transition:all 0.2s linear; -webkit-transition:all 0.2s linear;}
.HomeHornor .list li a{ display:block; border:1px solid #c7c7c7; color:#333333; line-height:24px; padding:0 10px 0 29px;}
.HomeHornor .list li a span{ display:table-cell; vertical-align:middle; height:65px;}
.HomeHornor .list li a:hover{ background:#008cd7; border:1px solid #008cd7; color:#fff;}

.History{ height:696px; background:url(../images/historybg.jpg) center bottom no-repeat; background-size:cover;}
.History li{position:relative; width:16.66666%; float:left;}
.History li .dot{ height:100%; width:14px; position:absolute; left:0px; top:0px; background:url(../images/linebg3.gif) center top repeat-y;}
.History li .dot i{ display:block; border-radius:50%; background:#cccccc; height:14px;}
.History li .box{ padding:0 25px; font-size:16px; color:#444444;}
.History li .date{color:#008cd7;}
.History li .date b{ font-size:26px; font-family:Arial, Helvetica, sans-serif; margin-right:8px;}
.History li.li1{ height:415px; margin-top:253px;}
.History li.li2{ height:344px; margin-top:200px;}
.History li.li3{ height:466px; margin-top:151px;}
.History li.li4{ height:434px; margin-top:100px;}
.History li.li5{ height:386px; margin-top:50px;}
.History li.li6{ height:587px; margin-top:0px;}


@media ( max-width:768px){
.HomeHornor .infotxt .info{ line-height:24px;}
.HomeHornor .list li a{padding:0 10px 0 15px;}
.History { height:auto; background-size:contain;}
.History li{ width:auto; float:none;}
.History li.li1{ height:auto; margin-top:15px;}
.History li.li2{ height:auto; margin-top:15px;}
.History li.li3{ height:auto; margin-top:15px;}
.History li.li4{ height:auto; margin-top:15px;}
.History li.li5{ height:auto; margin-top:15px;}
.History li.li6{ height:auto; margin-top:15px;}
.History li .box{ padding:0 15px; font-size:14px;}
.History li .date b{ font-size:20px;}
}
@media ( max-width:560px){
.HomeHornor .infotxt .imgbox{height:270px;}
.HomeHornor .list li{ width:50%;}
.HomeHornor .list li:last-child{ display:none;}
}

.HomeNews{  background:url(../images/homenewbg.jpg) center top no-repeat; background-size:cover; padding:6% 0;}
.HomeNews .Contain{ max-width:94%; background:url(../images/newsline.png) center 215px no-repeat;}
.HomeNews .flex-viewport{ margin-left:-29px;}
.HomeNews .slides li{ text-align:center; padding:20px 0 25px; height:540px;}
.HomeNews .slides .box {margin-left:29px; background:#fff; box-shadow:0 0 15px #ddd;}
.HomeNews .slides li .info{ padding:20px 45px 39px;transition:all 0.2s linear; -webkit-transition:all 0.2s linear;}
.HomeNews .slides li .imgbox{height:216px; opacity:1;}
.HomeNews .slides li .imgbox span{background-position:top center}
.HomeNews .slides li .date{ font-size:24px; line-height:61px;font-weight:bold; color:#008cd7;font-family:"Times New Roman", Times, serif;}
.HomeNews .slides li .date i{ display:block; margin:0px auto; width:24px; height:19px; border-top:3px solid #cccccc;}
.HomeNews .slides li .tit{ color:#008cd7; font-size:18px; font-weight:bold;}
.HomeNews .slides li .p{ text-align:center; color:#666666; font-size:15px;-webkit-line-clamp: 3; height:84px; margin:14px 0 28px 0;}
.HomeNews .slides li .more{transition:all 0.2s linear; -webkit-transition:all 0.2s linear; width:130px; line-height:30px; margin:0px auto; color:#8d8d8d; border:1px solid #cccccc; font-family:Arial, Helvetica, sans-serif; opacity:1;}
.HomeNews .slides li:hover .more{ color:#fff; background:#008cd7;}

.HomeNews .flex-control-nav{bottom:35px; z-index:10; width:1200px; left:50%; margin-left:-600px; text-align:left;}
.HomeNews .flex-control-nav li a{ opacity:1; width:26px; height:26px; border-radius:50%; background:url(../images/bandot.png) 0px top no-repeat;}
.HomeNews .flex-control-nav li a.flex-active{opacity:1; background-position:right top;}
.HomeNews .flex-direction-nav a {width: 38px; height: 38px; border:1px solid #333; border-radius:50%;}
.HomeNews .flex-direction-nav .flex-prev { opacity:1; left:-30px; background: url(../images/arrleft.png) center center no-repeat;}
.HomeNews .flex-direction-nav .flex-next { opacity:1; right:-30px; background: url(../images/arrright.png) center center no-repeat;}
.HomeNews:hover .flex-direction-nav .flex-prev:hover { border:1px solid #008cd7; background: #008cd7 url(../images/arrleft00.png) center center no-repeat;}
.HomeNews:hover .flex-direction-nav .flex-next:hover { border:1px solid #008cd7; background: #008cd7 url(../images/arrright00.png) center center no-repeat;}
.HomeNews .flex-control-nav{ display:none;}

@media ( max-width:998px){
.HomeNews .Contain{ background:none;}
.HomeNews .flex-direction-nav a { display:none;}
.HomeNews .flex-viewport{ margin-left:-15px;}
.HomeNews .slides .box {margin-left:15px;}
.HomeNews .slides li .info{ padding:0 12px 12px;}
.HomeNews .slides li .imgbox{ height:auto; padding-top:60%; opacity:1;}
.HomeNews .slides li.on .imgbox{ height:auto; padding-top:60%;}
.HomeNews .slides li .tit{font-size:15px;}
.HomeNews .slides li .date{ font-size:18px; line-height:32px;}
.HomeNews .slides li .date i{height:5px;}
.HomeNews .slides li .p{font-size:14px;-webkit-line-clamp: 2;height:40px; line-height:20px; margin:5px 0 10px 0;}
.HomeNews .slides li .more{ display:none;}
.HomeNews .slides li.on .info{ padding-top:0px;}
}
@media ( max-width:640px){
.HomeNews .slides li{height:350px;}
.HomeNews li{  width:48%; margin-bottom:2%;}
}


.HomeTrain{ padding:6% 0; background:url(../images/hometrain.jpg) center top no-repeat; background-size:cover;}
.HomeTrain .Contain{ max-width:94%;}
.HomeTrain .nav{ width:30%; float:right;}
.HomeTrain .nav li{ cursor:pointer; position:relative; margin-bottom:20px; height:260px; background:#fff;}
.HomeTrain .nav li:nth-child(2){ margin-bottom:0;}
.HomeTrain .nav li .imgbox{ position:absolute; width:158px; height:158px; background:url(../images/yuan1.png); background-size:contain; left:8%; top:18%;}
.HomeTrain .nav li .imgbox span{ border-radius:50%; width:88%; height:88%; left:6%; top:6%;}
.HomeTrain .nav li .txt{ right:0%; width:45%; position:absolute; top:38%; color:#333333; font-size:20px;}
.HomeTrain .nav li .txt span{ display:block; font-size:18px; font-family:Arial, Helvetica, sans-serif; color:#dcdcdc;}
.HomeTrain .nav li .num{ position:absolute;font-family: "impact"; font-size:86px; color:#f5f5f5; right:8%; bottom:15%;}
.HomeTrain .nav li.on{ background:#247cde;}
.HomeTrain .nav li.on .imgbox{background:url(../images/yuan2.png); background-size:contain;}
.HomeTrain .nav li.on .num{ color:#4a8de1;}
.HomeTrain .nav li.on .txt{color:#fff;}
.HomeTrain .nav li.on .txt span{color:#cfddf5;}

.HomeTrain .slidetxt{ width:66%; float:left;}
.HomeTrain .slidetxt .imgleft{ position:relative; padding:0 0 17px; width:42%; float:left;}
.HomeTrain .slidetxt .imgbox{ z-index:2; height:540px;}
.HomeTrain .slidetxt .imgbox span{ background-size: contain;}
.HomeTrain .slidetxt .bg{ z-index:0; position:absolute; background:url(../images/imgbg.png); height:306px; width:100%; left:-17px; bottom:0px;}
.HomeTrain .slidetxt .info{ font-size:15px; width:54%; padding-top:10%; float:right;}
.HomeTrain .slidetxt .tithead{}
.HomeTrain .slidetxt .tithead h2{ font-size:24px; font-weight:normal; color:#008cd7;}
.HomeTrain .slidetxt .tithead h2 i{ display:inline-block; vertical-align:middle; width:16px; height:24px; margin-left:10px; border-bottom:1px solid #63b7e5;}
.HomeTrain .slidetxt .tithead h3{ line-height:67px; color:#666666; font-family:Arial, Helvetica, sans-serif; font-size:40px;}
.HomeTrain .slidetxt .p{-webkit-line-clamp: 3; height:84px; margin:22px 0 67px; color:#47494a;}
.HomeTrain .slidetxt .detail{ text-align:center; width:204px; line-height:48px; color:#fff; background:#008cd7;}
.HomeTrain .slidetxt .detail:hover{background:#0075b4;}

@media ( max-width:1240px){
.HomeTrain .nav li .imgbox{ width:120px; height:120px;}
}
@media ( max-width:998px){
.HomeTrain .nav{ width:auto; float:none; margin-left:-2%;}
.HomeTrain .nav li{ width:48%; float:left; margin-left:2%; height:90px;}
.HomeTrain .nav li .imgbox{ width:55px; height:55px; left:5px;}
.HomeTrain .nav li .num{ display:none;}
.HomeTrain .nav li .txt{width:auto; left:70px;top:25px; font-size:15px; line-height:20px;}
.HomeTrain .nav li .txt span{ font-size:12px;}
.HomeTrain .slidetxt{ width:auto; float:none;}
.HomeTrain .slidetxt .imgbox{height:206px;}
.HomeTrain .slidetxt .info{ font-size:14px; padding-top:0;}
.HomeTrain .slidetxt .tithead h2{ font-size:18px;}
.HomeTrain .slidetxt .tithead h3{ line-height:40px; font-size:19px;}
.HomeTrain .slidetxt .p{height:60px; line-height:20px; margin:10px 0 20px;}
.HomeTrain .slidetxt .bg{ height:195px;}
.HomeTrain .slidetxt .detail{width:140px; line-height:38px;}
}

.HomeCase{ padding:6% 0; background:url(../images/homecase.jpg) center top no-repeat; background-size:cover;}
.HomeCase li{ width:16.6666%; float:left; height:540px; background:#008cd7; overflow:hidden; position:relative;}
.HomeCase li .bg{ position:absolute; left:0px; top:0px; width:100%; height:100%; background:rgba(0,0,0,0.5); z-index:2;transition:all 0.2s linear; -webkit-transition:all 0.2s linear;}
.HomeCase li .imgbox{ padding-top:540px;transition:all 0.2s linear; -webkit-transition:all 0.2s linear;}
.HomeCase li .info{ position:absolute; opacity:0;transition:all 0.2s linear; -webkit-transition:all 0.2s linear;}
.HomeCase li .box{transition:all 0.2s linear; -webkit-transition:all 0.2s linear;}
.HomeCase li.on .box{ position:relative; z-index:2; padding:10px;}
.HomeCase li.on .imgbox{ padding-top:350px;}
.HomeCase li.on .info{ opacity:1; position:static; padding:9px 15px 10px; color:#fff;}
.HomeCase li.on .info .tit{ line-height:39px; font-size:18px;}
.HomeCase li.on .info .p{-webkit-line-clamp: 3; line-height:20px; height:60px; font-size:14px; color:#ddebf7; margin-bottom:16px;}
.HomeCase li.on .info .more{ font-size:16px; text-align:center; border:1px solid #cce8f7; line-height:34px;}
.HomeCase li.on .bg{ opacity:0;}
@media ( max-width:998px){
.HomeCase { margin-left:-2%;}
.HomeCase li{ width:31.333%; margin:0 0 2% 2%; height:auto;}
.HomeCase li .imgbox{padding-top:80% !important;}
.HomeCase li .info{ opacity:1; background:#008cd7;}
.HomeCase li .bg{ display:none;}
.HomeCase li .info{ opacity:1; position:static; padding:5px; color:#fff;}
.HomeCase li.on .info {padding:5px;}
.HomeCase li .info .tit{ text-align:center; line-height:30px; font-size:15px;}
.HomeCase li.on .info .tit{ line-height:30px; font-size:15px;}
.HomeCase li .info .p{ display:none;}
.HomeCase li .info .more{ display:none;}
.HomeCase li.on .box{padding:0px;}
}

.HomeVideo{ padding:6% 0; background:url(../images/homevideo.jpg) center top no-repeat; background-size:cover;}
.HomeVideo .videobox{ position:relative;}
.HomeVideo .videoplay{ height:540px; max-width:960px; position:relative; margin:0px auto;}
.HomeVideo .videoplay iframe{ width:100%; height:100%;}

.videocon{ position:relative; height:540px;}
.videocon video{ height:540px;}
.videocon .img{ background-position:center center; background-repeat:no-repeat; background-size:cover; width:100%; height:100%; left:0px; top:0px; position:absolute; z-index:1;}
.videocon .play{ position:absolute; text-align:center; width:100%; left:0px; top:0px; height:100%;}
.videocon .play .txt{ color:#fff; position:absolute; width:100%; left:0px; top:38%; z-index:3;}
.videocon .play h1{ font-size:34px; color:#fff; line-height:70px;}
.videocon .play .btn{ margin:0px auto; display:block;width:54px; height:54px; background:url(../images/play2.png); background-size:contain;}
.videocon .play .bg{ background:rgba(0,0,0,0.4); position:absolute; width:100%; left:0px; top:0px; height:100%; z-index:2;}

.videolist{ opacity:0;transition:all 0.2s linear; -webkit-transition:all 0.2s linear; position:absolute; left:164px; bottom:40px; width:951px; padding-left:95px; z-index:2; height:174px;}
.videolist .imgbox{ height:164px;}
.videolist .slides li{padding-top:10px;}
.videolist a{ display:block; margin-right:38px; position:relative; }
.videolist .bg{ position:absolute; width:100%; background:rgba(0,0,0,.3); z-index:2; left:0px; top:0px; height:100%;}
.videolist .txt{ position:absolute; width:80%; left:10%; top:30%; z-index:3;}
.videolist .tit{ color:#fff;}
.videolist .play{ width:34px; height:34px; margin:9px auto 0; border-radius:50%; border:2px solid #fff; background:url(../images/play3.png) center center no-repeat;}
.videolist .slides li.on{padding-top:0px;}
.videolist .slides li.on .bg{background:rgba(0,0,0,0.1);}
.videolist .slides li.on .play{ width:50px; height:50px; background:url(../images/play2.png); background-size:contain; border:0;}
.videolist .flex-direction-nav{ position:absolute;}
.videolist .flex-direction-nav a {width: 34px; height: 34px; border-radius:50%; border:2px solid #fff;}
.videolist .flex-direction-nav .flex-prev { opacity:1; left:-100px; margin-top:-100px; background: #fff url(../images/arr_block2.png) center center no-repeat;}
.videolist .flex-direction-nav .flex-next { opacity:1; left:-57px; margin-top:-38px; background: #fff url(../images/arr_block.png) center center no-repeat;}
.videolist .flex-direction-nav .flex-disabled{ opacity:1 !important; border:2px solid #c3c3c2;}
.videolist .flex-direction-nav .flex-disabled.flex-prev{ background: url(../images/arr_dis.png) center center no-repeat;}
.videolist .flex-direction-nav .flex-disabled.flex-next{ background: url(../images/arr_dis2.png) center center no-repeat;}
.videobox:hover .videolist{ opacity:1;}

@media ( max-width:1200px){
.videolist{left:120px;}
.videolist a{margin-right:10px;}
}
@media ( max-width:998px){
.videolist{ opacity:1; position:static; padding:0; margin-top:20px; width:auto;}
.videolist .slides li{padding-top:0px;}
.videolist .flex-direction-nav{ display:none;}
.videocon .play h1{ font-size:20px;line-height:40px;}
}
@media ( max-width:560px){
.videolist{ height:140px;}
.videolist .imgbox{ height:120px;}
.videolist .play{ width:24px; height:24px; margin:5px auto 0;}
.videolist .slides li.on .play{ width:35px; height:35px;}
}
/*首页 end*/


/*栏目页公用样式 s*/
.AboutPage{ height:auto !important; min-height:255px; height:255px; padding:6% 4%; margin-bottom:7%; background:#fff;}
.SubPage{ height:auto !important; min-height:255px; height:255px; padding-top:4%; padding-bottom:4%;}
.SubBan{ position:relative;height:349px; margin:0px auto; background-position:center center; background-repeat:no-repeat; background-size:cover;}
.SubBan .txt{ position:absolute; width:1000px; left:50%; margin-left:-500px; top:38%; color:#fff; font-size:32px;}
.SubBan .txt span{ display:block; line-height:48px; font-family:Arial, Helvetica, sans-serif; font-size:20px;}
.lwxmbody .SubBan .txt{ color:#333333;}

.SubMenu{clear:both; background:#fff; line-height:68px; text-align:center; border-bottom:2px solid #ebecef;}
.SubMenu li{ display:inline-block;*display:inline;zoom:1; margin:0 2%; min-width:111px; text-align:center; position:relative;}
.SubMenu li a{ display:block; color:#484848;}
.SubMenu li a em{ position:relative; z-index:1;display:block;}
.SubMenu li .bg{ position:absolute; z-index:0; width:0%; bottom:-2px; height:2px; left:50%; background:#008cd7;transition:all 0.2s linear; -webkit-transition:all 0.2s linear; font-size:0;}
.SubMenu li a:hover,.SubMenu li.onli a{ color:#008cd7;}
.SubMenu li a:hover .bg,.SubMenu li.onli .bg{ width:100%; left:0;}

.SubTit{ text-align:center; padding:0 0 4%;}
.SubTit h2{ font-size:30px; line-height:45px; color:#010101; font-weight:normal;}
.SubTit p{ font-size:16px; line-height:28px; width:55%; margin:3% auto 0;}

.SubTit2{ font-size:24px; color:#222222; text-align:center; padding:5% 0 4.5%;}

.w1000{max-width:1000px; margin:0px auto;}
.w1140{max-width:1140px; margin:0px auto;}
.SinglePage{ color:#444444; word-wrap:break-word;word-break:normal;text-align:justify; line-height:32px;}
.SinglePage .ico{ display:inline-block; vertical-align:middle; margin-right:12px;}


@media ( max-width:998px){
.SubPage{padding-bottom:30px;}
.SubBan{height:100px;}
.SubBan .txt{width:90%; left:5%; top:28%; margin-left:0px;  font-size:18px;}
.SubBan .txt span{line-height:24px;font-size:12px;}

.SinglePage{line-height:24px;}
.SubMenu{ line-height:30px; padding:10px 0; margin-bottom:15px;}
.SubMenu li{ min-width:24%; margin:0;}
.SubMenu li a{font-size:15px;}
.SubMenu li .bg{bottom:0px; height:100%;}
.SubMenu li a:hover,.SubMenu li.onli a{ color:#fff;}

.SubTit h2{ font-size:20px; line-height:30px;}
.SubTit p{ font-size:14px; line-height:24px; width:auto;}
.SubTit2{ font-size:16px;}
}

/*栏目页公用样式 end*/


/*集团概况 s*/
.Casenav{ padding:35px 0;}
.Casenav li{ width:16.66666%; float:left; text-align:center;}
.Casenav li .ico{ width:50%; display:block; margin:0px auto 12px;}

.Culture{ margin-top:24px;}
.Culture li{ width:33.33333%; float:left; height:118px; padding-top:36px; font-size:14px; background:url(../images/linebg.gif) 0px bottom repeat-x; line-height:25px;}
.Culture li .box{ position:relative; padding-left:84px;}
.Culture li .box h3{ line-height:26px; padding-bottom:10px; font-size:18px; color:#333333;}
.Culture li .box .ico{ position:absolute; left:16px; top:0px;}
.Culture li:nth-child(4),.Culture li:nth-child(5),.Culture li:nth-child(6){ background:none;}
.Culture li:nth-child(4) p,.Culture li:nth-child(5) p,.Culture li:nth-child(6) p{ margin-right:10%;}

#dateline{ height:73px; background:url(../images/dateline.png) center bottom no-repeat; background-size:contain;}
#dateline .flexslider{ margin:0 100px;}
#dateline .slides li{ position:relative; cursor:pointer; text-align:center; padding-top:9px; line-height:35px; height:64px; font-family:Arial, Helvetica, sans-serif; font-size:24px; color:#4c4c4c;}
#dateline .slides li .dot{ position:absolute; width:15px; height:15px; left:50%;  bottom:7px; background:url(../images/datedot1.png); margin-left:-7px;}
#dateline .slides li.on { padding-top:0; line-height:44px; color:#008cd7;}
#dateline .slides li.on .dot{width:29px; height:29px;  bottom:-8px; background:url(../images/datedot2.png); background-size:contain; margin-left:-14px;}
#dateline .flex-direction-nav a { cursor:pointer; width:38px; height:38px; border-radius:50%; border:1px solid #96979a;}
#dateline .flex-direction-nav .flex-prev { opacity:1; left:-100px; background: url(../images/ryarr1.png) center center no-repeat; margin-top:0;}
#dateline .flex-direction-nav .flex-next { opacity:1; right:-100px; background: url(../images/ryarr2.png) center center no-repeat; margin-top:0;}
#dateline .flex-direction-nav .flex-prev:hover { border:1px solid #068fd8; opacity:1!important;background: url(../images/ryarr01.png) center center no-repeat;}
#dateline .flex-direction-nav .flex-next:hover { border:1px solid #068fd8; opacity:1!important;background: url(../images/ryarr02.png) center center no-repeat;}
#dateline .flex-direction-nav .flex-disabled{opacity:1!important;}

.itemcon{ box-shadow:0 0 15px #eee; margin:4% 8% 0; background:#fff; padding:4%;}
.itemcon .imgbox{ width:41%; float:left; padding-top:25.5%;}
.itemcon .info{ width:48%; float:left; padding-left:8%;}
.itemcon .info .h3{ color:#008cd7; padding-top:29px; line-height:56px; font-size:24px; font-weight:normal;}
.itemcon .info .h3 i{ display:block; width:17px; height:24px; border-top:1px solid #66bae7;}

.HornorList{ margin:0 0 15px -7px;}
.HornorList li{ width:33.33333%; float:left;}
.HornorList li .box{ margin:0 0 7px 7px; border:4px solid #fafafa;}
.HornorList li .imgbox{ background:#f2f2f2; padding-top:60%;}
.HornorList li .imgbox span{ width:80%; height:80%; left:10%; top:10%; background-size:contain;}
.HornorList li .imgbox .play{ background:rgba(0,0,0,0.5) url(../images/play.png) center center no-repeat; width:30px; height:30px; left:50%; top:50%; margin:-15px 0 0 -15px; border-radius:50%; z-index:2; position:absolute;}
.HornorList li .imgbox span.mp{ width:100%; height:100%; left:0%; top:0%; background-size:cover;}

.HornorList li .info{ position:relative; padding:20px 50px 0 30px; height:70px;}
.HornorList li .info .tit{ text-align:center; line-height:27px;}
.HornorList li .info .date{ font-size:14px; line-height:24px; color:#bfbfbf;}
.HornorList li .info .more{ opacity:0; position:absolute; width:44px; height:44px; background: #fff url(../images/ryarr02.png) center center no-repeat; box-shadow:0 0 10px #0081c6; right:30px; top:23px; border-radius:50%;}
.HornorList li:hover .box{ background:#008cd7; border:4px solid #008cd7;}
.HornorList li:hover .imgbox{ background:#fff;}
.HornorList li:hover .tit{ color:#fff;}
.HornorList li:hover .date{ color:#cbe0f3;}
.HornorList li:hover .info .more{ opacity:1;}

@media ( max-width:998px){
.itemcon .info .h3{ padding-top:0; line-height:35px;}
.HornorList li .info{padding:10px 20px 0 15px; height:50px;}
.HornorList li .info .more{ display:none;}
}

@media ( max-width:768px){
#dateline{ height:60px;}
#dateline .flexslider{ margin:0 30px;}
#dateline .flex-direction-nav a {width:25px; height:25px;}
#dateline .flex-direction-nav .flex-prev { left:-30px;}
#dateline .flex-direction-nav .flex-next {right:-30px;}
#dateline .slides li .dot{bottom:0px;}
#dateline .slides li.on .dot{width:20px; height:20px; bottom:0; margin-left:-10px;}
#dateline .slides li{font-size:18px; height:58px; padding-top:0;}
#dateline .slides li.on {font-size:20px;}
.itemcon { margin-top:30px;}
.itemcon .imgbox{ width:auto; float:none; padding-top:35%;}
.itemcon .info{ width:auto; float:none; padding:15px 0 0;}
.itemcon .info .h3 i{ height:14px;}
}

@media ( max-width:640px){
.Casenav li{ width:33.3333%; padding-bottom:12px;}
.Culture li{ width:auto; float:none; height:auto; padding:15px 0;}
.Culture li .box{padding-left:50px;}
.Culture li .box .ico{left:8px; width:35px;}
.Culture li .box h3{ font-size:16px; padding-bottom:0;}
.Culture li:nth-child(4),.Culture li:nth-child(5),.Culture li:nth-child(6){ background:url(../images/linebg.gif) 0px bottom repeat-x;}
.Culture li:nth-child(4) p,.Culture li:nth-child(5) p,.Culture li:nth-child(6) p{ margin-right:0%;}
.HornorList li{ width:50%;}
.HornorList li .info .date{ font-size:12px; line-height:18px;}
}


/*新闻中心 s*/
.NewsList{}
.NewsList li{ border-bottom:1px solid #eeeeee; padding-bottom:40px; margin-bottom:40px;}
.NewsList li .imgbox{ width:30%; float:left; height:216px;}
.NewsList li .info{ width:70%; float:right; padding-top:34px;}
.NewsList li .box{ position:relative; padding-left:138px;}
.NewsList li .date{ width:138px; color:#b2b2b2; font-family:Arial, Helvetica, sans-serif; position:absolute; left:0px; top:0px; text-align:center;}
.NewsList li .date i{ display:block; line-height:42px; color:#666666; font-size:42px;font-family:"Times New Roman", Times, serif; }
.NewsList li .date2{ display:none;}
.NewsList li .tit{ line-height:36px;font-size:18px; color:#333333;}
.NewsList li .p{ height:52px; margin:7px 0 39px;-webkit-line-clamp: 2; color:#999999;}
.NewsList li .detail{ color:#000000; width:118px; line-height:32px; text-align:center; font-family:Arial, Helvetica, sans-serif; border:1px solid #999999;}
.NewsList li .info:hover .detail{ color:#fff; background:#008cd7; border:1px solid #008cd7;}
.NewsList li .info:hover .tit{ color:#008cd7;}
.NewsList li .info:hover .date i{ color:#008cd7;}

.videoinfo{ width:80%; margin:0px auto 20px;}
.videoinfo video{ background:#000; width:100%;}

.Titleinfo{ text-align:center; border-bottom:1px solid #ccc; margin-bottom:35px;}
.Titleinfo .tits{ font-weight:normal; font-size:24px; color:#333; line-height:26px;}
.Titleinfo .date{ color:#999; padding:12px 0;}
.Titleinfo .date i{ display:inline-block; margin:0 10px;}
.Titleinfo .share{ display:inline-block;*display:inline; zoom:1; vertical-align:middle;}

.PrevNextBox {margin:50px 0 0 0;position:relative; color:#888888; font-size:16px;}
.PrevNextBox dl{ width:49.5%; line-height:50px; height:50px;overflow:hidden; background:#f1f1f1; position:relative;}
.PrevNextBox dl span{ padding-left:97px; position:relative; display:block;}
.PrevNextBox dl span em{ position:absolute; left:33px; top:0px; color:#000000;}
.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:#126db6; 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 { padding-bottom:10px;}
.NewsList li{ padding-bottom:15px; margin-bottom:15px;}
.NewsList li .tit{ line-height:28px; padding-top:0px; font-size:15px; color:#000000;}
.NewsList li .p{ height:20px; line-height:20px;-webkit-line-clamp: 1; margin:5px 0 10px;}
.NewsList li .detail{ width:80px; line-height:27px; font-size:14px;}
.NewsList li .imgbox{height:120px;}
.NewsList li .info{ padding:0;}
.NewsList li .box{ padding:0 0 0 15px;}
.NewsList li .date{ display:none;}
.NewsList li .date2{ display:block;}

.Titleinfo { line-height:20px; font-size:12px; padding-bottom:15px; margin-bottom:20px;}
.Titleinfo .tits{ font-size:18px;}

.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;}
.PrevNextBox dl a{ display:block;text-overflow:ellipsis; white-space:nowrap; *white-space:nowrap; overflow:hidden; width:100%; color:#666666;}
.PrevNextBox dl:hover{background:#126db6; color:#fff;}
.PrevNextBox dl:hover a{ color:#fff;}
.PrevNextBox dl:hover span em{color:#fff;}
.PrevNextBox dl a.none{color:#999;}
.videoinfo{ width:auto;}

}

/*招贤纳士 s*/
.hrw1{ width:20%;}
.hrw2{ width:17%;}
.hrw3{ width:18%;}
.hrw4{ width:13%;}
.hrw5{ width:17%;}
.hrw6{ width:20%;}
.Hrhead{ height:60px; text-align:center; color:#fff; background:#008cd7; margin-bottom:0px; font-size:18px;}
.padleft{ padding-left:4%; text-align:left !important;}
.HrList{ margin-bottom:4%;}
.HrList li{ border-bottom:1px solid #eeeeee;}
.HrList li td{ height:60px; text-align:center; color:#444444; font-size:15px;}
.HrList li td a{color:#444444;}
.HrList .btn{ background:#f4f4f4; width:120px; margin:0px auto; line-height:31px; color:#444444; display:block;}
.HrList li .txtCont{ position:relative; font-size:14px; display:none; border-top:1px solid #eeeeee; line-height:28px; padding:15px 4% 25px; color:#888;}
.HrList li .txtCont .item{ display:none; border-bottom:1px solid #e6e6e6; padding-bottom:10px; margin-bottom:10px;}
.HrList li .txtCont .item dd span{ color:#4c4c4c;}
.HrList li .txtCont .stit{ font-size:16px; padding:10px 0; color:#333;}
.HrList li .txtCont a.apply{ text-align:center; position:absolute; top:25px; right:2.3%; width:120px; line-height:31px; background:#008cd7; color:#fff; font-size:15px; box-shadow:0 4px 15px #c5dbe7;}

.HrList li.current td{ color:#008cd7;}
.HrList li.current a{ color:#008cd7;}
.HrList li.current .btn{ color:#fff; background:#008cd7;}

.Hrtit{ font-size:16px; color:#126db6; padding:0px 0px 10px 12px; margin:0px 0 25px; border-bottom:1px solid #e7e7e7;position:relative;}
.Hrtit a.backs{ position:absolute; right:5px; top:0px; font-size:14px; color:#333; font-weight:normal;}

.JobForm{ color:#666666; margin:42px 0px 0px 0px;}
.JobForm dl{ width:48%; float:left; padding-left:1%; line-height:28px;}
.JobForm dl dt{ width:22%; float:left; text-align:right; padding:5px 2% 5px 0;}
.JobForm dl dd{ width:70%; float:left;}
.JobForm dl.other{ width:99%; float:none; padding-left:1%;}
.JobForm dl.other dt{ width:10.8%; padding-right:1%;}
.JobForm dl.other dd{ width:84%;}
.JobForm dd{ padding:5px 0px;}
.JobForm .input { background:#fff; border:1px solid #dbdbdb; width:99%; height:28px; line-height:28px;}
.JobForm .input2 { background:#fff; border:1px solid #dbdbdb; width:99%; height:116px; line-height:23px;}
.JobForm select { border:1px solid #dbdbdb; width:190px; height:23px; line-height:23px;}
.sendbtn{ cursor:pointer; color:#fff; width:120px; height:40px; font-size:16px; background:#126db6; margin-right:8px;}
.resetbtn{ cursor:pointer; color:#fff; width:120px; height:40px; font-size:16px; background:#606060;}

@media ( max-width:768px){
.Hrhead{ height:36px;font-size:15px; margin-bottom:10px; font-weight:normal;}
.HrList{ margin-bottom:28px;}
.HrList li td{ height:45px;font-size:14px;}
.hrw1{ width:40%;}
.hrw2{ width:40%;}
.hrw3,.hrw4,.hrw5{ display:none;}.hrw6{ width:20%;}
.HrList .btn{ width:80px;}
.HrList li .txtCont .stit{ font-size:15px; margin-bottom:10px; }
.HrList li .txtCont .item{ display:block;}
.HrList li .txtCont{ padding-top:10px; padding-bottom:18px; line-height:24px;}
.HrList li .txtCont a.apply{ width:80px;}

.JobForm dl{ width:auto; float:none; padding-left:0%;}
.JobForm dl.other{ width:auto;padding-left:0%;}
.JobForm dl dt{ width:25%;}
.JobForm dl dd{ width:70%;}
.JobForm dl.other dt{ width:25%;}
.JobForm dl.other dd{ width:70%;}
.sendbtn{ width:100px; height:35px;}
.resetbtn{ width:100px; height:35px;}

}



/*网校系统*/
.TrainList{ margin:0 0 20px -15px;}
.TrainList li{ width:33.33333%; float:left;}
.TrainList li .box{ margin:0 0 15px 15px; position:relative;}
.TrainList li .imgbox{padding-top:68%;}

.TrainList li .info{ padding:15px 5% 15px 5%; position:absolute; left:0px; bottom:0px; width:90%; z-index:2;}
.TrainList li .info .tit{ line-height:27px; color:#fff;}
.TrainList li .info .date{ font-size:14px; line-height:24px; color:#fff; opacity:0.6;}
.TrainList li .bg{ position:absolute; width:6px; height:80px; background:#008cd7; left:0px; bottom:0px; z-index:1;transition:all 0.2s linear; -webkit-transition:all 0.2s linear;}
.TrainList li .bg2{ position:absolute; width:100%; height:120px; background:url(../images/titbg.png) 0px bottom repeat-x; left:0px; bottom:0; z-index:0;}
.TrainList li .play{ position:absolute; background:url(../images/play.png) center center no-repeat; border-radius:50%; border:2px solid #fff; width:36px; height:36px; right:40px; bottom:20px; z-index:2; opacity:0;transition:all 0.2s linear; -webkit-transition:all 0.2s linear;}
.TrainList li:hover .tit{ color:#fff;}
.TrainList li:hover .play{ opacity:1;}
.TrainList li:hover .bg{ width:100%;}

.OnlineNav{ text-align:center; padding-bottom:20px;}
.OnlineNav li{ display:inline-block;*display:inline;zoom:1;}
.OnlineNav li a{ border:1px solid #c8c8c8; display:block; line-height:46px; margin:0 3px 8px; padding:0 15px; color:#000000; position:relative;}
.OnlineNav li span{ display:block; padding-left:30px;}
.OnlineNav li .icon{ position:absolute; left:10px; top:8px; height:30px; width:31px;}
.OnlineNav li .i1,.OnlineNav li .i2{ display: block; position: absolute; left:0%;top: 0px;}
.OnlineNav li .i1{ transition: 400ms;}
.OnlineNav li .i2{ -webkit-transform:scale(0); transform:scale(0); opacity:0; filter:alpha(opacity=0); transition:500ms;}
.OnlineNav li:hover .i2,.OnlineNav li.onli .i2{ -webkit-transform:scale(1); transform:scale(1); opacity:1; filter:alpha(opacity=100);}
.OnlineNav li:hover .i1,.OnlineNav li.onli .i1 { opacity: 0; filter: alpha(opacity=0); -webkit-transform: scale(1.2); transform: scale(1.2);}
.OnlineNav li:hover a,.OnlineNav li.onli a{ background:#008cd7; color:#fff; border:1px solid #008cd7;}

.OnlineList{ margin-bottom:35px;}
.OnlineList li{ background:url(../images/linebg2.gif) 0px bottom repeat-x; height:60px; line-height:60px; padding-right:102px; position:relative;}
.OnlineList li .date{ position:absolute; right:0px; top:0px; color:#686868;}
.OnlineList li a{ padding-left:16px; background:url(../images/dot.gif) 1px center no-repeat; color:#444444;}
.OnlineList li:hover a{ background:url(../images/dot2.gif) 1px center no-repeat; color:#008cd7;}
.OnlineList li:hover .date{color:#008cd7;}

@media ( max-width:998px){
.OnlineNav li{ width:32%;}
}
@media ( max-width:768px){
.OnlineNav li{ width:49%;}
}
@media ( max-width:640px){
.TrainList li{ width:50%;}
.TrainList li .info .date{ font-size:12px; line-height:18px;}
.TrainList li .play{ display:none;}
.TrainList li .info{ padding-top:8px; padding-bottom:8px;}
.TrainList li .bg{height:55px;}
.OnlineList{ margin-bottom:20px;}
.OnlineList li{height:40px; line-height:40px;}
.OnlineList li .date{ font-size:12px;}
}
@media ( max-width:480px){
.OnlineNav li{ width:auto; display:block; text-align:left;}
}


/*联系我们 s*/
.ContactUs{ padding:0 3% 38px;}
.ContactUs li{ width:16%; padding:0 2%; background:url(../images/linelx.gif) right 49px no-repeat; float:left; text-align:center; color:#999999; line-height:24px;}
.ContactUs li .icon{ position:relative; display: block; margin: 0px auto; height:96px; width:96px;}
.ContactUs li .i1,.ContactUs li .i2{ display: block; position: absolute; left:0%;top: 0px;}
.ContactUs li .i1{ transition: 400ms;}
.ContactUs li .i2{ -webkit-transform:scale(0); transform:scale(0); opacity:0; filter:alpha(opacity=0); transition:500ms;}
.ContactUs li:hover .i2{ -webkit-transform:scale(1); transform:scale(1); opacity:1; filter:alpha(opacity=100);}
.ContactUs li:hover .i1 { opacity: 0; filter: alpha(opacity=0); -webkit-transform: scale(1.2); transform: scale(1.2);}
.ContactUs li .t{ line-height:42px; color:#333333; padding-top:6px;}
.ContactUs li:last-child{ background:none;}

.Map{ max-width:1040px; margin:0px auto;}

.Messagebox{ max-width:900px; margin:0px auto;}
.Messagebox ul{ margin-left:-2%;}
.Messagebox ul li{ width:48%; float:left; margin:0 0 20px 2%;}
.Messagebox ul .inputbox{ border:1px solid #cfcfcf; position:relative; padding:0 10px 0 63px; height:58px;}
.Messagebox ul .inputbox .ico{ position:absolute; left:13px; top:15px; border-right:1px solid #cfcfcf; width:34px;}
.Messagebox ul .inputbox input{ vertical-align:middle; width:100%; font-size:16px; height:50px; line-height:50px;}
.Messagebox ul .textarea{ border:1px solid #cfcfcf; position:relative; padding:10px 10px 10px 63px;}
.Messagebox ul .textarea .ico{ position:absolute; left:13px; top:15px; border-right:1px solid #cfcfcf; width:34px;}
.Messagebox ul .textarea textarea{ vertical-align:middle; width:100%; font-size:16px; height:240px; line-height:35px;}
.Messagebox ul li.auto{ width:auto; float:none; clear:both;}
.Messagebox ul .sendbtn{ cursor:pointer; color:#fff; width:160px; height:48px; border-radius:2px; font-size:16px;}
.Messagebox ul .sendbtn:hover{ background:#006da7;}
.Messagebox ul li.btn{ padding-top:12px;}

.dlcon{width:100%;height:100%;position:fixed;top:0;left:0;background:rgba(0,0,0,.5);z-index:9999999;display:;}
.dlcon .zhuce1{position:absolute;top:50%;left:50%;width:450px;transform:translate(-50%,-50%);}
.dlcon .zhuce1 .zctop{width:100%;height:80px;background:#f4f4f4;border-radius:10px 10px 0 0;}
.dlcon .zhuce1 .zctop p{font-size:24px;color:#000;line-height:80px;margin-left:50px;}
.dlcon .zhuce1 .zctop p span{font-size:14px;color:#666;font-weight:normal;padding:0 10px 0 16px;}
.dlcon .zhuce1 .zctop p a{font-size:14px;color:#3eb365;font-weight:normal;}
.dlcon .zhuce1 .zccon{padding:28px 0 60px 0;background:#fff;margin-top:-1px;border-radius:0 0 10px 10px;}
.dlcon .zhuce1 .zccon .zc1{width:355px;margin:0 auto 20px;}
.dlcon .zhuce1 .zccon .zc1 p{width:75px;float:left;font-size:14px;color:#666;line-height:40px;text-align:right;}
.dlcon .zhuce1 .zccon .zc1 input{width:248px;height:38px;border:1px solid #e1e1e1;padding-left:10px;float:left;margin-left:19px;}
.dlcon .zhuce1 .zccon .zc2 input{width:118px;height:38px;}
.dlcon .zhuce1 .zccon .zc2 a{display:block;width:120px;height:40px;font-size:14px;color:#fff;text-align:center;line-height:40px;background:#3eb365;margin-left:11px;float:left;}
.dlcon .zhuce1 .zccon .alogin{display:block;background:#3eb365;width:355px;height:40px;font-size:18px;color:#fff;line-height:40px;text-align:center;margin:0 auto;}
.dlcon .zhuce1 a.cha{position:absolute;top:-40px;right:-20px;}

#panel1 ul{ border-bottom: 1px dashed #ddd;margin-bottom: 15px; padding-bottom: 10px;}
#panel1 ul ul{ border-bottom: 0px dashed #ddd;}
#panel1 ul li{font-weight:bold;}
#panel1 ul li ul li{ font-weight:normal;}
.btn_box{ text-align: center;}
.btn_box .btn{ width:100px;height:40px;color:#fff;margin:0px auto;background:#008cd7;}

@media ( max-width:768px){
.ContactUs{ padding-bottom:20px;}
.ContactUs li{ width:46%; padding-bottom:15px;}
.ContactUs li .icon{height:50px; width:50px;}
.ContactUs li .t{ line-height:20px; padding-top:10px;}
.ContactUs li:nth-child(2),.ContactUs li:nth-child(4){ background:none;}
}

@media ( max-width:640px){
.Messagebox ul li{ width:auto; float:none; margin-bottom:12px;}
.Messagebox ul .inputbox{padding:0 10px 0 63px; height:40px;}
.Messagebox ul .inputbox .ico{top:5px;}
.Messagebox ul .inputbox input{font-size:14px; height:40px; line-height:40px;}
.Messagebox ul .textarea textarea{font-size:14px; height:150px;}
.Messagebox ul .sendbtn{ width:120px; height:40px;font-size:14px;}
}