@import "font.css"; 
@import "/fonts/font-awesome.min.css"; 

/* 
@import "font.css"; 

橙色浅	fabf19
橙色深	ffbc00
主背景	f7f7f7

咖啡	b88858
f5a80a

576x338		48%
264x338		22%
48			4%
	transition: all 0.3s linear;
    transition: all 0.3s ease-in;
img	transform: scale(1.1);

字体图标
font-family: FontAwesome;

*/
.color2 { color:#ffbc00;}
.h131 { width:100%; height:131px; overflow:hidden; }
.pline { width:50px; height:2px; overflow:hidden; background:#fff; }
.pline2 { width:70px; height:2px; overflow:hidden; background:#4d4d4d; margin:0 auto; }
.pline3 { width:240px; height:1px; overflow:hidden; background:#fff; }
.dline { width:50px; height:2px; overflow:hidden; background:#fff; margin:0 auto; }
.dline2 { width:50px; height:2px; overflow:hidden; background:#000; margin:10px auto; }
.p12 { line-height:30px; background:url(../img/p154x4.png) center 14px no-repeat; text-align:center; font-weight:900; font-size:20px; margin-top:36px;}
.p13 { font-size:40px; font-weight:bold; text-align:center; font-family:Arial, Helvetica; line-height:1.5;}
.p14 { text-align:center; font-size:20px; }
.d15 { width:120px; height:30px; line-height:30px; background:#000; color:#fff; text-align:center; margin:50px auto 15px auto; font-size:20px; font-weight:900; border-radius:4px;}
.d16 { width:100%; height:40px; line-height:40px; font-size:32px; background:url(../img/p650x4.png) center 23px no-repeat; text-align:center;}
.h150 { width:100%; height:150px; overflow:hidden;}
.h100 { height:100%;}
.none2 { display:none;}
.p80 { padding:80px 0;}
.w70 { width:70%;}


/* head */


/*--- Header ---*/
.Header-wrapper{z-index:99; }
.Header-wrapper .Header-cl{position:relative; }
.header-container{width:100%; position:fixed; top:0px; left:0px; z-index:90; opacity: 1; -webkit-transition: background .3s, -webkit-transform .3s, opacity .3s; transition: background .3s, transform .3s, opacity .3s; }
.head_container_white{background:#fff; }
.head_container_hide{-webkit-transform: translate(0, -100%); -ms-transform: translate(0, -100%); transform: translate(0, -100%); opacity:0; }

/*logo*/
.H-logo{ width:auto; height:100px; line-height:100px; font-size:0px; overflow:hidden; display:block; background:url(/images/logo.png) center center no-repeat; background-size:240px auto;}
.H-logo img{ width:240px; padding:21px 0; visibility:hidden;}

.H-nav .line {height: 1px; text-align: center; }
.H-nav .line i { margin: 0 auto; width: 0; height: 1px; display: block; background: none; -webkit-transition: .3s width,.3s background; transition: .3s width,.3s background; }
.H-nav a:hover .line i {width: 92%; background-color: #fff; margin:0 auto; }
.H-nav .active,
.H-nav .active:hover {color: #333333; }
.H-nav .active .line i, 
.H-nav .active:hover .line i {width: 92%; background-color: #999;  margin:0 auto;}


.nav-title{width:60px;height:60px;position: absolute; z-index:9999; top:0; right:0; display:none;}
.nav-title .nav-btn{display:block;float:left;width:60px;height:60px;position:relative}
.nav-title .line{display:inline-block;width:24px;height:2px;background-color:#fff;position:absolute;left:18px;-webkit-transform-origin:left center;transform-origin:left center;-webkit-transition:all .5s;transition:all .5s}
.nav-title .line-top{top:21px}
.nav-title .line-middle{top:29px}
.nav-title .line-bottom{top:38px}
.nav-btn.on .line-top{-webkit-transform:rotateZ(45deg);transform:rotateZ(45deg)}
.nav-btn.on .line-middle{opacity:0}
.nav-btn.on .line-bottom{-webkit-transform:rotateZ(-45deg);transform:rotateZ(-45deg)}


/*Hnav*/
.H-nav{ height:80px; overflow:hidden; }
.H-nav>li{width:80px; height:80px; overflow:hidden; float:left; text-align:center; padding:0 15px; }
.H-nav .Hnav-menu{display:block; height:47px; line-height:47px; padding-top:32px; font-size:14px; color:#fff; position:relative; text-align:center; font-family: Helvetica,cn2;}
.H-nav .Hnav-menu span{ display:block; height:47px; line-height:47px; text-align:center; }
.H-nav .Hnav-menu:hover{color:#fff !important; }

.head_container_white .H-nav .Hnav-menu{ color:#000;}
.head_container_white .H-logo { background-image:url(/images/logo2.png);}
.head_container_white .Hnav-menu:hover{color:#000 !important; }
.head_container_white .H-nav a:hover .line i{background-color: #000;}
/* index */

.swiper-container2{ width:100%;}
.swiper-slide-i1 img { width:auto; max-width:100%;}
.swiper-slide-i1 a { height:600px; display:block;}

/*
.swiper-container { width:100%; height:auto; overflow:hidden; margin:0 auto; transition: all 0.3s linear; min-width:1200px;}
.swiper-slide { text-align: center;font-size: 18px;display: -webkit-box;display: -ms-flexbox;display: -webkit-flex;display: flex;-webkit-box-pack: center;-ms-flex-pack: center;-webkit-justify-content: center;justify-content: center;-webkit-box-align: center;-ms-flex-align: center;-webkit-align-items: center;align-items: center;}
.swiper-slide1 img { width:auto; max-width:100%; display:none;}
.swiper-slide1 a { width:100%; height:100%; display:block; background-position:center center; background-repeat:no-repeat; background-size:cover; background-attachment:fixed;}
*/
.swiper-slide-i2 {}
.swiper-slide-i2 img{ display:none; width:auto; max-width:100%;}






.text1 { font-size:22px; line-height:46px; padding-top:70px; font-weight:bold;}
.text2 { font-size:16px;  line-height:36px;}
.text3 { font-size:14px; line-height:30px; width:760px; padding:38px 0 70px 0;}




/*
.slideBox{ width:100%; height:auto; overflow:hidden; position:relative; }
	.slideBox .bd{ position:relative; height:100%; z-index:0;   }
	.slideBox .bd li{ zoom:1; vertical-align:middle; }
	.slideBox .bd img{ width:576px; height:276px; transition: all 0.6s;  }
	.slideBox .bd img:hover{ transform: scale(1.1);}
	.slideBox .hd{ height:10px; overflow:hidden; position:absolute; right:5px; bottom:5px; z-index:1; }
	.slideBox .hd ul{ overflow:hidden; zoom:1; float:left;  }
	.slideBox .hd ul li{ float:left; margin-right:4px;  width:8px; height:8px; line-height:10px; text-align:center; background:#fff; cursor:pointer; border-radius:5px; filter:alpha(Opacity=40);-moz-opacity:0.4;opacity:0.4; }
	.slideBox .hd ul li.on{ background:#fff; color:#fff; filter:alpha(Opacity=60);-moz-opacity:0.6;opacity:0.6; }

*/



/* btn_more4 */

.btn_more4 { padding:40px 0 10px 0;}
.btn_more4 a{ width:160px; height:40px; line-height:40px; font-size:14px; text-align:center; display:block; margin:0 auto; border:1px solid #ccc; letter-spacing:2px; transition: all 0.6s; }
.btn_more4 a:hover{ background:#000; color:#fff;}


/* 加载 */
#product-gallery .gallery-item ,
#product-gallery2 .gallery-item {display: none; position:relative; }
#product-gallery .gallery-item.show ,
#product-gallery2 .gallery-item.show {display: block !important;}




/*news-page*/
.pagenavi { padding:30px 0;}
.pageleft {}
.pageright {}

.pagenavi1{ padding:60px 0; color:#fff; text-align:center;}
.pagenavi1 span{ border-radius:4px; padding:10px; margin:0 5px; overflow:hidden; color:#333; background:#eee;}
.pagenavi1 a{ border-radius:4px; padding:10px; margin:0 5px; overflow:hidden; color:#fff; background:#999;transition:background 0.3s linear,color 0.3s linear;}
.pagenavi1 a:hover{ background:#453327; color:#fff; }


/* 淡入 */

.dr21{-webkit-animation:fadeInUp 1s 0.5s ease both;-moz-animation:fadeInUp 1s .5s ease both;}
.dr22{-webkit-animation:fadeInUp 1s 1s ease both;-moz-animation:fadeInUp 1s 1s ease both;}
.dr23{-webkit-animation:fadeInUp 1s 1.5s ease both;-moz-animation:fadeInUp 1s 1.5s ease both;}
.dr24{-webkit-animation:fadeInUp 1s 2s ease both;-moz-animation:fadeInUp 1s 2s ease both;}
.dr25{-webkit-animation:fadeInUp 1s 2.5s ease both;-moz-animation:fadeInUp 1s 2.5s ease both;}
.dr26{-webkit-animation:fadeInUp 1s 3s ease both;-moz-animation:fadeInUp 1s 3s ease both;}
.dr27{-webkit-animation:fadeInUp 1s 3.5s ease both;-moz-animation:fadeInUp 1s 3.5s ease both;}
.dr28{-webkit-animation:fadeInUp 1s 4s ease both;-moz-animation:fadeInUp 1s 4s ease both;}
.dr29{-webkit-animation:fadeInUp 1s 4.5s ease both;-moz-animation:fadeInUp 1s 4.5s ease both;}

.maintop3 .danru11{-webkit-animation:fadeInUp 1s 0.5s ease both;-moz-animation:fadeInUp 1s .5s ease both;}
.maintop3 .danru12{-webkit-animation:fadeInUp 1s 1s ease both;-moz-animation:fadeInUp 1s 1s ease both;}
.maintop3 .danru13{-webkit-animation:fadeInUp 1s 1.5s ease both;-moz-animation:fadeInUp 1s 1.5s ease both;}
.maintop3 .danru14{-webkit-animation:fadeInUp 1s 2s ease both;-moz-animation:fadeInUp 1s 2s ease both;}
.maintop3 .danru15{-webkit-animation:fadeInUp 1s 2.5s ease both;-moz-animation:fadeInUp 1s 2.5s ease both;}
.maintop3 .danru16{-webkit-animation:fadeInUp 1s 3s ease both;-moz-animation:fadeInUp 1s 3s ease both;}
.maintop3 .danru17{-webkit-animation:fadeInUp 1s 3.5s ease both;-moz-animation:fadeInUp 1s 3.5s ease both;}
.maintop3 .danru18{-webkit-animation:fadeInUp 1s 4s ease both;-moz-animation:fadeInUp 1s 4s ease both;}
.maintop3 .danru19{-webkit-animation:fadeInUp 1s 4.5s ease both;-moz-animation:fadeInUp 1s 4.5s ease both;}

.active .danru11{-webkit-animation:fadeInUp 1s 0.5s ease both;-moz-animation:fadeInUp 1s .5s ease both;}
.active .danru12{-webkit-animation:fadeInUp 1s 1s ease both;-moz-animation:fadeInUp 1s 1s ease both;}
.active .danru13{-webkit-animation:fadeInUp 1s 1.5s ease both;-moz-animation:fadeInUp 1s 1.5s ease both;}
.active .danru14{-webkit-animation:fadeInUp 1s 2s ease both;-moz-animation:fadeInUp 1s 2s ease both;}
.active .danru15{-webkit-animation:fadeInUp 1s 2.5s ease both;-moz-animation:fadeInUp 1s 2.5s ease both;}
.active .danru16{-webkit-animation:fadeInUp 1s 3s ease both;-moz-animation:fadeInUp 1s 3s ease both;}
.active .danru17{-webkit-animation:fadeInUp 1s 3.5s ease both;-moz-animation:fadeInUp 1s 3.5s ease both;}
.active .danru18{-webkit-animation:fadeInUp 1s 4s ease both;-moz-animation:fadeInUp 1s 4s ease both;}
.active .danru19{-webkit-animation:fadeInUp 1s 4.5s ease both;-moz-animation:fadeInUp 1s 4.5s ease both;}

.about_pp .active .danru11{-webkit-animation:fadeInUp 1s 0.3s ease both;-moz-animation:fadeInUp 1s 0.3s ease both;}
.about_pp .active .danru12{-webkit-animation:fadeInUp 1s 0.6s ease both;-moz-animation:fadeInUp 1s 0.6s ease both;}
.about_pp .active .danru13{-webkit-animation:fadeInUp 1s 0.9s ease both;-moz-animation:fadeInUp 1s 0.9s ease both;}
.about_pp .active .danru14{-webkit-animation:fadeInUp 1s 1.2s ease both;-moz-animation:fadeInUp 1s 1.2s ease both;}
.about_pp .active .danru15{-webkit-animation:fadeInUp 1s 1.5s ease both;-moz-animation:fadeInUp 1s 1.5s ease both;}
.about_pp .active .danru16{-webkit-animation:fadeInUp 1s 1.8s ease both;-moz-animation:fadeInUp 1s 1.8s ease both;}
.about_pp .active .danru17{-webkit-animation:fadeInUp 1s 2.1s ease both;-moz-animation:fadeInUp 1s 2.1s ease both;}
.about_pp .active .danru18{-webkit-animation:fadeInUp 1s 2.4s ease both;-moz-animation:fadeInUp 1s 2.4s ease both;}
.about_pp .active .danru19{-webkit-animation:fadeInUp 1s 2.7s ease both;-moz-animation:fadeInUp 1s 2.7s ease both;}

.swiper-slide-active .danru11{-webkit-animation:fadeInUp 1s 0.5s ease both;-moz-animation:fadeInUp 1s .5s ease both;}
.swiper-slide-active .danru12{-webkit-animation:fadeInUp 1s 1s ease both;-moz-animation:fadeInUp 1s 1s ease both;}
.swiper-slide-active .danru13{-webkit-animation:fadeInUp 1s 1.5s ease both;-moz-animation:fadeInUp 1s 1.5s ease both;}
.swiper-slide-active .danru14{-webkit-animation:fadeInUp 1s 2s ease both;-moz-animation:fadeInUp 1s 2s ease both;}
.swiper-slide-active .danru15{-webkit-animation:fadeInUp 1s 2.5s ease both;-moz-animation:fadeInUp 1s 2.5s ease both;}
.swiper-slide-active .danru16{-webkit-animation:fadeInUp 1s 3s ease both;-moz-animation:fadeInUp 1s 3s ease both;}
.swiper-slide-active .danru17{-webkit-animation:fadeInUp 1s 3.5s ease both;-moz-animation:fadeInUp 1s 3.5s ease both;}
.swiper-slide-active .danru18{-webkit-animation:fadeInUp 1s 4s ease both;-moz-animation:fadeInUp 1s 4s ease both;}
.swiper-slide-active .danru19{-webkit-animation:fadeInUp 1s 4.5s ease both;-moz-animation:fadeInUp 1s 4.5s ease both;}
.swiper-slide-active .danru110{-webkit-animation:fadeInUp 1s 5s ease both;-moz-animation:fadeInUp 1s 5s ease both;}



.active .dr_t {-webkit-animation:fadeInDown 1s 0.4s ease both; -moz-animation:fadeInDown  1s 0.4s ease both;}
.active .dr_t2{-webkit-animation:fadeInDown 1s 0.8s ease both; -moz-animation:fadeInDown  1s 0.8s ease both;}
.active .dr_t3{-webkit-animation:fadeInDown 1s 1.2s ease both; -moz-animation:fadeInDown  1s 1.2s ease both;}
.active .dr_t4{-webkit-animation:fadeInDown 1s 1.6s ease both; -moz-animation:fadeInDown  1s 1.6s ease both;}
.active .dr_t5{-webkit-animation:fadeInDown 1s 2.0s ease both; -moz-animation:fadeInDown  1s 2.0s ease both;}

.active .dr_r{-webkit-animation:fadeInRight 1s .5s ease both; -moz-animation:fadeInRight 1s .5s ease both;}
.active .dr_d{-webkit-animation:fadeInUp    1s .5s ease both; -moz-animation:fadeInUp    1s .5s ease both;}
.active .dr_l{-webkit-animation:fadeInLeft  1s .5s ease both; -moz-animation:fadeInLeft  1s .5s ease both;}



@keyframes fadeInUp{
0%{transform:translateY(20px); -webkit-transform:translateY(20px); opacity:0;}
100%{transform:translateY(0); -webkit-transform:translateY(0); opacity:1;}
}
@-webkit-keyframes fadeInUp{
0%{transform:translateY(20px); -webkit-transform:translateY(20px); opacity:0;}
100%{transform:translateY(0); -webkit-transform:translateY(0); opacity:1;}
}
@-moz-keyframes fadeInUp{
0%{transform:translateY(20px); -webkit-transform:translateY(20px); opacity:0;}
100%{transform:translateY(0); -webkit-transform:translateY(0); opacity:1;}
}



@keyframes fadeInDown{
0%{transform:translateY(20px);-webkit-transform:translateY(20px);opacity:0;}
100%{transform:translateY(0);-webkit-transform:translateY(0);opacity:1;}
}
@-webkit-keyframes fadeInDown{
0%{transform:translateY(20px);-webkit-transform:translateY(20px);opacity:0;}
100%{transform:translateY(0);-webkit-transform:translateY(0);opacity:1;}
}
@-moz-keyframes fadeInDown{
0%{transform:translateY(20px);-webkit-transform:translateY(20px);opacity:0;}
100%{transform:translateY(0);-webkit-transform:translateY(0);opacity:1;}
}


@keyframes fadeInLeft{
0%{opacity:0;-webkit-transform:translateX(-50px)}
100%{opacity:1;-webkit-transform:translateX(0)}
}
@-webkit-keyframes fadeInLeft{
0%{opacity:0;-webkit-transform:translateX(-50px)}
100%{opacity:1;-webkit-transform:translateX(0)}
}
@-moz-keyframes fadeInLeft{
0%{opacity:0;-moz-transform:translateX(-50px)}
100%{opacity:1;-moz-transform:translateX(0)}
}


@keyframes fadeInRight{
0%{opacity:0;-webkit-transform:translateX(50px)}
100%{opacity:1;-webkit-transform:translateX(0)}
}
@-webkit-keyframes fadeInRight{
0%{opacity:0;-webkit-transform:translateX(50px)}
100%{opacity:1;-webkit-transform:translateX(0)}
}
@-moz-keyframes fadeInRight{
0%{opacity:0;-moz-transform:translateX(50px)}
100%{opacity:1;-moz-transform:translateX(0)}
}

@media screen and (max-width: 980px) {

body{ }
/*	.box {padding-left:10px !important; padding-right:10px !important;} */

/*
.focusBox .pic{ min-width:1220px; }
.focusBox .pic li{ min-width:1220px; background:none !important;}
.focusBox .pic li a img{ display:block;}

.mainl3 { height:auto; background:none; }
.mainl3 img { display:block; width:auto; max-width:100%;}
*/

.banner_news { height:auto;}
.banner_news img { width:auto; max-width:100%; display:block;}

.newscntpic5 { height:auto;}
.newscntpic5 img { display:block;filter:alpha(Opacity=100);-moz-opacity:1;opacity:1;}

.mainct1 { height:auto;}
.mainct1 img { display:block;}


/* Pro-d */
.newscnt .newscnt_w100 { background:none;}
.newscnt .newscnt2 {}
.newscnt .newscnt1_cn { width:47%;}
.newscnt .newscnt1_en { width:47%; padding:0 0 0 0px}


}

@media screen and (min-width: 1200px) {
	.mainl1 , .mainl6{ background-attachment:fixed;}
	}





/* 幻音未来2 */

/* index */
.banner_i1 { position:relative;}
.swiper-slide-i2{}
.swiper-slide-i2 img { display:block;}
.swiper-slide-i2 a{ width:100%; display:block;}

.swiper-slide-i2 .slidecnt1 { width:100%; height:100%; overflow:hidden; display:table; position:absolute; z-index:2; top:0;}
.swiper-slide-i2 .slidecnt2 { width:100%; height:auto; overflow:hidden; display:table-cell; vertical-align:middle; text-align:center;}
.swiper-slide-i2 h2.slidecnt-text1{letter-spacing: 8px; text-transform: uppercase; font-size: 72px; color:#fff; font-weight:700; line-height:1.5;}

.swiper-slide-i2 .slidecnt-text2 { font-size:24px; color:#fff; line-height:1.5; ffont-weight: 400; padding:20px 0;}

.swiper-slide-i2 .slidecnt-text3 { width:300px; margin:0 auto; padding:60px 0 0 0;}
.swiper-slide-i2 .slidecnt-text3 a{ width:130px; height:48px; line-height:48px;  font-size:12px; font-weight:700; letter-spacing: 1px; display:block; color:#fff; transition: all 0.3s linear;}

.swiper-slide-i2 .slidecnt-text3-1 { width:50%; height:auto; overflow:hidden; float:left; display:inline;}
.swiper-slide-i2 .slidecnt-text3-1 a{float:right; margin-right:10px; border:2px solid #c74735; background:#c74735;  }
.swiper-slide-i2 .slidecnt-text3-1 a:hover { background:none;}

.swiper-slide-i2 .slidecnt-text3-2 { width:50%; height:auto; overflow:hidden; float:right; display:inline;}
.swiper-slide-i2 .slidecnt-text3-2 a{float:left;  margin-left:10px;  border:2px solid #fff;}
.swiper-slide-i2 .slidecnt-text3-2 a:hover{ background:#fff; color:#333;}




.media-i {}
	.media-i .media-i-l { width:48.5%; height:auto; overflow:hidden; float:left; display:inline; }/*width: calc(50% - 35px);*/
	.media-i .media-i-r { width:48.5%; height:auto; overflow:hidden; float:right; display:inline;}
	.media-i .media-i-ttl { padding-bottom:30px;}
	.media-i .media-i-ttl span{ font-size: 24px; text-align: left; line-height: 1.5; padding-bottom:20px; display:block;}
	.media-i .media-i-ttl i{ width:7%; height:2px; overflow:hidden; background:#000; display:block;}
	.media-i .media-i-cnt { height:380px; }


.media-i2 {}
	.media-i2-ttl { padding:50px 0; text-align:center;}
	.media-i2-ttl h2{ font-size:32px; text-align: center; line-height: 1.5; padding-bottom:15px; color:#444; font-family: 'Montserrat'; font-weight:700;}
	.media-i2-ttl h4{ font-size:14px; color:#666;}
	
	.releaseslist { width:33.33%; height:auto; overflow:hidden; float:left; }
	.releaseslist a{ height:auto; display:block;}
	.releaseslist .entry-container {position: relative;}
	.releaseslist .releasespic{}
	.releaseslist .releasespic img{ width:auto; max-width:100%;}
	.releaseslist .releasescnt{transition: all 0.2s linear; position: absolute; width: 100%; height: 100%; top: 0; left: 0; right: 0; bottom: 0; z-index: 0; background:#fff; filter:alpha(Opacity=0);-moz-opacity:0;opacity:0; text-align:center;}
	.releaseslist .releasescnt-2{ width:100%; height:100%; overflow:hidden; display: table;}
	.releaseslist .releasescnt-3{ width:100%; height:auto; overflow:hidden; display: table-cell; vertical-align:middle;}
	.releaseslist .releasescnt h3{ text-shadow: 0 1px 1px #fff; color:#000; display: block; width: 100%; font-size: 24px; overflow-wrap: break-word; word-wrap: break-word; font-weight: 700; line-height: 1.44; font-family: 'cn2'; }
	.releaseslist .releasescnt .zuozhe{ width:100%; height:auto; overflow:hidden; font-size:14px; color:#000; line-height:2;}
	
	.releaseslist a:hover .releasescnt{ filter:alpha(Opacity=70); -moz-opacity:0.7; opacity:0.7 !important;;}
	.releaseslist a:hover h3{-webkit-animation:fadeInUp 0.5s 0.3s ease both;-moz-animation:fadeInUp 0.5s .3s ease both;}
	.releaseslist a:hover .zuozhe{-webkit-animation:fadeInUp 0.5s 0.6s ease both;-moz-animation:fadeInUp 0.5s 0.6s ease both;}


.media-i3 { background:url(/upload/paperblacksmall.jpg);}
	.media-i3-ttl { padding:50px 0; text-align:center;}
	.media-i3-ttl h2{ font-size:32px; text-align: center; line-height: 1.5; padding-bottom:15px; color:#fff; font-family: 'Montserrat'; font-weight:700;}
	.media-i3-ttl h4{ font-size:14px; color:#666;}

.swiper-slide-v a{ height:auto; display:block;}
.swiper-slide-v .entry-container {position: relative;}
.swiper-slide-v .releasespic{ width:100% !important; height:100% !important; }
.swiper-slide-v .releasespic img{ width:100% !important; height:100% !important;}
.swiper-slide-v .releasescnt{transition: all 0.2s linear; position: absolute; width: 100%; height: 100%; top: 0; left: 0; right: 0; bottom: 0; z-index: 0; text-align:center;}
.swiper-slide-v .releasescnt-2{ width:100%; height:100%; overflow:hidden; display: table;}
.swiper-slide-v .releasescnt-3{ width:100%; height:auto; overflow:hidden; display: table-cell; vertical-align:middle;}
.swiper-slide-v .releasescnt h3{ text-shadow: 0 1px 1px #fff; color:#000; display: block; width: 100%; font-size: 24px; overflow-wrap: break-word; word-wrap: break-word; font-weight: 700; line-height: 1.44; font-family: 'cn2'; }
.swiper-slide-v .releasescnt .zuozhe{ width:100%; height:auto; padding-bottom:10px; overflow:hidden; font-size:16px; color:#fff; line-height:2; position:absolute; z-index:2; left:0; bottom:0; font-family: Lato; filter:alpha(Opacity=40);-moz-opacity:0.4;opacity:0.4;  -webkit-transition: all .3s linear; transition: all .3s linear;}

.swiper-container-v { }
	.swiper-slide-v { text-align: center; font-size: 18px; background: #fff;  display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; overflow:hidden;}
	.swiper-pagination-v { text-align:center; padding:50px 0;}
	.entry-container .releasespic img{ -webkit-transition: all .3s linear; transition: all .3s linear; -webkit-transform: scale(1.05); -ms-transform: scale(1.05); transform: scale(1.05); }
	.entry-container:hover .releasespic img{ -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); }
	.entry-container h3 img{ -webkit-transition: all .3s linear; transition: all .3s linear; -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); }
	.entry-container:hover h3 img{ -webkit-transform: scale(1.05); -ms-transform: scale(1.05); transform: scale(1.05); }
	.entry-container:hover .zuozhe{ filter:alpha(Opacity=100);-moz-opacity:1;opacity:1; }

.media-line1 { background:url(/upload/bg_line2.jpg) center center no-repeat; background-size:cover; background-attachment:fixed; padding:120px 0;}
.media-line1 h2{text-align: center; line-height: 100px; text-transform: uppercase; font-size: 68px; color:#fff; font-weight: 700; font-family: 'Montserrat';}

.media-line2 { font-size:14px; line-height:20px; text-align:center; padding:60px 0; background:#f6f6f6; font-weight:400; font-family: 'Lato'; color:#676767;}


.media-i4  {}
	.wvc-column-inner {width: 100%;position: relative;z-index: 5;display: -webkit-box;display: -ms-flexbox;display: flex;}
	.wvc-mosaic-block {width: 49.999%; overflow: hidden; float: left;background:#333;}
	.wvc-mosaic-block .list{position: relative;float: left;overflow: hidden;display: block;pointer-events: auto; margin: 0; padding: 0; }
	.wvc-mosaic-block .list:before{-webkit-box-sizing: border-box;box-sizing: border-box;content: ' ';position: absolute;height: 100%;width: 100%;pointer-events: none;}
	.wvc-mosaic-block .list	a{display: block;width: 100%;height: 100%;position: absolute;top: 0;left: 0;right: 0;bottom: 0;overflow: hidden;}
	.wvc-mosaic-block .list1 { width: 50%; padding-bottom: 50%;}
	.wvc-mosaic-block .list2 { width: 50%;padding-bottom: 25%;}
	.wvc-mosaic-block .list3 { width: 25%;padding-bottom: 25%;}
	.wvc-mosaic-block .list4 { width: 25%;padding-bottom: 50%;}
	.wvc-mosaic-block .list5 { width: 25%;padding-bottom: 25%;margin-top: -25%;}
	.wvc-mosaic-block .list6 { width: 50%;padding-bottom: 25%;margin-top: -25%;margin-left: 25%;}
	.wvc-mosaic-block .list img{-webkit-backface-visibility: hidden;object-fit: cover;position: absolute;display: block;top: 0;left: 0;width: 100%;max-width:100%;height: 100% !important;z-index: 0;font-family: "object-fit: cover;";backface-visibility: hidden;display: block;vertical-align: bottom;transition: all 0.3s linear;filter:alpha(Opacity=70);-moz-opacity:0.7;opacity:0.7; background:#000;}
	.wvc-mosaic-block .list:hover img{transform: scale(1.1);filter:alpha(Opacity=100);-moz-opacity:1;opacity:1;}

.media-i5 { background:#f6f6f6; }
	.swiper-slide-n { background:#fff;}
	.swiper-slide-n .pic {}
	.swiper-slide-n .pic a{ width:100%; display:block;}
	.swiper-slide-n .pic img{ width:auto; max-width:100%;transition: all 0.3s linear;}
	.swiper-slide-n:hover .pic img {transform: scale(1.1);}
	.swiper-slide-n .pic span{ position:absolute; margin-left:4%; top:15px; color:#fff; font-weight:700;}
	.swiper-slide-n .cnt{ padding:20px 0 30px 0;}
	.swiper-slide-n .cnt2{ padding:30px 50px;}
	.swiper-slide-n .cnt2 h2 { padding-bottom:10px;}
	.swiper-slide-n .cnt2 h2 a{ font-weight:700; font-size:18px; color:#333; line-height:22px;}
	.swiper-slide-n .cnt2 .info1{ font-size:12px; color:#666; padding-bottom:15px;}
	.swiper-slide-n .cnt2 .info2{ font-size:14px; color:#444; line-height:20px; min-height:80px;}
	.swiper-slide-n .cnt2 .readmore { }
	.swiper-slide-n .cnt2 .readmore a{font-size:12px; font-family: 'Montserrat'; font-weight:700; line-height:24px; display:block; float:left; border-bottom:1px solid #333;}
	
	.swiper-container-n .swiper-pagination-bullet { background:#333; border:2px solid #333;}
	.swiper-container-n .swiper-pagination-bullet-active { background:none;}
	.swiper-pagination-n { text-align:center; padding:46px 0 80px 0;}




/* about pp */
.banner_l1 { height:350px;}
.banner_l1_bg { height:250px; padding-top:100px; background:url(/upload/banner_l1.jpg) center top no-repeat; background-size:cover; -webkit-animation: wvcbgzoomin 120s infinite linear 1s; animation: wvcbgzoomin 120s infinite linear 1s;}
.banner_l1 .banner_l1_bg h2{ font-size:28px; line-height:50px; padding:70px 0 130px 0; text-align:center; color:#fff;}

@keyframes wvcbgzoomin{
0%{-webkit-transform:scale(1);transform:scale(1)}
50%{-webkit-transform:scale(1.25);transform:scale(1.25)}
100%{-webkit-transform:scale(1);transform:scale(1)}
}

.main_l1 { min-height:650px; background:#fff;}
	.main_l1_l { width:50%; height:100%; float:left; display:inline;}
	.main_l1_r { width:50%; height:100%; float:right; display:inline;}
	
.main_l1_l .cnt1 { width:100%; height:650px; display:table;}
.main_l1_l .cnt2 {display:table-cell; vertical-align:middle;}
.main_l1_l .cnt3 { width:62%; max-width:600px; margin:0 auto; }
.main_l1_l .cnt3 .text1 { font-size:24px; line-height:30px; padding:0 0 20px 0; color:#333;}
.main_l1_l .cnt3 .line { width:50px; height:2px; background:#333; overflow:hidden;}
.main_l1_l .cnt3 .text2 { font-size:14px; line-height:1.6; color:#666; padding-top:30px;}


.main_l1_r{}
.main_l1_r .cnt1{ height:650px;}
.main_l1_r .cnt1 img{ max-width:100%; width:100%; height:100%; margin:0px !important;}

.main_l2 { background:#282b2d;}
.main_l2 h2.ttl{ font-size:30px; line-height:1.5; color:#fff; text-align:center; padding-bottom:20px;}
.main_l2 .line{}
.main_l2 .box{}
	.main_l2 .list { text-align:center; margin: 0 17.5px; width: calc(25% - 35px); float:left; display:inline;}
	.main_l2 .list .pic{}
	.main_l2 .list .pic img{ width:auto; max-width:100%;}
	.main_l2 .list h2{ font-size:18px; color:#fff; line-height:40px; padding:15px 0 0 0;}
	.main_l2 .list .studycnt{ font-size:14px; line-height:20px; color:#ccc; padding:0 0 30px 0;}
	.main_l2 .list .ico{}
	.main_l2 .list .ico a{ display: inline-block; width: 30px; height: 20px; line-height: 20px; text-align: center; margin-right: 6px; border-radius: 50%; }
	.main_l2 .list .ico .fa{ color:#ccc;}

/* about ct */
.banner_l2 { height:350px;}
.banner_l2_bg { height:250px; padding-top:100px; background:url(/upload/banner_l2.jpg) center top no-repeat; background-size:cover; -webkit-animation: wvcbgzoomin 120s infinite linear 1s; animation: wvcbgzoomin 120s infinite linear 1s;}
.banner_l2 .banner_l2_bg h2{ font-size:28px; line-height:50px; padding:70px 0 130px 0; text-align:center; color:#fff;}


.main_ct_1 {}
.wbp_wrapper{ margin: 0 17.5px; width: calc(25% - 35px); float:left; display:inline;}
.wbp_wrapper h3{ font-size:22px;margin-top: 0;font-weight: 700;color: #444;margin-bottom: 20px;line-height: 1.44;}
.wbp_wrapper h4{ font-size:18px;margin-top: 0;font-weight: 700;color: #444;margin-bottom: 20px;line-height: 1.44;}
.wbp_wrapper p{color: #676767;font-size: 14px;}
.wbp_wrapper {}

.main_ct_2 { background:#f6f6f6; }
.main_ct_2_l {width: calc(50% - 25px); height:auto; overflow:hidden; float:left; display:inline;}
.main_ct_2_l .cnt2 {}
.main_ct_2_l .cnt2 h3{ font-size:22px; line-height:40px; margin-bottom:20px; color:#333;}
.main_ct_2_l .cnt2 p{ font-size:14px; color:#666; line-height:1.6; margin-bottom:20px;}
.main_ct_2_l .cnt2 p span{ line-height:30px;}
.main_ct_2_l .cnt2 .ico a{ width:30px; height:20px; display:inline-block; font-size:16px;}

.main_ct_2_r {width: calc(50% - 25px); height:auto; overflow:hidden; float:right; display:inline;}
.msgform .input1{ margin-bottom:20px;}
.msgform .input1 .input-text{ height:24px; width: calc(100% - 38px); background: #fff!important; padding: 12px 18px; border-radius: 0; border: 1px solid; border-color: #eaeaea!important;  -webkit-box-shadow: inset 0 2px 1px rgba(0,0,0,.025); box-shadow: inset 0 2px 1px rgba(0,0,0,.025); color: #333!important; -webkit-transition: all .3s ease; transition: all .3s ease;}
.msgform .input1 .input-text2{ height:150px;}
.msgform .input1 .btn-submit { height:50px; line-height:50px; color:#fff; background-color: #c74735; padding:0 40px; border:none; font-weight: 700; text-transform: uppercase; letter-spacing: 1px; line-height: 1.5; pointer-events: auto!important;}
.msgform .input1 .btn-submit:hover{ color: #fff!important; border-color: #212121; background: #212121!important;}
.msgform .input1 .checkcode1{ height:50px; position: relative;}
.msgform .input1 .checkcode2 { position:absolute; right:20px; top:20px;}


/* zhuanjie */
#zhuanji { }

.zjlist { width:33.33%; float:left; display:inline; margin-bottom:50px;}

.wvc-album-disc {
    position: relative;
    margin-left: auto;
    margin-right: auto;
    max-width: 750px; overflow:hidden;
}
.wvc-ad-cover-container {
    margin: 0 32% 10px 0;
    position: relative;
    z-index: 1;
}

.animated.wvc-ad-reveal {
    -webkit-transform: translate3d(40%,0,0) rotate(-42deg);
    transform: translate3d(40%,0,0) rotate(-42deg);
}

.wvc-ad-cd .wvc-ad-disc-container {
    -webkit-transform: translate3d(40%,0,0) rotate(-42deg);
    transform: translate3d(40%,0,0) rotate(-42deg);
    top: 14px;
    left: 14px;
    width: calc(100% - 28px);
    height: calc(100% - 28px);
    -webkit-box-shadow: inset 0px 0px 4px 1px rgba(0,0,0,.66), 0px 0px 0px 5px rgba(0,0,0,.22), 0px 0px 0px 3px rgba(0,0,0,.88);
    box-shadow: inset 0px 0px 4px 1px rgba(0,0,0,.66), 0px 0px 0px 5px rgba(0,0,0,.22), 0px 0px 0px 3px rgba(0,0,0,.88);
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    position: absolute;
	-webkit-transition: all .7s cubic-bezier(0,.45,.54,.99);
    transition: all .7s cubic-bezier(0,.45,.54,.99);
    border-radius: 50%;
    overflow: hidden;
}

.wvc-ad-rotate-hover:hover .wvc-ad-disc-inner {
    -webkit-animation-play-state: paused;
    animation-play-state: paused;
	-webkit-animation: disc_spin 3.5s linear infinite;
    animation: disc_spin 3.5s linear infinite;
}
.wvc-ad-disc-inner {
    width: 100%;
    height: 100%;
}
.wvc-ad-disc-img {
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    vertical-align: middle;
	max-width: 100%;
    height: auto;
}

.wvc-ad-disc-text {
    z-index: 5;
    position: absolute;
    width: calc(100% - 5px);
    height: calc(100% - 5px);
    top: 5px;
    left: 5px;
    background: transparent url(/upload/cd-disc-circular-text.png) left top no-repeat;
    -webkit-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);
    background-size: cover;
    opacity: .88;
    margin: -2px;
}
.wvc-ad-disc-hole {
    z-index: 5;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate3d(-50%,-50%,0);
    transform: translate3d(-50%,-50%,0);
    height: 32.5%;
    width: 32.5%;
    -webkit-box-shadow: 0px 0px 0px 2px rgba(0,0,0,.99);
    box-shadow: 0px 0px 0px 2px rgba(0,0,0,.99);
    z-index: 2;
    background: rgba(255,255,255,.35);
    border-radius: 50%;
}
.wvc-ad-cover-inner {
    position: relative;
    z-index: 0;
    -webkit-box-shadow: 0px 10px 3px -9px rgba(0,0,0,.77);
    box-shadow: 0px 10px 3px -9px rgba(0,0,0,.77);
    overflow: hidden;
}
.wvc-ad-cover-img {
	width:auto; max-width:100%; height:auto;
    border-radius: 2px;
    position: relative;
    left: 1px;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
}
@-webkit-keyframes disc_spin {
	100% {
	-webkit-transform:rotate(360deg);
	transform:rotate(360deg)
	}
}
@keyframes disc_spin {
	100% {
	-webkit-transform:rotate(360deg);
	transform:rotate(360deg)
	}
}



/* newslist */
#newslist { background:#f6f6f6;}
#newslist .swiper-slide-n { background:none;}
#newslist .list{ width: calc(33.33% - 30px); height:auto; overflow:hidden; float:left; display:inline; margin:0 15px 30px 15px; background:#fff; position:relative;}

/* foot */
.media-line3 { text-align:center; padding:100px 0;   background:url(/upload/bg_line3.jpg) center center no-repeat; background-size:cover; background-attachment:fixed; }
.media-line3 h3 { font-size:22px; line-height:40px; padding-bottom:10px; font-family: 'Lato';font-weight:400;color:#fff;}
.media-line3 h4 {}
.media-line3 h4 a{ font-size:16px; line-height:20px; color:#c74735;}

.foot { background:#262626; padding:80px 0;}
.foot1 .menu_btm { float:left; display:inline;}
.foot1 .menu_btm a{ color:#fff; line-height:2; padding:0 10px 0 0; }
.foot1 .link { float:right; display:inline;}
.foot1 .link a{ width:24px; height:24px; display:block; float:left; margin-right:10px; border-radius:3px; overflow:hidden; font-size:14px; color:#fff;}
.foot1 .link a img{ width:24px; height:24px;}

.foot2 { color:#aaa; font-size:12px; padding-top:30px; text-align:center;}
.foot2 a{ color:#aaa; font-size:12px;}

.footlogo{ text-align:center; padding-bottom:60px;}
.footlogo img{ height:60px;}