body,td,th,input,textarea,select{font-family: "Microsoft YaHei", 微软雅黑, "Open Sans", Economica, sans-serif; color:#777177; outline:none; letter-spacing:0.05rem;}
html{font-size:62.5%;}
html,body{background:#fff; height:100%;}
html,body,form{margin:0;}
img{border:0px none; vertical-align:middle; outline:none; max-width:100%; width:auto; height:auto;}
ul,dl{display:block; margin:0; padding:0;}
ul,dl{display:block; margin:0; padding:0;}
dd{margin:0; padding:0;}
li{list-style:none;}
p{display:block; margin:0; padding:0;}
a,button,input,img,div,p,li,span{border:0px none; outline:none; -webkit-tap-highlight-color:rgba(0,0,0,0); -webkit-tap-highlight-color:transparent;}
a{text-decoration:none; color:#777177; outline:none; -webkit-tap-highlight-color:rgba(0,0,0,0); -webkit-tap-highlight-color:transparent;}
a:active{color:#fd2020;}
*:after{content:''; display:block; height:0; clear:both;}
mark{display:inline-block;}


#head{height:100px; position:fixed; z-index:999; width:100%; left:0; top:0; background:#fff; box-shadow:0 5px 10px rgba(0,0,0,.07); overflow:hidden; transition:height .25s;}
#head .logo, #head .logo_s{left:120px; width:250px; height:100%; position:absolute; transition:all .25s;}
#head .logo{top:0; opacity:1; filter:alpha(opacity=100);}
#head .logo_s{top:-66px; opacity:0; filter:alpha(opacity=0);}
#head .logo a{display:block;}
#head .logo a .img{padding-top:16px;}
#head .logo a .img {padding-top: 20px;}
#head.sm .logo_s a .img {padding-top: 5px;height: 50px;}

#head.sm{height:66px;}
#head.sm .logo{top:66px; opacity:0; filter:alpha(opacity=0);}
#head.sm .logo_s{top:0; opacity:1; filter:alpha(opacity=100);}
#head.sm .logo_s a .img{padding-top:8px; height:50px;}

@media (max-width:1440px){
  #head .logo, #head .logo_s{left:50px;}
}
@media (max-width:1280px){
  #head .logo, #head .logo_s{left:25px;}
}
@media (max-width:1080px){
  #head{height:70px;}
  #head .logo, #head .logo_s{left:15px; width:146px;}
  #head .logo a .img{padding-top:15px;}
}



#shadow{width:100%; height:100%; display:none; position:fixed; left:0; top:0; background:rgba(0,0,0,.9); z-index:1000;}
#search-box{width:80%; height:60px; position:fixed; left:10%; top:50%; margin-top:-30px; background:#fff; z-index:1001; border-radius:10px; display:none;}
#k{width:100%; height:60px; background:transparent; font-size:1.5rem; padding:0 60px 0 20px; box-sizing:border-box; color:#464646;}
#search-box i{font-size:2.6rem; position:absolute; right:0; top:0; cursor:pointer; display:block; width:60px; height:60px; text-align:center; line-height:60px; transition:all .2s;}
#search-box i:hover{color:#fd2020;}
#search-box span{display:block; width:25px; height:25px; position:absolute; right:0; top:-100px; cursor:pointer;}
#search-box span:before{content:''; display:block; width:20px; height:2px; background:#fff; position:absolute; transform:rotate(45deg); left:0; top:0;}
#search-box span:after{content:''; display:block; width:20px; height:2px; background:#fff; position:absolute; left:0; top:0;transform:rotate(135deg);}
#search-box span:hover:before{background:#fd2020;}
#search-box span:hover:after{background:#fd2020;}

#nav-box{width:260px; height:100%; position:fixed; background:#f9f9f9; z-index:998; right:-260px; top:0; padding-top:100px; box-sizing:border-box; overflow:auto; transition:all .45s;}
#nav-box.active{transform:translate(-260px,0);}
#nav-box::-webkit-scrollbar{width:8px; height:8px;}
#nav-box::-webkit-scrollbar-track{background:#f9f9f9;}
#nav-box::-webkit-scrollbar-thumb{background:#ddd;}
#nav-box::-webkit-scrollbar-thumb:vertical:hover{background:#fd2020;}
#nav-box dl{border-bottom:1px solid #e4e4e4;}
#nav-box dd{display:none; border-top:1px solid #e4e4e4; padding:12px 0;}
#nav-box dd>a{display:block; text-align:center; font-size:1.4rem; height:50px; line-height:50px;}
#nav-box dt{height:70px; line-height:70px; font-size:1.5rem; color:#464646; text-align:center; cursor:pointer; transition:all .2s;}
#nav-box dd>a:hover{color:#fd2020;}
#nav-box dt:hover{color:#fd2020;}
#nav-box dt.active{background:#fd2020; color:#fff;}

#nav, #search{width:100px; height:100%; border-left:1px solid #e4e4e4; float:right; position:relative;}

#nav{transition:all .3s;}
#nav>span{display:block; width:18px; height:2px; background:#777177; position:absolute; left:50%; top:50%; margin:-1px auto auto -9px; transition:all .3s; transition:background .3s;}
#nav>span:before{content:''; display:block; width:18px; height:2px; background:#777177; position:absolute; top:-6px; left:0; transition:top .3s .3s, transform .3s;}
#nav>span:after{content:''; display:block; width:18px; height:2px; background:#777177; position:absolute; top:6px; left:0; transition:top .3s .3s, transform .3s;}
#nav:hover{background:#f6f6f6;}
#nav.active>span{background:transparent; transition:background .3s;}
#nav.active>span:before{top:0; transform:rotate(45deg); transition:top .3s 0s, transform .3s .3s;}
#nav.active>span:after{top:0; transform:rotate(-45deg); transition:top .3s 0s, transform .3s .3s;}

#search>a{display:block; width:100%; height:100%; text-align:center; line-height:100px; font-size:2rem; transition:all .3s;}
#search>a:hover{background:#f6f6f6;}

#head.sm #search>a{line-height:66px; font-size:1.8rem;}

@media (max-width:1080px){
  #nav, #search{width:50px; border-left:0px none;}
  #nav{margin-right:8px;}
  #nav:hover{background:#fff;}
  #search{margin-right:5px;}
  #search>a{line-height:72px; font-size:1.8rem; text-align:right;}

  #search-box{height:46px;}
  #k{height:46px; padding:0 46px 0 12px;}
  #search-box i{width:46px; height:46px; line-height:46px; font-size:2rem;}

  #nav-box{width:100%; background:#fff; right:-100%; padding-top:70px; transition:all .6s;}
  #nav-box.active{transform:translate(-100%,0);}
  #nav-box dl{border-bottom:1px solid #eee;}
}



#menu{width:940px; float:right; height:100%;}
#menu>li{float:left; width:150px; height:100%;}
#menu>li>a{display:block; color:#464646; height:100%; line-height:98px; height:100%; font-size:1.8rem; text-align:center; position:relative; transition:all .2s;}
#menu>li>a:after{content:''; display:block; width:0; height:0; background:#fd2020; position:absolute; left:50%; bottom:0; transition:all .3s;}
#menu>li>a:hover, #menu>li>a.active{color:#fd2020;}
#menu>li>a.active:after{height:3px; width:100%; left:0;}

#head.sm #menu>li>a{line-height:64px; font-size:1.6rem;}


@media (max-width:1440px){
  #menu{width:850px;}
  #menu>li{width:135px;}
  #menu>li>a{font-size:1.7rem;}
}
@media (max-width:1280px){
  #menu{width:750px;}
  #menu>li{width:120px;}
  #menu>li>a{font-size:1.6rem;}
}
@media (max-width:1080px){
  #menu{display:none;}
}


#menu-sub{background:#fff; position:fixed; left:0; top:100px; z-index:1000; height:380px; width:100%; box-shadow:0 5px 10px rgba(0,0,0,.07); overflow:hidden; display:none; transition:top .25s;}
#menu-sub.sm{top:66px;}
#menu-sub .wrapper{width:600%; height:100%; position:absolute;}
#menu-sub .box{border-top:1px solid #eaeaea; padding:50px 121px; position:relative; width:16.66666666%; box-sizing:border-box; float:left;}
#menu-sub .box .left{width:406px; float:left;}
#menu-sub .box .left .tit{color:#fd2020; font-size:3.6rem;}
#menu-sub .box .left .con{font-size:1.6rem; line-height:2; margin-top:25px; letter-spacing:.1rem;}
#menu-sub .box .left .go{display:block; width:36px; height:36px; border:1px solid #ddd; border-radius:50%; margin-top:20px; transition:all .2s; position:relative;}
#menu-sub .box .left .go .iconfont{width:36px; height:36px; position:relative; z-index:2; color:#999; line-height:38px; display:block; text-align:center; transition:all .2s;}
#menu-sub .box .left .go:after{position:absolute; content:''; display:block; width:0; height:0; background:#fd2020; left:50%; top:50%; border-radius:50%; z-index:1; transition:all .2s;}
#menu-sub .box .left .go:hover{border-color:#fd2020; transition:all .2s .1s;}
#menu-sub .box .left .go:hover .iconfont{color:#fff;}
#menu-sub .box .left .go:hover:after{width:36px; height:36px; left:0; top:0;}


#menu-sub .box .center{width:110px; position:absolute; left:50%;}
#menu-sub .box .center.pro{width:230px;}
#menu-sub .box .center a{display:block; height:40px; line-height:50px; font-size:1.6rem; position:relative; transition:all .3s; /* color:#fd2020; */}
#menu-sub .box .center a:after{height:0; width:2px; background:#fd2020; display:block; content:''; position:absolute; right:0; top:25px; transition:all .3s;}
#menu-sub .box .center a:hover{color:#fd2020;}
#menu-sub .box .center a:hover:after{height:16px; top:18px;}

#menu-sub .box .right{width:420px; float:right; padding-top:15px;}
#menu-sub .box .right .tit{text-align:center; font-size:1.8rem; margin-top:22px; font-weight:300;}

@media (max-width:1440px){
  #menu-sub .box{padding:50px 55px;}
}
@media (max-width:1280px){
  #menu-sub .box{padding:50px 30px;}
}
@media (max-width:1080px){

}


#banner{width:100%; height:100%; min-height:720px; position:relative; z-index:1;}
#banner .swiper-container{height:100%;}
#banner .swiper-slide{position:relative; z-index:1; overflow:hidden; background-size:cover; background-position:center;}
#banner .swiper-slide img{max-width:100%; max-height:100%;}
#banner .swiper-slide div{position:absolute; width:100%; height:100%; left:0; top:0; z-index:1; display:table;}
#banner .swiper-slide div>h2{color:#fff; font-size:6.8rem; font-weight:bold; display:block; vertical-align:middle; padding-left:10%; padding-top:22%; margin:0;}
#banner .swiper-slide div>h2.green{color:#fff;}
#banner .swiper-slide div>p{color:#fff; padding-left:10.05%; margin-top:10px; text-transform:uppercase; line-height:1.5}
#banner .swiper-slide div>p.en{font-size:1.8rem; font-family:Arial; font-weight:300;}
#banner .swiper-slide div>p.cn{font-size:1.9rem; font-weight:300;}
#banner .swiper-slide div>p.green{color:#fff;}
#banner .swiper-pagination{bottom:30px;}
#banner .swiper-pagination-bullet{width:13px; height:13px; margin:0 6px; opacity:.3;}
#banner .swiper-pagination-bullet-active{background:#fd2020; opacity:1;}

#preload{position:absolute; width:100%; height:100%; left:0; top:0; z-index:200; display:flex; justify-content:center;align-items:center;}
.preload-bg{position:absolute; width:100%; height:100%; background:#fd2020;}
#preload .tip{display:inline; color:#fff; font-size:6rem; text-transform:uppercase; font-weight:bold; line-height:1;
  position:relative; overflow:hidden;}
.tip-bg{position:absolute; width:0; height:100%; z-index:2; overflow:hidden; white-space:nowrap; font-size:6.2rem;
}
.tip-bg img{max-height:none; max-width:none;}
.tiptxt{position:relative; z-index:1; opacity:.1; filter:alpha(opacity=10);}

@media (max-width:1080px){
  #banner{height:506px; min-height:auto;}
  #banner .swiper-slide div>h2{font-size:2.8rem; padding-left:0; padding-top:230px; text-align:center;}
  #banner .swiper-slide div>p.en{font-size:1.5rem; text-align:center; padding:0 15px; line-height:1.3;}
  #banner .swiper-slide div>p.cn{font-size:1.6rem; text-align:center; padding:0 15px; line-height:1.3;}
  #banner .swiper-pagination{bottom:16px;}
  #banner .swiper-pagination-bullet{width:11px; height:11px; margin:0 5px;}

  #preload .tip{margin-top:60px;}
  .tip-bg img, .tiptxt img{width:80px !important; height:80px !important;}
}



#m1{height:100%; margin-top:88px; width:100%; overflow:hidden;}
#m1 .right{width:55%; float:right; height:100%; background:url('../image/m1.jpg') no-repeat center; background-size:cover; position:relative;}
#m1 .right>div{width:460px; height:185px; background:rgba(253, 32, 32, 0.85); position:absolute; left:0; top:50%; margin-top:-90px; color:#fff; font-family:微軟正黑體,'Microsoft YaHei',微软雅黑;}
#m1 .right>div>p{font-size:6.2rem; padding:30px 0 0 50px; font-weight:bold; letter-spacing:-.2rem;}
#m1 .right>div>span{display:block; padding:0 0 0 50px; font-size:2rem; letter-spacing:-.01rem;}

#m1 .left{width:45%; float:left; height:100%;}
#m1 .left .title-en{color:#ededed; font-size:11rem; text-transform:uppercase; font-weight:bold; text-align:right; padding-right:15%; padding-top:160px; line-height:1;}
#m1 .left .title{font-weight:bold; font-size:3.6rem; text-align:right; padding-right:15%;}
#m1 .left .con{float:right; margin-right:15%; max-width:520px; margin-top:60px;}
#m1 .left .con p{line-height:2; font-size:1.5rem; font-weight:300; margin-bottom:2rem;}

#m1 .left .con .more-box{margin-top:60px; height:52px;}
#m1 .left .con .more{display:block; width:50px; height:50px; border:1px solid #666; line-height:47px; font-size:1.5rem; white-space:nowrap; padding-right:12px; box-sizing:border-box; text-align:right; overflow:hidden; position:relative; transition:all .35s; float:right;}
#m1 .left .con .more>div{position:absolute; left:-53px; transition:all .35s;}
#m1 .left .con .more span{color:#464646; font-size:1.7rem; margin-left:5px; transition:all .35s;}
#m1 .left .con .more:hover{width:116px; background:#fd2020;}
#m1 .left .con .more p{line-height:47px; display:inline-block; opacity:0; filter:alpha(opacity=0); transition:all .35s;}
#m1 .left .con .more:hover p{opacity:1; filter:alpha(opacity=100); color:#fff;}
#m1 .left .con .more:hover span{color:#fff;}
#m1 .left .con .more:hover>div{left:16px;}

@media (max-width:1440px){
  #m1 .left .title-en{padding-top:100px;}
  #m1 .left .con{max-width:480px;}
}
@media (max-width:1280px){
  #m1 .left .title-en{padding-top:80px; font-size:9rem;}
  #m1 .left .title{font-size:3.2rem;}
  #m1 .left .con{max-width:420px;}
}
@media (max-width:1080px){
  #m1{height:auto; margin-top:50px;}
  #m1 .left{width:100%; float:none; height:auto;}
  #m1 .left .title-en{font-size:6rem; padding:0; text-align:center; line-height:1;}
  #m1 .left .title{font-size:3.2rem; text-align:center; padding-right:0;}
  #m1 .left .con{float:none; margin-right:0; max-width:none; margin-top:30px; padding:0 15px;}
  #m1 .left .con>p{margin-bottom:1.7rem; line-height:1.7; letter-spacing:0; font-size:1.4rem;}
  #m1 .left .con .more-box{margin-top:30px; height:52px;}
  #m1 .left .con .more{float:none; margin:auto;}

  #m1 .right{width:100%; float:none; height:400px; margin-top:50px;}
  #m1 .right>div{width:100%; height:165px;}
  #m1 .right>div>p{font-size:4.2rem; padding:30px 0 0 0; text-align:center;}
  #m1 .right>div>span{font-size:1.8rem; padding:10px 0 0 0; text-align:center;}
}



#m2{height:100%; background:url('../image/m2.jpg') no-repeat center; margin-top:88px; background-size:cover; width:100%; overflow:hidden;}
#m2 .right{width:45%; height:100%; float:right; background:#fd2020;}
#m2 .left{width:55%; float:left; height:100%; position:relative; z-index:1;}
#m2 .left .box{width:750px; height:400px; background:#fff; position:absolute; right:0; top:50%; margin-top:-180px;}

#m2 .right .title-en{color:rgba(255,255,255); font-size:11rem; text-transform:uppercase; font-weight:bold; padding-left:10%; padding-top:180px; line-height:1; margin-left:-6px;}
#m2 .right .title{font-weight:bold; font-size:3.6rem; padding-left:10%; color:rgba(255,255,255);}
#m2 .right .con{margin-left:10%; max-width:520px; margin-top:60px;}
#m2 .right .con p{line-height:2; font-size:1.5rem; font-weight:300; margin-bottom:2rem; color:rgba(255,255,255);}

#m2 .more-box{margin-top:60px; height:52px;}
#m2 .more{display:block; width:50px; height:50px; border:1px solid #fff; line-height:47px; font-size:1.5rem; white-space:nowrap; padding-right:12px; box-sizing:border-box; text-align:right; overflow:hidden; position:relative; transition:all .35s; float:left; margin-left:10%;}
#m2 .more>div{position:absolute; left:-53px; transition:all .35s; color:#fff;}
#m2 .more span{color:#fff; font-size:1.7rem; margin-left:5px; transition:all .35s;}
#m2 .more:hover{width:116px; background:#fff;}
#m2 .more p{line-height:47px; display:inline-block; opacity:0; filter:alpha(opacity=0); transition:all .35s;}
#m2 .more:hover p{opacity:1; filter:alpha(opacity=100); color:#fd2020;}
#m2 .more:hover span{color:#fd2020;}
#m2 .more:hover>div{left:16px;}

#m2 .swiper-container{width:600px; height:100%;}
#m2 .swiper-wrapper{height:100%;}
#m2 .swiper-slide{width:100%; height:100%; position:relative; z-index:1;}
#m2 .swiper-slide a{width:300px; height:300px; display:block; float:left; margin-top:50px;}
#m2 .swiper-slide .img{height:300px;}
#m2 .swiper-slide .con{position:absolute; z-index:1; right:0; top:0; width:300px; height:100%;}
#m2 .swiper-slide .con:before{/*content:''; display:block; width:300px; height:400px; background:#eee; position:absolute;transform:skewX(-20deg); left:-80px; top:0px;*/}
#m2 .swiper-slide .con .tit{position:absolute; left:0; top:80px; font-size:2.5rem; color:#464646; font-weight:bold;}
#m2 .swiper-slide .con .tit:after{content:''; display:block; height:2px; background:#666; width:32px; position:absolute; bottom:-20px; left:0;}
#m2 .swiper-slide .con .txt{position:absolute; left:0; top:230px; font-size:1.5rem; font-weight:300; line-height:1.6; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:3;}
#m2 .swiper-slide .con a{display:block; width:30px; height:30px; position:absolute; left:16px; bottom:100px; margin-left:0;}
#m2 .swiper-slide .con a>span{display:block; height:2px; width:20px; background:#666; position:absolute; top:14px; transition:all .2s;}
#m2 .swiper-slide .con a>span:before{content:''; display:block; width:10px; height:2px; background:#666; transform:rotate(45deg); position:absolute; right:0; top:-4px;}
#m2 .swiper-slide .con a>span:after{content:''; display:block; width:10px; height:2px; background:#666; transform:rotate(-45deg); position:absolute; right:0; bottom:-4px;}
#m2 .swiper-slide .con a:hover>span{background:#fd2020; width:35px;}
#m2 .swiper-slide .con a:hover>span:before, #m2 .swiper-slide .con a:hover>span:after{background:#fd2020;}
#m2 .next{width:50px; height:50px; top:50%; right:10px; position:absolute; margin-top:-32px; font-size:5rem; text-align:center; display:block; cursor:pointer; color:#ccc; transform:rotate(180deg); transition:all .25s;}
#m2 .prev{width:50px; height:50px; top:50%; left:15px; position:absolute; margin-top:-32px; font-size:5rem; text-align:center; display:block; cursor:pointer; color:#ccc; transition:all .25s;}
#m2 .next:hover, #m2 .prev:hover{color:#fd2020;}

@media (max-width:1440px){
  #m2 .right .title-en{font-size:9rem; padding-top:130px;}
  #m2 .right .con{max-width:480px;}
  #m2 .left .box{width:700px; height:380px;}
  #m2 .swiper-container{width:570px; height:100%;}
  #m2 .swiper-slide a{width:270px; height:270px;}
  #m2 .swiper-slide .img{height:270px;}
  #m2 .swiper-slide .con a{bottom:70px; margin-left:0;}
}
@media (max-width:1280px){
  #m2 .right .title-en{font-size:8rem;}
  #m2 .right .title{font-size:3.2rem;}
  #m2 .right .con{max-width:430px;}
  #m2 .left .box{width:700px; height:380px;}
  #m2 .swiper-container{width:570px; height:100%;}
  #m2 .swiper-slide a{width:270px; height:270px;}
  #m2 .swiper-slide .img{height:270px;}
  #m2 .swiper-slide .con a{bottom:70px; margin-left:0;}
}
@media (max-width:1080px){
  #m2{height:auto; background:none; margin-top:50px; width:100%; overflow:hidden;}
  #m2 .left{width:100%; float:none; height:400px; border-top:1px solid #eee;}
  #m2 .left .box{width:100%; height:400px; position:absolute; right:0; top:0; margin-top:0;}

  #m2 .swiper-container{width:100%;}
  #m2 .swiper-wrapper{height:100%;}
  #m2 .swiper-slide{width:100%; height:100%; position:relative; z-index:1;}
  #m2 .swiper-slide a{width:150px; height:150px; margin:30px auto; float:none;}
  #m2 .swiper-slide .img{height:150px;}
  #m2 .swiper-slide .con{position:absolute; z-index:1; right:0; top:120px; width:100%; height:auto; box-sizing:border-box; padding:0 15px;}
  #m2 .swiper-slide .con .tit{position:relative; left:0; top:0; margin-top:70px; font-size:3.2rem; text-align:center;}
  #m2 .swiper-slide .con .tit:after{left:50%; margin-left:-16px;}
  #m2 .swiper-slide .con .txt{position:relative; top:0px; font-size:1.4rem; margin-top:50px; padding:0 20px;}
  #m2 .swiper-slide .con a{position:relative; left:0; bottom:0; margin:20px auto;}
  #m2 .next{z-index:2; margin-top:-110px;}
  #m2 .prev{z-index:2; margin-top:-110px;}

  #m2 .right{width:100%; height:auto; float:none; margin-top:50px;}
  #m2 .right .title-en{font-size:5.8rem; padding-left:0; padding-top:60px; margin-left:0; text-align:center;}
  #m2 .right .title{font-size:3.2rem; padding-left:0; text-align:center;}
  #m2 .right .con{margin-left:0; max-width:none; margin-top:40px; padding:0 20px; letter-spacing:0;}
  #m2 .right .con p{line-height:1.8; font-size:1.4rem; margin-bottom:1.8rem;}

  #m2 .more-box{margin-top:40px; height:52px; padding-bottom:50px;}
  #m2 .more{float:none; margin:auto;}
}



#m3{margin-top:100px; padding-bottom:80px;}
#m3 .title-en{color:#eaeaea; font-size:11rem; text-transform:uppercase; font-weight:bold; padding-left:120px; line-height:1;}
#m3 .title{font-weight:bold; font-size:3.6rem; padding-left:120px;}

#m3 .swiper-container{padding-bottom:80px; margin-top:70px;}
#m3 .swiper-wrapper{height:700px;}
#m3 .swiper-slide{width:1000px; height:600px; transition-timing-function:linear;}
#m3 .swiper-slide img{width:100%;}
#m3 .swiper-slide .box{position:absolute; left:88px; bottom:-88px; background:rgba(255,255,255,.98); width:380px; height:460px; box-shadow:10px 10px 25px rgba(0,0,0,.1); padding:60px 50px; box-sizing:border-box;}
#m3 .swiper-slide .box .tit{font-size:3.6rem; font-weight:bold; position:relative; color:#fd2020;}
#m3 .swiper-slide .box .tit span{display:inline-block; font-size:8rem; font-family:'Do Hyeon', sans-serif; font-weight:normal;}
#m3 .swiper-slide .box .tit:after{content:''; display:block; width:38px; height:2px; background:#fd2020; position:absolute; left:3px; bottom:-10px;}
#m3 .swiper-slide .box .con{font-size:1.5rem; font-weight:300; line-height:1.8; margin-top:35px; padding-left:3px;}
#m3 .swiper-button-next, #m3 .swiper-button-prev{width:80px; height:80px; line-height:80px; text-align:center; background:rgba(237,112,32,0.79); margin-top:-130px; color:#fff; transition:all .2s;}
#m3 .swiper-button-next:hover, #m3 .swiper-button-prev:hover{background:rgba(0,0,0,.4);}
#m3 .swiper-button-next span{font-size:6rem; transform:rotate(180deg); display:inline-block;}
#m3 .swiper-button-prev span{font-size:6rem; display:inline-block;}
#m3 .swiper-pagination-bullet{background:none; opacity:1; margin:0 6px !important; width:11px; height:11px; position:relative; outline:none; vertical-align:middle;}
#m3 .swiper-pagination-bullet span{width:5px; height:5px; background:#ccc; display:block; border-radius:50%; margin-top:3px; margin-left:3px; position:relative; z-index:2;}
#m3 .swiper-pagination-bullet i{background:#464646; height:1px; width:25px; position:absolute; top:5px; transform:scaleX(0);transform-origin:left; z-index:3; transition-timing-function:linear;}
#m3 .swiper-pagination-bullet-active span,.swiper-pagination-bullet:hover span{width:11px; height:11px; margin-top:0; margin-left:0; background:#464646; position:relative; z-index:1;}
#m3 .swiper-pagination-bullet-active i{animation:middle 7s;}
#m3 .swiper-pagination-bullet:first-child.swiper-pagination-bullet-active i{animation:first 6s;}
#m3 .swiper-pagination-bullet:last-child.swiper-pagination-bullet-active i{animation:last 6s;}
@keyframes first{
  0% {transform:scaleX(0.5);left:0px;}/*091*/
  100% {transform:scaleX(1);left:2px;} /*0915*/
}
@keyframes last{
  0% {transform:scaleX(0.7);left:-10px;}/*1090*/
  20% {transform:scaleX(0.3);left:2px;} /*090*/
  100% {transform:scaleX(0.3);left:0px;} /*090*/
}
@keyframes middle{
  0% {transform:scaleX(0.7);left:-10px;}/*1091*/
  20% {transform:scaleX(0.45);left:2px;}/*092*/
  100% {transform:scaleX(1);left:2px;} /*0913*/
}

@media (max-width:1080px){
  #m3{margin-top:80px; padding-bottom:80px;}
  #m3 .title-en{font-size:4.6rem; font-weight:bold; padding-left:0; text-align:center;}
  #m3 .title{font-size:3.2rem; padding-left:0; text-align:center;}
  #m3 .swiper-wrapper{height:auto;}
  #m3 .swiper-slide{width:100%; height:500px;}
  #m3 .swiper-slide .box{left:0; bottom:30px; width:100%; height:260px; box-shadow:none; padding:50px 40px}

  #m3 .swiper-button-next, #m3 .swiper-button-prev{width:50px; height:50px; line-height:50px;}
  #m3 .swiper-button-next span{font-size:3.6rem;}
  #m3 .swiper-button-prev span{font-size:3.6rem;}
}



#m4{min-height:100%; background:url('../image/m4.jpg') no-repeat center; background-size:cover;}
#m4 .title-en{color:#fff; font-size:11rem; text-transform:uppercase; font-weight:bold; padding-left:120px; line-height:1; padding-top:100px;}
#m4 .title{font-weight:bold; font-size:3.6rem; padding-left:120px; color:#fff;}
#m4 .box{margin:80px 120px; height:320px;}
#m4 .box a{display:block; width:23.5%; height:320px; background:#fff; float:left; margin-right:2%; box-sizing:border-box; padding:50px; transition:background .3s;}
#m4 .box a:last-child{margin-right:0;}
#m4 .box a .tit{font-size:1.8rem; color:#464646; height:50px; overflow:hidden; text-overflow:ellipsis;  display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; transition:color .3s;}
#m4 .box a .con{font-size:1.4rem; margin-top:25px; color:#999; line-height:1.7; overflow:hidden; text-overflow:ellipsis;  display:-webkit-box; -webkit-line-clamp:4; -webkit-box-orient:vertical; transition:color .3s;}
#m4 .box a .slider{margin-top:40px; height:1px; background:#666; width:40px; position:relative; margin-left:8px; transition:background .3s;}
#m4 .box a .slider:after{content:''; display:block; width:15px; height:15px; border:1px solid #666; border-radius:50%; position:absolute; left:-8px; top:-8px; transition:all .35s;}
#m4 .box a:hover .slider:after{left:31px;}
#m4 .box a:hover{background:#fd2020;}
#m4 .box a:hover .tit{color:#fff;}
#m4 .box a:hover .con{color:#fff;}
#m4 .box a:hover .slider{background:#fff;}
#m4 .box a:hover .slider:after{border-color:#fff;}

#m4 .more-box{margin-top:100px; height:52px;}
#m4 .more{display:block; width:50px; height:50px; border:1px solid #666; line-height:47px; font-size:1.5rem; white-space:nowrap; padding-right:12px; box-sizing:border-box; text-align:right; overflow:hidden; position:relative; transition:all .35s; margin:auto;}
#m4 .more>div{position:absolute; left:-53px; transition:all .35s; color:#666;}
#m4 .more span{color:#666; font-size:1.7rem; margin-left:5px; transition:all .35s;}
#m4 .more:hover{width:116px; background:#fd2020;}
#m4 .more p{line-height:47px; display:inline-block; opacity:0; filter:alpha(opacity=0); transition:all .35s;}
#m4 .more:hover p{opacity:1; filter:alpha(opacity=100); color:#fff;}
#m4 .more:hover span{color:#fff;}
#m4 .more:hover>div{left:16px;}

@media (max-width:1440px){
  #m4 .title-en{padding-left:55px;}
  #m4 .title{padding-left:60px;}
  #m4 .box{margin:80px 60px;}
  #m4 .box a{padding:40px;}
  #m4 .box a .slider{margin-top:52px;}
}
@media (max-width:1280px){
  #m4{padding-bottom:50px;}
  #m4 .title-en{padding-left:30px; padding-top:80px;}
  #m4 .title{padding-left:35px;}
  #m4 .box{margin:80px 35px;}
  #m4 .box a{padding:40px;}
  #m4 .box a .slider{margin-top:52px;}
  #m4 .more-box{margin-top:70px; height:52px;}
}
@media (max-width:1080px){
  #m4 .title-en{font-size:4.6rem; padding-left:0; padding-top:60px; text-align:center;}
  #m4 .title{font-size:3.2rem; padding-left:0; text-align:center;}
  #m4 .box{margin:50px 30px; height:auto;}
  #m4 .box a{width:100%; height:auto; background:#fff; float:none; margin-right:0; padding:40px; margin-bottom:30px;}
}



#m5{height:530px; background:url('../image/m5.jpg') no-repeat center; background-attachment:fixed; padding-top:100px; box-sizing:border-box; padding-left:120px; position:relative; z-index:9;}
#m5 .logo>img{height:52px;}
#m5 .company{font-size:1.6rem; color:#fff; margin-top:15px;}
#m5 .atxt{margin-top:50px; color:#fff; font-size:3.6rem; font-weight:bold;}
#m5 .atxt-en{color:rgba(255,255,255,.5); font-size:1.5rem; font-weight:300; max-width:800px; margin-top:40px; line-height:1.6;}

#m5 .right{min-width:700px; height:100%; background:#222; position:absolute; right:0; top:0; overflow:hidden;}
#m5 .right .logo{opacity:.04; filter:alpha(opacity=4); height:260px; position:absolute; right:-36px; top:93%; margin-top:-230px; z-index:1;}
#m5 .right .box{position:relative; z-index:2; padding:100px 0 0 120px; width:400px;}
#m5 .right .box a{display:inline-block; width:150px; height:50px; line-height:50px; color:#fff; font-size:1.7rem; transition:all .25s; position:relative;}
#m5 .right .box a:after{height:0; width:2px; background:#fd2020; position:absolute; left:0; top:50%; content:''; transition:all .25s;}
#m5 .right .box a:hover{color:#fd2020; padding-left:13px; width:137px;}
#m5 .right .box a:hover:after{height:17px; top:18px;}
#m5 .right .wx{width:52px; height:52px; position:absolute; right:200px; bottom:30px; border:1px solid rgba(255,255,255,.2); text-align:center; line-height:52px; font-size:2.4rem; display:block; z-index:3; color:rgba(255,255,255,.2); transition:all .25s;}
#m5 .right .mail{width:52px; height:52px; position:absolute; right:130px; bottom:30px; border:1px solid rgba(255,255,255,.2); text-align:center; line-height:52px; font-size:1.8rem; display:block; z-index:3; color:rgba(255,255,255,.2); transition:all .25s;}
#m5 .right .wx:hover,#m5 .right .mail:hover{border-color:#fd2020; background:#fd2020; color:#fff;}
#m5 .wx-box{position:absolute; z-index:3; right:200px; bottom:100px; width:172px; height:172px; overflow:hidden;}
#m5 .wx-box>img{margin-left:172px; transition:all .45s ease; opacity:0;}
#m5 .wx-box.active>img{margin-left:0; opacity:1;}

@media (max-width:1440px){
  #m5{padding-left:55px;}
  #m5 .atxt-en{max-width:700px;}
  #m5 .right{min-width:580px;}
  #m5 .right .box{padding:100px 0 0 80px;}
  #m5 .right .wx{right:160px;}
  #m5 .right .mail{right:90px;}
  #m5 .wx-box{right:160px;}
}
@media (max-width:1280px){
  #m5{padding-left:35px; height:500px; padding-top:80px;}
  #m5 .atxt{font-size:3.2rem;}
  #m5 .atxt-en{font-size:1.4rem; max-width:650px;}
  #m5 .right{min-width:520px;}
  #m5 .right .logo{height:420px; right:-220px;margin-top:-210px;}
  #m5 .right .box{padding:80px 0 0 80px;}
  #m5 .right .box a{font-size:1.6rem;}
  #m5 .right .wx{right:120px;}
  #m5 .right .mail{right:50px;}
  #m5 .wx-box{right:120px;}
}
@media (max-width:1080px){
  #m5{height:auto; background:none; padding:0;}
  #m5 .logo>img{display:none;}
  #m5 .company{display:none;}
  #m5 .atxt{display:none;}
  #m5 .atxt-en{display:none;}
  #m5 .right{min-width:auto; background:#222; position:relative; overflow:visible; overflow:hidden;}
  #m5 .right .box{padding:40px 0 80px 30px; width:100%;}
  #m5 .right .box a{width:20%; height:50px; line-height:50px; color:#fff; font-size:1.5rem;}
  #m5 .right .box a:after{display:none;}
  #m5 .right .box a:hover{color:#fd2020; padding-left:0; width:20%;}
  #m5 .right .box a:hover:after{display:none;}
  #m5 .right .wx{right:100px;}
  #m5 .right .mail{right:30px;}
  #m5 .wx-box{z-index:1; right:100px;right: 82px;

    top: 49%;
}
  #m5 .wx-box.active{z-index:3;}
}



#foot{background:#0b0b0b; height:80px; text-align:center; line-height:78px; font-size:1.5rem; position:relative; z-index:9;}
#foot .copy{color:#888; display:inline-block; margin-right:20px;}
#foot .tech{color:#888; display:inline-block; font-size:1.4rem;}
#foot .tech a{display:inline-block; color:#9e9c9c;}
#foot .tech a:last-child{margin-left:1.4rem;}
#foot .tech a:hover{color:#888;}

@media (max-width:1440px){

}
@media (max-width:1280px){
  #foot{font-size:1.4rem;}
  #foot .tech{font-size:1.3rem;}
}
@media (max-width:1080px){
  #foot{height:auto; line-height:1.5; padding:20px; font-size:1.3rem;}
  #foot .tech{margin-top:10px;}
  #m5 .wx-box.active>img{margin-left:0; opacity:1;width:57%}
}



#b-inside{height:488px; background:#eee; margin-top:100px; position:relative;}
#b-inside .bg{width:100%; height:100%; background-repeat:no-repeat; background-position:center; background-size:cover;}
#b-inside .box{width:1200px; position:absolute; left:50%; top:0; height:100%; margin-left:-600px;}
#b-inside .tit{color:#fff; font-size:4.6rem; font-weight:bold; padding-top:153px;}
#b-inside .con{color:#fff; font-size:1.7rem; margin-top:20px; line-height:2; max-width:65%; font-weight:300;}
#b-inside .tit1{color:#ed6b02; font-size:4.6rem; font-weight:bold; padding-top:153px;}
#b-inside .con1{color:#ed6b02; font-size:1.7rem; margin-top:20px; line-height:2; max-width:65%; font-weight:300;}

@media (max-width:1440px){
  #b-inside{height:468px;}
  #b-inside .tit{padding-top:145px;}
  #b-inside .tit1{padding-top:145px;}
}
@media (max-width:1280px){
  #b-inside{height:438px;}
  #b-inside .box{width:1080px;}
  #b-inside .tit{padding-top:135px; font-size:4.2rem;}
  #b-inside .con{font-size:1.6rem;}
  #b-inside .tit1{padding-top:135px; font-size:4.2rem;}
  #b-inside .con1{font-size:1.6rem;}	
}
@media (max-width:1080px){
  #b-inside{height:200px; margin-top:70px;}
  #b-inside .box{width:100%; left:0; top:0; height:auto; margin-left:0;}
  #b-inside .tit{font-size:3.2rem; padding-top:73px; text-align:center;}
  #b-inside .con{display:none;}
  #b-inside .tit1{font-size:3.2rem; padding-top:73px; text-align:center;}
  #b-inside .con1{display:none;}	
}



.block{width:1200px; margin:auto;}
.block .tit{font-weight:bold; color:#464646; font-size:3.2rem;}

@media (max-width:1080px){
  .block{width:100%;}
}

.about{padding:70px 0;}
.about .con{font-size:1.5rem; line-height:2; color:#464646; column-count:2; column-gap:60px; margin-top:50px;}
.about .con p{margin-bottom:1.5rem;}


#m-about-img{width:100%; min-height:100%; background:url('../image/about.jpg') no-repeat center; background-size:cover;}


.culture{padding: 70px 0 100px 0;}
.culture .tit{font-weight:bold; color:#464646; font-size:3.2rem; width:200px; float:left;}
.culture .right{width:800px; float:right;}
.culture .right .title-cn{font-size:2.8rem; color:#464646;}
.culture .right .title-en{font-size:1.5rem; margin-top:8px; color:#464646;}
.culture .right .con{margin-top:30px; line-height:2.4rem; font-size:1.5rem;}

.honor{padding:70px 0 0 0;}
.honor .tit{font-weight:bold; color:#464646; font-size:3.2rem; width:200px; float:left;}
.honor .right{width:800px; float:right;}
.honor .right a{display:block; float:left; width:236px; height:272px; margin-right:30px; margin-bottom:30px; border:1px solid #eaeaea; box-sizing:border-box; padding:8px; text-align:center; line-height:154px; transition:all .3s;}
/*.honor .right a:nth-child(5n){margin-right:0;}*/
.honor .right a img{max-width:218px; max-height:251px;}
.honor .right a:hover{box-shadow:5px 5px 15px rgba(0,0,0,.1);}

.org{padding:70px 0 100px 0;}
.org .tit{font-weight:bold; color:#464646; font-size:3.2rem; width:200px; float:left;}
.org .right{width:800px; float:right;}
.org .right>div{font-size:1.4rem; color:#999; margin-bottom:15px; text-align:center;}
.org .right>div>img{cursor:pointer;}


@media (max-width:1080px){
  .about{padding:50px 0;}
  .about .tit{text-align:center;}
  .about .con{column-count:1; column-gap:0; padding:0 20px; letter-spacing:0;}

  .culture{padding:50px 0 0 0;}
  .culture .tit{width:100%; float:none; text-align:center;}
  .culture .right{width:100%; float:none;}
  .culture .right .title-cn{text-align:center; margin-top:30px;}
  .culture .right .title-en{font-size:1.4rem; text-align:center; padding:0 20px;}
  .culture .right .con{line-height:2rem; font-size:1.4rem; padding:0 20px;}

  .honor{padding:50px 0 0 0;}
  .honor .tit{width:100%; text-align:center; float:none;}
  .honor .right{width:100%; float:none; padding-top:30px; display:flex; flex-wrap:wrap; align-items:center;}
  .honor .right a{float:none; width:50%; height:auto; margin-right:0; margin-bottom:-1px; border-top:1px solid #eaeaea;  border-bottom:1px solid #eaeaea; box-sizing:border-box; padding:8px; line-height:1; margin-right:-1px !important;}
/*  .honor .right a img{height:100px; width:auto;}*/

  .org{padding:50px 0 70px 0;}
  .org .tit{width:100%; text-align:center; float:none;}
  .org .right{width:100%; float:none; padding-top:30px;}
  .org .right a{float:none; width:100%; height:auto; margin-right:0; margin-bottom:-1px; border-top:1px solid #eaeaea;  border-bottom:1px solid #eaeaea; box-sizing:border-box; padding:8px; line-height:1;}
}



.news{padding:70px 0 70px 0;}
.news .list{border-top:1px solid #eaeaea; margin-top:50px; margin-bottom:50px;}
.news .list a{display:block; height:190px; border-bottom:1px solid #eaeaea;}
.news .list a .left{width:205px; float:left; margin-top:32px;}
.news .list a .left .date{font-size:1.4rem; color:#464646; position:relative;}
/*.news .list a .left .date:after{height:1px; width:60px; content:''; display:block; background:#ddd; position:absolute; right:0; top:10px;}*/
.news .list a .left p{background:#fd2020; color:#fff; font-size:1.7rem; width:30px; height:30px; transform:rotate(180deg); text-align:center; line-height:30px; margin-top:36px; transition:all .2s ease;}
.news .list a .right{width:960px; height:100%; float:right; position:relative;}
.news .list a .right h2{font-weight:bold; color:#464646; font-size:2.2rem; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; padding:27px 0 30px 0; display:block; margin:0; transition:all .25s;}
.news .list a .right .con{font-size:1.5rem; font-weight:300; line-height:1.8; overflow:hidden; text-overflow:ellipsis;
  display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical;}
.news .list a:hover h2{color:#fd2020;}
.news .list a:hover .left p{width:64px; text-align:left; padding-left:5px;}

.news .list a .right.img .img img{width:195px; height:130px; position:absolute; right:0; top:30px;}
.news .list a .right.img h2{width:720px;}
.news .list a .right.img .con{width:720px;}

@media (max-width:1080px){
  .news{padding:50px 0 30px 0;}
  .news .tit{text-align:center;}

  .news .list a{height:auto; padding:0 20px;}
  .news .list a .left{width:100%; float:none;}
  .news .list a .left .date:after, .news .list a .left p{display:none;}

  .news .list a .right{width:100%; height:auto; float:none;}
  .news .list a .right h2{font-weight:bold; color:#464646; font-size:2.2rem; overflow:visible; white-space:normal; padding:10px 0; display:block; margin:0; transition:all .25s;}
  .news .list a .right.img h2{width:100%; margin-top:40px;}
  .news .list a .right.img .img img{width:100%; height:auto; position:relative; right:0; top:30px;}
  .news .list a .right .con{font-size:1.4rem; letter-spacing:0; margin:0 0 32px 0;}
  .news .list a .right.img .con{width:100%;}

}


.block .more-box{margin:0px 0 30px 0; height:47px;}
.block .more-box>.more{display:block; width:170px; height:45px; line-height:44px; font-size:1.5rem; background:#fd2020; color:#fff; border-radius:3px; position:relative; transition:all .3s; text-align:center; margin:auto;}
.block .more-box>.more:hover{background:#fd2020;}
.block .more-box>.more span{color:#fff; display:inline-block; margin-left:6px; font-size:1.8rem;}


.loading-box{margin:0px 0 100px 0; height:47px; text-align:center; line-height:47px; display:none;}
.loading-box>div{width:12px; height:12px; background-color:#ccc; border-radius:100%; display:inline-block; animation:bouncedelay 1.4s infinite ease-in-out; animation-fill-mode:both; margin:0 3px;}
.loading-box .bounce1{animation-delay:-0.32s;}
.loading-box .bounce2 {animation-delay:-0.16s;}
@keyframes bouncedelay{
  0%,80%,100%{transform:scale(0.0);}
  40%{transform:scale(1.0);}
}



.body{overflow:hidden;}


.view-box{width:1000px; border-left:1px solid #eaeaea; border-right:1px solid #eaeaea; min-height:500px; margin:auto; padding: 80px 120px;; box-sizing:border-box;}
.view-box .tit-bg{background:#fd2020; height:220px; width:1000%; margin-bottom:50px;}
.view-box .tit-bg .date{padding-top:45px; color:#fff; font-size:1.4rem; padding-left:60px;}
.view-box .tit-bg h1{display:block; margin:0; font-size:2.4rem; color:#fff; padding-left:60px; padding-top:40px; width:860px;}



.text-content{font-size:1.5rem; line-height:1.8; color:#464646;}
.text-content img{max-width:100%; height:auto;}
.text-content p, .text-content div{margin-bottom:30px;}
.text-content img{max-width:100%; height:auto;}
.text-content span{display:inline-block;}
.text-content table{width:100% !important; border-collapse:collapse; border:0px none; border-top:1px solid #464646 !important; border-left:1px solid #464646 !important; border-spacing:0; table-layout:fixed;}
.text-content table tr{height:auto !important;}
.text-content table td{width:100% !important; height:auto !important; border:0px none !important; line-height:1.5; padding:5px !important; text-align:center; border-right:1px solid #464646 !important; border-bottom:1px solid #464646 !important; font-size:1.4rem;}
.text-content table td p{display:block; margin:0;}
.text-content table td span{display:inline-block; margin:0;}
.text-content table tr{transition:all .2s;}
.text-content table tr:hover{background:#e7f1fc;}

@media (max-width:1440px){
  .text-content p, .text-content div{margin-bottom:25px;}
}
@media (max-width:1280px){

  .text-content{font-size:1.4rem; line-height:1.75;width: 75%;margin-left: 3%;}
  .text-content p, .text-content div{margin-bottom:20px;}
}
@media (max-width:1080px){
  .view-box{width:100%; border:0px none; min-height:auto; padding:0;}
  .view-box .tit-bg{height:auto; width:100%; padding-bottom:30px;}
  .view-box .tit-bg .date{padding-top:30px; padding-left:20px;}
  .view-box .tit-bg h1{padding-left:20px; padding-top:15px; width:100%; box-sizing:border-box;}

  .text-content{padding:0 20px;}
}


.view-box .share{margin:70px 0 0 0; text-align:center; font-size:1.6rem; color:#fd2020;}
.view-box .share a{display:inline-block; width:30px; height:30px; border:1px solid #fd2020; vertical-align:middle; margin-top:-3px; margin-left:3px; border-radius:50%; text-align:center; line-height:30px; transition:all .25s; color:#fd2020;}
.view-box .share a.wx{font-size:1.8rem;}
.view-box .share a.wb{font-size:1.9rem;}
.view-box .share a.qq{font-size:1.6rem;}
.view-box .share a:hover{border:1px solid #fd2020; color:#fd2020;}


.view-btm{width:1000px; height:320px; margin:auto; padding:80px 0 120px 0; border-left:1px solid #eaeaea; border-right:1px solid #eaeaea; box-sizing:border-box; position:relative;}
.view-btm .prev, .view-btm .next{width:500px; height:120px; border:1px solid #eaeaea; display:block; box-sizing:border-box; position:absolute; transition:all .25s;}
.view-btm .prev{left:-1px;}
.view-btm .next{right:-1px; width:501px;}

.view-btm .prev .arr{height:2px; background:#ccc; width:50px; position:absolute; left:48px; top:60px; transition:all .25s;}
.view-btm .prev .arr:before{content:''; display:block; position:absolute; left:-2px; top:-7px; height:2px; width:20px; background:#ccc; transform:rotate(-45deg); transition:all .25s;}
.view-btm .prev .tit{width:325px; position:absolute; right:45px; height:100%;}
.view-btm .prev .tit span{vertical-align:middle; display:inline-block; font-size:1.6rem; transition:all .25s;}
.view-btm .prev .tit:after{content:''; width:0; height:100%; display:inline-block; vertical-align:middle;}
.view-btm .prev:hover{background:#fd2020;}
.view-btm .prev:hover .arr{left:28px; background:#fff;}
.view-btm .prev:hover .arr:before{background:#fff;}
.view-btm .prev:hover .tit span{color:#fff;}

.view-btm .next .arr{height:2px; background:#ccc; width:50px; position:absolute; right:48px; top:60px; transition:all .25s;}
.view-btm .next .arr:before{content:''; display:block; position:absolute; right:-2px; top:-7px; height:2px; width:20px; background:#ccc; transform:rotate(-135deg); transition:all .25s;}
.view-btm .next .tit{width:325px; position:absolute; left:45px; height:100%;}
.view-btm .next .tit span{vertical-align:middle; display:inline-block; font-size:1.6rem; transition:all .25s;}
.view-btm .next .tit:after{content:''; width:0; height:100%; display:inline-block; vertical-align:middle;}
.view-btm .next:hover{background:#fd2020;}
.view-btm .next:hover .arr{right:28px; background:#fff;}
.view-btm .next:hover .arr:before{background:#fff;}
.view-btm .next:hover .tit span{color:#fff;}

@media (max-width:1440px){
  .service .con>div{width:80%; float:none; padding:20px; box-sizing:border-box;}

}
@media (max-width:1280px){
  .view-btm .prev .tit span{font-size:1.5rem;}
  .view-btm .next .tit span{font-size:1.5rem;}
}
@media (max-width:1080px){
  .view-box .share{margin:30px 0 0 0;}
  .view-btm{width:100%; height:auto; padding:50px 0; border-left:1px solid #eaeaea; border-right:1px solid #eaeaea; box-sizing:border-box; position:relative;}

  .view-btm .prev, .view-btm .next{width:100%; height:auto; padding:20px; position:relative; margin-bottom:-1px; display:flex;}

  .view-btm .prev .arr{width:40px; position:relative; left:unset; top:unset; margin-top:10px;}
  .view-btm .prev .tit{width:auto; position:relative; right:0; height:auto; flex:auto; padding-left:20px;}
  .view-btm .next .arr{width:30px; position:relative; right:0; top:0; margin-top:10px;}
  .view-btm .next .tit{width:auto; position:relative; left:0; height:auto; flex:auto; padding-left:20px;}
  .view-btm .prev:hover .arr{left:0;}
  .view-btm .next:hover .arr{right:0;;}
}



.service, .feedback{padding:70px 0;}
.service .con, .feedback .con{margin-top:50px;}
.service .con>img{float:right; width:620px; margin-top:-30px;}
.service .con>div{width:1200px; float:left;}
.service .con>div a{display:inline-block; color:#fd2020;}

@media (max-width:1080px){
  .service, .feedback{padding:50px 0;}
  .service .tit, .feedback .tit{text-align:center;}
  .service .con>img{float:none; width:80%; margin:0 auto; display:block;}
  .service .con>div{width:80%; float:none; padding:20px; box-sizing:border-box;}
}


#form-order{background:#f3f3f3; padding:0 50px 30px 50px; margin-top:50px;}

.orderbox{max-width:1200px; padding:50px 0 0 0;}
.orderbox .tit{font-size:2.2rem; color:#464646; font-weight:300; font-family:'Microsoft YaHei Light';}
.orderbox table td{font-size:1.4rem; padding:8px 0;}
.orderbox input,.orderbox textarea{padding:9px; background:#fff; box-sizing:border-box; border:0px none; transition:all .2s;}
.submit{display:inline-block; padding:0 50px; line-height:46px; height:46px; background:#fd2020; color:#fff; border-radius:3px; transition:all .25s; font-size:13px;}
.submit:hover{background:#fd2020; color:#fff;}

@media (max-width:1080px){
  .feedback .text-content{padding:0 20px;}
  .orderbox{max-width:100%;}
  .orderbox input,.orderbox textarea{width:100% !important; box-sizing:border-box;}
}




.download{padding:70px 0 70px 0;}
.download .list{border-top:1px solid #eaeaea; margin-top:50px; margin-bottom:50px;}
.download .list a{display:block; height:190px; border-bottom:1px solid #eaeaea;}
.download .list a .left{width:205px; float:left; margin-top:32px;}
.download .list a .left .date{font-size:1.4rem; color:#464646; position:relative;}
.download .list a .left .date:after{height:1px; width:60px; content:''; display:block; background:#ddd; position:absolute; right:0; top:10px;}
.download .list a .left p{background:#fd2020; color:#fff; font-size:1.7rem; width:30px; height:30px; transform:rotate(180deg); text-align:center; line-height:30px; margin-top:36px; transition:all .2s ease;}
.download .list a .right{width:960px; height:100%; float:right; position:relative;}
.download .list a .right h2{font-weight:bold; color:#464646; font-size:2.2rem; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; padding:27px 0 30px 0; display:block; margin:0; transition:all .25s; width:720px;}
.download .list a .right .con{font-size:1.5rem; font-weight:300; line-height:1.8; overflow:hidden; text-overflow:ellipsis;
  display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; width:720px;}
.download .list a:hover h2{color:#fd2020;}
.download .list a:hover .left p{width:64px; text-align:left; padding-left:5px;}
.download .list .annex{width:195px; position:absolute; right:0; top:20px; text-align:center;}
.download .list .annex .iconfont{font-size:5.6rem; color:#ccc;}
.download .list .annex .size{margin-top:10px; font-size:1.4rem; color:#999;}

@media (max-width:1080px){
  .download{padding:50px 0 0 0;}
  .download .tit{text-align:center;}
  .download .list a{height:auto; padding:0 20px;}
  .download .list a .left{width:100%; float:none; margin-top:32px;}
  .download .list a .left .date:after{display:none;}
  .download .list a .left p{display:none;}
  .download .list a .right{width:100%; height:auto; float:none;}
  .download .list a .right h2{padding:10px 0;  margin:0; width:100%;}
  .download .list a .right .con{width:100%; padding-bottom:32px;}
  .download .list .annex{display:none;}
}


.hr{padding:70px 0;}
.hr .con{margin-top:50px;}
.hr .con .left{width:545px; float:right;}
.hr .con .right{width:600px; float:left; margin-top:60px;}

.hr .con .left .title{font-size:2.8rem; font-family:'楷体'; color:#333; text-align:right;}
.hr .con .left .imgs{width:565px; height:545px; margin-top:30px;}
.hr .con .left .imgs p{width:262px; height:195px; margin-right:20px; overflow:hidden; float:left; margin-bottom:20px;}
.hr .con .left .imgs p>img{width:100%; transition:all .35s; max-width:none;}
.hr .con .left .imgs p:hover>img{width:120%; margin:-10%;}

.hr .con .right .jobbtn{background:#fd2020; color:#fff; display:inline-block; padding:15px 30px; transition:all .2s;}
.hr .con .right .jobbtn span{display:inline-block; margin-right:5px;}
.hr .con .right .jobbtn:hover{background:#fd2020;}

@media (max-width:1080px){
  .hr{padding:50px 0;}
  .hr .tit{text-align:center;}
  .hr .con .left{width:100%; float:none;}
  .hr .con .right{width:100%; float:none; margin-top:50px; padding:0 20px; box-sizing:border-box;}
  .hr .con .right .jobbtn-wrapper{text-align:center;}

  .hr .con .left .title{text-align:center; font-size:2rem;}
  .hr .con .left .imgs{width:100%; height:auto; margin-top:30px;}
  .hr .con .left .imgs p{width:50%; height:auto; margin-right:0; margin-bottom:0;}
  .hr .con .left .imgs p>img{width:100%; transition:all .35s; max-width:none;}
  .hr .con .left .imgs p:hover>img{width:100%; margin:0;}
}



.job{padding:70px 0;}
.job .con{margin-top:30px; text-align:center; border-bottom:1px solid #eaeaea; padding-bottom:30px;}
.job .con .title{font-size:4.2rem; color:#fd2020;}
.job .con p{line-height:2; margin-bottom:20px; font-size:1.4rem;}

.job .list{margin-top:50px; padding-bottom:30px; width:1300px;}
.job .list a{display:block; width:370px; height:160px; background:#eee; margin-right:45px; margin-bottom:45px; float:left; padding:30px; box-sizing:border-box; position:relative; transition:all .3s;}
.job .list a .top{font-size:1.9rem; color:#ff9900; font-weight:300; position:relative; z-index:2; transition:all .3s; font-family:'Do Hyeon', sans-serif;}
.job .list a .iconfire{color:#ff9900; font-size:2rem; display:inline-block; vertical-align:middle;}
.job .list a .title{margin-top:10px; display:table; width:100%; position:relative; z-index:2;}
.job .list a .title p{display:table-cell; height:50px; vertical-align:middle; text-align:center; font-size:2rem; color:#fd2020; font-weight:bold; transition:all .3s;}
.job .list a .bg{position:absolute; z-index:1; right:0; bottom:0; color:#fff;}
.job .list a .bg span{font-size:12rem; transition:all .25s;}
.job .list a:hover{background:#fd2020;}
.job .list a:hover .top{color:#fff;}
.job .list a:hover .title p{color:#fff;}
.job .list a:hover .bg span{font-size:5rem;}


.job-view{padding:70px 0;}
.job-view>.tit span{display:inline-block; font-size:3.6rem; vertical-align:middle; margin-right:6px; color:#fd2020; margin-left:-6px;}
.job-view .con{margin-top:30px;}
.job-view .con .title{font-size:4.2rem; color:#fd2020;}
.job-view .con p{line-height:2; margin-bottom:20px; font-size:1.4rem;}
.job-view .btm{margin-top:40px;}
.job-view .btm .back{background:#fd2020; display:inline-block; padding:13px 35px 15px 35px; font-size:1.5rem; color:#fff; transition:all .2s;}
.job-view .btm .back .iconfont{font-size:1.2rem; vertical-align:middle; margin-right:8px; display:inline-block;}
.job-view .btm .back:hover{background:#fd2020;}

@media (max-width:1080px){
  .job{padding:50px 0;}
  .job .tit{text-align:center;}

  .job .con .title{font-size:2rem; text-align:center !important;}
  .job .con p{line-height:1.8; text-align:left; padding:0 20px;}

  .job .list{width:100%; padding:20px; box-sizing:border-box;}
  .job .list a{display:block; width:100%; height:160px;}

  .job-view{padding:50px 0 80px 0;}
  .job-view>.tit{padding:0 20px;}
  .job-view .btm{text-align:center;}
}



#map{width:100%; height:100%; position:fixed; z-index:1; left:0; top:0;z-index: 3;}



#contact{width:540px; height:auto; padding:60px; background:rgba(237, 32, 32, 0.9); position:absolute; left:10%; top:26%; z-index:8;}
#contact h1{font-size:3.2rem; color:#fff; font-weight:normal; line-height:1; display:block; margin:0; font-weight:bold;}
#contact .con{margin-top:50px; color:#fff; font-size:1.5rem;}
#contact .con p{margin-bottom:12px;}

@media (max-width:1080px){
  #map{height:400px; position:relative;}
  #contact{width:100%; position:relative; left:0; top:0; box-sizing:border-box; padding:60px 30px;}
  #contact h1{font-size:3.6rem; line-height:1.1;}
}

@media (max-width:1080px){
  #map{display:none;}
  #contact{width:100%; position:relative; left:0; top:0; margin-top:60px;}
  .hidden-s{display:none;}
}


.pro-wrapper{padding:60px 120px;}
.pro-wrapper .tit{font-size:10rem; color:#ededed; font-weight:bold;}
.pro-wrapper .list{margin-top:50px;}
.pro-wrapper .item{margin-bottom:50px; padding-bottom:50px; height:620px;}
.pro-wrapper .item .left{width:430px; height:510px; float:left; margin-left:200px; padding-top:120px; position:relative; box-sizing:border-box;}
.pro-wrapper .item .right{width:960px; float:right;}


.pro-wrapper .item .txt .title{font-weight:bold; font-size:4.0rem; color:#464646;}
.pro-wrapper .item .txt .con{font-size:2.6rem; margin-top:50px; position:relative; padding-left:100px; line-height:1.8;}
.pro-wrapper .item .txt .con:before{content:''; display:block; width:80px; height:1px; background:#666; position:absolute; left:0; top:15px;}


.pro-wrapper .item .left .iconfont{width:50px; height:50px; border:1px solid #666; display:block; position:absolute; left:0; bottom:0; color:#464646; font-size:2.6rem; text-align:center; line-height:50px; transition:all .2s;}
.pro-wrapper .item .left .iconfont:hover{background:#fd2020; color:#fff;}


.pro-wrapper .item .right .img{width:830px; height:535px; background:#f3f9ff; float:right; position:relative; text-align:center; line-height:535px; transition:all .3s;}
.pro-wrapper .item .right .img img{width:500px; height:500px; transition:all .3s;}
.pro-wrapper .item .right .img>.l{background:#ededed; width:125px; height:330px; position:absolute; left:-125px; bottom:0; transition:all .3s;}
.pro-wrapper .item .right .img>.b{background:#ededed; width:760px; height:70px; position:absolute; left:0; bottom:-70px;transition:all .3s;}
.pro-wrapper .item .right .img:hover{width:850px; height:550px;}
.pro-wrapper .item .right .img:hover img{width:530px; height:530px;}
.pro-wrapper .item .right .img:hover>.l{width:110px; height:350px; left:-110px;}
.pro-wrapper .item .right .img:hover>.b{width:800px; height:55px; bottom:-55px;}


.pro-wrapper .item:nth-child(even) .left{float:right;}
.pro-wrapper .item:nth-child(even) .right{float:left;}
.pro-wrapper .item:nth-child(even) .right .img{float:left;}
.pro-wrapper .item:nth-child(even) .right .img>.l{left:unset; right:-125px;}
.pro-wrapper .item:nth-child(even) .right .img>.b{left:unset; right:0;}
.pro-wrapper .item:nth-child(even) .right .img:hover>.l{left:unset; right:-110px;}

.pro-wrapper .item:nth-child(even) .left{margin-left:unset; margin-right:200px;}

@media (max-width:1440px){
  .pro-wrapper{padding:60px 60px;}
  .pro-wrapper .item{height:550px;}
  .pro-wrapper .item .left{width:380px; height:510px; margin-left:0px; padding-top:100px;}
  .pro-wrapper .item .right{width:700px;}
  .pro-wrapper .item .right .img{width:750px; height:483px; line-height:483px;}
  .pro-wrapper .item .right .img img{width:450px; height:450px;}
  .pro-wrapper .item .right .img>.l{width:105px; height:310px; left:-105px;}
  .pro-wrapper .item .right .img>.b{width:680px;}
  .pro-wrapper .item .right .img:hover{width:780px; height:503px; line-height:503px;}
  .pro-wrapper .item .right .img:hover img{width:480px; height:480px;}
  .pro-wrapper .item .right .img:hover>.l{width:90px; left:-90px;}
  .pro-wrapper .item .right .img:hover>.b{width:760px;}

  .pro-wrapper .item:nth-child(even) .right .img>.l{right:-105px;}
  .pro-wrapper .item:nth-child(even) .left{margin-right:6px;}
  .pro-wrapper .item:nth-child(even) .right .img:hover>.l{right:-90px;}

}
@media (max-width:1280px){
  .pro-wrapper{padding:50px 35px;}
  .pro-wrapper .item{height:520px;}
  .pro-wrapper .item .left{width:360px; height:450px; margin-left:0px; padding-top:80px;}
  .pro-wrapper .item .txt .title{font-size:4rem;}
  .pro-wrapper .item .txt .con{font-size:1.5rem; margin-top:50px; position:relative; padding-left:100px; line-height:1.8;}
  .pro-wrapper .item .right{width:600px;}
  .pro-wrapper .item .right .img{width:650px; height:450px; line-height:450px;}
  .pro-wrapper .item .right .img img{width:420px; height:420px;}
  .pro-wrapper .item .right .img>.l{width:95px; height:310px; left:-95px;}
  .pro-wrapper .item .right .img>.b{width:600px;}
  .pro-wrapper .item .right .img:hover{width:680px; height:483px; line-height:483px;}
  .pro-wrapper .item .right .img:hover img{width:460px; height:460px;}
  .pro-wrapper .item .right .img:hover>.l{width:90px; left:-90px;}
  .pro-wrapper .item .right .img:hover>.b{width:660px;}

  .pro-wrapper .item:nth-child(even) .right .img>.l{right:-95px;}
  .pro-wrapper .item:nth-child(even) .left{margin-right:6px;}
  .pro-wrapper .item:nth-child(even) .right .img:hover>.l{right:-90px;}
}
@media (max-width:1080px){
  .pro-wrapper{padding:40px 0;}
  .pro-wrapper .tit{font-size:5.2rem; text-align:center;}
  .pro-wrapper .item{margin-bottom:50px; padding-bottom:20px; height:auto;}
  .pro-wrapper .item .left{width:100%; height:auto; float:none; margin-left:0; padding:0 20px; box-sizing:border-box;}
  .pro-wrapper .item .right{width:100%; float:none;}

  .pro-wrapper .item .right .img{width:100%; height:300px; line-height:300px;}
  .pro-wrapper .item .right .img img{width:auto; height:240px;}
  .pro-wrapper .item .right .img>.l{display:none;}
  .pro-wrapper .item .right .img>.b{display:none;}
  .pro-wrapper .item .right .img:hover{width:100%; height:300px; line-height:300px;}
  .pro-wrapper .item .right .img:hover img{width:auto; height:240px;}

  .pro-wrapper .item .txt .title{font-size:3.2rem; margin-top:30px;}
  .pro-wrapper .item .txt .con{font-size:1.5rem; margin-top:30px; padding-left:55px; line-height:1.7;}
  .pro-wrapper .item .txt .con:before{width:40px; top:13px;}

  .pro-wrapper .item .left .iconfont{position:relative; margin-top:30px;}
  .pro-wrapper .item .left .iconfont:hover{background:#fd2020; color:#fff;}
}




.prolist{padding:0 0 70px 0;}
.prolist .cls{margin:auto; text-align:center; background:#fd2020; padding:30px 0;}
.prolist .cls a{display:inline-block; font-size:1.8rem; margin:0 35px; padding:15px 35px; color:#fff; transition:all .2s;}
.prolist .cls a.active{background:#fff; color:#464646 !important;}
.prolist .cls a:hover{color:#d8ead7;}


.propath{padding:30px; border-bottom:1px solid #e4e4e4; font-size:1.5rem; color:#999;}
.propath a{display:inline-block; color:#999;}
.propath a:hover{color:#fd2020;}


.prolist .list>a{display:block; width:25%; height:360px; float:left; box-sizing:border-box; border-right:1px solid #e4e4e4; border-bottom:1px solid #e4e4e4; text-align:center; transition:all .2s;}
.prolist .list>a .img{width:250px; height:250px; margin:auto; padding:30px 0 0 0;}
.prolist .list>a .title{height:80px; padding:10px 30px; box-sizing:border-box; text-align:center; font-size:1.5rem; color:#464646; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:2;}
.prolist .list>a:hover{border-color:#fff; box-shadow:1px 1px 30px rgba(0,0,0,.2); position:relative; z-index:2;}
.prolist .list>a:hover .title{color:#fd2020;}

@media (max-width:1440px){
  .prolist .cls{padding:28px 0;}
}
@media (max-width:1280px){
  .prolist .cls{padding:25px 0;}
  .prolist .cls a{font-size:1.7rem;}
  .prolist .list>a .title{padding:10px 20px; font-size:1.4rem;}
}
@media (max-width:1080px){
  .prolist .cls{display:none;}
  .propath{padding:20px; font-size:1.3rem;}

  .prolist .list>a{width:50%; height:auto; border-right:1px solid #e4e4e4; border-bottom:1px solid #e4e4e4;}
  .prolist .list>a:nth-child(2n+0){border-right:0px none;}
  .prolist .list>a .img{width:150px; height:150px; padding:10px 0 0 0;}
  .prolist .list>a .title{height:75px; padding:10px 15px; font-size:1.4rem;}
}



.pm1{margin-top:130px; height:40px; padding:0 0 0 30px; font-size:1.5rem; color:#464646; position:relative;}
.pm1 p{display:inline-block;}
.pm1 span, .pm1 p a{display:inline-block; color:#464646;}
.pm1 p a:hover{color:#fd2020;}
.pm1 p a:last-child{color:#fd2020;}
.pm1 .back{width:120px; height:43px; background:#fd2020; position:absolute; right:30px; top:-5px; display:block; color:#fff; font-size:1.4rem; text-align:center; line-height:43px; transition:all .2s;}
.pm1 .back .iconfont{color:#fff; font-size:1.2rem; margin-right:6px;}
.pm1 .back:hover{background:#fd2020;}

@media (max-width:1080px){
  .pm1{margin-top:100px; height:auto; padding:0 15px; font-size:1.4rem;}
  .pm1 .back{display:none;}
}


#pro-view{padding-bottom:60px;}
#pro-view h1{text-align:center; color:#464646; font-size:3.2rem; letter-spacing:0;}

#pro-view .pro-move{margin:0 auto; min-height:400px; position:relative; z-index:1;}
#pro-view .bx-wrapper img{display:block; margin:auto; height:auto; max-height:600px;}
#pro-view .pro-move .bx-wrapper{box-shadow:none; margin:0 0 20px 0; min-height:400px;}
#pro-view .pro-move .bx-wrapper .bx-viewport{border:0px none; box-shadow:none; left:0;}
#pro-view .pro-move .bx-pager{font-size:0; text-align:center; padding:0 50px; text-align:center;}
#pro-view .pro-move .bx-pager a{display:inline-block; width:64px; height:64px; vertical-align:middle; margin-right:6px; margin-bottom:6px; background:#fff; box-sizing:border-box; text-align:center; transition:all .2s; border:1px solid #ddd; box-sizing:border-box; line-height:61px;}
#pro-view .pro-move .bx-pager a>img{max-width:60px; max-height:60px; vertical-align:middle;}
#pro-view .pro-move .bx-pager a:after{content:''; display:inline-block; height:100%; vertical-align:middle; width:0; font-size:0;}
#pro-view .pro-move .bx-pager a.active{box-shadow:0 0 0 0; background:#fff; position:relative; border-bottom:3px solid #fd2020;}
#pro-view .pro-move .bx-pager a.active>img{-webkit-filter:brightness(116%); filter:brightness(116%);}
#pro-view .pro-move .bx-prev{display:none;}
#pro-view .pro-move .bx-next{display:none;}
#pro-view .pro-move .bx-wrapper .bx-controls-direction a{opacity:0;}


#pro-view .pro-move a.l{display:block; position:absolute; width:150px; height:90px; left:-70px; top:50%; margin-top:-80px; text-align:center;}
#pro-view .pro-move a.l .iconfont{font-size:4.2rem; color:#464646; transition:all .2s;}
#pro-view .pro-move a.l p{font-size:1.2rem; color:#464646; margin-top:5px; line-height:1.5; transition:all .2s; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:2;}
#pro-view .pro-move a.l:hover .iconfont{color:#fd2020;}
#pro-view .pro-move a.l:hover p{color:#fd2020;}

#pro-view .pro-move a.r{display:block; position:absolute; width:150px; height:90px; right:-70px; top:50%; margin-top:-80px; text-align:center;}
#pro-view .pro-move a.r .iconfont{font-size:4.2rem; color:#464646; transition:all .2s; transform:rotate(180deg); display:block;}
#pro-view .pro-move a.r p{font-size:1.2rem; color:#464646; margin-top:5px; line-height:1.5; transition:all .2s; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:2;}
#pro-view .pro-move a.r:hover .iconfont{color:#fd2020;}
#pro-view .pro-move a.r:hover p{color:#fd2020;}

@media (max-width:1440px){

}
@media (max-width:1280px){
  #pro-view .pro-move a.l{width:120px; left:-10px;}
  #pro-view .pro-move a.l p{-webkit-line-clamp:3;}
  #pro-view .pro-move a.r{width:120px; right:-10px;}
  #pro-view .pro-move a.r p{-webkit-line-clamp:3;}
}
@media (max-width:1080px){
  #pro-view{padding-bottom:0px;}
  #pro-view h1{font-size:2.8rem; padding:0 15px; line-height:1.2; margin-top:30px;}

  #pro-view .pro-move{min-height:300px;}
  #pro-view .bx-wrapper img{max-height:320px;}
  #pro-view .pro-move .bx-wrapper{min-height:300px;}

  #pro-view .pro-move a.l{display:none;}
  #pro-view .pro-move a.r{display:none;}
}




#pro-tags-tab{background:#eee; height:70px;}
#pro-tags-tab a{display:inline-block; font-size:1.7rem; color:#464646; height:70px; line-height:68px; padding:0 50px; position:relative; transition:all .2s; overflow:hidden;}
#pro-tags-tab a:last-child{margin-right:0;}
#pro-tags-tab a:hover{color:#fd2020;}
#pro-tags-tab a.active{color:#fff; background:#fd2020;}
#pro-tags-tab a:after{background:#fff; content:''; display:block; width:12px; height:12px; transform:rotate(45deg); position:absolute; left:50%; bottom:-16px; margin-left:-6px; transition:all .25s;}
#pro-tags-tab a.active:after{bottom:-6px;}


#pro-tags-con{margin-top:50px;}
#pro-tags-con .item{letter-spacing:0px; display:none;}
#pro-tags-con .item .title{display:none;}
#pro-tags-con .pdfs a{display:block; position:relative; font-size:1.6rem; color:#464646; line-height:40px; text-overflow:ellipsis; overflow:hidden; white-space:nowrap;}
#pro-tags-con .pdfs a i{display:inline-block; font-size:2.6rem; margin-right:12px; vertical-align:middle;}
#pro-tags-con .pdfs a:hover{color:#fd2020;}


#pro-top{height:150px; text-align:center; margin-top:70px;}
#pro-top a{display:block; width:100px; height:50px; margin:auto; text-align:center; font-size:1.6rem; font-weight:300; color:#464646; transition:all .2s;}
#pro-top a>i{font-size:3.6rem; display:block; margin-bottom:5px; color:#464646; transition:all .2s;}
#pro-top a:hover{color:#fd2020;}
#pro-top a:hover>i{color:#fd2020;}

@media (max-width:1080px){
  #pro-tags-tab{display:none;}
  #pro-tags-con .item{display:block; margin-bottom:-1px;}
  #pro-tags-con .item .title{display:block; border-top:1px solid #eee; border-bottom:1px solid #eee; font-size:1.8rem; padding:20px; color:#464646; position:relative; transition:all .25s;}
  #pro-tags-con .item .title i{position:absolute; display:block; width:24px; height:24px; line-height:24px; font-size:0.8rem; right:20px; top:20px; transform:rotate(-180deg) scale(.7); transition:all .25s;}
  #pro-tags-con .item .title.active{background:#eee; color:#fd2020;}
  #pro-tags-con .item .title.active i{transform:rotate(0) scale(.7);}
  #pro-tags-con .item .content{padding:20px; display:none;}
}





/* #allmap{width: 100%;} */
.hidden-s{height: 100%;}





  /* 分页 */
  .pages {
    margin: 40px 0 0;
    font-size: 14px;
    text-align: center;
  }
  
  .pages .page-num-current {
    background: #c90303;
    display: inline-block;
        height: 30px;
        line-height: 30px;
        border: 1px solid #ddd;
        text-align: center;
        color: #ffffff;
        padding: 0 12px;
        margin: 0 2px;
  }
  
  .pages a {
    display: inline-block;
    height: 30px;
    line-height: 30px;
    background: #fff;
    border: 1px solid #ddd;
    text-align: center;
    color: #333;
    padding: 0 12px;
    margin: 0 2px;
  }
  
  .pages a:hover {
    background: #c90303;
    border: 1px solid #c90303;
    color: #fff;
    text-decoration: none
  }
  
  .pages span {
    display: inline-block;
    height: 32px;
    line-height: 32px;
    background: #c90303;
    color: #fff;
    text-align: center;
    padding: 0 14px;
    margin: 0 2px;
  }
  
  
  .pageLogin {
    width: 100%;
    height: 500px;
    margin: 0 auto;
    background: url(../images/loginbg.jpg) center center no-repeat;
    min-width: 1200px;
  }
  
  .pageLogin .top {
    width: 100%;
    min-width: 1200px;
    padding-top: 110px;
    text-align: center;
  }
  
  .pageLogin .top h2 {
    font-size: 36px;
    color: #fff;
    line-height: 76px;
  }
  
  .pageLogin .top .line {
    width: 58px;
    height: 2px;
    background-color: #fff;
    margin: 0 auto;
  }
  
  .pageLogin .top p {
    font-size: 18px;
    color: #ccc;
    line-height: 55px;
    text-transform: uppercase;
  }
  
  .pageLogin .form {
    width: 930px;
    height: 50px;
    margin: 60px auto 0;
  }
  
  .pageLogin .form p {
    position: relative;
    float: left;
    height: 50px;
    width: 360px;
    margin: 0 10px;
  }
  
  .pageLogin .form i {
    width: 24px;
    height: 20px;
    display: block;
    margin: 15px 13px;
    position: absolute;
    top: 0;
    z-index: 1;
    background: url(../images/login.png) 0 0 no-repeat;
  }
  
  .pageLogin .form .name {
    background-position: 0 0;
  }
  
  .pageLogin .form .phone {
    background-position: 0 -20px;
  }
  
  .pageLogin .form input.txt {
    border: 0;
    border-radius: 5px;
    overflow: hidden;
    padding: 0 20px 0 50px;
    width: 290px;
    background: #fff;
    margin: 0;
    height: 50px;
    line-height: 50px;
    font-size: 14px;
  }
  
  .pageLogin .form input.btn {
    border: 0;
    border-radius: 5px;
    overflow: hidden;
    background: #333;
    width: 150px;
    height: 50px;
    cursor: pointer;
    text-align: center;
    font-size: 18px;
    color: #fff;
    margin: 0 10px;
  }
  
  .pageLogin .form input.btn:hover {
    background: #c90303;
  }
  
  #menu>li>a:hover, #menu>li>a.on {
    color: #fd2020;
}
#menu>li>a:after{content:''; display:block; width:0; height:0; background:#fd2020; position:absolute; left:50%; bottom:0; transition:all .3s;}
#menu>li>a:hover, #menu>li>a.on{color:#fd2020;}
#menu>li>a.on:after{height:3px; width:100%; left:0;}
/* 分页end */  
@media(max-width: 768px){
	#m5 .right .logo {
		height: 199px;
		right: -20px;
		margin-top: -210px;}

.green{color: #fff !important;}