﻿/*c begin*/

.box1{ clear:both; width:100%; height:auto; overflow:hidden;}

.box1 img{ display:block; max-width:100%;}



/*banner end*/



/*main begin*/

.box2{ clear:both; height:auto; overflow:hidden; background:#f7f7f7; padding:0 80px 80px 80px;}

.zhine{ clear:both; height:auto; overflow:hidden; background:#fff; padding:102px 175px;}

.zhine_t{ height:auto; overflow:hidden;margin:0 auto; margin-bottom:30px; width:18%; }

.zhine_t img{ display:block; max-width:100%; margin:0 auto;}

.zhine_c{ width:520px; height:auto; overflow:hidden; margin:0 auto; margin-bottom:75px;}

.zhine_c p{ text-align:center; color:#222222; line-height:28px; font-size:20px;}

.zhine_v{ height:auto;width:80%;margin:0 auto;text-align:center;}

.zhine_v dl{ float:left; width:23%; height:auto; margin-right:2.5%;transition: all 0.5s ease; cursor:pointer;padding-bottom:20px;}

.zhine_v dl.qcbj{ margin-right:0%;}

.zhine_v dt{ width:100%; height:auto; overflow:hidden; border:4px solid #e6e6e6; margin-bottom:18px;}

.zhine_v dt img{ display:block; max-width:100%;transition: all 0.5s ease; margin:0 auto;}

.zhine_v dl:hover dt img{-moz-transform: scale(1.2); -webkit-transform: scale(1.2); -o-transform: scale(1.2); -ms-transform: scale(1.2); transform: scale(1.2);}

.zhine_v dd{ text-align:center; color:#222222; font-size:14px; line-height:24px;overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}

.zhine_v dl:hover{-moz-transform: translateY(-5px); -webkit-transform: translateY(-5px); -o-transform: translateY(-5px); -ms-transform: translateY(-5px); transform: translateY(-5px);}

.zhine_v dl:hover dd { color:#009944;}

.zhine_b{ clear:both; overflow:hidden; width:934px; height:auto; margin:0 auto; padding-top:60px;}

.zhine_b p{ text-align:center; color:#666666; line-height:24px; font-size:14px;}

.zhine_b p a{ display:block; width:170px; height:40px; margin:0 auto; border-radius:50px; background:#009944; color:#fff; text-align:center; line-height:40px; margin-top:70px;}

.zhine_b p a:hover{animation:shake 2s;-mzoanimation:shake 2s;-webkit-animation:shake 2s;-o-animation:shake 2s}

@media(max-width:1440px){

.box2{ clear:both; height:auto; overflow:hidden; background:#f7f7f7; padding:0 0px;}

.zhine{ clear:both; height:auto; overflow:hidden; background:#fff; padding:102px 80px;}	

}

@media(max-width:1024px){

.box2{ clear:both; height:auto; overflow:hidden; background:#f7f7f7; padding:0 0px 40px 0px;}

.zhine{ clear:both; height:auto; overflow:hidden; background:#fff; padding:60px 15px;}	

.zhine_c{ width:520px; height:auto; overflow:hidden; margin:0 auto; margin-bottom:40px;}

.zhine_b{ clear:both; overflow:hidden; width:934px; height:auto; margin:0 auto; padding-top:40px;}

.zhine_b p a{ display:block; width:170px; height:40px; margin:0 auto; border-radius:50px; background:#009944; color:#fff; text-align:center; line-height:40px; margin-top:30px;}

}

@media(max-width:768px){

.box2{ clear:both; height:auto; overflow:hidden; background:#f7f7f7; padding:0 0px 40px 0px;}

.zhine{ clear:both; height:auto; overflow:hidden; background:#fff; padding:60px 15px;}	

.zhine_c{ width:520px; height:auto; overflow:hidden; margin:0 auto; margin-bottom:40px;}

.zhine_b{ clear:both; overflow:hidden; width:100%; height:auto; margin:0 auto; padding-top:40px;}

.zhine_b p a{ display:block; width:170px; height:40px; margin:0 auto; border-radius:50px; background:#009944; color:#fff; text-align:center; line-height:40px; margin-top:30px;}

}

@media(max-width:414px){

.box2{ clear:both; height:auto; overflow:hidden; background:#f7f7f7; padding:0 0px 40px 0px;}

.zhine{ clear:both; height:auto; overflow:hidden; background:#fff; padding:60px 15px;}	

.zhine_c{ width:100%; height:auto; overflow:hidden; margin:0 auto; margin-bottom:40px;}

.zhine_b{ clear:both; overflow:hidden; width:100%; height:auto; margin:0 auto; padding-top:25px;}

.zhine_b p a{ display:block; width:170px; height:40px; margin:0 auto; border-radius:50px; background:#009944; color:#fff; text-align:center; line-height:40px; margin-top:30px;}

.zhine_v dl{ float:left; width:100%; height:auto; margin-right:0%;transition: all 0.5s ease; cursor:pointer; margin-bottom:15px;}

.zhine_t{ height:auto; overflow:hidden;margin:0 auto; margin-bottom:30px; width:60%; }

}

.box3{ clear:both; height:auto; overflow:hidden; background:#fff; padding:80px;}

.cpine{ height:auto; overflow:hidden;}

.cpine_t{ height:auto; overflow:hidden; margin-bottom:40px;}

.cpine_t dl{ height:auto; overflow:hidden; background:#f7f7f7;transition: all 0.5s ease; cursor:pointer;}

.cpine_t dt{ width:50%; height:auto; overflow:hidden; float:left;}

.cpine_t dt img{margin: -10px 0 0 -10px;max-width: none;width: -webkit-calc(100% + 10px);width: calc(100% + 10px);-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;transition: opacity 0.35s, transform 0.35s;-webkit-transform: translate3d(10px,10px,0);transform: translate3d(10px,10px,0);-webkit-backface-visibility: hidden;backface-visibility: hidden;}

.cpine_t dl:hover dt img {-webkit-transform: translate3d(0,0,0);transform: translate3d(0,0,0);opacity: 0.6;}

.cpine_t dd{ height:auto; float:right; width:50%; height:auto; padding:100px 0 0 0;}

.tunce{ width:420px; height:auto; margin:0 auto;transition: all 0.5s ease;}

.tunce_t{ height:auto; overflow:hidden; border-bottom:2px solid #eeeeee; width:85px; margin:0 auto; text-align:center; line-height:28px; color:#222222; font-size:20px; padding-bottom:38px; margin-bottom:38px;}

.tunce_t img{ display:block; margin:0 auto; max-width:100%; margin-bottom:38px;}

.tunce_t a{ color:#222; font-size:20px;}

.tunce_b{ height:auto; overflow:hidden;}

.tunce_b p{ text-align:center; line-height:24px; font-size:14px; color:#666666;}

.tunce_b p a{ display:block; width:170px; height:40px; margin:0 auto; border-radius:50px; background:#009944; color:#fff; text-align:center; line-height:40px; margin-top:90px;}

.cpine_t dl:hover dd .tunce{-moz-transform: translateY(10px); -webkit-transform: translateY(10px); -o-transform: translateY(10px); -ms-transform: translateY(10px); transform: translateY(10px);}

.cpine_b{ height:auto; overflow:hidden;}

.cpine_b dl{ height:auto; overflow:hidden; background:#f7f7f7;transition: all 0.5s ease; cursor:pointer;}

.cpine_b dt{ width:50%; height:auto; overflow:hidden; float:right;}

.cpine_b dt img{margin: -10px 0 0 -10px;max-width: none;width: -webkit-calc(100% + 10px);width: calc(100% + 10px);-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;transition: opacity 0.35s, transform 0.35s;-webkit-transform: translate3d(10px,10px,0);transform: translate3d(10px,10px,0);-webkit-backface-visibility: hidden;backface-visibility: hidden;}

.cpine_b dl:hover dt img {-webkit-transform: translate3d(0,0,0);transform: translate3d(0,0,0);opacity: 0.6;}

.cpine_b dd{ height:auto; float:left; width:50%; height:auto; padding:100px 0 0 0;}

.cpine_b dl:hover dd .tunce{-moz-transform: translateY(10px); -webkit-transform: translateY(10px); -o-transform: translateY(10px); -ms-transform: translateY(10px); transform: translateY(10px);}

.tunce1{ width:490px;}

@media(max-width:1660px){

.cpine_t dd{ height:auto; float:right; width:50%; height:auto; padding:50px 0 0 0;}	

.cpine_b dd{ height:auto; float:left; width:50%; height:auto; padding:50px 0 0 0;}



}

@media(max-width:1440px){

.cpine_t dd{ height:auto; float:right; width:50%; height:auto; padding:50px 0 0 0;}	

.cpine_b dd{ height:auto; float:left; width:50%; height:auto; padding:50px 0 0 0;}

.tunce_b p a{ display:block; width:170px; height:40px; margin:0 auto; border-radius:50px; background:#009944; color:#fff; text-align:center; line-height:40px; margin-top:30px;}

}

@media(max-width:1440px){

.cpine_t dd{ height:auto; float:right; width:50%; height:auto; padding:70px 0 0 0;}	

.cpine_b dd{ height:auto; float:left; width:50%; height:auto; padding:70px 0 0 0;}

.tunce_b p a{ display:block; width:170px; height:40px; margin:0 auto; border-radius:50px; background:#009944; color:#fff; text-align:center; line-height:40px; margin-top:30px;}

.tunce_t{ height:auto; overflow:hidden; border-bottom:2px solid #eeeeee; width:85px; margin:0 auto; text-align:center; line-height:28px; color:#222222; font-size:20px; padding-bottom:18px; margin-bottom:18px;}

.tunce_t img{ display:block; margin:0 auto; max-width:100%; margin-bottom:18px;}

}

@media(max-width:1280px){

.cpine_t dd{ height:auto; float:right; width:50%; height:auto; padding:50px 0 0 0;}	

.cpine_b dd{ height:auto; float:left; width:50%; height:auto; padding:50px 0 0 0;}

.tunce_b p a{ display:block; width:170px; height:40px; margin:0 auto; border-radius:50px; background:#009944; color:#fff; text-align:center; line-height:40px; margin-top:30px;}

.tunce_t{ height:auto; overflow:hidden; border-bottom:2px solid #eeeeee; width:85px; margin:0 auto; text-align:center; line-height:28px; color:#222222; font-size:20px; padding-bottom:18px; margin-bottom:18px;}

.tunce_t img{ display:block; margin:0 auto; max-width:100%; margin-bottom:18px;}

}

@media(max-width:1024px){

.box3{ clear:both; height:auto; overflow:hidden; background:#fff; padding: 40px 15px;}

.cpine_t dd{ height:auto; float:right; width:50%; height:auto; padding:30px 0 0 0;}	

.cpine_b dd{ height:auto; float:left; width:50%; height:auto; padding:30px 0 0 0;}

.tunce_b p a{ display:block; width:170px; height:40px; margin:0 auto; border-radius:50px; background:#009944; color:#fff; text-align:center; line-height:40px; margin-top:30px;}

.tunce_t{ height:auto; overflow:hidden; border-bottom:2px solid #eeeeee; width:85px; margin:0 auto; text-align:center; line-height:28px; color:#222222; font-size:20px; padding-bottom:18px; margin-bottom:18px;}

.tunce_t img{ display:block; margin:0 auto; max-width:100%; margin-bottom:18px;}

}

@media(max-width:768px){

.box3{ clear:both; height:auto; overflow:hidden; background:#fff; padding: 40px 15px;}

.cpine_t dd{ height:auto; float:right; width:50%; height:auto; padding:30px 0 0 0;}	

.cpine_b dd{ height:auto; float:left; width:50%; height:auto; padding:30px 0 0 0;}

.tunce_b p a{ display:block; width:170px; height:40px; margin:0 auto; border-radius:50px; background:#009944; color:#fff; text-align:center; line-height:40px; margin-top:30px;}

.tunce_t{ height:auto; overflow:hidden; border-bottom:2px solid #eeeeee; width:85px; margin:0 auto; text-align:center; line-height:28px; color:#222222; font-size:20px; padding-bottom:18px; margin-bottom:18px;}

.tunce_t img{ display:block; margin:0 auto; max-width:100%; margin-bottom:18px;}

.cpine_t dt{ width:100%; height:auto; overflow:hidden; float:left;}

.cpine_t dd{ height:auto; float:right; width:100%; height:auto; padding:30px 0 30px 0;}

.cpine_b dt{ width:100%; height:auto; overflow:hidden; float:left;}

.cpine_b dd{ height:auto; float:left; width:100%; height:auto;padding:30px 0 30px 0;}

}

@media(max-width:414px){

.box3{ clear:both; height:auto; overflow:hidden; background:#fff; padding: 40px 15px;}

.cpine_t dd{ height:auto; float:right; width:50%; height:auto; padding:30px 0 0 0;}	

.cpine_b dd{ height:auto; float:left; width:50%; height:auto; padding:30px 0 0 0;}

.tunce_b p a{ display:block; width:170px; height:40px; margin:0 auto; border-radius:50px; background:#009944; color:#fff; text-align:center; line-height:40px; margin-top:30px;}

.tunce_t{ height:auto; overflow:hidden; border-bottom:2px solid #eeeeee; width:85px; margin:0 auto; text-align:center; line-height:28px; color:#222222; font-size:20px; padding-bottom:18px; margin-bottom:18px;}

.tunce_t img{ display:block; margin:0 auto; max-width:100%; margin-bottom:18px; width:60px; height:60px;}

.cpine_t dt{ width:100%; height:auto; overflow:hidden; float:left;}

.cpine_t dd{ height:auto; float:right; width:100%; height:auto; padding:30px 0 30px 0;}

.cpine_b dt{ width:100%; height:auto; overflow:hidden; float:left;}

.cpine_b dd{ height:auto; float:left; width:100%; height:auto;padding:30px 0 30px 0;}

.tunce{ width:90%; height:auto; margin:0 auto;transition: all 0.5s ease;}

.tunce1{ width:90%;}

}



.box4{ clear:both; height:auto; overflow:hidden; background:#f7f7f7; padding:80px;}

.xine_t{ background:url(../images/bg.jpg) no-repeat center bottom; text-align:center; color:#222222; line-height:28px; font-size:20px; padding-bottom:30px; margin-bottom:35px;}

.xine_c{ height:auto; overflow:hidden; margin-bottom:75px;}

.xine_c p{ text-align:center; color:#666666; line-height:24px; font-size:14px;}

.xine_b{ height:auto; overflow:hidden;}

.xine_b dl{ float:left; width:33.33%; height:auto; cursor:pointer;}

.xine_b dt{ height:auto; overflow:hidden;}

.xine_b dt img{ display:block; width:100%;transition: all 1s ease; margin:0 auto;}

.xine_b dl:hover dt img{-moz-transform: scale(1.2); -webkit-transform: scale(1.2); -o-transform: scale(1.2); -ms-transform: scale(1.2); transform: scale(1.2);}

.xine_b dd{ height:auto; min-height:350px; overflow:hidden; background:#fff;transition: all 0.5s ease;}

.umie{ width:419px; height:auto; margin:0 auto; padding-top:60px;}

.umie_t{ height:auto; overflow:hidden; text-align:center; color:#222222; line-height:24px; font-family:Arial, Helvetica, sans-serif; font-size:14px; margin-bottom:50px;}

.umie_c{ height:auto; overflow:hidden; color:#222222; font-size:18px;overflow:hidden; white-space:nowrap; text-overflow:ellipsis; line-height:28px; text-align:center; margin-bottom:18px;}

.umie_v{ height:48px; overflow:hidden; margin-bottom:45px;}

.umie_v p{ text-align:center; color:#999999; line-height:24px; font-size:14px;}

.umie_b{ width:60px; height:auto; margin:0 auto; border-bottom:1px solid #0e498d; font-size:14px; min-height:30px; color:#0e498d;}

.xine_b dl:hover dd{ background:#009944;}

.xine_b dl:hover .umie_t,.xine_b dl:hover .umie_c,.xine_b dl:hover .umie_b{ color:#fff;}

.xine_b dl:hover .umie_b{ color:#fff; border-bottom:1px solid #fff;}

.xine_b dl:hover .umie_v p{ color:#8ee3b4;}

@media(max-width:1660px){

.xine_b dd{ height:auto; min-height:299px; overflow:hidden; background:#fff;transition: all 0.5s ease;}

.umie{ width:419px; height:auto; margin:0 auto; padding-top:30px;}

	

}

@media(max-width:1600px){

.xine_b dd{ height:auto; min-height:283px; overflow:hidden; background:#fff;transition: all 0.5s ease;}

.umie{ width:419px; height:auto; margin:0 auto; padding-top:40px;}

.umie_t{ height:auto; overflow:hidden; text-align:center; color:#222222; line-height:24px; font-family:Arial, Helvetica, sans-serif; font-size:14px; margin-bottom:15px;}

.umie_c{ height:auto; overflow:hidden; color:#222222; font-size:18px;overflow:hidden; white-space:nowrap; text-overflow:ellipsis; line-height:28px; text-align:center; margin-bottom:18px;}

.umie_v{ height:48px; overflow:hidden; margin-bottom:25px;}	

}

@media(max-width:1440px){

.xine_b dd{ height:auto; min-height:253px; overflow:hidden; background:#fff;transition: all 0.5s ease;}

.umie{ width:399px; height:auto; margin:0 auto; padding-top:30px;}

.umie_t{ height:auto; overflow:hidden; text-align:center; color:#222222; line-height:24px; font-family:Arial, Helvetica, sans-serif; font-size:14px; margin-bottom:15px;}

.umie_c{ height:auto; overflow:hidden; color:#222222; font-size:18px;overflow:hidden; white-space:nowrap; text-overflow:ellipsis; line-height:28px; text-align:center; margin-bottom:18px;}

.umie_v{ height:48px; overflow:hidden; margin-bottom:15px;}	

}

@media(max-width:1400px){

.xine_b dd{ height:auto; min-height:243px; overflow:hidden; background:#fff;transition: all 0.5s ease;}

.umie{ width:369px; height:auto; margin:0 auto; padding-top:30px;}

.umie_t{ height:auto; overflow:hidden; text-align:center; color:#222222; line-height:24px; font-family:Arial, Helvetica, sans-serif; font-size:14px; margin-bottom:15px;}

.umie_c{ height:auto; overflow:hidden; color:#222222; font-size:18px;overflow:hidden; white-space:nowrap; text-overflow:ellipsis; line-height:28px; text-align:center; margin-bottom:18px;}

.umie_v{ height:48px; overflow:hidden; margin-bottom:15px;}	

}

@media(max-width:1366px){

.xine_b dd{ height:auto; min-height:237px; overflow:hidden; background:#fff;transition: all 0.5s ease;}

.umie{ width:369px; height:auto; margin:0 auto; padding-top:30px;}

.umie_t{ height:auto; overflow:hidden; text-align:center; color:#222222; line-height:24px; font-family:Arial, Helvetica, sans-serif; font-size:14px; margin-bottom:15px;}

.umie_c{ height:auto; overflow:hidden; color:#222222; font-size:18px;overflow:hidden; white-space:nowrap; text-overflow:ellipsis; line-height:28px; text-align:center; margin-bottom:18px;}

.umie_v{ height:48px; overflow:hidden; margin-bottom:15px;}	

}

@media(max-width:1360px){

.xine_b dd{ height:auto; min-height:236px; overflow:hidden; background:#fff;transition: all 0.5s ease;}

.umie{ width:369px; height:auto; margin:0 auto; padding-top:30px;}

.umie_t{ height:auto; overflow:hidden; text-align:center; color:#222222; line-height:24px; font-family:Arial, Helvetica, sans-serif; font-size:14px; margin-bottom:15px;}

.umie_c{ height:auto; overflow:hidden; color:#222222; font-size:18px;overflow:hidden; white-space:nowrap; text-overflow:ellipsis; line-height:28px; text-align:center; margin-bottom:18px;}

.umie_v{ height:48px; overflow:hidden; margin-bottom:15px;}	

}

@media(max-width:1280px){

.xine_b dd{ height:auto; min-height:220px; overflow:hidden; background:#fff;transition: all 0.5s ease;}

.umie{ width:339px; height:auto; margin:0 auto; padding-top:20px;}

.umie_t{ height:auto; overflow:hidden; text-align:center; color:#222222; line-height:24px; font-family:Arial, Helvetica, sans-serif; font-size:14px; margin-bottom:15px;}

.umie_c{ height:auto; overflow:hidden; color:#222222; font-size:18px;overflow:hidden; white-space:nowrap; text-overflow:ellipsis; line-height:28px; text-align:center; margin-bottom:18px;}

.umie_v{ height:48px; overflow:hidden; margin-bottom:15px;}	

}

@media(max-width:1024px){

.box4{ clear:both; height:auto; overflow:hidden; background:#f7f7f7; padding:40px 15px;}

.xine_b dl{ float:left; width:100%; height:auto; cursor:pointer; margin-bottom:20px;}

.xine_b dd{ height:auto; min-height:auto; padding:0 0 20px 0; overflow:hidden; background:#fff;transition: all 0.5s ease;}

.umie{ width:90%; height:auto; margin:0 auto; padding-top:20px;}



}



.box5{ clear:both; height:auto; overflow:hidden; background:#fff; padding:80px;}

.gone{ background:#f7f7f7; height:auto; overflow:hidden;}

.gone_l{ float:left; width:50%; height:auto; overflow:hidden; padding:102px 127px 0 80px;}

.gone_lt{ height:auto; background:url(../images/bg.jpg) no-repeat left bottom; color:#222222; font-size:20px; line-height:28px; padding-bottom:30px; margin-bottom:40px;}

.gone_lc{ height:auto; overflow:hidden; margin-bottom:130px;}

.gone_lc p{ line-height:24px; color:#666666; font-size:14px;}

.gone_lb{ height:auto; overflow:hidden;}

.gone_lb a{ display:block; width:170px; height:40px; margin:0 auto; border-radius:50px; background:#009944; color:#fff; text-align:center; line-height:40px; float:left; margin-right:10px;}

.gone_lb a.bgys{ background:#0e498d; margin-right:0px;}

.gone_r{ float:right; width:50%; height:auto;}

.gone_r li{ float:left; width:25%; height:auto; min-height:320px; background:#eeeeee; position:relative;;}

.gone_r li img{ display:block;width:70%; height:auto; position:absolute; left:0; top:0; bottom:0; right:0; margin:auto;}

.gone_r li.bgys1{ background:#f3f3f3;}

@media(max-width:1440px){

.gone_l{ float:left; width:50%; height:auto; overflow:hidden; padding:72px 127px 0 80px;}	

.gone_lc{ height:auto; overflow:hidden; margin-bottom:80px;}



}

@media(max-width:1280px){

.gone_l{ float:left; width:50%; height:auto; overflow:hidden; padding:72px 80px 0 80px;}	

.gone_lc{ height:auto; overflow:hidden; margin-bottom:80px;}

}

@media(max-width:1024px){

.gone_l{ float:left; width:100%; height:auto; overflow:hidden; padding:30px; margin-bottom:20px}	

.gone_lc{ height:auto; overflow:hidden; margin-bottom:30px;}

.box5{ clear:both; height:auto; overflow:hidden; background:#fff; padding:40px 15px;}

.gone_r{ float:right; width:100%; height:auto;}

}

@media(max-width:414px){

.gone_l{ float:left; width:100%; height:auto; overflow:hidden; padding:30px; margin-bottom:20px}	

.gone_lc{ height:auto; overflow:hidden; margin-bottom:30px;}

.box5{ clear:both; height:auto; overflow:hidden; background:#fff; padding:40px 15px;}

.gone_r{ float:right; width:100%; height:auto;}

.gone_lb a{ display:block; width:100%; height:40px; margin:0 auto; border-radius:50px; background:#009944; color:#fff; text-align:center; line-height:40px; float:left; margin-right:0px; margin-bottom:15px}

.gone_r li{ float:left; width:50%; height:auto; min-height:220px; background:#eeeeee; position:relative;;}



}

/*main end*/



/*产品中心 begin*/

.cp_banner{ height:auto; overflow:hidden; position:relative;padding-top:100px;}

.cp_banner img{ display:block; width:100%;}

.cpnew{ width:100%; height:100%; position:absolute; left:0; top:0; padding:250px 0 0 160px; color:#fff; font-size:36px; line-height:40px;font-weight:bold;}

.cpnew p{ color:#ffffff; font-size:14px;line-height: 34px;font-weight: bold;}

.cpnew span{display:block; color:#ffffff; font-size:14px;line-height: 34px;font-weight:100;}

.cpnew font{display:block;width:40px;height:2px;background:#fff;margin-top:20px;}

@media(max-width:1680px){

.cpnew{ width:100%; height:100%; position:absolute; left:0; top:0; padding:135px 0 0 80px; color:#fff; font-size:36px; line-height:40px;}

}

@media(max-width:1440px){

.cpnew{ width:100%; height:100%; position:absolute; left:0; top:0; padding:115px 0 0 80px; color:#fff; font-size:36px; line-height:40px;}

}

@media(max-width:1400px){

.cpnew{ width:100%; height:100%; position:absolute; left:0; top:0; padding:105px 0 0 80px; color:#fff; font-size:36px; line-height:40px;}

}

@media(max-width:1024px){

.cpnew{ width:100%; height:100%; position:inherit; left:0; top:0; padding:15px 15px 15px 15px; color:#009944; font-size:17px; line-height:28px; background:#f7f7f7; text-align:center;}

.cpnew p{ color:#009944; font-size:14px; line-height:24px;overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}

.cpnew span{ color:#009944; font-size:14px; line-height:24px;}
.cpnew font{display:none;}
}



.cp_box{ clear:both; height:auto; overflow:hidden; background:#f7f7f7; padding:0px 160px 100px 160px;}

.qcwz{ clear:both; height:auto; overflow:hidden; min-height:60px; line-height:60px;color:#666666;}

.qcwz img{ vertical-align:middle; margin-top:-3px; margin-right:10px;}

.qcwz a{ color:#666666;}

.qcwz a:last-child{ color:#246cdf;}

.qcwz a:hover{ color:#246cdf;}

.cp_iu{ height:auto; overflow:hidden; background:#fff; padding-left:40px; margin-bottom:30px;line-height:100px;}

.cp_iu span{ float:left; color:#009946; display:block; width:105px; font-size:14px;}

.cp_iu font{ display:block; float:left;}

.cp_iu font a{ margin-right:15px; color:#222222; font-size:14px;display:inline-block; line-height:100px;padding:0px 10px;}

.cp_iu font a:hover{ color:#fff;background:#009946;}

.cp_iu font a.bjyc{ color:#fff; background:#009946;}

.cp_iu font a:last-child{ margin-right:0px;}


.cp_iu1{ height:auto; overflow:hidden; background:#fff; padding-left:10px; margin-bottom:30px;line-height:50px;}

.cp_iu1 span{ float:none; color:#348cf7; width:105px; font-size:14px;}

.cp_iu1 font{ float:none;}

.cp_iu1 font a{ margin-right:0px; color:#222222; font-size:14px;display:inline-block; line-height:50px;padding:0px 10px;}

.cp_iu1 font a:hover{ color:#fff;background:#348cf7;}

.cp_iu1 font a.bjyc{ color:#fff; background:#348cf7;}

.cp_iu1 font a:last-child{ margin-right:0px;}

@media(max-width:1680px){

.cp_box{ clear:both; height:auto; overflow:hidden; background:#f7f7f7; padding:0px 80px 100px 80px;}

.cp_iu font a{ margin-right:30px; color:#222222; font-size:14px;}

}

@media(max-width:1600px){

.cp_iu font a{ margin-right:20px; color:#222222; font-size:14px;}

}

@media(max-width:1440px){

.cp_iu font a{ margin-right:10px; color:#222222; font-size:14px;}

}

@media(max-width:1400px){

.cp_iu font a{ margin-right:5px; color:#222222; font-size:14px;}

}

@media(max-width:1366px){

.cp_iu font a{ margin-right:10px; color:#222222; font-size:12px;}

.cp_iu span{ float:left; color:#666666; display:block; width:105px; font-size:12px;}

}

@media(max-width:1280px){

.cp_iu font a{ margin-right:5px; color:#222222; font-size:12px;}

.cp_iu span{ float:left; color:#666666; display:block; width:75px; font-size:12px;}

}

@media(max-width:1024px){

.cp_box{ clear:both; height:auto; overflow:hidden; background:#f7f7f7; padding:0px 15px 35px 15px;}

.cp_iu{ height:auto; overflow:hidden; background:#fff; padding:20px;}

}

@media(max-width:768px){

.cp_box{ clear:both; height:auto; overflow:hidden; background:#f7f7f7; padding:0px 15px 35px 15px;}

.cp_iu{ height:auto; overflow:hidden; background:#fff; padding:20px;}

.cp_iu span{ float:left; color:#666666; display:block; width:105px; font-size:14px; line-height:28px;}

.cp_iu font{ display:block; float:left; width:100%; line-height:28px}

.cp_iu font a{ margin-right:0px; color:#222222; font-size:14px; float:left; width:33.33%;}

}

@media(max-width:414px){

.cp_box{ clear:both; height:auto; overflow:hidden; background:#f7f7f7; padding:0px 15px 35px 15px;}

.cp_iu{ height:auto; overflow:hidden; background:#fff; padding:20px;}

.cp_iu span{ float:left; color:#666666; display:block; width:105px; font-size:14px; line-height:28px;}

.cp_iu font{ display:block; float:left; width:100%; line-height:28px}

.cp_iu font a{ margin-right:0px; color:#222222; font-size:14px; float:left; width:50%;}


.cp_iu1{line-height:50px;}

.cp_iu1 span{ line-height:50px;}

.cp_iu1 font a{ margin-right:15px; color:#222222; font-size:14px;line-height:50px;padding:0px 10px;}


}

@media(max-width:320px){

.cp_box{ clear:both; height:auto; overflow:hidden; background:#f7f7f7; padding:0px 15px 35px 15px;}

.cp_iu{ height:auto; overflow:hidden; background:#fff; padding:20px;}

.cp_iu span{ float:left; color:#666666; display:block; width:105px; font-size:14px; line-height:28px;}

.cp_iu font{ display:block; float:left; width:100%; line-height:28px}

.cp_iu font a{ margin-right:0px; color:#222222; font-size:14px; float:left; width:100%;}

}



.cpzi{ clear:both; height:auto;}

.cpzi dl{ float:left; width:24%; height:auto; margin-right:1.3%; background:#fff;transition: all 0.5s ease; margin-bottom:40px;}

.cpzi dl:hover{-moz-transform: translateY(-10px); -webkit-transform: translateY(-10px); -o-transform: translateY(-10px); -ms-transform: translateY(-10px); transform: translateY(-10px);}

.cpzi dl.qcbj{ margin-right:0%;}

.cpzi dt{ width:100%; height:auto; overflow:hidden; border-bottom:1px solid #eeeeee;padding:60px;}

.cpzi dt img{ display:block; /*max-width:50%;*/ margin:0 auto;transition: all 0.5s ease;}

.cpzi dd{ height:auto; overflow:hidden; padding:26px 40px; line-height:24px;}

.cpzi dd span{ float:left; width:88%;overflow:hidden; white-space:nowrap; text-overflow:ellipsis; color:#222222; font-size:14px; font-weight:bold;}

.cpzi dd font{ float:right;}

.cpzi dl:hover dt img{-moz-transform: scale(1.2); -webkit-transform: scale(1.2); -o-transform: scale(1.2); -ms-transform: scale(1.2); transform: scale(1.2);}

.ckgd{ clear:both; min-height:80px; line-height:80px; text-align:center; margin-top:40px; background:#fff;}

.ckgd a{ display:block; width:100%; color:#222222; font-size:14px;}

@media(max-width:1024px){

.cpzi dd{ height:auto; overflow:hidden; padding:26px 20px; line-height:24px;}

.cpzi dd span{ float:left; width:84%;overflow:hidden; white-space:nowrap; text-overflow:ellipsis; color:#222222; font-size:14px; font-weight:bold;}

}

@media(max-width:768px){

.cpzi dd{ height:auto; overflow:hidden; padding:26px 20px; line-height:24px;}

.cpzi dd span{ float:left; width:84%;overflow:hidden; white-space:nowrap; text-overflow:ellipsis; color:#222222; font-size:14px; font-weight:bold;}

.cpzi dl{ float:left; width:48%; height:auto; margin-right:2%; background:#fff;transition: all 0.5s ease; margin-bottom:40px;}

}

@media(max-width:414px){

.cpzi dd{ height:auto; overflow:hidden; padding:26px 20px; line-height:24px;}

.cpzi dd span{ float:left; width:84%;overflow:hidden; white-space:nowrap; text-overflow:ellipsis; color:#222222; font-size:14px; font-weight:bold;}

.cpzi dl{ float:left; width:100%; height:auto; margin-right:0%; background:#fff;transition: all 0.5s ease; margin-bottom:40px;}

}



.cp_box1{ clear:both; height:auto; overflow:hidden; background:#fff; line-height:60px; padding:0 160px; border-top:1px solid #f0f0f0;}

.cp_box1 span{ float:left; color:#222222; font-size:16px;}

.cp_box1 a{ display:block; float:right; width:90px; height:30px; background:#3571cf; line-height:30px; margin-top:15px; text-align:center; color:#fff;}

.cp_box2{ background:url(../images/bg2.jpg) repeat-x left top #f7f7f7; padding-top:4px; overflow:hidden;}

.cpx_l{ float:left; width:19%; height:auto; overflow:hidden; padding:80px 0 0 160px;}

.cpx_l li{ line-height:26px;color:#555555; background:none; padding-left:14px; margin-bottom:30px; cursor:pointer; color:#222222; font-size:14px;}

.cpx_l li a{ color:#222222; font-size:14px;}

.cpx_l li.red{ background:url(../images/bg2.png) no-repeat left 11px; color:#009933; font-size:18px;}

.cpx_l li.red a{  color:#009933; font-size:18px;}

#nav{position:relative;top:0;  z-index:9999} 

.cpx_r{ float:right; width:81%; height:auto; background:#fff; padding:80px 160px 80px 120px;}

.dqwz1{ line-height:33px;color:#666666; margin-bottom:35px;}

.dqwz1 img{ vertical-align:middle; margin-top:-3px; margin-right:10px;}

.dqwz1 a{ color:#666666;}

.dqwz1 a:last-child{ color:#246cdf;}

.dqwz1 a:hover{ color:#246cdf;}

.cptp{ display:block; margin-bottom:60px;}

.cptp img{ display:block; max-width:100%; border:1px solid #e6e6e6; margin:0 auto;}

.jscx{ height:auto; overflow:hidden; margin-bottom:70px;}

.jscx_t{ height:auto; overflow:hidden; background:url(../images/bg1.jpg) no-repeat left center; padding-left:10px; line-height:33px; color:#009944; font-size:18px; font-weight:bold; margin-bottom:30px;}

.jscx_b{ clear:both; height:auto; overflow:hidden;}

.jscx_b table{border-collapse:collapse; width:100%;}

.jscx_b td{border:1px solid #ddd; line-height:45px; text-align:left; background:#f7f7f7; padding:0 10px; color:#222222; font-size:14px; text-align:center;}

.jscx_b td.yce{ background:#fff;}

.cptd{ clear:both; height:auto; overflow:hidden; margin-bottom:70px;}

.cptd_t{ clear:both; height:auto; overflow:hidden;}

.cptd_t ul{ float:left; width:50%; padding-right:1%;}

.cptd_t li{ line-height:34px; clear:both; margin-bottom:26px; overflow:hidden;}

.cptd_t li span{ float:left; width:34px; height:34px; border-radius:100px; text-align:center; line-height:34px; color:#fff; background:#3571cf;}

.cptd_t li em{ float:right; width:91%; color:#222222; font-size:14px;overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}

.xyyy{ clear:both; height:auto; overflow:hidden;}

.xyyy_t{ clear:both; height:auto; overflow:hidden;}

.xyyy_t p img{ display:block; max-width:100%; margin:0 auto;}

.xyyy_t p{ line-height:26px; color:#666666; font-size:14px;}

.xyyy_t p span.roce{ color:#222222; font-size:14px; font-weight:bold;}

@media(max-width:1680px){

.cp_box1{ clear:both; height:auto; overflow:hidden; background:#fff; line-height:60px; padding:0 80px;}

.cpx_l{ float:left; width:19%; height:auto; overflow:hidden; padding:80px 0 0 80px;}

.cpx_r{ float:right; width:81%; height:auto; background:#fff; padding:80px 80px 80px 80px;}	

}

@media(max-width:1024px){

.cp_box1{ clear:both; height:auto; overflow:hidden; background:#fff; line-height:60px; padding:0 15px;}

.cpx_l{ float:left; width:19%; height:auto; overflow:hidden; padding:30px 0 0 15px;}

.cpx_r{ float:right; width:81%; height:auto; background:#fff; padding:30px 30px 30px 30px;}	



}

@media(max-width:414px){

.cpx_l{ float:left; width:100%; height:auto; overflow:hidden; padding:30px 0 0 15px;}

.cpx_r{ float:right; width:100%; height:auto; background:#fff; padding:30px 30px 30px 30px;}	

.cpx_l li{ line-height:26px;color:#555555; background:none; padding-left:14px; margin-bottom:30px; cursor:pointer; color:#222222; font-size:14px; float:left; width:25%;}

#nav{position:relative;top:0;  z-index:9999; background:#fff;}	

.jscx_b table{ width:1067px;}

.jscx_b{ clear:both; height:auto; overflow:hidden; overflow-x:scroll}

.cptd_t ul{ float:left; width:100%; padding-right:0%;}

.cptd_t li em{ float:right; width:85%; color:#222222; font-size:14px;overflow:hidden; white-space:normal; text-overflow:none;}

}

@media(max-width:320px){

.cpx_l{ float:left; width:100%; height:auto; overflow:hidden; padding:30px 0 0 15px;}

.cpx_r{ float:right; width:100%; height:auto; background:#fff; padding:30px 30px 30px 30px;}	

.cpx_l li{ line-height:26px;color:#555555; background:none; padding-left:14px; margin-bottom:30px; cursor:pointer; color:#222222; font-size:14px; float:left; width:100%;}

#nav{position:relative;top:0;  z-index:9999; background:#fff;}	

.jscx_b table{ width:1067px;}

.jscx_b{ clear:both; height:auto; overflow:hidden; overflow-x:scroll}

.cptd_t ul{ float:left; width:100%; padding-right:0%;}

.cptd_t li em{ float:right; width:81%; color:#222222; font-size:14px;overflow:hidden; white-space:normal; text-overflow:none;}

.cpx_l li.red a{  color:#009933; font-size:16px;}

}

/*产品中心 end*/



/*新闻中心 begin*/

.news{ clear:both; height:auto; overflow:hidden; padding:15px 0 0px 0;}

.news dl{ float:left; width:24%; margin-right:1.3%;transition: all 0.5s ease; margin-bottom:40px; padding:40px; background:#fff;}

.news dl:hover{-moz-transform: translateY(-10px); -webkit-transform: translateY(-10px); -o-transform: translateY(-10px); -ms-transform: translateY(-10px); transform: translateY(-10px);}

.news dl.qcbj{ margin-right:0%;}

.news dt{ width:100%; height:auto; overflow:hidden; padding:30px 0;}

.news dt img{ display:block; max-width:100%; margin:0 auto;transition: all 0.5s ease;}

.news dl:hover dt img{-moz-transform: scale(1.2); -webkit-transform: scale(1.2); -o-transform: scale(1.2); -ms-transform: scale(1.2); transform: scale(1.2);}

.news dd{ height:auto; overflow:hidden;line-height:24px;}

.news dd h6{ color:#222222; font-size:16px; line-height:24px; height:48px; overflow:hidden; margin-bottom:10px;}

.news dd p span{ color:#039943; font-family:Arial, Helvetica, sans-serif;}

.news dd p{ line-height:24px; color:#999999; font-size:14px;}

.news dd div{ height:48px; overflow:hidden;}

@media(max-width:1024px){

.news dl{ float:left; width:24%; margin-right:1.3%;transition: all 0.5s ease; margin-bottom:40px; padding:15px; background:#fff;}

}

@media(max-width:768px){

.news dl{ float:left; width:48%; margin-right:2%;transition: all 0.5s ease; margin-bottom:40px; padding:15px; background:#fff;}

}

@media(max-width:414px){

.news dl{ float:left; width:100%; margin-right:0%;transition: all 0.5s ease; margin-bottom:40px; padding:15px; background:#fff;}

}



.dqwz{ clear:both; height:auto; overflow:hidden; background:#f7f7f7; padding:0 360px; min-height:60px; line-height:60px; color:#666666;}

.dqwz img{ vertical-align:middle; margin-top:-3px; margin-right:10px;}

.dqwz a{ color:#666666;}

.dqwz a:last-child{ color:#246cdf;}

.dqwz a:hover{ color:#246cdf;}



.news_box{ background:#3571cf; padding:55px 360px; overflow:hidden;}

.newss_l{ float:left; width:80%; overflow:hidden;}

.newss_l h5{ color:#fff; line-height:33px; font-size:22px;overflow:hidden; white-space:nowrap; text-overflow:ellipsis; margin-bottom:10px;}

.newss_l p{ line-height:33px; color:#fff; font-size:14px;}

.newss_r{ color:#ebf3ff; line-height:33px; font-size:14px; padding-top:35px; float:right;}

.newss_r img{ margin:0px;}

@media(max-width:1680px){

.dqwz{ clear:both; height:auto; overflow:hidden; background:#f7f7f7; padding:0 80px; min-height:60px; line-height:60px; color:#666666;}

.news_box{ background:#3571cf; padding:55px 80px; overflow:hidden;}	

}

@media(max-width:1024px){

.dqwz{ clear:both; height:auto; overflow:hidden; background:#f7f7f7; padding:0 15px; min-height:60px; line-height:60px; color:#666666;}

.news_box{ background:#3571cf; padding:55px 15px; overflow:hidden;}	

}

@media(max-width:768px){

.dqwz{ clear:both; height:auto; overflow:hidden; background:#f7f7f7; padding:0 15px; min-height:60px; line-height:60px; color:#666666;}

.news_box{ background:#3571cf; padding:30px 15px; overflow:hidden;}	

.newss_l{ float:left; width:100%; overflow:hidden;}

.newss_r{ color:#ebf3ff; line-height:33px; font-size:14px; padding-top:10px; float:left; width:100%;}

}

.news_box1{ clear:both; height:auto; overflow:hidden; background:#fff; padding:70px 360px;}

.news_box1 p img{ display:block; max-width:100%; width:100%;}

.news_box1 h6{ color:#222222; line-height:24px; font-size:16px; font-weight:bold;}

.news_box1 p{ line-height:24px; color:#222222; font-size:14px;}

@media(max-width:1680px){

.news_box1{ clear:both; height:auto; overflow:hidden; background:#fff; padding:70px 80px;}

}

@media(max-width:1024px){

.news_box1{ clear:both; height:auto; overflow:hidden; background:#fff; padding:30px 30px;}

}

/*新闻中心 end*/



/*人才招聘 begin*/

.rc_box{ clear:both; height:auto; overflow:hidden; background:#fff; padding:60px 160px;}

.rci_t{ height:auto; overflow:hidden; border-bottom:1px solid #eee; margin-bottom:40px;}

.rci_t li{ float:left; width:33.33%; background:#eef2f5; min-height:130px; padding:0px 40px; border-bottom:7px solid #e4ebef; line-height:130px; color:#666666; font-size:16px;overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}

.rci_t li img{ vertical-align:middle; margin-right:10px;}

.rci_t li.bune{background:#13b656; border-bottom:7px solid #079943; font-size:16px; color:#fff;}

.rci_t li.bune1{background:#3571cf; border-bottom:7px solid #2759c1; font-size:16px; color:#fff;}

.rci_b{ clear:both; height:auto; overflow:hidden; padding:0 40px;}

.rci_b h6{ background:url(../tu/tu70.jpg) no-repeat left 0px; color:#0e498d; font-size:16px; padding-left:50px; line-height:40px; margin-bottom:20px;}

.rci_b p{ line-height:33px; color:#666666; font-size:14px;}

@media(max-width:1680px){

.rc_box{ clear:both; height:auto; overflow:hidden; background:#fff; padding:60px 80px;}

}

@media(max-width:1024px){

.rc_box{ clear:both; height:auto; overflow:hidden; background:#fff; padding:30px 15px;}

.rci_t li{ float:left; width:100%; background:#eef2f5; min-height:130px; padding:0px 40px; border-bottom:7px solid #e4ebef; line-height:130px; color:#666666; font-size:16px;overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}

}

.rc_box1{ clear:both; height:auto; overflow:hidden; background:#f7f7f7; padding:60px 160px;}

.zpc_t{ clear:both; height:auto; overflow:hidden; line-height:28px; color:#222222; font-size:20px; font-weight:bold; margin-bottom:30px;}

.containe{ width:100%;height:auto;display:inline; margin:0 auto;}

.menuTitle3{cursor:pointer;width:100%; height:48px; background:url(../images/bg3.jpg) no-repeat 95% center #fff; color:#222222; font-family:"Microsoft YaHei"; font-size:14px; line-height:60px; padding:0 58px 0 40px; margin-bottom:20px;}



.activeTitle3{cursor:pointer;width:100%; height:60px; background:url(../images/bg4.jpg) no-repeat 95% center #3571cf; color:#fff; font-family:"Microsoft YaHei"; font-size:14px; line-height:60px; padding:0 58px 0 40px; margin-bottom:0px;}



.menuContent3{width:100%; height:auto; overflow:hidden; display:none; margin-bottom:20px; background:#fff; padding:30px 40px;}

.menuContent3 ul{ float:left; width:50%; padding-right:1%;}

.menuContent3 li{ line-height:33px; color:#666666; font-size:14px;}

.menuContent3 li h6{ color:#222222; font-size:14px; font-weight:bold;line-height:33px;}

.menuContent3 li p{ line-height:33px; color:#666666; font-size:14px;}

@media(max-width:1680px){

.rc_box1{ clear:both; height:auto; overflow:hidden; background:#f7f7f7; padding:60px 80px;}

}

@media(max-width:1024px){

.rc_box1{ clear:both; height:auto; overflow:hidden; background:#f7f7f7; padding:30px 15px;}

}

@media(max-width:768px){

.menuContent3 ul{ float:left; width:100%; padding-right:0%; margin-bottom:15px;}



}

/*人才招聘 end*/



/*教学课件 begin*/

.jx_box{ clear:both; height:auto; overflow:hidden; background:#f7f7f7; padding:40px 160px;padding-top:100px;}

.jxk_l{ float:left; width:69%; height:auto; overflow:hidden;}

.jxk_lt{ height:auto; overflow:hidden; margin-bottom:40px;}

.gruy_ll{ float:left; width:67%; height:auto; overflow:hidden; border:1px solid #edeef0;}

.gruy_ll dt{ position:relative; width:100%; height:auto; overflow:hidden;}

.gruy_ll dt img{ display:block; width:100%;transition: all 0.5s ease;}

.gruy_ll dt span{ display:block; position:absolute; left:0; bottom:35px; line-height:30px; z-index:2; padding:0 29px}

.gruy_ll dt span a{ font-size:20px; color:#fff; display:block; width:100%;overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}

.gruy_ll dt span a p{ color:#fff; font-size:12px;}

.gruy_ll:hover dt img{-moz-transform: scale(1.2); -webkit-transform: scale(1.2); -o-transform: scale(1.2); -ms-transform: scale(1.2); transform: scale(1.2);}

.gruy_lr{ float:right; width:32%; height:auto;}

.gruy_lr dl{ width:100%; height:auto; overflow:hidden; border:1px solid #edeef0; margin-bottom:15px;}

.gruy_lr dt{ position:relative; width:100%; height:auto; overflow:hidden;}

.gruy_lr dt img{ display:block; width:100%;transition: all 0.5s ease;}

.gruy_lr dt span{ display:block; position:absolute; left:0; bottom:10px; line-height:26px; z-index:2; padding:0 19px}

.gruy_lr dt span a{ font-size:14px; color:#fff; display:block;}

.gruy_lr dt span a p{ color:#fff; font-size:12px; color:#fff;}

.gruy_lr dl:hover img{-moz-transform: scale(1.2); -webkit-transform: scale(1.2); -o-transform: scale(1.2); -ms-transform: scale(1.2); transform: scale(1.2);}

@media(max-width:1660px){
.gruy_lr dl{ margin-bottom:14px;}
}

@media(max-width:1440px){
.gruy_lr dl{margin-bottom:5.4%;}	
}
@media(max-width:1366px){
.gruy_lr dl{margin-bottom:4.5%;}	
}


.ziyo_b{ clear:both; height:auto; overflow:hidden;}

.ziyo_b dl{ clear:both; height:auto; overflow:hidden; border-bottom:1px solid #f5f5f5; padding:0px 0 30px 0; margin-bottom:30px; cursor:pointer; border-bottom:1px solid #e6e6e6;}

.ziyo_b dl a{ display:block;}

.ziyo_b dt{ float:left; width:23%; height:auto; overflow:hidden; position:relative; border:1px solid #eeeeee;}

.ziyo_b dt img{ display:block; width:100%;transition: all 0.5s ease;}

.ziyo_b dt:hover img {transform: scale(1.2, 1.2);-ms-transform:scale(1.2, 1.2); 	-moz-transform:scale(1.2, 1.2); -webkit-transform:scale(1.2, 1.2); -o-transform:scale(1.2, 1.2); }

.ziyo_b dd{ float:right; width:75%; height:auto; overflow:hidden;}

.ziyo_b dd h1{ line-height:30px; color:#3c3c3c; font-size:18px; margin-bottom:15px; overflow:hidden; clear:both;}

.ziyo_b dd h1 font{ display:block; float:left; width:80%;line-height:30px; color:#3c3c3c; font-size:18px;overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}

.ziyo_b dd h1 em{ display:block; float:right; width:80px; height:30px; border:1px solid #348cf7; background:#e9f3ff; color:#348cf7; text-align:center; line-height:28px;}

.ziyo_b dd p{ clear:both; line-height:26px; color:#9d9d9d; font-size:14px; overflow:hidden;}

.ziyo_b dd p img{ vertical-align:middle; margin-right:10px; border-radius:100px;}

.ziyo_b dd p span{ float:left; display:block; color:#999999; font-size:14px; line-height:24px; height:48px; overflow:hidden;}

.ziyo_b dl.qcbj{ margin-bottom:0px; border-bottom:none; padding-bottom:0px;}



.jxk_r{ float:right; width:27.5%; height:auto; overflow:hidden;}

.jxk_rt{ height:auto; overflow:hidden; margin-bottom:70px;}

.jxk_rt img{ display:block; width:100%;}

.jxk_rb{ clear:both; height:auto; overflow:hidden;  background:#ffffff; padding:30px 0px}

.jxk_rb1{background:url(../images/bg5.jpg) no-repeat left top; line-height:30px; padding-left:40px; color:#222222; font-size:18px; margin-bottom:23px;}

.jxk_rb2{ height:auto; overflow:hidden; clear:both;}

.jxk_rb2 dl{ clear:both; padding:0 40px 30px 40px; margin-bottom:30px; border-bottom:1px solid #e6e6e6; overflow:hidden;}

.jxk_rb2 dt{ float:left; width:44%; height:auto; overflow:hidden;}

.jxk_rb2 dt img{ display:block; width:100%;}

.jxk_rb2 dd{ float:right; width:50%; height:auto;}

.jxk_rb2 dd h6{ color:#222222; line-height:24px; font-size:14px; height:48px; overflow:hidden; margin-bottom:20px;}

.jxk_rb2 dd p{ color:#999999; font-family:Arial, Helvetica, sans-serif; font-size:14px;}

.jxk_rb2 dl.qcbj{ border-bottom:none; padding-bottom:0px; margin-bottom:0px;}

@media(max-width:1680px){

.jx_box{ clear:both; height:auto; overflow:hidden; background:#f7f7f7; padding:40px 80px;}	

}

@media(max-width:1440px){

.jx_box{ clear:both; height:auto; overflow:hidden; background:#f7f7f7; padding:40px 80px;}

.ziyo_b dd p span{ float:left; display:block; color:#999999; font-size:14px; line-height:24px; height:24px; overflow:hidden;}

.jxk_rb2 dd h6{ color:#222222; line-height:24px; font-size:14px; height:48px; overflow:hidden; margin-bottom:3px;}

.gruy_ll dt img{ display:block; width:100%;transition: all 0.5s ease; height:349px;}	

}

@media(max-width:1400px){

.jx_box{ clear:both; height:auto; overflow:hidden; background:#f7f7f7; padding:40px 80px;}

.ziyo_b dd p span{ float:left; display:block; color:#999999; font-size:14px; line-height:24px; height:24px; overflow:hidden;}

.jxk_rb2 dd h6{ color:#222222; line-height:24px; font-size:14px; height:48px; overflow:hidden; margin-bottom:5px;}

.gruy_ll dt img{ display:block; width:100%;transition: all 0.5s ease; height:auto;}	

}

@media(max-width:1024px){

.jx_box{ clear:both; height:auto; overflow:hidden; background:#f7f7f7; padding:40px 15px;}

.ziyo_b dd p span{ float:left; display:block; color:#999999; font-size:14px; line-height:24px; height:24px; overflow:hidden;}

.jxk_rb2 dd h6{ color:#222222; line-height:24px; font-size:14px; height:48px; overflow:hidden; margin-bottom:5px;}	

.jxk_l{ float:left; width:100%; height:auto; overflow:hidden; margin-bottom:30px;}

.jxk_r{ float:right; width:100%; height:auto; overflow:hidden;}

}

@media(max-width:768px){

.jx_box{ clear:both; height:auto; overflow:hidden; background:#f7f7f7; padding:40px 15px;padding-top:100px;}

.ziyo_b dd p span{ float:left; display:block; color:#999999; font-size:14px; line-height:24px; height:auto; overflow:hidden;}

.jxk_rb2 dd h6{ color:#222222; line-height:24px; font-size:14px; height:48px; overflow:hidden; margin-bottom:5px;}	

.jxk_l{ float:left; width:100%; height:auto; overflow:hidden; margin-bottom:30px;}

.jxk_r{ float:right; width:100%; height:auto; overflow:hidden;}

.ziyo_b dt{ float:none; width:60%; height:auto; overflow:hidden; position:relative; border:1px solid #eeeeee; margin:0 auto; margin-bottom:20px;}

.ziyo_b dd{ float:right; width:100%; height:auto; overflow:hidden;}

}

@media(max-width:414px){

.jx_box{ clear:both; height:auto; overflow:hidden; background:#f7f7f7; padding:40px 15px;padding-top:100px;}

.ziyo_b dd p span{ float:left; display:block; color:#999999; font-size:14px; line-height:24px; height:auto; overflow:hidden;}

.jxk_rb2 dd h6{ color:#222222; line-height:24px; font-size:14px; height:48px; overflow:hidden; margin-bottom:5px;}	

.jxk_l{ float:left; width:100%; height:auto; overflow:hidden; margin-bottom:30px;}

.jxk_r{ float:right; width:100%; height:auto; overflow:hidden;}

.ziyo_b dt{ float:none; width:100%; height:auto; overflow:hidden; position:relative; border:1px solid #eeeeee; margin:0 auto; margin-bottom:20px;}

.ziyo_b dd{ float:right; width:100%; height:auto; overflow:hidden;}

.jxk_rb2 dl{ clear:both; padding:0 20px 30px 20px; margin-bottom:30px; border-bottom:1px solid #e6e6e6; overflow:hidden;}

.ziyo_b dd h1 font{ display:block; float:left; width:75%;line-height:30px; color:#3c3c3c; font-size:18px;overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}

}

@media(max-width:320px){

.jx_box{ clear:both; height:auto; overflow:hidden; background:#f7f7f7; padding:40px 15px;padding-top:100px;}

.ziyo_b dd p span{ float:left; display:block; color:#999999; font-size:14px; line-height:24px; height:auto; overflow:hidden;}

.jxk_rb2 dd h6{ color:#222222; line-height:24px; font-size:14px; height:48px; overflow:hidden; margin-bottom:5px;}	

.jxk_l{ float:left; width:100%; height:auto; overflow:hidden; margin-bottom:30px;}

.jxk_r{ float:right; width:100%; height:auto; overflow:hidden;}

.ziyo_b dt{ float:none; width:100%; height:auto; overflow:hidden; position:relative; border:1px solid #eeeeee; margin:0 auto; margin-bottom:20px;}

.ziyo_b dd{ float:right; width:100%; height:auto; overflow:hidden;}

.jxk_rb2 dl{ clear:both; padding:0 20px 30px 20px; margin-bottom:30px; border-bottom:1px solid #e6e6e6; overflow:hidden;}

.ziyo_b dd h1 font{ display:block; float:left; width:65%;line-height:30px; color:#3c3c3c; font-size:18px;overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}

.jxk_rb2 dt{ float:left; width:100%; height:auto; overflow:hidden;}

.jxk_rb2 dt img{ display:block; width:100%;}

.jxk_rb2 dd{ float:right; width:100%; height:auto; padding-top:20px; overflow:hidden;}



}

.newss_l h5 span{ display:inline-block; width:80px; height:30px; background:#348cf7; text-align:center; line-height:30px; color:#fff; font-size:12px; margin-right:15px;}

.jx_box1{ clear:both; height:auto; overflow:hidden; background:#f7f7f7; padding:50px 360px;}

.jxkj_t{ clear:both; height:auto; overflow:hidden; margin-bottom:50px;}

.jxkj_t img{ display:block; max-width:100%; margin:0 auto;}

.jxkj_b{ background:#fff; min-height:80px; padding:10px 40px; line-height:60px; margin-bottom:35px;}

.jxkj_b span{ float:left; color:#222222; font-size:14px;}

.jxkj_b span img{ vertical-align:middle; margin-right:10px; margin-top:-3px;}

.jxkj_b font{ float:right;}

.jxkj_b font em{ color:#666666; font-size:14px; margin-right:25px;}

.jxkj_b font em img{ vertical-align:middle;}

.jxkj_b font em.qcbj{ margin-right:0px;}

.xoninn{ clear:both; height:auto; overflow:hidden; width:90%;}

.xoninn h6{ color:#222222; line-height:28px; overflow:hidden; font-size:16px;}

#hutia{ color:#222222; font-size:14px; line-height:24px;}

#hutia font{color:#666666; font-size:14px; line-height:24px;}

.jx_box2{ clear:both; height:auto; overflow:hidden; padding:50px 360px; background:#fff;}

.kszb{ height:auto; overflow:hidden; clear:both; }

.kszb_t{ height:auto; overflow:hidden; min-height:45px; border-bottom:2px solid #eeeeee; background:url(../images/bg6.jpg) no-repeat left 5px; color:#222222; font-size:18px; padding-left:10px; color:#222222; font-size:18px; font-weight:bold; margin-bottom:80px;}

.kszb_b{ clear:both; height:auto; overflow:hidden;padding-bottom:80px; border-bottom:2px solid #eeeeee; margin-bottom:80px;}

.kszb_bl{ float:left; width:38%; height:auto;}

.kszb_bl h6{ clear:both; height:auto; overflow:hidden; line-height:34px; color:#222222; margin-bottom:20px; font-size:16px;}

.kszb_bl h6 span{ font-size:14px; background:#3571cf; border-radius:100px; display:block; width:34px; height:34px; text-align:center; line-height:34px; color:#fff; font-family:Arial, Helvetica, sans-serif; margin-right:12px; float:left;}

.kszb_bl p{ line-height:24px; color:#666666; font-size:14px; padding-left:47px;}

.kszb_br{ float:right; width:40%; height:auto; overflow:hidden;}

.kszb_br img{ display:block; max-width:100%; border:1px solid #e6e6e6;}

.kszb_bl p em{ color:#3571cf; font-size:14px; font-weight:bold;}

.kszb_c{ clear:both; height:auto; overflow:hidden;}

.kszb_c p{ text-align:center; line-height:24px; color:#222222; font-size:14px;}

.kszb_c p img{ display:block; max-width:100%; margin:0 auto; border-radius:100px;}

.jx_box3{ clear:both; height:auto; overflow:hidden; background:#f7f7f7; padding:50px 360px;}

.ztjgh{ height:auto; overflow:hidden; overflow:hidden;}

.ztjgh p{ color:#666666; line-height:24px; font-size:14px;}

.ztjgh p img{ display:block; max-width:100%; margin:0 auto;}

.ztjgh p span.wein{ display:block; text-align:center; color:#666666; line-height:24px; font-size:14px;}

@media(max-width:1680px){

.jx_box1{ clear:both; height:auto; overflow:hidden; background:#f7f7f7; padding:50px 80px;}	

.jx_box2{ clear:both; height:auto; overflow:hidden; padding:50px 80px; background:#fff;}

.jx_box3{ clear:both; height:auto; overflow:hidden; background:#f7f7f7; padding:50px 80px;}

}

@media(max-width:1024px){

.jx_box1{ clear:both; height:auto; overflow:hidden; background:#f7f7f7; padding:50px 15px;}	

.jx_box2{ clear:both; height:auto; overflow:hidden; padding:50px 15px; background:#fff;}

.jx_box3{ clear:both; height:auto; overflow:hidden; background:#f7f7f7; padding:50px 15px;}

}

@media(max-width:414px){

.kszb_bl{ float:left; width:100%; height:auto; overflow:hidden; margin-bottom:30px;}

.kszb_br{ float:right; width:100%; height:auto; overflow:hidden;}

.kszb_b{ clear:both; height:auto; overflow:hidden;padding-bottom:30px; border-bottom:2px solid #eeeeee; margin-bottom:30px;}

}



.gy_box{ clear:both; height:auto; overflow:hidden; margin-top:-60px; position:relative; z-index:11888; padding:0 160px;min-height:60px;}

.gy_box li{ float:left; width:25%;line-height:60px; }

.gy_box li a{ display:block; background:url(../images/bg4.png) no-repeat 95% center #e0e0e0; line-height:60px; padding:0 40px; color:#666666; font-size:14px;}

.gy_box li a.brin{ background:url(../images/bg4.png) no-repeat 95% center #eee;}

.gy_box li a.brin1{ background:url(../images/bg4.png) no-repeat 95% center #e0e0e0;}

.gy_box li a.qcvi{ background:url(../images/bg3.jpg) no-repeat 95% center #fff; color:#222222;}

@media(max-width:1680px){

.gy_box{ clear:both; height:auto; overflow:hidden; margin-top:-60px; position:relative; z-index:11888; padding:0 80px;min-height:60px;}

}

@media(max-width:1024px){

.gy_box{ clear:both; height:auto; overflow:hidden; margin-top:0px; position:relative; z-index:11888; padding:0 15px;min-height:60px;}

}

@media(max-width:414px){

.gy_box li{ float:left; width:100%;line-height:60px; }

}



.gy_box1{ clear:both; height:auto; overflow:hidden; background:#f7f7f7; padding:60px 160px;}

.gy_box1 span{ float:left; color:#222222; line-height:28px; font-size:24px;}

.gy_box1 font{ float:right;color:#666666;}

.gy_box1 font img{ vertical-align:middle; margin-top:-3px; margin-right:10px;}

.gy_box1 font a{ color:#666666;}

.gy_box1 font a:last-child{ color:#246cdf;}

.gy_box1 font a:hover{ color:#246cdf;}

@media(max-width:1680px){

.gy_box1{ clear:both; height:auto; overflow:hidden; background:#f7f7f7; padding:60px 80px;}

}

@media(max-width:1024px){

.gy_box1{ clear:both; height:auto; overflow:hidden; background:#f7f7f7; padding:30px 15px;}

.gy_box1 span{ float:left; color:#222222; line-height:28px; font-size:24px; display:block; width:100%;}

.gy_box1 font{ float:right;color:#666666; display:block; width:100%; line-height:35px;}

}

.gy_box2{ clear:both; height:auto; overflow:hidden; background:#fff; padding:80px 160px;}

.gy_box2 h5{ color:#222222; line-height:35px; font-size:20px; font-weight:bold; margin-bottom:40px;}

.gy_box2 h5 span{ display:inline-block; padding:0 13px; background:#039943; line-height:30px; color:#fff; font-size:14px; font-weight:normal;}

.gy_box2 h6{ background:url(../images/bg7.jpg) no-repeat left bottom; color:#666666; line-height:26px; font-size:18px; font-weight:bold; padding-bottom:35px; margin-bottom:40px;}

.gy_box2 p{ line-height:24px; color:#222222; font-size:14px; clear:both;}

.gy_box2 li{ float:left; width:48%;}

.gy_box2 li img{ display:block;width:100%;}

.gy_box2 li.qine{ float:right;}

.gy_box2 ul{ overflow:hidden; margin-bottom:40px;}

@media(max-width:1680px){

.gy_box2{ clear:both; height:auto; overflow:hidden; background:#fff; padding:80px 80px;}

}

@media(max-width:1024px){

.gy_box2{ clear:both; height:auto; overflow:hidden; background:#fff; padding:40px 15px;}

}

@media(max-width:414px){

.gy_box2 li{ float:left; width:100%; margin-bottom:15px;}

.gy_box2 ul{ overflow:hidden; margin-bottom:25px;}



}



.gy_box3{ width:100%; height:auto; overflow:hidden; position:relative;}

.gy_box3 img{ display:block; max-width:100%;}

.xoncew{ width:100%; height:auto; position:absolute; left:0; top:150px; padding:0 160px;}

.tyuh{ width:400px; height:auto; background:#fff; padding:40px;}

.tyuh h6{ color:#222222; line-height:35px; font-size:20px; font-weight:bold; margin-bottom:20px;}

.tyuh p{ line-height:24px; color:#222222; font-size:14px;}

.tyuh p span.bnm{ color:#999999; font-family:Arial, Helvetica, sans-serif; font-size:14px; line-height:24px;}

@media(max-width:1680px){

.xoncew{ width:100%; height:auto; position:absolute; left:0; top:110px; padding:0 80px;}



}

@media(max-width:1440px){

.xoncew{ width:100%; height:auto; position:absolute; left:0; top:80px; padding:0 80px;}



}

@media(max-width:1400px){

.xoncew{ width:100%; height:auto; position:absolute; left:0; top:60px; padding:0 80px;}



}

@media(max-width:1280px){

.xoncew{ width:100%; height:auto; position:absolute; left:0; top:40px; padding:0 80px;}

}

@media(max-width:1024px){

.xoncew{ width:100%; height:auto; position:inherit; left:0; top:0px; padding:0 15px;}

.tyuh{ width:100%; height:auto; background:#fff; padding:40px;}

}



.gy_box4{ clear:both; height:auto; overflow:hidden;}

.qywh_l{ float:left; width:50%; height:auto; min-height:600px; background:#fff; padding:140px 160px}

.qywh_l h6{ color:#222222; font-size:20px; line-height:35px; font-weight:bold; margin-bottom:20px;}

.qywh_l h6 img{ display:block; max-width:100%; margin-bottom:40px;}

.qywh_l p{ line-height:24px; color:#222222; font-size:14px;}

.qywh_l span.bnm{ color:#999999; font-family:Arial, Helvetica, sans-serif; font-size:14px; line-height:24px;}

.qywh_l1{ background:#eeeeee}

@media(max-width:1680px){

.qywh_l{ float:left; width:50%; height:auto; min-height:600px; background:#fff; padding:80px 80px}

.qywh_l1{ background:#eeeeee}

}

@media(max-width:1024px){

.qywh_l{ float:left; width:50%; height:auto; min-height:600px; background:#fff; padding:40px 40px}

.qywh_l1{ background:#eeeeee}

}

@media(max-width:414px){

.qywh_l{ float:left; width:100%; height:auto; min-height:auto; background:#fff; padding:40px 40px}

.qywh_l1{ background:#eeeeee}

}



.lx_box{ clear:both; height:auto; overflow:hidden; background:#f7f7f7; padding:60px 160px;}

.lxwm{ height:auto; overflow:hidden; background:#fff;}

.lxwm_l{ float:left; width:50%; height:auto; overflow:hidden; padding:60px 40px 0 40px;}

.lxwm_lt{ height:auto; overflow:hidden; margin-bottom:50px;}

.lxwm_lt h6{ color:#222222; font-size:24px; line-height:35px;}

.lxwm_lt p{ line-height:27px; font-size:14px;}

.lxwm_lc{ height:auto; overflow:hidden; line-height:27px; color:#009944; font-size:18px; font-weight:bold; margin-bottom:30px;}

.lxwm_lb{ height:auto; overflow:hidden; margin-bottom:60px;}

.lxwm_lb p{ line-height:27px; color:#666666; font-size:14px;}

.ewine{ height:auto; overflow:hidden; margin-bottom:0px;}

.ewine img{ display:block; max-width:100%;}

.lxwm_r{ float:right; width:50%; height:auto;}

.lxwm_r img{ display:block; max-width:100%;}

@media(max-width:1680px){

.lx_box{ clear:both; height:auto; overflow:hidden; background:#f7f7f7; padding:60px 80px;}

.lxwm_lt{ height:auto; overflow:hidden; margin-bottom:30px;}

.lxwm_lb{ height:auto; overflow:hidden; margin-bottom:30px;}

}

@media(max-width:1440px){

.lx_box{ clear:both; height:auto; overflow:hidden; background:#f7f7f7; padding:60px 80px;}

.lxwm_lt{ height:auto; overflow:hidden; margin-bottom:10px;}

.lxwm_lb{ height:auto; overflow:hidden; margin-bottom:10px;}

.lxwm_l{ float:left; width:50%; height:auto; overflow:hidden; padding:20px 40px 0 40px;}

.lxwm_lc{ height:auto; overflow:hidden; line-height:27px; color:#009944; font-size:18px; font-weight:bold; margin-bottom:10px;}

}

@media(max-width:1400px){

.lx_box{ clear:both; height:auto; overflow:hidden; background:#f7f7f7; padding:60px 80px;}

.lxwm_lt{ height:auto; overflow:hidden; margin-bottom:5px;}

.lxwm_lb{ height:auto; overflow:hidden; margin-bottom:5px;}

.lxwm_lc{ height:auto; overflow:hidden; line-height:27px; color:#009944; font-size:18px; font-weight:bold; margin-bottom:5px;}

.lxwm_l{ float:left; width:50%; height:auto; overflow:hidden; padding:20px 20px 0 20px;}

}

@media(max-width:1024px){

.lx_box{ clear:both; height:auto; overflow:hidden; background:#f7f7f7; padding:40px 15px;}

.lxwm_lt{ height:auto; overflow:hidden; margin-bottom:5px;}

.lxwm_lb{ height:auto; overflow:hidden; margin-bottom:5px;}

.lxwm_lc{ height:auto; overflow:hidden; line-height:27px; color:#009944; font-size:18px; font-weight:bold; margin-bottom:5px;}

.lxwm_l{ float:left; width:100%; height:auto; overflow:hidden; padding:20px 40px 0 40px;}

.lxwm_r{ float:right; width:100%; height:auto; padding-top:20px;}

.lxwm_r img{ display:block; width:100%;}

}

/*教学课件 end*/





 



































































/***荣誉资质 ****/

.w_zzrz{clear:both; height:auto; overflow:hidden; background:#eeeeee; padding:60px 160px;}

@media(max-width:1680px){

.w_zzrz{ clear:both; height:auto; overflow:hidden; background:#eeeeee; padding:60px 80px;}

}

@media(max-width:1024px){

.w_zzrz{ clear:both; height:auto; overflow:hidden; background:#eeeeee; padding:30px 15px;}

}

.w_zzrz h1{color:#222;font-size:20px;font-weight:bold;margin-bottom:60px;}

.w_zz_nr{width:100%;height:auto;overflow:hidden;}

.w_zz_nr dl{float:left;width:23.5%;height:auto;margin-right:2%;margin-bottom:40px;background:#fff;}

.w_zz_nr dl.w_bj{margin-right:0px;}

.w_zz_nr dl dd{border-top:1px solid #eee;background:#fff;padding:30px 0px;font-size:14px;line-height:33px;color:#222;font-weight:bold;margin:0 auto;text-align:center;overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}



@media(max-width:768px){

.w_zz_nr dl{width:48%;margin-right:2%;margin-bottom:20px;}

.w_zzrz h1{margin-bottom:30px;}

}

@media(max-width:414px){

.w_zz_nr dl{width:100%;margin-right:0px;margin-bottom:20px;}

}

/***荣誉资质 ****/



.bdsharebuttonbox{display:inline-block;height:32px;overflow: hidden;vertical-align: middle;}

.bdsharebuttonbox a{width:33px;height:32px;padding:0px;margin:0 auto;margin-right:5px;text-align:center;display:inline-block;}



































































































































































