@charset "utf-8";

.container { position: relative; width: 100%; }

.section { position:relative; }


.mouse_down { position: absolute; left:50%; bottom:30px; margin-left:-10px; text-align: center; z-index: 50; }
.mouse_down span { display: inline-block; width: 24px; height:36px; border:2px solid #fff; border-radius:12px; margin: auto; position: relative; }
.mouse_down span:after{ content:""; width:11px; height:18px; background:url(../images/mouse_tail.png) center no-repeat; display:block; position:absolute; bottom:-28px; left:50%; margin-left:-5.5px; animation-delay: 600ms; animation-duration: 1500ms; animation-iteration-count: infinite; animation-name: arrow; animation-play-state: running; animation-timing-function: linear; }
.mouse_down span:before { content: ""; width: 2px; height: 7px; background: #fff; position: absolute; left: 50%; margin-left: -1px; top: 3px; animation-delay: 0ms; animation-duration: 1500ms; animation-iteration-count: infinite; animation-name: arrow; animation-play-state: running; animation-timing-function: linear; }
.mouse_down b { display: block; text-align: center; color: #766047; font-size: 18px; line-height: 1; font-family: Arial; margin-top: 4px; font-weight: normal; }
@-webkit-keyframes arrow {
    0% { opacity: 0; -webkit-transform: translate3d(0px, 0px, 0px); }
    33% { opacity: 1; }
    66% { opacity: 1; }
    100% { opacity: 0; -webkit-transform: translate3d(0px, 5px, 0px); }
}

@keyframes arrow {
    0% { opacity: 0; transform: translate3d(0px, 0px, 0px); }
    33% { opacity: 1; }
    66% { opacity: 1; }
    100% { opacity: 0; transform: translate3d(0px, 5px, 0px); }
}

#fp-nav { display:none; } 
.menu_2 { position:fixed; top:50%; right:2%; width:24px; margin-top:-85px; z-index:999; }
@media screen and (max-width: 1400px){
	.menu_2 { right:1%; }
}
.menu_2 li{ position:relative;margin-top:10px;text-align: center;}
.menu_2 li a { position: relative; display:block; width:24px; height:24px; background:url(../images/f01.png) no-repeat center; }
.menu_2 li.active a,.menu_2 li.hover a { background:url(../images/f02.png) no-repeat center; }

.banner{ position:relative; width:100%; overflow:hidden; }
.banner .bd{ width:100%; position:relative; left:50%; margin-left:-50%; z-index:9; }
.banner .bd  ul li{ background-size:cover !important; height:100%; }
.banner .bd ul li a { position:relative; display:block; width:100%; height:100%; }
.banner .hd{ width:100%; position:absolute; left:50%; margin-left:-50%; z-index:11; bottom:4%; text-align:center; height:2px; margin-bottom:2px; }
.banner .hd ul{ display:inline-block; height:2px; }
.banner .hd ul li{ width:182px; height:2px; background:#fff; *display:block; display:inline-block; vertical-align:top; cursor:pointer; text-indent:9999999px; }
.banner .hd ul .on{ background:#74ae0d; }

.banner .bd ul li .txt { position:absolute; top:300px; left:50%; margin-left:-600px; width:1200px; text-align:center; color:#fff; z-index:9; }
.banner .bd ul li .txt .p1 { font-size:58px; font-weight:bold; line-height:60px; }
.banner .bd ul li .txt .p2 { font-size:48px; line-height:50px; margin:30px 0 50px; }
.banner .bd ul li .txt .p3 { font-size:26px; line-height:30px; margin-bottom:60px; color:rgba(255,255,255,0.7); letter-spacing:40px; text-transform:uppercase; }
.banner .bd ul li .txt .p4 { width:175px; height:35px; text-align:center; line-height:35px; color:#fff; font-size:14px; background:#005aa0; margin:0 auto; }

.banner .prev,.banner .next { position:absolute; top:50%; margin-top:-50px; display:block; width:60px; height:60px;  border-radius: 100%; border: rgba(255,255,255,0.4) 1px solid; overflow:hidden;  z-index:10; }
.banner .prev { left:10%; }
.banner .next { right:10%; }

.banner .prev:after { content: ""; position: absolute; top: 0; bottom: 0; left: 0;  width:60px; background:url(../images/prev.png) no-repeat center; transition: 0.6s; opacity: 0.4; cursor:pointer; }
.banner .prev:before { content: ""; position: absolute; top: 0; bottom: 0; left:60px;  width:60px;  background:url(../images/prev.png) no-repeat center; transition: 0.6s; opacity: 0.4; cursor:pointer; }
.banner .prev:hover:after { margin-left:-60px; opacity:1; }
.banner .prev:hover:before { margin-left:-60px; opacity:1; }

.banner .next:after { content: ""; position: absolute; top: 0; bottom: 0; right: 0;  width:60px; background:url(../images/next.png) no-repeat center; transition: 0.6s; opacity: 0.4; cursor:pointer; }
.banner .next:before { content: ""; position: absolute; top: 0; bottom: 0; right:60px;  width:60px;  background:url(../images/next.png) no-repeat center; transition: 0.6s; opacity: 0.4; cursor:pointer; }
.banner .next:hover:after { margin-right:-60px; opacity:1; }
.banner .next:hover:before { margin-right:-60px; opacity:1; }

.banner .prev:hover,.banner .next:hover{ background:rgba(255,255,255,0.15); }


.active .banner .bd ul li .txt .p1 {
	-webkit-animation: fadeInUp 0.5s 0s cubic-bezier(0.4, 0.01, 0.165, 0.99);
	animation: fadeInUp 0.5s 0s cubic-bezier(0.4, 0.01, 0.165, 0.99);
}
.active .banner .bd ul li .txt .p2 {
	-webkit-animation: fadeInUp 1.0s 0s cubic-bezier(0.4, 0.01, 0.165, 0.99);
	animation: fadeInUp 1.0s 0s cubic-bezier(0.4, 0.01, 0.165, 0.99);
}
.active .banner .bd ul li .txt .p3 {
	-webkit-animation: fadeInUp 1.5s 0s cubic-bezier(0.4, 0.01, 0.165, 0.99);
	animation: fadeInUp 1.5s 0s cubic-bezier(0.4, 0.01, 0.165, 0.99);
}
.active .banner .bd ul li .txt .p4 {
	-webkit-animation: fadeInUp 2.0s 0s cubic-bezier(0.4, 0.01, 0.165, 0.99);
	animation: fadeInUp 2.0s 0s cubic-bezier(0.4, 0.01, 0.165, 0.99);
}


@media all and (max-height:850px){
	 .banner .bd ul li .txt .p2 {  margin:20px 0 35px; }
	.banner .bd ul li .txt .p3 { margin-bottom:55px; }
}
@media all and (max-height:770px){
	.banner .bd ul li .txt { top:240px; }
	.banner .bd ul li .txt .p1 { font-size:48px; font-weight:bold; line-height:50px; }
	.banner .bd ul li .txt .p2 { font-size:38px; line-height:40px; margin:15px 0 20px; }
	.banner .bd ul li .txt .p3 { font-size:20px; margin-bottom:45px; }
}
@media all and (max-height:650px){
	.banner .bd ul li .txt { top:180px; }
}
@media all and (max-height:570px){
	.banner .bd ul li .txt .p4 { display:none; }
}


.banArea { position:absolute; width:1200px; left:50%; margin-left:-600px; bottom:10%; z-index:19; }
.banArea ul li { float:left; width:397px; height:92px; margin-right:4.5px; }
.banArea ul li:nth-child(3) { margin-right:0; }
.banArea ul li a { position:relative; display:block; }
.banArea ul li .pic .img02 { display:none; }

.banArea ul li .txt { position:absolute; top:20px; left:30px; width:290px; z-index:5; }
.banArea ul li .txt .p1 { font-size:22px; color:#303030; line-height:24px; height:24px; overflow:hidden; text-overflow: ellipsis; white-space: nowrap; margin-bottom:10px; }
.banArea ul li .txt .p2 { font-size:14px; color:#656565; line-height:20px; height:20px; overflow:hidden; text-overflow: ellipsis; white-space: nowrap; }

.banArea ul li:hover .pic .img01 { display:none; }
.banArea ul li:hover .pic .img02 { display:block; }
.banArea ul li:hover .txt .p1 { color:#fff; }
.banArea ul li:hover .txt .p2 { color:#fff; }

.active .banArea ul li:nth-child(1) {
	-webkit-animation: fadeInUp 0.5s 0s cubic-bezier(0.4, 0.01, 0.165, 0.99);
	animation: fadeInUp 0.5s 0s cubic-bezier(0.4, 0.01, 0.165, 0.99);
}
.active .banArea ul li:nth-child(2) {
	-webkit-animation: fadeInUp 1.5s 0s cubic-bezier(0.4, 0.01, 0.165, 0.99);
	animation: fadeInUp 1.5s 0s cubic-bezier(0.4, 0.01, 0.165, 0.99);
}
.active .banArea ul li:nth-child(3) {
	-webkit-animation: fadeInUp 2.5s 0s cubic-bezier(0.4, 0.01, 0.165, 0.99);
	animation: fadeInUp 2.5s 0s cubic-bezier(0.4, 0.01, 0.165, 0.99);
}

 
/* IBW001_1003 关于我们介绍 */
.IBW001_1003_about { position:absolute; width:1300px; height:565px; left:50%; margin-left:-600px; top:50%; margin-top:-250px; z-index:5; }
.IBW001_1003_about .aArea01 { float:left; width:670px; height:565px;/* background:url(../images/IBW001_1003_about_ico02.png) no-repeat right bottom*/ }
.IBW001_1003_about .aArea01 .p1 { font-size:50px; line-height:1.1; color:#2c2c2c; padding-top:0; }
.IBW001_1003_about .aArea01 .p2 { font-size:28px; line-height:1.1; color:#2c2c2c; margin:20px 0 60px; }
.IBW001_1003_about .aArea01 .p3 { font-size:14px; line-height:30px; color:#696969; min-height:180px; margin-bottom:10px; padding-right:40px; }
.IBW001_1003_about .aArea01 .p4 a { display:block; font-size:14px; width:175px; height:35px; line-height:35px; color:#414141; text-align:center; border:1px solid #ddd; }
.IBW001_1003_about .aArea01 .p4 a:hover { color:#fff; background:#005aa0; border:1px solid #005aa0; }
 
.IBW001_1003_about .aArea02 { position:relative; float:left; width:calc(100% - 670px); height:565px; background:url(../images/IBW001_1003_about_ico01.png) no-repeat center bottom; }
.IBW001_1003_about .aArea02 .pic { position:relative; height:565px; width:100%; }
.IBW001_1003_about .aArea02 .pic img { position:absolute; left:0; bottom:0; z-index:1; }
.IBW001_1003_about .aArea02 .txt { position:absolute; top:265px; left:290px; color:#fff; z-index:5; }
.IBW001_1003_about .aArea02 .txt .p1 { font-size:30px; line-height:1.1; text-transform:uppercase; font-weight: 300; font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
 }
.IBW001_1003_about .aArea02 .txt .p2 { width:15px; height:2px; margin:15px 0 30px; background:#fff; }
.IBW001_1003_about .aArea02 .txt .p3 { font-size:14px; line-height:22px; width:225px; }

.IBW001_1003_about .aArea03 { position:relative; float:right; width:580px; padding-top:40px; }

.active .IBW001_1003_about .aArea01 {
	-webkit-animation: fadeInLeft 1.0s 0s cubic-bezier(0.4, 0.01, 0.165, 0.99);
	animation: fadeInLeft 1.0s 0s cubic-bezier(0.4, 0.01, 0.165, 0.99);
}
.active .IBW001_1003_about .aArea02 {
	-webkit-animation: fadeInRight 1.0s 0s cubic-bezier(0.4, 0.01, 0.165, 0.99);
	animation: fadeInRight 1.0s 0s cubic-bezier(0.4, 0.01, 0.165, 0.99);
}
.active .IBW001_1003_about .aArea03 {
	-webkit-animation: fadeInRight 1.0s 0s cubic-bezier(0.4, 0.01, 0.165, 0.99);
	animation: fadeInRight 1.0s 0s cubic-bezier(0.4, 0.01, 0.165, 0.99);
}



/* IBW001_1003  产品 */
.IBW001_1003_project { position:absolute; width:1200px; height:555px; left:50%; margin-left:-600px; top:50%; margin-top:-250px; z-index:5; }
.IBW001_1003_project .hd .p1 { font-size:50px; line-height:1.1; color:#fff; }
.IBW001_1003_project .hd .p2 { font-size:28px; line-height:1.1; color:#fff; margin:20px 0 60px; }
.IBW001_1003_project .bd ul li { float:left; text-align:center; background:#fff; border-right:1px solid #f4f4f4; box-sizing: border-box; }
.IBW001_1003_project .bd ul li:last-child { border-right:none; }
.IBW001_1003_project .bd ul li a { display:block; padding-top:75px; height:410px; box-sizing: border-box; }
.IBW001_1003_project .bd ul li .pic { height:140px; }
.IBW001_1003_project .bd ul li .pic .img02 { display:none; }

.IBW001_1003_project .bd ul li .pic img{ -webkit-filter:grayscale(100%); -moz-filter:grayscale(100%); -ms-filter:grayscale(100%); -o-filter:grayscale(100%); filter:grayscale(100%); filter:gray;}
.IBW001_1003_project .bd ul li:hover .pic img{ -webkit-filter:grayscale(0); -moz-filter:grayscale(0); -ms-filter:grayscale(0); -o-filter:grayscale(0); filter:grayscale(0); filter:none; -webkit-animation: jello 1s; -moz-animation: jello 1s; animation: jello 1s;}


@media all and (max-height:700px){
	.IBW001_1003_project { margin-top:-208px; height:auto; }
	.IBW001_1003_project .hd .p1 { font-size:30px; line-height:32px; }
	.IBW001_1003_project .hd .p2 { font-size:18px; line-height:20px; margin:10px 0 30px; }
}




@keyframes jello {

    from, 11.1%, to { -webkit-transform: none; -moz-transform: none; transform: none }

    22.2% { -webkit-transform: skewX(-12.5deg) skewY(-12.5deg); -moz-transform: skewX(-12.5deg) skewY(-12.5deg); transform: skewX(-12.5deg) skewY(-12.5deg) }

    33.3% { -webkit-transform: skewX(6.25deg) skewY(6.25deg); -moz-transform: skewX(6.25deg) skewY(6.25deg); transform: skewX(6.25deg) skewY(6.25deg) }

    44.4% { -webkit-transform: skewX(-3.125deg) skewY(-3.125deg); -moz-transform: skewX(-3.125deg) skewY(-3.125deg); transform: skewX(-3.125deg) skewY(-3.125deg) }

    55.5% { -webkit-transform: skewX(1.5625deg) skewY(1.5625deg); -moz-transform: skewX(1.5625deg) skewY(1.5625deg); transform: skewX(1.5625deg) skewY(1.5625deg) }

    66.6% { -webkit-transform: skewX(-.78125deg) skewY(-.78125deg); -moz-transform: skewX(-.78125deg) skewY(-.78125deg); transform: skewX(-.78125deg) skewY(-.78125deg) }

    77.7% { -webkit-transform: skewX(0.390625deg) skewY(0.390625deg); -moz-transform: skewX(0.390625deg) skewY(0.390625deg); transform: skewX(0.390625deg) skewY(0.390625deg) }

    88.8% { -webkit-transform: skewX(-.1953125deg) skewY(-.1953125deg); -moz-transform: skewX(-.1953125deg) skewY(-.1953125deg); transform: skewX(-.1953125deg) skewY(-.1953125deg) }

}


.IBW001_1003_project .bd ul li .p1 { width:1px; height:21px; background:#fff; margin:0 auto; }
.IBW001_1003_project .bd ul li .p2 { font-size:18px; color:#000; line-height:20px; margin:30px 0 20px; }
.IBW001_1003_project .bd ul li .p3 { font-size:14px; color:#858585; line-height:20px; text-transform:uppercase; }
.IBW001_1003_project .bd ul li:hover { background:#005aa0; }
.IBW001_1003_project .bd ul li:hover .pic .img01 { display:none; }
.IBW001_1003_project .bd ul li:hover .pic .img02 { display:inline-block; }
.IBW001_1003_project .bd ul li:hover .p2 { color:#fff; }
.IBW001_1003_project .bd ul li:hover .p3 { color:#fff; }

.IBW001_1003_project .bd01 { background:#fff; }
.IBW001_1003_project .bd01 .project01 { float:left; width:440px; background:#000; cursor:pointer; }
.IBW001_1003_project .bd01 .project01 video { display:none; }
.IBW001_1003_project .bd01 .project02 { float:left; width:calc(100% - 440px); padding:40px 35px 0 35px; box-sizing: border-box; }
.IBW001_1003_project .bd01 .project02 .hd02 ul { border-bottom:1px solid #f6f6f6; }
.IBW001_1003_project .bd01 .project02 .hd02 ul li { position:relative; float:left; width:33.33%; text-align:center; font-size:18px; line-height:25px; color:#717171; padding-bottom:25px; cursor:pointer; }
.IBW001_1003_project .bd01 .project02 .hd02 ul li:after { position:absolute; left:50%; margin-left:-55px; bottom:-15px; display:none; content:""; width:110px; height:20px; background:url(../images/IBW001_1003_project01.jpg) no-repeat center; }
.IBW001_1003_project .bd01 .project02 .hd02 ul li.on { font-size:20px; color:#000; font-weight:bold; }
.IBW001_1003_project .bd01 .project02 .hd02 ul li.on:after { display:block; }
.IBW001_1003_project .bd01 .project02 .bd02 { margin-top:60px; padding:0 25px; }
.IBW001_1003_project .bd01 .project02 .bd02 .p1 { font-size:16px; line-height:30px; color:#1e1e1e; min-height:150px; }
.IBW001_1003_project .bd01 .project02 .bd02 .p2 a { display:block; width:175px; height:35px; text-align:center; line-height:35px; color:#005aa0; font-size:14px; border:1px solid #005aa0; }
.IBW001_1003_project .bd01 .project02 .bd02 .p2 a:hover { color:#fff; background:#005aa0; }



.active .IBW001_1003_project .hd {
	-webkit-animation: fadeInUp 1.0s 0s cubic-bezier(0.4, 0.01, 0.165, 0.99);
	animation: fadeInUp 1.0s 0s cubic-bezier(0.4, 0.01, 0.165, 0.99);
}
.active .IBW001_1003_project .bd {
	-webkit-animation: fadeInUp 1.0s 0s cubic-bezier(0.4, 0.01, 0.165, 0.99);
	animation: fadeInUp 1.0s 0s cubic-bezier(0.4, 0.01, 0.165, 0.99);
}
.active .IBW001_1003_project .bd01 {
	-webkit-animation: fadeInUp 1.0s 0s cubic-bezier(0.4, 0.01, 0.165, 0.99);
	animation: fadeInUp 1.0s 0s cubic-bezier(0.4, 0.01, 0.165, 0.99);
}

/* IBW001_1003  新闻中心 */
.IBW001_1003_news { position:absolute; width:1200px; left:50%; margin-left:-600px; top:0; z-index:5; }
.IBW001_1003_news .dArea01 { float:left; padding-top:340px; }
.IBW001_1003_news .dArea01 .p1 { font-size:50px; line-height:1.1; color:#000; }
.IBW001_1003_news .dArea01 .p2 { font-size:28px; line-height:1.1; color:#000; margin:20px 0 35px; }
.IBW001_1003_news .dArea01 .btns .prev,.IBW001_1003_news .dArea01 .btns .next { float:left; display:block; width:25px; height:25px; }
.IBW001_1003_news .dArea01 .btns .prev { background:url(../images/IBW001_1003_news_prev.png) no-repeat center; }
.IBW001_1003_news .dArea01 .btns .next { background:url(../images/IBW001_1003_news_next.png) no-repeat center; }
.IBW001_1003_news .dArea01 .btns i { float:left; display:block; width:1px; height:25px; background:#ddd; }


.IBW001_1003_news .dArea01 .p3 p { float:left; width:75px; text-align:center; margin-right:20px; }
.IBW001_1003_news .dArea01 .p4 a { display:block; width:175px; height:35px; font-size:14px; text-align:center; line-height:35px; color:#fff; background:#005aa0; margin:40px 0; }

.IBW001_1003_news .dArea02 { float:right; border-left:1px solid #eaeaea; width:945px; }
.IBW001_1003_news .dArea02 ul { }
.IBW001_1003_news .dArea02 ul li { float:left; width:315px; }
.IBW001_1003_news .dArea02 ul li a { position:relative; display:block; padding:50% 0 0 0; border-right:1px solid #eaeaea; box-sizing: border-box; }
.IBW001_1003_news .dArea02 ul li .p1 { font-size:99px; line-height:1.1; color:#c0c0c0; padding-left:10px; }

.IBW001_1003_news .dArea02 ul li .txt { position:absolute; left:10px; right:10px; bottom:10px; z-index:5; }
.IBW001_1003_news .dArea02 ul li .txt .p2 { font-size:14px; color:#c0c0c0; }
.IBW001_1003_news .dArea02 ul li .txt .p3 { font-size:16px; color:#1e1e1e; line-height:27px; height:54px; overflow:hidden; margin:15px 0; }
.IBW001_1003_news .dArea02 ul li .txt .p4 { overflow:hidden; }
.IBW001_1003_news .dArea02 ul li .txt .p4 img { transition: all 0.6s; }
.IBW001_1003_news .dArea02 ul li:hover .txt .p4 img { transform: scale(1.1)!important; }

.IBW001_1003_news .dArea02 ul li .txt .p5 { font-size:14px; line-height:25px; color:#7b7b7b; height:100px; margin-bottom:30px; overflow:hidden; margin-top:15px; }
.IBW001_1003_news .dArea02 ul li .txt .p6 { width: 52px; height: 11px; background: url(../images/IBW001_1003_news_ico01.png) no-repeat center; position: relative; left: 0; transition:left 0.3s; }
.IBW001_1003_news .dArea02 ul li:hover .txt .p6 { left: 15px; }
.IBW001_1003_news .dArea02 ul li:hover .txt .p3 {  color:#005aa0; }
 
@media all and (max-height:850px){
	.IBW001_1003_news .dArea01 { padding-top:280px; }
	.IBW001_1003_news .dArea02 ul li .p1 { font-size:70px; }
	.IBW001_1003_news .dArea02 ul li .txt .p5 { font-size:14px; line-height:20px; height:60px; margin-bottom:20px; overflow:hidden; }
}
@media all and (max-height:750px){
	.IBW001_1003_news .dArea01 { padding-top:180px; }
	.IBW001_1003_news .dArea02 { width:500px; }
	.IBW001_1003_news .dArea02 ul li { width:250px; }
}
@media all and (max-height:650px){
	.IBW001_1003_news .dArea02 ul li .p1 { font-size:50px; }
}
@media all and (max-height:630px){
	.IBW001_1003_news .dArea01 { padding-top:150px; }
	.IBW001_1003_news .dArea02 ul li .txt .p5 { display:none; }
	.IBW001_1003_news .dArea02 ul li .txt .p6 { margin-top:20px; }
}