@font-face {
	font-family:'aaargh';
	src: url(../css/aaargh.ttf);
}
.sounda-box{width: 1180px;margin: auto;}
.header-top{width:1180px;position: fixed;height: 60px;background: rgba(255,255,255,0.8);z-index: 200;padding:0px 20px;}
.header-logo{width: 200px;height: 60px;float: left;}
.header-logo img{width: 100%;height: auto;}
.nav{float: right;}
.footer-item{width: 100%;}
.footer-top{background: #cccccc;padding: 15px 20px;}
.nav-list{float: left;padding: 0px 20px;height: 60px;position: relative;}
.header-nav{width: 100%;height: 58px;line-height: 58px;transition: 0.6s;font-size: 15px;}
.header-box{width: 120px;position: absolute;background: rgba(255,255,255,0.8);padding: 10px 20px;transform: translateY(60px);opacity: 0;visibility: hidden;transition:all 0.6s;left: 0;top: 60px;box-shadow: 2px 5px 10px rgba(0,0,0,0.2);border-bottom-left-radius: 5px;border-bottom-right-radius: 5px;}
.nav-list:hover .header-box{opacity: 1;visibility: visible;transform: translateY(0px);transition: 0.6s;}
.nav-list .header-xt:before{ content:''; background:#2260C8; width:0; height:2px; position:absolute; left:50%; bottom:0; transition:all 0.5s;}
.nav-list:hover .header-xt:before{ width:60%; left:20%;}
.nav-list:hover .header-nav{color: #2260C8;transition:all 0.6s;}
.header-nav-lsit{font-size: 14px;color: #656565;line-height: 32px;transition: all 0.6s;}
.header-nav-lsit:hover{color: #2260C8;transition: all 0.6s;}
.nav-Ch,.nav-En{line-height: 60px;margin: 0px 10px;transition: all 0.6s;}
.nav-Ch:hover,.nav-En:hover{color: #2260C8;transition: all 0.6s;}

.footer-top{width: 100%;position: relative;}
.footer-nav{width: 100%;margin-top: 15px;}
.f-nav-list{float: left;margin-right: 20px;color: #929292;}
.footer-tel{float: left;font-size: 13px;margin-right: 20px;line-height: 25px;color: #656565;}
.footer-address{float: left;line-height: 25px;font-size: 13px;color: #656565;}
.footer-mail{line-height: 25px;font-size: 13px;color: #656565;}
.footer-tel span,.footer-address span,.footer-mail span{font-size: 14px;font-family: arial;color: #2260C8;font-weight: bold;}
.nav-name{color: #929292;font-size: 13px;transition-duration: 0.6s;}
.c-nav-name,.e-nav-name{color: #929292;font-size: 13px;transition-duration: 0.6s;}
.f-nav-list:hover .nav-name,.f-nav-list:hover .c-nav-name,.f-nav-list:hover .e-nav-name{color: #2260c8;transition-duration: 0.6s;}
.footer-bottom{background: #333;color: white;text-align: center;font-size: 13px;padding: 10px 0px;}
.footer-bottom span{margin-left: 20px;}
.footer-right{width: 200px;position: absolute;top: 15px;right: 0px;}
.f-r-list{float: left;width: 100px;}
.code-img{width: 90px;margin: auto;height: 90px;}
.code-name{line-height: 30px;text-align: center;width: 90px;font-size: 13px;color: #656565;}
.footer-left{width: 100%;padding-right: 240px;height: 120px;}
.nav-name,.c-nav-name,.e-nav-name{line-height: 25px;}


.parth-item{width: 100%;margin: 50px 0px;}
.parth-list{width: 16.66%;float: left;cursor: pointer;}
.parth-img{width: 96%;border:1px solid #e5e5e5;margin: auto;overflow: hidden;}
.parth-img img{max-width: 100%;transition: 0.8s;}
.parth-list:hover .parth-img img{transform: scale(1.05);transition: 0.8s;}

.news-left{width: 708px;float: left;}
.news-right{width: 472px;float: left;}
.news-con{width: 348px;float: left;border:1px solid #E5E5E5 ;padding: 15px;height: 280px}

.service-item{width: 100%;margin: 50px auto;}
.news-time{width: 60px;background: #2260C8;color: white;padding: 10px 0px;position: relative;top: -15px;}
.news-time p:first-child{font-size: 15px;text-align: center;line-height: 25px;}
.news-time p:last-child{font-size: 12px;text-align: center;line-height: 15px;}
.news-name{font-size: 16px;transition-duration: 0.6s;overflow: hidden;text-overflow:-o-ellipsis-lastline;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:1;line-clamp:1;-webkit-box-orient:vertical;}
.news-xt{width: 100%;height: 1px;background: #E5E5E5;margin: 10px 0px;}
.news-desc{font-size: 13px;line-height: 24px;color: #656565;overflow: hidden;text-overflow:-o-ellipsis-lastline;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:4;line-clamp:4;-webkit-box-orient:vertical;}
.news-more{width: 100px;height:30px;border-radius: 5px;border:1px solid #e5e5e5 ;text-align: center;font-size: 12px;line-height: 28px;margin-top: 20px;color: #989898;transition-duration: 0.6s;cursor: pointer;}
.news-more:hover{background: #2260C8;transition-duration: 0.6s;border: 1px solid #2260C8;color: white;}
.news-name:hover{color: #2260C8;transition: 0.6s;}
.news-img{width: 360px;height: 280px;overflow: hidden;float: left;}
.news-img img{;transition-duration: 0.6s;width: 100%;height: 100%;}
.news-img img:hover{transform: scale(1.08);transition-duration: 0.6s;}
.news-box{border:1px solid #E5E5E5;border-left:none;}
.news-list{position: relative;width: 100%;height: 40px;transition-duration: 0.6s;padding: 0px 20px;}
.news-title{width: 100%;padding-right: 100px;font-size:15px;color: #656565;line-height: 40px;overflow: hidden;height: 40px;}
.news-time-l{position: absolute;height: 40px;top: 0px;width:70px;font-size: 12px;line-height: 40px;letter-spacing: -1px;right: 0px;color: #989898;right: 20px;}
.news-list:hover{background: #E5E5E5;transition-duration: 0.6s;}


.service-list{width: 25%;float: left;cursor: pointer;}
.service-list:last-child{background:#f4f4f4;padding: 50px 30px;text-indent: 2em;color: #656565;line-height: 25px;}
.service-img{width: 100%;position: relative;}
.service-imgBox{width: 100%;overflow: hidden;}
.service-imgBox img{width: 100%;height: auto;transition: 0.3s;}
.service-imgXt{background: rgba(34,96,200,0.5);position: absolute;top: 0px;width: 100%;transform: rotateY(-90deg);transition: 0.8s;opacity: 0;visibility: hidden;}
.service-Xth{width: 60px;height: 1px;background: white;position: absolute;top: 50%;left: 40%;transform: translateX(-60px);opacity: 0;visibility: hidden;transition: 0.8s;transition-delay: 0.6s;}
.service-Xts{width: 1px;height: 60px;background: white;position: absolute;left: 50%;top:38%;transform: translateY(60px);opacity: 0;visibility: hidden;transition: 0.8s;transition-delay: 0.6s;}
.service-list:hover .service-imgXt{opacity: 1;visibility: visible;transform: rotateY(0deg);transition: 0.5s;}
.service-list:hover .service-Xth{opacity: 1;visibility: visible;transform:translateX(0px);transition: 0.8s;}
.service-list:hover .service-Xts{opacity: 1;visibility: visible;transform:translateY(0px);transition: 0.8s;}
.service-list:hover .service-imgBox img{transform: scale(1.08);transition: 0.3s;}
.service-con{width: 100%;background: #f4f4f4;position: relative;overflow: hidden;}
.service-con-show,.service-con-hide{width: 100%;transition: 0.6s;}

.service-con-showName{text-align: center;font-size: 20px;color: #656565;line-height: 28px;height: 28px;overflow: hidden;width: 100%;padding: 0px 20px;transition: 0.5s;}
.service-con-showTitle{text-align: center;font-size: 14px;color:#656565;line-height: 22px;height: 22px;overflow: hidden;width: 100%;padding: 0px 20px;transition: 0.5s;}
.service-con-more{width: 80px;height:36px;border: 3px solid #fff;line-height: 30px;font-size: 12px;text-align: center;color: white;margin: 20px auto 0px;opacity: 0px;visibility: hidden;transform: translateY(60px);transition-delay: 0.2s;}
/*.service-list:hover .service-con-show{background: #2260C8;}*/
.service-con-showBg{background: #2260C8;transition: 0.6s;}
.service-con-showNameOn{color: #fff;transition: 0.5s;}
.service-con-moreOn{transform: translateY(0px);opacity: 1;visibility: visible;transition: 0.5s;}


.about-more{width:120px;height: 120px;background: #F4F4F4;padding-top: 20px;position: absolute;bottom: 0px;}
.aboutPro{font-size: 18px;text-align: center;color: #656565;line-height: 29px;height: 29px;}
.aboutXt{width: 30px;height: 1px;background: #656565;margin: 10px auto;}
.aboutProMore{width: 30px;height: 30px;border-radius: 50%;border:1px solid #656565;text-align: center;line-height: 28px;font-size: 13px;color: #656565;margin: auto;transition: 0.6s;}
.aboutLeft,.aboutRight{float:left;}
.aboutLeft{width: 40%;}
.aboutRight{width: 60%;position: relative;animation: moveRight 0.8s  forwards;}
.about-img{width: 100%;overflow: hidden;}
.about-img img{width: 100%;height: auto;transition: 0.8s;}
.aboutLeft-box{padding: 30px 20px;background: #F4F4F4;}
.aboutTitle{font-family: 'arial';font-size:24px;color: #656565;line-height:36px;animation: moveDown 0.8s  forwards;}
.aboutName{font-size: 20px;color: #2260C8;line-height:34px;animation: moveDown 0.6s  forwards;}
.aboutCon{text-indent: 2em;font-size: 14px;color: #656565;margin: 20px auto;line-height: 28px;animation: moveUp 1s  forwards;overflow: hidden;text-overflow:-o-ellipsis-lastline;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:5;line-clamp:5;-webkit-box-orient:vertical;}
.aboutMore{animation: moveLeft 0.5s  forwards;}
.pro-nav{width: 100%;height: 120px;padding: 30px 20px;background: #2260C8;}
.pro-list{width: 25%;float: left;}
.pro-img{width:30px;height: 30px;margin: 0px auto 5px;}
.pro-img img{width: 100%;height: auto;}
.pro-name{text-align: center;font-size: 14px;color: white;line-height: 25px;}
.list1{animation: moveLeft 0.6s  forwards;}
.list2{animation: moveLeft 0.9s  forwards;}
.list3{animation: moveRight 0.6s  forwards;}
.list4{animation: moveRight 0.9s  forwards;}
.aboutLeft-box{cursor: pointer;}
.MorextL,.MorextR{float: left;width: 30px;height: 1px;margin-top:14.5px;background: #2260C8;transition: 0.8s;opacity: 0;visibility: hidden;}
.MorextL{transform:translateX(-60px);}
.MorextR{transform: translateX(60px);}
.MoreName{float: left;line-height: 30px;margin: 0px 10px;color: #656565;transition: 0.6s;}
.aboutLeft-box:hover .MorextL{transform: translateX(0px);opacity: 1;visibility: visible;transition: 0.8s;}
.aboutLeft-box:hover .MorextR{transform: translateX(0px);opacity:1;visibility: visible;transition: 0.8s;}
.aboutLeft-box:hover .MoreName{color: #2260C8;transform: rotate(360deg);transition: 0.6s;}
/* .about-box:hover .about-img img{transform: scale(1.08);transition: 0.8s;} */
.about-more:hover .aboutProMore{transform: rotate(360deg);transition: 0.6s;}


/*banner*/
.banner { width: 100%; margin: 0px auto; overflow: hidden; color: #fff; background-color:#969696; position: relative;}
.banner .slides{ position:relative; z-index:20;}
.banner .slides li{ -webkit-transition:opacity 1s cubic-bezier(.165, .74, .44, 1);transition:opacity 1s cubic-bezier(.165, .74, .44, 1);}
.banner .slides .bimg{ -webkit-transition:all 1s cubic-bezier(.165, .74, .44, 1);transition:all 1s cubic-bezier(.165, .74, .44, 1);}
.banner .slides li.sc-b-c .bimg{ transform: scale(1.1); -webkit-transform: scale(1.1); opacity: 0;}
.banner .slides li img{ display:block; width:100%; position:relative; height:auto;}
.banner .slides li.sc-b-c .bimg{ opacity: 0;}
.banner .bimg { width: 100%; display: block; }
.bannerText{ position:absolute; left:50%; height:254px; margin-left:-550px; top:50%; margin-top:-127px; z-index:200;}
.bann{ width:100%; height:100%; position:relative;}
.banne-list{ position:relative; height:100%;}
.banne-list li{ opacity:0; transform:translateY(30px); -webkit-transform:translateY(30px); -moz-transform:translateY(30px); transition:600ms 200ms;  position:absolute; left:0; top:0; width:100%; height:100%; visibility:hidden;}
.banne-list h3{ color:#323232; margin-bottom:60px; font-size:48px; line-height:normal; visibility:hidden; opacity:0; text-align:center;} 
.banne-list small{ width:600px; margin:auto; position:relative; visibility:hidden; opacity:0; text-align:center; color:#e14303; display:block; margin-top:6px; font-size:14px; font-family:"Verdana"; text-transform:uppercase; line-height:1.8;}
.banne-list b{ display:block; color:#e14303; font-size:90px; visibility:hidden; opacity:0; font-weight:normal; margin-top:54px; line-height:normal; margin:auto; font-family:"space_ageregular"; text-align:center; letter-spacing:60px;}
.banne-list a{ display:block; width:148px; height:40px; position:relative; visibility:hidden; overflow:hidden; opacity:0; text-align:center; background:#ffffff; position:absolute; left:50%; margin-left:-75px; bottom:0;}
.banne-list a i{ display:block; position:relative; z-index:5; width:100%; line-height:40px; font-style:normal; color:#323232; transition:540ms;}
.banne-list a:hover{ border-color:#b4050a; background:#b4050a;}
.banne-list a:hover i{ color:#fff;}
.banne-list a:hover:before{ top:0;}

.banne-list li.on{ opacity:1; visibility:visible; transform:translateY(0); }
.banne-list li.on h3{ visibility:visible; opacity:1;}
.banne-list li.on small{ opacity:1; visibility:visible;}
.banne-list li.on b{ opacity:1; visibility:visible;}
.banne-list li.on a{ opacity:1; visibility:visible;}
.bamnline{ position:absolute; left:3.5%; top:88px; width:93%; height:1px; background:#cdcdcd;}
.bamnline span{ display:block; width:0; height:1px; background:#e14303;}
.bamnline.load span{ width:100%; transition:5s linear; -webkit-transition:5s linear; -moz-transition:5s linear; }
.flex-nav-prev{left: 0px;width: 50px;height: 50px;background: #2260C8;position: absolute;top:44%;opacity: 0;transform: translateX(50px);visibility: hidden;transition: all 0.6s ease;z-index: 30;}
.flex-nav-prev .flex-prev{width: 50px;line-height: 50px;text-align: center;color: white;font-size: 16px;display: block;}
.banner:hover .flex-nav-prev{opacity: 1;transform: translateX(0px);visibility: visible;}
.flex-nav-next{right: 0px;width: 50px;height: 50px;background: #2260C8;position: absolute;top: 44%;opacity: 0;transform: translateX(-50px);visibility: hidden;transition: all 0.6s ease;z-index: 30;}

.flex-nav-next .flex-next{width: 50px;line-height: 50px;text-align: center;color: white;font-size: 16px;display: block;}
.banner:hover .flex-nav-next{opacity: 1;transform: translateX(0px);visibility: visible;}

/*web-nav*/
.web-nav{width: 60px;height: 60px;background: #2260C8;float: right;display: none;}
.web-box{width: 30px;height:20px;margin:20px auto;}
.web-xt{width: 100%;height:4px;margin-bottom: 4px;background: white;border-radius: 10px;}
.web-xt:last-child{margin-bottom: 0px;}
.web-nav-item{width:200px;position: fixed;top: 60px;z-index: 999;background: #2260C8;right: 0;padding: 10px 20px;transform: translateX(60px);opacity: 0;visibility: visible;transition: all 0.6s;}
.wen-nav-list{color: white;line-height: 40px;text-align: center;}
.web-nav-itemOn{opacity: 1;visibility: visible;transform: translateY(0px);transition: all 0.6s;}
.xt1On{transform: rotate(-45deg);transition: 0.6s;position: relative;left: -3px;top: -2px;}
.xt2On{transform:translateX(0px);transition: 0.6s;}
.xt3On{transform: rotate(45deg);transition: 0.6s;position: relative;left: -3px;top: 2px;}
.xt1,.xt2,.xt3{transition: 0.6s;}
.code-img img{max-width: 100%;}
@-webkit-keyframes moveDown {
	from{
		opacity: 0; transform: translateY(-60px);
	}
	to{
		opacity: 1; transform: translateY(0px);
	}
}

@-webkit-keyframes moveUp {
	from{
		opacity: 0; transform: translateY(60px);
	}
	to{
		opacity: 1; transform: translateY(0px);
	}
}

@-webkit-keyframes moveLeft {
	from{
		opacity: 0; transform: translateX(-60px);
	}
	to{
		opacity: 1; transform: translateX(0px);
	}
}


@-webkit-keyframes moveRight {
	from{
		opacity: 0; transform: translateX(60px);
	}
	to{
		opacity: 1; transform: translateX(0px);
	}
}
.page-item{width: 100%;}
.page-img{width: 100%;overflow: hidden;}
.page-img img{width: 100%;height: auto;animation: movescale 2s  forwards;}
@-webkit-keyframes movescale {
	from{
		opacity: 0; transform: scale(1.08);
	}
	to{
		opacity: 1; transform: scale(1);
	}
}
.pro-top{width: 100%;margin: 50px auto;}
.pro-con,.pro-ablum,.pro-adv-con,.pro-adv-img{float: left;}
.pro-con,.pro-adv-img{width:58%;position: relative;overflow: hidden;}
.pro-adv-img{background: #c8c8c8;margin-right: 4%;}
.pro-ablum,.pro-adv-con{width: 38%;position: relative;}
.proCon-name{width: 120px;height: 50px;background: #2260C8;color: white;line-height: 50px;font-size: 16px;text-align: center;float: left;}
.proCon-down{padding: 0px 20px;height: 50px;background: #31a27a;float: left;position: relative;cursor: pointer;}
.proCon-ico{width: 24px;height: 24px;position: absolute;top:13px}
.proCon-ico img{max-width: 100%;}
.proCon-downname{font-size: 14px;color: white;line-height: 50px;padding-left: 30px;}
.proCon-main{margin: 40px auto;font-size: 15px;line-height: 28px;text-indent: 2em;color: #656565;max-height: 84px;overflow: hidden;}
.edition-list{float: left;width: 20%;cursor: pointer;}
.edition-ico{width: 50px;height: 50px;border-radius: 50%;border:1px solid #ccc;padding:8px;margin: auto;transition: all 0.8s;}
.edition-ico img{width: 100%;height: auto;}
.edition-name{text-align: center;line-height: 25px;margin-top: 5px;transition: all 0.8s;}
.edition-list:hover .edition-ico{border: 1px solid #2260C8;transition: all 0.8s;}
.edition-list:hover .edition-name{color: #2260C8;transition: all 0.8s;}
.ProAblum-top{position: relative;overflow: hidden;}
.ProAblum-bottom{position: absolute;bottom: 0px;width: 100%;z-index: 2;}
.proName-list{float: left;width: 33.33%;line-height: 70px;background: #2260c8;color: white;text-align: center;font-size: 18px;cursor: pointer;transition: all 0.5s;}
.proName-listActive{background: #124fb4;transition: all 0.5s;}
.ProAblum-list{width: 100%;position: absolute;top: 0;left: 0;opacity: 1;visibility: hidden;transform:rotate3D(100,60,30,45deg);transition: all 1s;overflow: hidden;z-index: 0;}
.ProAblum-list img{width: 100%;}
.onAblum{opacity: 1;visibility: visible;transform: rotate3D(0,0,0,0deg);;transition: all 1s;z-index: 1;}
.proCon-list{width: 100%;position: absolute;top: 0;left: 0;opacity: 1;visibility: hidden;transform:translateX(60px);transition: all 0.6s;transition-delay:0.6s;background: white;z-index: 0;}
.proConActive{opacity: 1;visibility: visible;transform: translateX(0px);transition: all 0.6s;transition-delay: 0.6s;z-index: 1;}
.proAdvImg-con{position: absolute;width: 100%;padding: 22% 30%;top:0;}
.proAdvImg-list{cursor: pointer;position: absolute;top: 0;left: 0;transition: all 0.6s;opacity: 0;visibility: hidden;transform: scale(0);}
.proAdvImglist{width: 100%;line-height: 50px;background: rgba(34,96,200,0.8);text-align: center;color: white;font-size:16px;}
.proAdvImglist:last-child{background: rgba(49,162,122);transform: translateY(60px);opacity: 0;visibility: hidden;transition: all 0.6s;}
.proAdvImglist:first-child{transform: translateY(-60px);opacity: 0;visibility: hidden;transition: all 0.6s;}
.proAdvImg-list:hover .proAdvImglist:last-child{opacity: 1;visibility: visible;transform: translateY(0px);transition: all 0.6s;}
.proAdvImg-list:hover .proAdvImglist:first-child{opacity: 1;visibility: visible;transform: translateY(0px);transition: all 0.6s;}
.proAdvImg-list:hover .proAdvImg-img img{transform: scale(1.08);transition: all 0.6s;}
.proAdvImg-img{width: 100%;}
.proAdvImg-img img{width: 100%;height: auto;transition: all 0.6s;}
.proAdvImgon{opacity: 1;visibility: visible;transition: all 0.6s;transform: scale(1);}
.pro-adv{margin-bottom: 50px;overflow: hidden;}
.proAdv-list{position: absolute;opacity: 0;visibility: hidden;top: 0;left: 0;background: white;width: 100%;transform: translateX(60px);transition: all 0.8s;transition-delay: 0.2s;}
.proAdvon{opacity: 1;visibility: visible;transition: all 0.8s;transform: translateX(0px);transition-delay: 0.2s;}
.proAdv-xt{width: 40px;height: 100%;border-right: 1px solid #31A27A;position: absolute;}
.proAdv-box{width: 100%;padding-left: 80px;height: 100%;}
.proAdv-top{font-size: 24px;font-weight: bold;color: #124FB4;width: 100%;line-height:30px;margin-bottom: 20px;}
.proAdv-item{width: 100%;}
.proAdvit-list{width: 100%;position: relative;height: 80px;cursor: pointer;}
.proAdvIco{position: absolute;width: 30px;height: 30px;border-radius: 50%;left: -55px;top: 25px;}
.proAdvname{width: 100%;line-height: 80px;height: 80px;font-size: 15px;color: #656565;transition: all 0.6s;}
.ico-yd{width: 10px;height: 10px;border-radius: 50%;background: #31A27A;position: relative;top:10px;left: 10px;opacity: 1;visibility: visible;transform: scale(1);transition: all 0.6s;}
.ico-on{width: 30px;height: 30px;border-radius: 50%;background: #2260C8;top: 0px;left: 0px;color: white;text-align:center;line-height: 30px;position: absolute;opacity: 0;visibility: hidden;transform: scale(0);transition: all 0.6s;}
.proAdvit-list:hover .ico-on{opacity: 1;visibility: visible;transform: scale(1);transition: all 0.6s;}
.proAdvit-list:hover .ico-yd{opacity: 0;visibility: hidden;transform: scale(0);transition: all 0.6s;}
.proAdvit-list:hover .proAdvname{color: #2260C8;transition: all 0.6s;}

.pro-scene{width: 100%;margin-bottom: 50px;}
.proScene-list{float: left;height: 240px;overflow: hidden;position: relative;cursor: pointer;}
.proScene1,.proScene3,.proScene4,.proScene5{margin-right: 20px;}
.proSceneBottom{margin-bottom: 20px;}
.proScene1{width: 690px;}
.proScene-top{width: 100%;height: 240px;}
.proScene-top img{width: 100%;height: auto;transition: all 0.6s;}
.proScene2{width: 470px;}
.proScene3,.proScene4{width: 335px;}
.proScene5,.proScene6{width: 225px;}
.proScene-bottom{position: absolute;height: 50px;bottom: 0;background: rgba(34,96,200,0.6);width: 100%;padding: 0px 20px;transform: translateY(50px);opacity: 0;visibility: hidden;transition: all 0.6s;}
.proScene-name{width: 100%;padding-right: 60px;color: white;line-height: 50px;font-size: 15px;}
.proScene-xt{width: 40px;height: 50px;position: absolute;right: 20px;top: 0px;}
.proScenes{width: 1px;height: 40px;background: white;position: absolute;top: 5px;left: 19.5px;transform: translateY(60px);opacity: 0;visibility: hidden;transition: all 0.6s;transition-delay: 0.2s;}
.proSceneh{width: 40px;height: 1px;background: white;position: absolute;top: 24.5px;transform: translateX(-60px);opacity: 0;visibility: hidden;transition: all 0.6s;transition-delay: 0.2s;}
.pro-scene ul li:hover .proScene-top img{transform: scale(1.08);transition: all 0.6s;}
.pro-scene ul li:hover .proScene-bottom{transform: translateY(0px);opacity: 1;visibility: visible;transition: all 0.6s;}
.pro-scene ul li:hover .proScenes{transform: translateY(0px);opacity: 1;visibility: visible;transition: all 0.6s;transition-delay: 0.2s;}
.pro-scene ul li:hover .proSceneh{transform: translateX(0px);opacity: 1;visibility: visible;transition: all 0.6s;transition-delay: 0.2s;}
.proSceneVideo{width: 100%;position: absolute;top: 0;height: 240px;background: rgba(34,96,200,0.6);padding: 20px;}
.videoEn p{font-family: 'aaargh';font-size: 20px;color: white;text-transform: uppercase;text-align: right;}
.video-box{position: absolute;bottom: 20px;right: 20px;}
.video-name{color: white;font-size: 13px;padding-left: 30px;line-height: 30px;text-align: right;}
.videocH{position: relative;width: 100%;height: 30px;}
.video-ico{width: 30px;height: 30px;position: absolute;top: 0;right: 35%;}
.video-ico img{max-width: 100%;}
.pc_pro{display: block;margin-right: 4%;}
.web_pro{display: none;margin-left: 4%;}
.plan-name{width: 160px;height: 50px;background: #124FB4;color: white;line-height: 50px;font-size: 20px;text-align: center;margin:50px auto 30px;}
.plan-list{width: 25%;float: left;cursor: pointer;}
.planTop-con{width: 70%;margin: auto;height: 70px;overflow: hidden;color: #656565;line-height: 28px;font-size: 15px;text-align: center;}
.plan-xt{width: 100%;height: 30px;overflow: hidden;position: relative;}
.plan-xtIt{width: 100%;height: 1px;background: #31A27A;position: absolute;top: 14.5px;}
.planTop-ico{width: 70%;margin: auto;height: 70px;overflow: hidden;}
.planXt-box{position: relative;width: 30px;height: 30px;margin: auto;top: 0;}
.plan-yd{width: 10px;height: 10px;border-radius: 50%;background: #31A27A;top: 10px;left: 10px;position: relative;}
.plan-ico{width: 30px;height: 30px;border-radius: 50%;background: #124FB4;text-align: center;font-size: 15px;line-height: 30px;top: 0;position: absolute;color: white;opacity: 0;visibility: hidden;transform: scale(0);transition: all 0.6s;}
.plan-list:hover .plan-ico{opacity: 1;visibility: visible;transform: scale(1);transition: all 0.6s;}
.ico-box{width: 56px;height: 56px;border-radius: 5px;border:1px solid #ccc;padding: 14px;margin: auto;transition: all 0.6s;}
.ico-box img{max-width: 100%;}
.onTop{padding-bottom: 14px;}
.onBottom{padding-top: 14px;}
.plan-list:hover .ico-box{border-color:#31A27A;transition: all 0.6s;}
.scene-item{margin: 50px auto;}
.sceneTop{width: 100%;height: 100px;overflow: hidden;position: relative;}
.sceneTopimg{width: 100%;height: 100px;}
.sceneTopimg img{width: 100%;}
.sceneName{width: 100%;height: 100%;position: absolute;background: rgba(34,96,200,0.6);color: white;top: 0px;text-align: center;line-height: 40px;font-size: 28px;padding: 30px 0px;}
.scene-box{width: 100%;margin-top: 30px;position: relative;}
.scene-list{width: 33.33%;float: left;overflow: hidden;position: absolute;transition: all 1s;display: inline;}
.sceneImg{width: 100%;transition: all 1s;overflow: hidden;}
.sceneImg img{width: 100%;height: auto;transition: all 1s;}
.sceneBox{width: 100%;height: 50px;padding: 10px;background: #2260C8;position: relative;transition: all .6s;transform: translateY(0px);}
.sceneBox-name{width: 100%;padding-right: 30%;color: white;font-size: 16px;line-height:30px;}
.sceneBoxIco{width:90px;position: absolute;height: 30px;top: 10px;right: 10px;}
.sceneBoxI{width: 24px;height: 24px;position: absolute;top: 3px;}
.sceneBoxI img{max-width: 100%;}
.sceneBoxN{width: 100%;padding-left: 30px;line-height: 30px;color: white;}
/*.scene-list:hover .sceneImg{transform: translateY(-50px);transition: all 0.6s;}*/
.scene-list:hover .sceneImg img{transform: scale(1.08);transition: all 1s;}
/*.scene-list:hover .sceneBox{transform: translateY(-50px);transition: all .6s;}*/
.aboutIt-left{width: 48%;margin-right: 2%;float: left;}
.aboutIt-right{width: 50%;float: left;}
.aboutIt{width: 100%;margin: 50px auto;}
.aboutIt-xt{width: 60px;height: 3px;background: #31A27A;margin: 15px 0px;}
.aboutIt-Eh{font-size: 20px;font-family: 'aaargh';font-weight: bold;}
.aboutIt-Ch{font-size: 16px;color: #2260C8;}
.aboutIt-con{text-indent: 2em;margin-top: 20px;font-size: 15px;line-height: 25px;color: #656565;}
.aboutIt-right img{width: 100%;}
.aboutIt-news{margin: 50px auto;background: #F4F4F4;padding: 50px 0px;}
.aboutItl,.aboutItr{width: 50%;float: left;}
.aboutItl{padding-left: 50px;}
.aboutItr{padding-left: 20px;padding-right: 50px;}
.aboutItl-name{font-weight: bold;text-align: right;font-size: 24px;color: #2260C8;line-height: 30px;}
.aboutItl-en{text-align: right;font-size: 16px;font-size: 'aaargh';text-transform:uppercase;color: #31A27A;line-height: 25px;}
.aboutItl-img{width: 100%;overflow: hidden;}
.aboutItl-news{margin-top:30px;}
.aboutItl-img img{width: 100%;height: auto;transition: all .6s;}
.aboutItl-news:hover .aboutItl-img img{transition: all .6s;transform: scale(1.08);}
.aboutItlb{width: 100%;height: 40px;margin-top: 10px;position: relative;}
.aboutItlt{width: 80px;height: 40px;background: #31A27A;text-align: center;line-height: 40px;color: white;font-size: 12px;position: absolute;}
.aboutItln{width: 100%;padding-left: 100px;font-size: 15px;line-height: 40px;height: 40px;overflow: hidden;transition: all .6s;}
.aboutItl-news:hover .aboutItln{color: #2260C8;transition: all .6s;}
.aboutItr-list{width: 100%;height: 100px;position: relative;}
.aboutItr-time{font-size: 12px;width: 100px;height: 100px;line-height: 80px;background: #31A27A;text-align: center;color: white;position: absolute;padding:10px 0px;transition: all 0.8s;}
.aboutItr-news{padding:10px 0px 10px 120px;height: 100px;}
.aboutItrn{font-size: 16px;color: #232323;line-height: 25px;margin-bottom: 15px;height: 25px;overflow: hidden;transition: all 0.8s;}
.aboutItrdesc{font-size: 13px;color: #989898;line-height: 20px;height:40px;overflow: hidden;}
.aboutItr-list:hover .aboutItr-time{background: #2260C8;transition: all 0.8s;}
.aboutItr-list:hover .aboutItrn{color: #2260C8;transition: all 0.8s;}
.new-more{width: 120px;border-radius: 8px;border:2px solid #CCCCCC;line-height: 32px;text-align: center;margin: 30px auto 0px;color: #CCCCCC;transition: .8s;}
.new-more:hover{background: #2260C8;border-color: #2260C8;transition: .8s;color: white;}
.aboutContact-img{width: 100%;margin-bottom:50px}
.aboutContact-name{font-weight: bold;font-size: 24px;color: #2260C8;}
.aboutContact-xt{width: 40px;height: 3px;background:#31A27A;margin: 10px 0px;}
.aboutContact-en{font-size: 15px;font-family: 'aaargh';text-transform: uppercase;}
.aboutContact-con{width: 100%;margin: 50px auto}
.aboutContact-list{line-height: 50px;font-size: 16px;}
.aboutContact-list span{color: #2260C8;margin-right: 5px;}
.aboutContact-img{width: 100%;}
.aboutContact-img img{width: 100%;}
.aboutContact-left,.aboutContact-right{width: 50%;float: left;}
.newsItem{margin: 50px auto;}
.newsItem-box{width: 100%;margin-top: 50px;}
.newsItem-left{width: 60%;float: left;}
.newsItem-right{width: 40%;float: left;padding-left: 30px;}
.newsItem-list{width: 100%;border:1px solid #ccc;padding: 20px;border-radius: 5px;/*box-shadow: 1px 5px 15px rgba(0,0,0,0.3);*/transition: .8s;margin-bottom: 20px;}
.newsItem-name{font-weight: bold;font-size: 16px;line-height: 30px;height: 30px;overflow: hidden;transition: .8s;}
.newsItem-desc{font-size: 14px;line-height: 25px;height: 50px;overflow: hidden;margin: 10px auto;color: #656565;}
.newsItem-show{width: 100%;height: 25px;position: relative;}
.newsItemTime{float: left;font-size: 12px;background: #eaeaea;line-height: 25px;padding: 0px 10px;border-radius: 5px;color: #656565;transition: .8s;}
.newsItemmore{float: right;}
.newsItemmore{font-size:12px;line-height: 25px;transition: .8s;}
.newsItem-list:hover{box-shadow: 3px 5px 15px rgba(0,0,0,0.3);transition: .8s;}
.newsItem-list:hover .newsItem-name{color: #2260C8;transition: .8s;}
.newsItem-list:hover .newsItemTime{background: #2260C8;color: white;transition: .8s;}
.newsItem-list:hover .newsItemmore{color: #2260C8;transition: .8s;}
.newsItemtop{width: 120px;height: 40px;background: #2260C8;text-align: center;line-height: 40px;color: white;}
.newsItemr-box{margin-top: 20px;border-top:1px solid #ccc}
.newsItemR-list{line-height: 30px;border-bottom: 1px solid #ccc;font-size: 15px;padding: 10px;overflow: hidden;color: #656565;transition: .8s;}

.newsItemR-list:hover{color: #2260C8;border-bottom:1px solid #2260C8;transition: .8s;}
.newsShow-name{font-size: 20px;font-weight: bold;}
.newsShow-desc{margin: 20px auto 20px;font-size: 13px;color: #989898;}
.newsShow-desc span{margin-right: 20px;}
.newsShow-con{font-size: 16px;color: #656565;text-indent: 2em;}
.newsShow-pn{margin-top: 20px;}
.newsShow-pre,.newsShow-next{line-height: 40px;}
.newsShow-pre span,.newsShow-next span{color: #989898;}
.newsShow-pre a,.newsShow-next a{font-size: 14px;color: #656565;}
.downbox-left{width: 55%;float: left;padding-right: 50px;}
.downbox-right{width: 45%;float: left;}
.downItem{margin-top: 20px;}
.downItem-list{width: 100%;border-bottom:1px solid #ccc;padding-bottom: 20px;margin-bottom: 20px;position: relative;cursor: pointer;transition: 0.8s;}
.downItem-name{font-size: 15px;line-height: 50px;padding-right: 30px;padding-left: 10px;}
.downItem-ico{width: 30px;height:20px;position: absolute;top:15px;right: 0px;}
.ico-y,.ico-o{width: 30px;position: absolute;transition: .8s;top: 0;}
.ico-y{opacity: 1;visibility: visible;transform: translateY(0);transition: .8s;}
.ico-o{opacity: 0;visibility: hidden;transform: translateY(20px);transition: .8s;}
.ico-y img,.ico-o img{width: 100%;}
.downItem-list:hover{border-bottom:1px solid #2260C8;transition: 0.8s;}
.downItem-list:hover .ico-y{opacity: 0;visibility: hidden;transform: translateY(20px);transition: .8s;}
.downItem-list:hover .ico-o{opacity: 1;visibility: visible;transform: translateY(0);transition: .8s;}
.itemImg{width: 100%;margin: 20px auto 40px;overflow: hidden;}
.itemImg img{width: 100%;height: auto;}
.video-left{width:40%;float: left;}
.video-right{width: 60%;float: left;}
.videoLeft-name{width: 100%;text-align: center;background: #333333;line-height: 50px;color: #fff;}
.videorName{width:100px;height:100%;background: #31A27A;position: absolute;}
.username{color:white;font-size: 16px;text-align: center;width: 80%;margin: auto;}
.xt{width: 10px;background: white;height: 2px;margin: 10px auto;}
.useren{font-size: 12px;font-family: 'aaargh';color: white;text-align: center;}
.videoItem-b{width: 100%;padding-left: 100px;}
.videoItem-list{background: #F7A300;float: left;width: 50%;}
.videoItem-list:first-child{background: aliceblue;}
.videoItem-list:last-child{background: #989898;}



.pagess {
	clear: both;
	margin: 20px;
	overflow: hidden;
	margin-left: 0;
	text-align: center;
	font-size: 12px
}

.pagess ul li {
	display: inline-block;
	border: 1px solid #ccc;
	padding: 2px 9px;
	margin: 0 3px;
	line-height: 20px;
	background: #fff;
	color: #999
}

.pagess ul li:hover {
	background: #ccc;
	color: #fff;
	border: 1px solid #ccc
}

.pagess ul li:hover a {
	color: #fff
}

.pagess ul li.thisclass {
	display: inline-block;
	border: 1px solid #ccc;
	padding: 2px 9px;
	margin: 0 3px;
	background: #ccc;
	color: #fff
}

.pagess ul li.thisclass a {
	color: #fff
}

.pagess ul li a {
	display: block;
	color: #999
}

.pagess ul li a:hover {
	color: #fff
}